@charset "UTF-8";
body{
    font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
}

.only_pc {
    display: block !important;
}
.only_sp {
    display: none !important;
}
@media all and (max-width:767px) {
    .only_pc {
        display: none !important;
    }
    .only_sp {
        display: block !important;
    }
}
@media all and (min-width:768px) {
    a{
        transition: opacity 150ms ease-out;
    }
    a:hover{
        opacity: 0.5;
    }
}

.btn-fixed {
    display: block;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(5px);
}
@media all and (min-width:768px) {
    .btn-fixed {
        display: none;
    }
}
    .btn {
        color: #878787;
                font-weight: 400;
        line-height: 150%; /* 16.5px */
        text-decoration: underline;
        font-size: 12px;
    }
    .btn:before{
        text-decoration: none;
    }
    .link_btn{
        color: #878787;
        font-size: 11px;
        text-decoration: underline;
        position: relative;
        padding-left: 12px;
        @media all and (min-width:768px) {
            font-size: 12px;
            transition: opacity 150ms ease-out;
        }
    }
    @media all and (min-width:768px) {
        .link_btn:hover{
            opacity: 0.5;
        }
        .link_btn{
            cursor: pointer;
        }
    }
    .link_btn::before{
        text-decoration: none;
        color:#878787;
    }
    a.link_btn::before {
    content: "▶";
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translate(-50%, -50%);
}
    .main-visual_cta_sub .btn03.anchor::before{
        content: none;
    }
    .main-visual_cta_sub .btn03.anchor::after{
       position: absolute;
       content: url(/contents/image/LP_O_icon_link_anchor.png);
        transform: scale(0.5);
        top: -3px;
        margin-left: 0;

    }
    @media all and (min-width:768px) {
        .main-visual_cta_sub .btn03.anchor::after{
        top:-3px;
        }
    }
    .main-visual_cta_sub .link_btn{
        font-size: 12px;
        padding-left: 14px;
    }
    .main-visual_cta_sub .link_btn:first-child{
        margin-right: 24px;
    }
    
@media only screen and (max-width: 959px) {
    .btn {
        
        width: 100%;
        padding: 5px 10px;
        margin: 0 auto 0px;
        font-size: 11px;
        
    }
}
.main-visual_cta_sub{
    margin:16px;
}
@media all and (max-width:768px) {
    .main-visual_cta_sub{
    display: flex;
flex-direction: column;
align-items: flex-start;
    }
}
@media all and (min-width:768px) {
    .main-visual_cta_sub{
    margin-top: 24px;
    }
}
.links_lead{
    color: #FF3B72;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;

}
.links_lead span{
    color: #FF3B72;
        font-size: 14px;
    font-weight: 700;
    line-height: 120%;
position: relative;;
}
.links_lead span::before{
        left: -12px;
    transform: rotate(-25deg);
    position: absolute;
    bottom: 4px;
    content: "";
    width: 1px;
    height: 10.786px;
    background-color: #FF3B72;
}
.links_lead span::after{
    position: absolute;
    bottom: 4px;
    content: "";
    width: 1px;
    height: 10.786px;
    background-color: #FF3B72;
    right: -12px;
    transform: rotate(25deg);
}
@media all and (min-width:768px) {
    .links_lead span{
        font-size: 16px;
    }
    .links_lead.s_large span{
        font-size: 20px;       
    }
    .links_lead.s_large span::after{
        height: 19.414px
    }
    .links_lead.s_large span::before{
         height: 19.414px
    }
}
.links_btn{
    margin: 0 auto;
    margin-top: 4px;
    display: flex;
    width: 300px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: var(--MAIN-PINK, #FF3B72);
    box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.11) inset;
    position: relative;
}
@media all and (min-width:768px) {
    .links_btn{
        width: 620px;
        height: 105px;
        transition: opacity 150ms ease-out;
    }
    .links_btn:hover{
        opacity: 0.5;
    }
}
.links_btn::before{
    content: "";
    background-image: url(/contents/image/LP_O_icon_btn_24.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    position: absolute;
    left: -7px;
    bottom: 0px;

}
.links_btn::after{
    content: "▶";
    color: #FFF;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 24px;
    bottom: 24px;
}
@media all and (min-width:768px) {
   .links_btn::before{
    width: 120px;
    height: 120px;
    bottom: 0px;
   }
   .links_btn::after{
    right: 24px;
    bottom: 48px;
   }
   .btn-fixed .links_btn{
    width: 360px;
    height: 63px;
}
.btn-fixed .links_btn::before{
    width: 70px;
    height: 70px;
    bottom: 0px;
}
.btn-fixed .links_btn::after{
    right: 24px;
    bottom: 27px;
}
}

.links_title{
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    font-size: 16px;
    font-weight: 700;
    line-height: 130%; 
}
@media all and (min-width:768px) {
    .links_title{
        font-size: 18px;
    }
    .s_large .links_title{
        font-size: 28px;
    }
}
.header{
    display: flex;
    gap:16px;
    padding: 12px 16px 14px 16px;
    align-items: center;
}
    @media all and (min-width:768px) {
        .header{
        padding: 12px 40px 14px 40px;
        gap:0px;
        }
    }
.header_logo{
    width: 88px;
    height: 32px;
}
.header_attention{
    margin: 0 auto;
    border-radius: 5px;
    background: rgba(235, 48, 48, 0.10);
    color: rgba(27, 27, 27, 0.80);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
                display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    gap:8px;
}

@media only screen and (max-width: 768px) {
    .header_attention{
        text-align: left;
        font-size: 11px;
        padding: 6px 8px;
        border-radius: 10px;
    
    }
}
.header_attention picture{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
}
.main-visual{
    background: #00479D;
    margin-bottom: 16px;

}
    @media all and (min-width:768px) {
        .main-visual{
         margin-bottom: 24px;
        }
    }
    .shindan {
        margin-top: 10px;
        margin-bottom: 40px;
            margin-left: 16px;
            margin-right: 16px;
    }
    @media all and (min-width:768px) {
    .shindan {
    margin-top: 56px;
    margin-bottom: 56px;
    padding-top: 0;
    }
    }
.shindan .form-group{
    border-bottom: none;
    padding-bottom: 0;
    justify-content: flex-start;
}
.shindan_body{
    max-width: 560px;
    margin: 0 auto;
}
@media only screen and (max-width: 959px) {
    .shindan .form-group{
        flex-direction: column;
        padding-top:16px;
        align-items: flex-start;
    }
}
.shindan .shindan_bg{
    background: #EAF4FF;
    border-radius: 10px;
    border: 3px solid rgba(0, 71, 157, 0.10);
    padding: 24px;
    max-width: 800px;
}
.shindan .shindan_bg:before{
    content:none;
}
    .shindan #form_simulation select, .shindan #form_simulation input {
        width: 346px !important;
    }
    .shindan #form_simulation .form-control_select{
        width: auto;
    }
@media only screen and (max-width: 959px) {
    .shindan #form_simulation .form-control_select{
    width: 100%;
    }
    .shindan #form_simulation select, .shindan #form_simulation input {
        width:255px!important;
    }
}
.shindan #form_simulation .shindan-tag{
    border-radius: 5px;
    border: 1px solid var(--FORM-LINE, #D0D6D3);
    padding:8px 14px;
}
.shindan #form_simulation .form-control_select:after{
           background: url(../image/LP_O_shindan-arrow.png) no-repeat right;
           background-size: 16px;
           opacity: .5;
}
.shindan #form_simulation p{
    font-weight: 700;
    line-height: 140%;
    color:#3C3E3D;
    font-size: 14px!important;
    margin:0 0 4px;
}
    @media all and (min-width:768px) {
        .shindan #form_simulation p{
        font-size: 16px!important;
        }
    }
.shindan #form_simulation .form-group_yen{
    color: #3C3E3D;
    font-size: 16px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; 
    flex-shrink: 0;
        margin-left: 0;
        width: auto;
}

@media only screen and (min-width: 959px) {
.shindan #form_simulation .kome, .shindan #form_simulation .kome-red{
    margin-left: 33%;
}
.shindan #form_simulation .form-control_select select{
    width: 386px!important;
}
}
.form-yen_area{
    display: flex;
    gap: 8px;
    align-items: center;
}
.kome, .kome-red{
    color: #878787;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

}
    @media all and (min-width:768px) {
        .kome, .kome-red{
            font-size: 12px;
        }
    }
sub.kome{
    display: inline;
}
.shindan #form_simulation .shindan_btn{
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Proz";
    border-radius: 100px;
    background: var(--NOTE-DARK, #878787);
    border: none;
    box-shadow: none;
    color:#FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding: 16px 32px;
    width: 240px;

}
    @media all and (min-width:768px) {
        .shindan #form_simulation .shindan_btn{
        width: 260px;
        }
    }
.shindan #form_simulation .shindan_btn.active{
    background: var(--MAIN-BLUE, #00479D);
}
.shindan #form_simulation select.is-empty {
    color: var(--FORM-EXAMPLE, #ADADAD);
    font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
}
.shindan #form_simulation select.is-empty:valid {
    color: #333;
}
.shindan #form_simulation select, .shindan #form_simulation input{
    font-size: 16px!important;
}
.result_wrap{
    border-radius: 10px;
    border: 3px solid rgba(0, 71, 157, 0.10);
    background: #EAF4FF;
}
.result_wrap .linkbtn{
    width:260px;

}
@media all and (min-width:768px) {
    .result_wrap .linkbtn{
    width: 280px;
    }
}
.result_bg{
    background-color: unset;
    padding: 16px;
    margin-bottom: 16px;
}
.result_ttl{
    color: var(--MAIN-WHITE, #FFF);
    text-align: center;
    font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 175%;
    background: var(--MAIN-BLUE, #00479D);
    display: flex;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 72px;

}
@media all and (min-width:768px) {
    .result_ttl{
    font-size: 16px;
    width: 80px;
    }
}
.result_ttl:before{
    content:none;
}
.shindan .shindan_ttl img{
    width: 268px;
    margin-left: 0;

}
@media all and (min-width:768px) {
    .shindan .shindan_ttl img{
        width: 349px;
    }
}
.shindan .shindan_ttl{
    display: flex;
    justify-content: center;
}
.result_wrap .shindan_ttl{
            display: flex;
        justify-content: center;
}
.result_wrap .shindan_ttl img{
    margin-top: 24px;
    width:268px;
}
@media all and (min-width:768px) {
    .result_wrap .shindan_ttl img{
    width: 349px;
    }
}

.result_con h3{
    color: var(--MAIN-BLUE, #00479D);
        text-align: center;
        font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
            padding: 23px;
}
@media all and (min-width:768px) {
    .result_con h3{
    padding: 30px;
    }
}
#result_1 .result_con h3{
                background-image: url(/contents/image/LP_O_shindan_bg.png);
    background-repeat: no-repeat;
    background-position: center;
        background-size: 30%;
}
@media all and (min-width:768px) {
    #result_1 .result_con h3{
        background-size: 14%;
    }
}
.result_con p{
    color: var(--MAIN-GRAY, #3C3E3D);
        text-align: center;
        font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 165%;

    }
    @media all and (min-width:768px) {
        .result_con p{
        margin-bottom: 40px;
        }
    }
.close_btn{
    border-radius: 100px;
    border: 1px solid var(--MAIN-GRAY, #3C3E3D);
    width: 175px;
    font-weight: 700;
    color: var(--MAIN-GRAY, #3C3E3D);
    background: unset;
    padding: 12px 24px;
    font-size: 16px;
}
@media all and (min-width:768px) {
    .close_btn{
    margin-top: 40px;
    font-size: 15px;
    cursor: pointer;
}
}
.bnr_area{
    max-width: 800px;
    margin: 0 auto;
}
.good-4point{
    background: #00479D;
    position: relative;
    margin-top:calc(100vw * (102 / 375));
    margin-bottom:calc(100vw * (102 / 375));
}
@media all and (min-width:768px) {
    .good-4point{
    margin-top:calc(100vw * (136 / 1440));
margin-bottom:calc(100vw * (136 / 1440));
}
}
.good-4point::before{
position: absolute;
    content: "";
    background: url(/contents/image/LP_O_circle-sp-top.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: calc(100vw * (-62 / 375));
    height: calc(100vw * (62 / 375));
    width: calc(100vw * (375 / 375));
}
@media all and (min-width:768px) {
.good-4point::before{
    background: url(/contents/image/LP_O_circle-pc-top.png);
    top: calc(100vw * (-78 / 1440));
    height: calc(100vw * (80 / 1440));
    width: calc(100vw * (1440 / 1440));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }
}
.good-4point::after{
position: absolute;
    content: "";
    background: url(/contents/image/LP_O_circle-sp-bottom.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: calc(100vw * (-62 / 375));
    height: calc(100vw * (62 / 375));
    width: calc(100vw * (375 / 375));
    right: 0;
}
@media all and (min-width:768px) {
    .good-4point::after{
    background: url(/contents/image/LP_O_circle-pc-bottom.png);
    bottom: calc(100vw * (-79 / 1440));
    height: calc(100vw * (80 / 1440));
    width: calc(100vw * (1440 / 1440));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    right: 0;
    }
}
.good-4point_contents{
    max-width: 880px;
    margin: 0 auto;
    padding:0 16px;
    padding-bottom: 40px;
}
@media all and (min-width:768px) {
    .good-4point_contents{
        padding: 0 0 40px;
        }
}
.good-4point_ttl{
    text-align: center;
}
.good-4point_ttl img{
        height: 72px;
}
@media all and (min-width:768px) {
.good-4point_ttl img{
    width: 366px;
    height: auto;
}
}
.good-4point_top{
    margin-top: 21px;
    display: flex;
    gap:5px;
    flex-wrap: wrap;
}
@media all and (min-width:768px) {
    .good-4point_top{
    gap:13px;
    justify-content: space-between;
    }
}
.good-4point_anc img{
    width:calc(100vw * (168 / 375));

}
@media all and (min-width:768px) {
    .good-4point_anc img{
        width: 210px;
    }
    .good-4point_anc:hover{
        opacity: .5;
    }
    .good-4point_anc{
        cursor: pointer;
    }
} 
.good-4point_bottom{
    border-radius: 10px;
    padding:16px 8px;
    background: var(--MAIN-WHITE, #FFF);
    margin: 0 auto;
    margin-top: 24px;
    max-width: 880px;

}
@media all and (min-width:768px) {
    .good-4point_bottom{
        padding:40px;
    }
}
  @media all and (min-width:768px) {
.good-4point_anchor_item{
    max-width: 720px;
    margin: 0 auto;
}
  }
.good-4point_anchor_item:not(:last-child){
    padding-bottom: 32px;
    border-bottom: 1px solid #E5ECF5;
}
.good-4point_anchor_item:not(:first-child){
    margin-top:32px;
}

.points{
    display: flex;
    flex-direction: column;
    gap:16px;
    align-items: center;
    padding:0 16px;

}
@media all and (min-width:768px) {
    .points{
    align-items: unset;
    }
}
.points_top{
    display: flex;
    flex-direction: column;
    gap:16px;
    align-items: center;
}
.points_bottom{
    display: flex;
    flex-direction: column;
    gap:16px;
}
.points_bottom_txt p{
    color:  #1E1E29;
    font-size: 13px;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: -0.26px;

}
@media all and (min-width:768px) {
    .points_bottom_txt p{
        font-size: 16px;
    }
}
.points_bottom_txt p .under_line{
    position: relative;
    font-weight: bold;
    text-decoration-thickness: 4px;
    display: inline;
    box-shadow: inset 0 -9px 0 #FAED00;
}
.point-img{
    width: 64px;
}
.likes-img{
    height: 100px;

}
@media all and (max-width:768px) {
.likes-img{}
}
.likes_txt-img01{
    height: 32px;
}
.likes_txt-img02{
    height: 63px;
}
.likes_txt-img03{
    height: 64px;
}
.likes_txt-img04{
    height: 64px;
}
@media all and (min-width:768px) {
    .likes_txt-img01{
    height: 32px;
}
.likes_txt-img02{
    height: 28px;
}
.likes_txt-img03{
    height: 29px;
}
.likes_txt-img04{
    height: 37px;
}
}
.points_bottom_content{
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    margin-top: 16px;
}
.points_bottom_content .-title{
       border-radius: 100px;
border: 1px solid var(--MAIN-BLUE, #00479D);
background: #E5ECF5;
padding: 4px 16px;
color: #00479D;
font-size: 13px;
font-weight: 700;
line-height: 120%;
}
.points_bottom_content .link_btn{
    padding-left: 15px;
}
.points_bottom_content  a.link_btn::before{
    font-size: 11px;
}
.flow{
    background: #FFF;
    padding:40px 16px;

}
@media all and (min-width:768px) {
    .flow{
    padding:56px 16px;
    }
    }
.flow-area_ttl{
    width: 252px;
    margin: 0 auto;
    margin-bottom: 24px;

}
@media all and (min-width:768px) {
    .flow-area_ttl{
    width: 335px;
    }
}
.flow-contents{
    display: flex;
    flex-wrap: wrap;
    max-width: 1024px;
    margin: 0 auto;
    justify-content: center;
    gap: 32px;

}
.flow-area_item{
    display: flex;
    flex-direction: column;
    gap:16px;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
}
.flow-step_top {
    display: flex;

}
.flow-step-img01{
    height: 70px;

}
@media all and (min-width:768px) {
    .flow-step-img01{
    height: 105px;
    }
}
.flow-step-img02{
    width: 140px;

}
@media all and (min-width:768px) {
    .flow-step-img02{
    width: 210px;
    }
}
.flow-step-img03{
    height: 77px;

}
@media all and (min-width:768px) {
    .flow-step-img03{
    height: 100px;
    }
}
.flow-step_img{
    display: flex;
    justify-content: center;
}
.num-image{
    width: 31px;
}
@media all and (min-width:768px) {
    .num-image{
    width: 40px;
    padding: 0;
    }
}
.flow-step_num{
    border-radius: 5px 0 0 0;
    background: var(--MAIN-BLUE, #00479D);
    display: flex;
    width: 52px;
    justify-content: center;
    align-items: center;
}
@media all and (min-width:768px) {
    .flow-step_num{
    width: 80px;
    }
}
.flow-step{
    position: relative;
    width: 100%;
}
.flow-step_ttl{
    border-radius: 0 5px 0 0;
    background: var(--MAIN-LIGHT-BLUE, #EAF4FF);
    width: 100%;
    color: var(--MAIN-BLUE, #00479D);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding: 8px 20px;
}
@media all and (min-width:768px) {
    .flow-step_ttl{
    padding:16px 20px;
    }
}
.flow-step_bottom{
    padding:16px;
    border-radius: 0 0 5px 5px;
    border-right: 3px solid var(--MAIN-LIGHT-BLUE, #EAF4FF);
    border-bottom: 3px solid var(--MAIN-LIGHT-BLUE, #EAF4FF);
    border-left: 3px solid var(--MAIN-LIGHT-BLUE, #EAF4FF);
    display: flex;
    flex-direction: column;
    gap:8px;
    background: var(--MAIN-WHITE, #FFF);
}
@media all and (min-width:768px) {
    .flow-step_bottom{
        padding:24px 16px;
    }
    .flow-step_bottom.pc-row{
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}
.linkbtn{
    font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
        margin: 0 auto;
    margin-top: 4px;
    display: flex;
    width: 300px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: var(--MAIN-PINK, #FF3B72);
    box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.11) inset;
    position: relative;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
}
.linkbtn::after{
        content: "▶";
        color: #FFF;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 24px;
        bottom: 18px;
        font-size: 13px;
}

.result_wrap .linkbtn::after{
    bottom:23px;
}
.linkbtn.link-blue{
    color: var(--MAIN-BLUE, #00479D);
    font-size: 16px;
    border-radius: 100px;
    border: 2px solid var(--MAIN-BLUE, #00479D);
    background: var(--MAIN-WHITE, #FFF);
    width: 343px;
}
@media all and (min-width:768px) {
    .linkbtn.link-blue{
    width: 360px;
    }
    .linkbtn.link-blue:hover{
        background:  #EAF4FF;
    }
}
.linkbtn.link-blue::after{
    color:#00479D;
        right: 32px;
    bottom: 22px;
}
.flow-step_txt p{
    color: var(--MAIN-BLACK, #1E1E29);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.flow-step_gray-item{
    
    border-radius: 5px;
    background: rgba(244, 244, 244, 0.80);
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap:8px;

}
@media all and (min-width:768px) {
    .flow-step_gray-item{
    margin-top: 16px;
    max-width: 470px;
    }
}
.flow-step_gray-item p{
    color: #1E1E29;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
@media all and (min-width:768px) {
.flow-step_gray-lists{
        display: grid;
    height: 64px;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, 1fr);
}
}
.flow-step_gray-lists li{
    color: var(--MAIN-BLACK, #1E1E29);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    padding-left: 13px;

}
.flow-step_gray-lists li::before{
    content: "・";
    position: absolute;
    left:0;
}
.flow-result{
    display: flex;
    padding: 16px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 5px;
    background: var(--MAIN-LIGHT-BLUE, #EAF4FF);
    width: 100%;
}
.flow-result_ttl{
    color: var(--MAIN-BLACK, #1E1E29);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;

}
@media all and (min-width:768px) {
    .flow-result_ttl{
    font-size: 22px;
    }

}
.flow-result_txt{
    color: var(--MAIN-BLACK, #1E1E29);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
@media all and (min-width:768px) {
    .flow-result_txt{
    font-size: 16px;
    }
}

.voice{
    background: #FFF9CD;
    padding: 40px 16px;
}
@media all and (min-width:768px) {
    .voice{
    padding: 56px 16px;
    }
}
.voice-area_ttl{
    width: 189px;
    margin: 0 auto;
    margin-bottom: 32px;

}
@media all and (min-width:768px) {
    .voice-area_ttl{
    width: 248px;
    }
}

.flow-slide-contents{
   width: 279px;
   display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
.flow-slide-img{
    width: 120px;
    height: 120px;
        margin-bottom: -48px;
        position: relative;
}
.flow-slide-text{
    border-radius: 10px;
    background: var(--MAIN-WHITE, #FFF);
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.10);
    width: 279px;
    padding: 56px 24px 24px 24px;
    min-height: 209px;
}
.flow-slide-text p{
    color:#3C3E3D;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    letter-spacing: -0.26px;
}
.slick-next{
    right: 20px;
}
.slick-prev{
    left:0;
}
.slick-next:before {
    content:url(/contents/image/LP_O_slide_arrow-right.png);
    transform: scale(0.5);
    display: inline-flex;
    width: 20px;
    height: 20px;

}
.slick-prev:before{
    content:url(/contents/image/LP_O_slide_arrow-left.png);
    transform: scale(0.5);
    display: inline-flex;
    width: 20px;
    height: 20px;
}
.slick-dots{
    bottom:-39px;
}
.slick-dots li{
    width: unset;
    height: unset;
    margin: 0 8px;
}
.slick-dots li button{
    width: 8px;
    height: 8px;
}
.slick-dots li button:before {
    opacity: 1;
    color: #ADADAD;
    font-size: 8px;
    width: unset;
    height: unset;
}
.slick-dots li.slick-active button:before{
        opacity: 1;
    color: #00479D;
}
.slick-list{
    height: 283px;
}
.accordion .acBtn{
    background: url(/contents/image/LP_O_icon_accordion_plus.png) no-repeat 95% center;
        background-size: 12px;
}
.accordion .acBtn.active {
    background: url(/contents/image/LP_O_icon_accordion_minus.png) no-repeat 95% center;
        background-size: 12px;
}
.accordion .acBtn {
    color: #1E1E29;
    font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 24px 16px;
    padding-left:64px;
}
    .accordion .acBlock .acBtn::before {
    background: url(/contents/image/LP_O_q_icon.png);
    background-size: contain;
    top:30%;
    left:16px;
    width: 30px;
    height: 30px;
    }
    .accordion .acBlock .acInner::before{
    background: url(/contents/image/LP_O_a_icon.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    top: 0;
    left: 16px;
    }
    .acBlock .acInner .qna_img01{
        margin: 0;
    }
.accordion .acBlock{
border-radius: 5px;
}
.acInner {
        padding: 0 48px 24px 64px;
}
    .acInner .dot_list{
        padding-left: 0;   
    }
    .acInner .dot_list li{
    color: #3C3E3D;
    font-weight: normal;
    font-size: 14px;
    padding-left: 14px;
}
    .acInner .dot_list li::before{
        background: unset;
        content:"・";
        top:unset;
        left:0;

}
@media only screen and (max-width: 768px) {
        .acInner .dot_list li{

    font-size: 13px;
    padding-left: 13px;
}
    .accordion .acBtn {
        font-size: 14px;
        padding: 24px 12% 24px 16%;
    }
    .accordion .acBtn.active {
        padding-bottom: 16px;
    }
    .acInner {
        padding: 5px 13% 24px 13%;
}
    .acInner {
        padding-left: 18%;
    }
    .accordion .acBlock .acBtn::before {
        left: 5%;
        top:23px;
    }
    .accordion .acBlock .acInner::before{
        left: 5%;
    }
}
.accordion .acBlock .acInner img{
    margin:8px 0;
}
@media only screen and (min-width: 768px) {
.accordion .acBlock .acInner img{
    max-width: unset;
    width: 448px;
}
}

.acInner p {
    color:#3C3E3D;
    font-size: 14px;
    font-feature-settings: 'halt' on;
}
@media only screen and (max-width: 768px) {
    .acInner p {
        font-size: 13px;
        color:#3C3E3D ;
    }
}
    .faq_area{
        background: #EAF4FF;
        gap:32px;
        padding:56px 0;
    }
    .faq_area_ttl{
        width: 291px;
        margin: 0 auto;
    }
    .acBlock{
        margin-bottom: 8px;
    }
    .faq_contents {
        
        max-width: 800px;
        margin: 0 auto;
    }
@media only screen and (max-width: 768px) {
    .faq_area{
        padding:40px 0;
    }
        .faq_area_ttl{
        width: 222px;
    }
    .faq_contents {
        padding:0 16px;
    }
}
.acInner p > a.link_btn::before{
    font-size: 12px;
        text-decoration: none;
        color:#878787;
    }
    a.link_btn::before{
    font-size: 12px;
        text-decoration: none;
        color:#878787;
    }
.detail_area{
    padding: 40px 16px;
    background: #FFF;

}
@media only screen and (min-width: 768px) {
    .detail_area{
    padding: 56px 16px;
    }
}
.detail_area_contents{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;

}
@media only screen and (min-width: 768px) {
    .detail_area_contents{
    max-width:880px;
    margin: 0 auto;
    margin-bottom: 24px;
    }
}
.detail_area_ttl{
    width: 217px;
    margin: 0 auto;
    margin-bottom: 24px;

}
@media only screen and (min-width: 768px) {
    .detail_area_ttl{
    width: 289px;
    }
}
.detail_area_txt p{
    color: var(--MAIN-GRAY, #3C3E3D);
    font-feature-settings: 'halt' on;
    font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 2px 8px;
}
@media only screen and (min-width: 768px) {
    .detail_area_txt p{
    font-size: 15px;
    }
}
.detail_item_ttl{
    color: var(--MAIN-BLACK, #1E1E29);
    font-feature-settings: 'halt' on;
    font-family: "Noto Sans JP" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" ,"Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Proz";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    border-radius: 100px;
    background: #F0F0F0;
    padding: 8px 16px;
    margin-bottom: 8px;
        
}
@media only screen and (min-width: 768px) {
    .detail_item_ttl{
        font-size: 15px;
    }
}
.detail_btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.kasikin_area{
    display: flex;
    padding: 24px 16px;
    flex-direction: column;
    gap: 16px;
    background:#3C3E3D;
}
.kasikin_area p{
    color: var(--MAIN-WHITE, #FFF);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

body p.csp_common_footer{
    padding: 0px;
    border: none;
    
}
body p.common_footer_text{
    background: #E6E6E6;
    margin-bottom: 0px;
    padding: 16px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #3C3E3D;
    font-feature-settings: 'halt' on;
}
body p.common_footer_copyright{
    padding: 24px 16px;
    background: #1E1E29;
}
/* common */
.fc-blue{
    color: #00479D!important;
}
.fs-bold{
    font-weight: bold;
}
.mt_16{
    margin-top: 16px;
}
.mb-4{
    margin-bottom: 4px!important;
}