@charset "utf-8";

* {
    font-family:'Hiragino Maru Gothic ProN W4',sans-serif;
    font-size:22px;
    font-weight: 700;
    line-height:1.5em;
    color:#1C2A53;
    letter-spacing:1px;
}

h2 {
    font-weight:bold;
    text-align:center;
}

span,a {
    font:inherit;
    color:inherit;
    line-height:1.5em;
}

img {
    max-width:100%;
}

a:hover {
    opacity:.6;
}

html,body,section {
    width:100%;
    margin:0;
    padding:0;
}

.section_wrapper {
    width:1000px;
    margin:0 auto;
    padding:3em 0;
}

.unbr {
    display:inline-block;
}

.br_sp {
    display:none;
}

.br_pc {
    display:inline;
}

.tac,.tac_tal,#target1,#target_fd_1 {
    text-align:center;
}

.tal {
    text-align:left;
}

.tar {
    text-align:right;
}

p b {
    font-weight: 900;
}

.text_l {
    font-size:180%;
}

.text_lm {
    font-size:130%;
}

.text_xl {
    font-size:180%;
}

.text_m {
    font-size:120%;
}

.text_ms {
    font-size:90%;
}

.text_ms90 {
    font-size:90%;
}

.text_s {
    font-size:16px;
}

.text_ss {
    font-size:14px;
}

.text_footer {
    font-size:12px;
    font-weight: normal !important;
}

.text_sss {
    font-size:6px;
}

.text_min {
    font-family: 'Noto Serif JP', serif;
    font-weight:500;
}

.text-_normal {
    font-weight: normal;
}

.text_regular {
    font-weight:400;
}

.text_bold {
    font-weight:700;
}

.text_lightglay {
    color:#808080;
}

.text_lightblue {
    color:#2D92BE;
}

.text_white {
    color:#fff;
}

.text_black {
    color:#000;
}

.text_yellow {
    color:#ff0;
}

.marker_yellow {
    background:linear-gradient(transparent 50%, #ff6 50%);
}

.flex {
    display:flex;
    justify-content:space-between;
}

.flex_wrap {
    flex-wrap:wrap;
}

.flex_vac {
    align-items:center;
}

.flex_vae {
    align-items:end;
}

/******************************************************************************
*
* animation
*
******************************************************************************/

.anime_guide {
    position:relative;
    display:inline-block;
    /*transform: translate(0, -50%);*/
    text-decoration:none;
}

.anime_guide span {
    position:absolute;
    top:0;
    left:50%;
    width:24px;
    height:24px;
    margin-left:-12px;
    transform:rotate(-45deg);
    box-sizing:border-box;
}

.anime_3arrows {
    padding-top:60px;
}

.anime_3arrows span {
    border-left:2px solid #1C2A53;
    border-bottom:2px solid #1C2A53;
    animation:three_arrows 2s infinite;
    opacity:0;
}

.anime_3arrows_white span { 
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
}

.anime_3arrows span:nth-of-type(1) {
    animation-delay:0s;
}

.anime_3arrows span:nth-of-type(2){
    top:16px;
    animation-delay:.15s;
}

.anime_3arrows span:nth-of-type(3) {
    top:32px;
    animation-delay:.3s;
}

@keyframes three_arrows {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

.anime_1arrow {
    padding-top:60px;color:#fff;
}

.anime_1arrow span {
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    animation:one_arrow 1.5s infinite;
    opacity:0;
}

@keyframes one_arrow {
    0%{transform:rotate(-45deg) translate(0, 0);opacity:0;}
    50% {opacity: 1;}
    100%{transform:rotate(-45deg) translate(-20px, 20px);opacity: 0;}
}

.anime_pulse {
    position:absolute;
    top:0px;
    left:-1px;
    width:200px;
    height:200px;
    border-radius:50%;z-index:1;
}

.anime_pulse::before,.anime_pulse::after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background-color:#39B44A;
    border-radius:50%;
    box-sizing:border-box;
    pointer-events:none;
    animation:pulsate 1.5s linear infinite;
    z-index:1;
}

.anime_pulse::before {
    width:65%;
    height:65%;
    animation-delay: .5s;
}

.anime_pulse::after {
    width:75%;
    height:75%;
}

@keyframes pulsate { 
    0%{transform:scale(1);opacity:1;}
    100%{transform: scale(2);opacity: 0;}
}

.activate .anime_jiggle_inside,.activate_fd .anime_jiggle_inside,.anime_jiggle{
    animation:jiggle 2s linear infinite;
}

@keyframes jiggle {
    0%{transform: scale(1.0)}
    25%{transform: scale(1.015)}
    40%{transform: scale(0.94)}
    50%{transform: scale(1.015)}
    60%{transform: scale(0.97)}
    70%{transform: scale(1.01)}
    80%{transform: scale(0.98)}
    90%{transform: scale(1.015)}
    100% {transform:scale(1.0)}
}

/******************************************************************************
*
* ヘッダー
*
******************************************************************************/

#header {
    background:url(img/hd_bg_pc.jpg) no-repeat center;
    background-size:cover;
}

#hd_button_area {
    background-color:#C1E5F9;
}

#hd_button_area picture img {
    margin:-20px 0 -25px 20px;
}

/******************************************************************************
*
* 6つの特徴
*
******************************************************************************/

#section_6points {
    background: repeating-linear-gradient(90deg, #e4ecf6, #e4ecf6 10px, #fff 10px, #fff 20px);
}

#section_6points .flex picture {
    width:30%;
    height:auto;
}

#section_6points .flex img {
    padding-top:1.5em;
}

/******************************************************************************
*
* 悩み
*
******************************************************************************/

#section_worries_1,#section_present_1,#section_present_3 {
    background:#1c2a53;
}


#section_worries_2 {
    background:#E5E5E5;
}

#section_worries_3 {
    background:#2D92BE;
    padding-bottom:3em;
}

#section_worries_3 .tac img:first-child {
    object-fit:cover;
    display:block;
    padding-bottom:1.5em;
}

#section_worries_3 .section_wrapper {
    padding:0;
}

/******************************************************************************
*
* CTA
*
******************************************************************************/

#section_free-document.lazyloaded,#section_free-document2.lazyloaded {
    background:url(img/free-doc_bg.jpg) no-repeat center;
    background-size:cover;
    padding:3em 0;
}

#section_free-document img.anime_jiggle {
    margin:-10px 0 -20px;
}

.free_doc_content_1,.free_doc_content_2,.privacy-policy {
    background:#fff;
    padding:2em;
}

.free_doc_content_1 {
    border-radius:3em 3em 3em 3em;
}

.free_doc_content_1 p:first-child img {
    width:80%;
}

.free_doc_content_2 {
    background:#0E4C7F;
}

.privacy-policy {
    border-radius:0 0 3em 3em;
}

#target_fd_1 a,#target1 a {
    margin:-20px 0 -40px;
}

#section_present_1 img,#section_present_3 img {
    width:33%;
}

#section_present_1 .flex,#section_present_3 .flex {
    justify-content:center;
}

.present_1_text {
    padding:0 .5em;
}

#section_present_1 .text_l a,#section_present_3 .text_l a {
    font-size:22px;
}

#section_present_2.lazyloaded,#section_present_4.lazyloaded{
    background:url(img/present_bg.jpg);
}

/******************************************************************************
*
* 3step
*
******************************************************************************/

#section_3step,#section_3step_2 {
    background:#1C2A53;
}

/******************************************************************************
*
* アカデミーとは
*
******************************************************************************/

#section_academy.lazyloaded {
    background:url(img/academy_bg.jpg);
}

#section_academy {
    padding-bottom:3em;
}

#section_academy .section_wrapper {
    background:#fff;
    box-shadow:0 0 5px 5px rgba(2, 108, 175, 0.2);
    padding-top:3em;
    padding-bottom:3em;
    border-radius:3em;
}

#section_academy .flex {
    padding-left:2em;
    padding-right:2em;
}

#section_academy .flex p {
    width:calc(50% - .5em);
    padding:1em 0 0;
    margin:0;
    margin-bottom:2em
}

.academy_img_2 img {
    max-height:345px;
    width:auto;
}

.academy_img_3 img {
    max-height:335px;
    width:auto;
}

.academy_img_4 {
    padding-left:2em;
    padding-right:2em;
}

.academy_img_5 img {
    width:70%;
}

p.academy_img_4 {
    margin:0 0 2em;
}

.academy_graph {
    background:#2D92BE;
    padding:2em 0;
}

/******************************************************************************
*
* 体験談
*
******************************************************************************/

#section_voices-title {
    background:#C1E5F9;
}

#section_voices-title p{
    line-height:2em;
}

#section_voices {
    background: repeating-linear-gradient(90deg, #9bceef, #9bceef 30px, #82c2eb 30px, #82c2eb 60px);
}

#section_voices .flex div {
    padding:1em 1em;
    border-radius:1em;
    background:#fff;
    width:calc(32% - 2em);
}

#section_voices .flex div img{
    width:50%;
}

#section_voices .text_m {
    font-size:90%;
}

#section_voices .text_ss {
    font-weight:normal;
}

/******************************************************************************
*
* 3つの理由（他とはココ違う）
*
******************************************************************************/

#section_3reasons_title {
    background:#1c2a53;
}

.three-reasons_title img {
    width:90%;
}

#section_3reasons {
    background:#1c2a53;
}

#section_3reasons .flex {
    padding:1em;
    border-radius:1em;
    background:#fff;
    border:5px solid #ff0;
    margin-bottom:2em;
}

#section_3reasons .flex:last-child {
    margin-bottom:0;
}

#section_3reasons .flex p {
    margin:0;
    padding:0 1em
}

#section_3reasons .flexbox {
    padding:1em;
    border-radius:1em;
    background:#fff;
    border:5px solid #ff0;
    margin-bottom:2em;
}

#section_3reasons .flexbox:last-child {
    margin-bottom:0;
}

#section_3reasons .flexbox p {
    margin:0;
    padding:0;
}

.paid_doc_img img {
    width:70%;
}

.paid_doc {
    display:block;
    background:#6ec1e4;
    border:none!important;
    padding:1em 0;
}

.support_img img {
    width:75%;
}

#section_3reasons .flex p:last-child {
    width:80%;
}

#section_3reasons .flex .text_s {
    display:block;
    font-weight:normal;
    border-top:5px dotted #1c2a53;
    padding-top:1em;
}

#section_3reasons img.anime_jiggle {
    margin:-10px 0 -20px;
}

#section_3reasons .flexbox .text_s {
    display:block;
    font-weight:normal;
    border-top:5px dotted #1c2a53;
    padding-top:1em;
}

/******************************************************************************
*
* コピーライターとWEBライター
*
******************************************************************************/

#section_copy-writer.lazyloaded {
    background:#f8feff;
}

#section_copy-writer_title,.five_points,.copy_web,.faq_title{
    background:#279fc0;
}

#section_copy-writer .text_s {
    font-weight:normal;
}

.five_points {
    padding:1.5em;
    border-radius:1em;
    margin:2em 0;
}

.five_points .text_st,.copy-writer_text .text_lightblue {
    display:inline-block;
    border-bottom:5px dotted #fff;
    padding:0 0 1em;
    margin-bottom:1em;
}

.five_points_content {
    background:#fff;
    border:3px solid #279fc0;
    padding:0 2em;
    border-radius:1em;
    margin-bottom:2em;
}

.five_points_content .text_me {
    font-size:50%;
}

.five_points_content .text_s {
    font-size:13px;
}

.tag_lightblue {
    background:#2d92be;
    padding:.15em .5em;
    vertical-align:middle;
}

.copy_web_title {
    background:#279fc0;
    border:3px solid #279fc0;
    padding:0 1em;
    border-radius:1em 1em 0 0;
}

.copy_web {
    background:#fff;
    border:3px solid #279fc0;
    padding:2em 4.5em;
    border-radius:0 0 1em 1em;
}

.copy-writer_img {
    width:25%;
}

.copy-writer_text {
    width:73%;
}

.copy-writer_text .text_lightblue {
    display:block;
    border-color:#1c2a53;
    padding:0 0 .5em 0;
    margin-bottom:.5em;
}

.copy-writer_text .text_s {
    letter-spacing:0;
}

.frame_black {
    border:1px solid #333;
    border-radius:.5em;
    padding:1em;
}

/******************************************************************************
*
* CTA2
*
******************************************************************************/

.text-box_scroll {
    height:6em;
    overflow:auto;
    padding:1.5em;
    border:solid 2px #2D75A5;
}

.text-box_scroll *,#section_op .text_s {
    font-family:YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}

.text-box_scroll *{
    font-size:12px;
}

.text-box_scroll p,.text-box_scroll span,.text-box_scroll a {
    font-weight:normal;
}

.text-box_scroll b {
    display:block;
    font-weight:bold;
    margin:2em 0 1em 0;
}

.text-box_scroll a {
    text-decoration:underline;
    color:#777F98;
}

.text_indent {
    display:block;
    padding-left:2em;
}

.unactivate,.unactivate_fd {
    pointer-events:none;
}

.activate,.activate_fd {
    pointer-events:auto;
}

.unactivate a,.activate a,.unactivate_fd a,.activate_fd a {
    display:block;
    background-size:contain;
    background-repeat:no-repeat;
}

.unactivate a,.activate a,.unactivate_fd a,.activate_fd a {
    height:180px;
}

.unactivate a {
    background-image:url("img/button_trial_glay.png");
}

.activate a {
    background-image:url("img/button_trial.png");
}

.unactivate_fd a {
    background-image:url("img/button_free-doc_glay.png");
}

.activate_fd a {
    background-image:url("img/button_free-doc.png");
}

.privacy-policy_check {
    background-color:#2D75A5;
}

.privacy-policy_check label {
    color:#fff;
}

.privacy-policy_check p {
    margin:0!important;padding:1em;
}

.text_deco_bogen_fore,.text_deco_bogen_rear {
    display:inline-block;
    width:22px;
    height:27px;
}

.text_deco_bogen_fore {
    border-left:3px solid;
    transform:rotate(-30deg);
}

.text_deco_bogen_rear {
    border-right:3px solid;
    transform:rotate(30deg);
}

.unactivate .text_s_sp,.unactivate_fd .text_s_sp {
    color:#333;
}

.unactivate .text_lightblue,.unactivate_fd .text_lightblue {
    color:#999;
}

.unactivate .text_deco_bogen_fore,.unactivate_fd .text_deco_bogen_fore,.unactivate .text_deco_bogen_rear,.unactivate_fd .text_deco_bogen_rear{
    border-color:#333;
}

.activate .text_deco_bogen_fore,.activate_fd .text_deco_bogen_fore,.activate .text_deco_bogen_rear,.activate_fd .text_deco_bogen_rear {
    border-color:#1c2a53;
}

.activate .text_m,.activate_fd .text_m {
    color:#1c2a53;
}

.text_white .text_deco_bogen_fore,.text_white .text_deco_bogen_rear {
    border-color:#fff;
}

/******************************************************************************
*
* FAQ
*
******************************************************************************/

#section_faq {
    background-color:#C1E5F9;
}

.faq_title {
    padding:1em;
}

.dsp_block {
    display:block;
}

.dsp_none {
    display:none;
}

.faq_item {
    background-color:#fff;border-radius:15px;padding:1em 5em;margin-bottom:2em;
}

.faq_item p {
    padding-left:2.5em;text-indent:-2.5em;
}

.faq_item .text_s {
    font-weight:normal;
    color:#363636;text-indent:0!important;
}

button#button_see-more {
    border:solid 6px #2D92BE;
    border-radius:48px;
    color:#2D92BE;
    background-color:#fff;
    padding:1em 0;
    width:60%;
    margin:0 auto;
    cursor:pointer;
}

.op_title{
    background:#000;
    margin:0;
    padding:1em 0;
}

#section_op .text_s {
    line-height:2em;
    font-weight:normal;
}

.op_text,.op_mag {
    width:calc(100% - 130px);
    margin:1em auto;
}

.op_mag {
    background:#000;
    margin-top:3em;
    padding:.5em 0;
    border-radius:1.5em;
}

#section_op .flex {
    justify-content:center;
}

#section_op .flex img {
    width:calc(100% - 2em);
    height:auto;
    padding-bottom: 1em;
}

#section_footer {
    background:#1c2a53;
    padding:0.5em 1em 0.5em;
    width:calc(100% - 2em);
}

#section_footer a {
    color:#fff;
    text-decoration:none;
}

#section_footer a:hover {
    opacity:.5;
}

#section_footer .section_wrapper {
    padding: 0 0 0.3em;
}

#section_footer .section_wrapper p {
    font-weight: normal;
}

.f_in {
    color: #FFFFFF;
    border-left: 4px solid #fff;
    letter-spacing: 0.1em;
    padding: 0px 0px 0px 10px;
    line-height: 3.0em;
}

.f_cp {
    margin-top: 1.0em;
}

.footer_anker_1 {
    padding-right:1em;
}

.footer_anker_2 {
    padding-right:1em;
    padding-left:1em;
}

.footer_anker_3 {
    padding-left:1em;
}

.trial_fixed_button_1,.trial_fixed_button_2 {
    position:fixed;
    right:1px;
    bottom:1px;
    z-index:100;
}

.trial_fixed_button_1 {
    width:200px;
    height:auto;
}

.trial_fixed_button_2 {
    width:120px;
    height:auto;
}

.trial_fixed_button_1 img,.trial_fixed_button_2 img {
    max-width:100%;
}

.trial_fixed_button_1:hover,.trial_fixed_button_2:hover {
    cursor:pointer;
}

.trial_fixed_button_1,.trial_fixed_button_2 {
    opacity:0;
    transition:opacity 350ms ease;
}

.trial_button_hided_1,.trial_button_hided_2 {
    pointer-events:none;
}

#trial_button_1 img,#trial_button_2 img {
    position:relative;
}

#trial_button_1 a:hover,#trial_button_2 a:hover {
    opacity:1;
}

#trial_button_1 a,#trial_button_2 a,#trial_button_1 img,#trial_button_2 img {
    z-index:100;
}

@media screen and (min-width:481px){

    .trial_button_sp {
        display:none;
    }
}

@media screen and (max-width: 1060px){

    .section_wrapper{
        width:calc(100% - 3em);padding:.5em 0;
    }
    
    #header .section_wrapper {
        width:100%;padding:0;
    }
    
    #section_academy .section_wrapper {
        padding-top:.5em;
        padding-bottom:.5em;
    }
    
    .unactivate a,.activate a {
        height:calc(100vw / 5);
    }
    
    .op_text,.op_mag {
        width:100%;
    }
}

@media screen and (max-width: 480px){
    *{
        font-size:15px;
    }
    
    p {
        margin-top:.5em;
        margin-bottom:.5em;
    }
    
    .text_l {
        font-size:120%;
    }

    .text_l {
        font-size:150%;
    }
    
    .text_l_sp,.five_points .text_l {
        font-size:180%;
    }
    
    .text_s,.text_s_sp,#section_present_1 p a,#section_present_3 p a {
        font-size:12px;
    }
    
    .tac_tal {
        text-align:left;
    }
    
    .br_pc {
        display:none
    }
    
    .br_sp {
        display:inline;
    }
    
    .invisible_sp {
        display:none;
    }
    
    .flex_wrap_sp {
        flex-wrap:wrap;
    }
    
    .text_deco_bogen_fore,.text_deco_bogen_rear {
        height:20px;
    }
    
    #hd_button_area .flex_sp_2,#section_3reasons_title .anime_3arrows,#section_worries_3 p {
        margin:0 auto .5em;
    }
    
    #hd_button_area .flex_sp_1 {
        margin-bottom:0;
    }
    
    #hd_button_area .flex_sp_1,#target_fd_1,#section_3reasons .tac,#target1 {
        line-height:12px;
    }
    
    #section_6points .flex picture {
        width:48%;
    }
    
    #section_6points .flex img {
        padding-top:0;
    }
    
    #section_worries_1 {
        padding:1em 0;
    }
    
    
    #section_worries_3 {
        padding-bottom:.5em;
    }
    
    #section_free-document,#section_free-document2 {
        padding:1em 0;
        z-index:101;
        position:relative;
    }

    #section_free-document,#section_free-document2 img.anime_jiggle {
        margin:-10px 0 -15px;
    }

    #section_free-document,#section_free-document2 p.copy {
        margin: 0 0 15px;
        font-weight:700;
        line-height:1em;
    }
    
    .free_doc_content_2 .text_lm {
        font-size:100%;
    }
    
    .free_doc_content_1 {
        padding-top:1em;
        border-radius:1em 1em 1em 1em;
    }
    
    .privacy-policy {
        padding-bottom:1em;
        border-radius:0 0 1em 1em;
    }
    
    .free_doc_content_1,.free_doc_content_2,.privacy-policy {
        padding:1em;
    }
    
    #section_present_1 .text_l,#section_present_3 .text_l {
        font-size:120%;
    }
    
    #section_present_1 .text_l a,#section_present_3 .text_l a {
        font-size:15px;
    }
    
    #section_academy .section_wrapper {
        padding-top:1em;
        padding-bottom:1em;
        border-radius:1em;
    }
    
    #section_academy .flex {
        padding-left:1em;
        padding-right:1em;
    }
    
    #section_academy .flex p {
        width:100%;
        padding:1em 0 0;
        line-height:1.5em;
    }
    
    #section_academy p.text_l {
        font-size:120%;
        line-height:.5em;
        padding:0 .5em;
    }

    #section_academy .text_lm {
        font-size:110%;
        padding:0 .5em;
    }

    #section_academy p.text_ms {
        font-size:90%;
        font-weight:normal;
        padding:0 .5em;
    }
    
    #section_academy .flex_sp_2 .text_l {
        letter-spacing:0;
    }
    
    .academy_img_2 img,.academy_img_3 img {
        height:auto;
    }
    
    .flex_sp_1 {
        order:1;
    }
    
    .flex_sp_2 {
        order:2;
    }
    
    .academy_img_4 {
        padding:0 1em;
    }
    
    .academy_img_5 img {
        width:92%;
    }
    
    .academy_graph {
        padding:.5em;
        font-size:180%;
    }
    
    #section_voices {
        padding-top:1em;
    }
    #section_voices .flex div {
        width:100%;
        padding:1em;
        margin-bottom:1em;
        border-radius:1em;
    }
    
    #section_voices-title span.text_l {
        font-size:180%;
        font-weight:900;
        line-height:1em;
    }
    
    #section_3reasons {
        padding:1em 0;
    }
    
    #section_3reasons .flex p {
        width:100%!important;
    }
    
    #section_3reasons .flex {
        margin-bottom:1em;
    }
    
    #section_voices .text_m {
        font-size:150%;
    }
    
    .three-reasons_title img {
        width:100%;
    }
    
    #section_3reasons .flex p {
        padding:0;
    }

    #section_3reasons .flex p .text_s{
        padding-top:1.5em;
        padding-bottom:1.0em;
        font-size:14px;
        line-height:normal;
    }
    
    .three-reasons_title img {
        width:100%;
    }
    
    .paid_doc {
        margin-bottom:1em;
    }
    
    #section_copy-writer .section_wrapper {
        padding-bottom:1em;
    }
    
    .copy-writer_text .text_l {
        font-size:120%;
    }
    
    .copy-writer_img {
        width:30%;
    }
    
    .copy-writer_text {
        width:65%;
    }
    
    p.copy-writer_text {
        line-height:1.2em;
    }
    
    .copy-writer_text span {
        line-height:1em;
    }
    
    .five_points,.five_points_content {
        margin:1em 0;
    }
    
    .five_points_content {
        padding:.5em 1em;
    }
    
    .copy_web {
        padding:1em;
    }

    .copy_web p{
        margin-bottom: 1.5em;
    }

    .copy_web .text_s{
        font-size:90%;
    }
    
    .five_points_content .tag_lightblue {
        display:inline-block;
        padding:.25em .5em;
        margin-bottom:.75em;
    }
    
    .tag_lightblue.text_ms {
        font-size:80%;
    }
    
    .copy_web_title .text_m {
        font-size:150%;
    }
    
    .unactivate a,.activate a,.unactivate_fd a,.activate_fd a {
        height:calc(100vw / 4);
    }
    
    .unactivate a {
        background-image:url("img/button_trial_glay_sp.png");
    }
    
    .activate a {
        background-image:url("img/button_trial_sp.png");
    }
    
    .unactivate_fd a {
        background-image:url("img/button_free-doc_glay_sp.png");
    }
    
    .activate_fd a {
        background-image:url("img/button_free-doc_sp.png");
    }
    
    #section_faq {
        padding-bottom:1em;
    }
    
    .faq_item {
        padding:.1em 1em;
        margin:.5em 0 1em;
    }
    
    .faq_item p {
        padding-left:1.75em;
        text-indent:-1.75em;
    }
    
    .op_mag {
        margin-top:2em;
    }
    
    #section_op .text_s {
        line-height:1.5em;
    }
    
    button#button_see-more {
        border:solid 3px #2D92BE;width:calc(100% - 2em);
    }

    #section_footer .section_wrapper {
        padding: 0;
        width: 98%;
    }

    .f_cp {
        margin-top: 3.0em;
        margin-bottom: 2.0em;
    }

    .footer_anker_1 {
        padding-right:0.05em;
    }
    
    .footer_anker_2 {
        padding-right:0.05em;
        padding-left:0.05em;
    }
    
    .footer_anker_3 {
        padding-left:0.05em;
    }
    
    .trial_button_pc {
        display:none;
    }
    
    #hd_button_area picture img {
        margin:-10px 0 -15px;
    }
    
    #target_fd_1 a,#target1 a {
        margin:-5px 0 -20px;
    }
    
    #section_3reasons img.anime_jiggle {
        margin:-5px 0 -10px;
    }
    
    .anime_1arrow,#hd_button_area .anime_3arrows,#section_3reasons_title .anime_3arrows {
        padding-top:35px;
    }
    
    #hd_button_area .anime_3arrows span:nth-of-type(2),#hd_button_area .anime_3arrows span:nth-of-type(3),#section_3reasons_title .anime_3arrows span:nth-of-type(2),#section_3reasons_title .anime_3arrows span:nth-of-type(3){
        display:none;
    }
    
    #hd_button_area .anime_guide span,#section_3reasons_title .anime_guide span,#section_worries_3 .anime_guide span {
        margin-left:-7px;
    }
    
    #hd_button_area .anime_3arrows span,#section_3reasons_title .anime_3arrows span,.anime_1arrow span {
        animation:one_arrow_sp 1.2s infinite;opacity:0;
    }
    
    @keyframes one_arrow_sp {
        0%{transform:rotate(-45deg) translate(0, 0);opacity:0;}
        50% {opacity: 1;}
        100%{transform:rotate(-45deg) translate(-8px, 8px);opacity: 0;}
    }
    
    .anime_guide span {
        width:16px;
        height:16px;
    }
    
    .anime_pulse {
        position:absolute;
        top:1px;
        left:2px;
        width:120px;
        height:120px;
        border-radius:50%;
    }
    
    .anime_pulse::before {
        width:70%;
        height:70%;
    }
    
    .anime_pulse::after{
        width:80%;
        height:80%;
    }
}

/******************************************************************************
*
* m
*
******************************************************************************/

.arrow {
  position: relative;
  display: inline-block;
  padding: 10px;
}

.arrow::before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  left: 10px;
  top: 8px;
}

.arrow.arrow-top::before {
  transform: rotate(-45deg);
  top: 10px;
}

.arrow.arrow-bottom::before {
  transform: rotate(135deg);
}

.arrow.arrow-left::before {
  transform: rotate(-135deg);
}

.arrow.arrow-right::before {
  transform: rotate(45deg);
}

.box4{
    width: 100%;
    padding: 8px 0;
    margin: 1.5em 0 .5em;
    color: #2c2c2f;
    background: #f1f8ff;
    border-top: solid 5px #2c96c5;
    border-bottom: solid 5px #2c96c5;
}

.box4 p {
    margin: 0; 
    padding: 0;
    font-size:16px;
}

@media screen and (max-width: 767px){
    .box4 p {
        font-size:14px;
    } 
}

ul, ol {
    margin: 0.5em 0 0; 
    color: #668ad8;/*文字色*/
}

ul li, ol li {
    font-size:14px;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    ul li, ol li {
        font-size:12px;
        line-height: 1.5;
    }
}


.flexbox {
    display: flex;
}

.box1 {
    width: 50%;
    margin: auto;
}

.box2 {
    width: 50%;
    margin: auto .5rem;
}
@media screen and (max-width: 767px) {
    .flexbox {
        display: block;
    }
    .flexbox .box1 {
        width: 100%;
        margin: 0 auto;
    }
    .flexbox .box2 {
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .text_footer {
        font-size:11px;
    }
}

/******************************************************************************
*
* 媒体による切り替え
*
******************************************************************************/

/*-- PC版表示CSS  --*/
.pc_only {
    display: block;
    white-space: nowrap;
}

.sp_only {
    display: none;
}
  
  
/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
    .pc_only {
      display: none;
    }
    
    .sp_only {
      display: block;
    }
  }