.br_hide {
    display: none;
}
@media screen and (max-width: 1223px) {
    /* h2.sec_title {
        font-size: 5.4rem;
    } */
}

@media screen and (max-width: 1210px) {
    .visual_04 .supply .ment_box p {
        font-size: 2.8rem;
    }
}


@media screen and (max-width: 1174px) {
    .visual_04 .supply .ment_box p {
        font-size: 2.4rem;
    }
    .br_hide {
        display: block;
    }
}
@media screen and (max-width: 1165px) {
    .sec_title_btn button {
        width: 360px;
    }
}


@media screen and (max-width: 1155px) {
    .ment_box .sec_title {
        line-height: 1.3;
    }

    .ment_box .sec_title br.blind{
        display: block;
    }
}

@media screen and (max-width: 1129px) {
    .sec_title_btn button {
        width: 340px;
    }
}


@media screen and (max-width: 1116px) {
    .visual_04 .supply .ment_box p {
        font-size: 2rem;
    }
}

@media screen and (max-width: 1103px) {
    .sec_title_btn button {
        width: 320px;
    }
}


@media screen and (max-width: 1091px) {
    .sec_title_btn button {
        width: 310px;
    }
}


@media screen and (max-width: 1084px) {
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 3.6rem;
    }
}


@media screen and (max-width: 1073px) {
    .sec_title_btn button {
        width: 280px;
    }
}

@media screen and (max-width: 1069px) {
    .visual_04 .supply .ment_box p {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 1043px) {
    .sec_title_btn button {
        width: 250px;
    }
}

@media screen and (max-width: 1033px) {
    .visual_04 .supply .ment_box p {
        font-size: 1.6rem;
    }
}


@media screen and (max-width: 1033px) {
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 3rem;
    }
    .visual_03 {
        padding-top: 150px;
        min-height: 900px;
    }
}

@media screen and (max-width: 1022px) {
    footer .depth01-2 .depth02-1 > div {
        margin-right: 10px;
    }
}


@media screen and (max-width: 1012px) {
    .sec_title_btn button {
        width: 240px;
    }
    
}


@media screen and (max-width: 1007px) {
    /* .visual_04 .supply .ment_box p {
        font-size: 1.5rem;
    }

    .sec_title_btn button {
        width: 220px;
    } */

    /*visual_04*/
    .visual_03 {
        padding-top: 210px;
        margin-top: 45px;
    }

    .ment_box .sec_title br.blind{
        display: none;
    }
    .visual_04 .supply{
        display: block;
        text-align: center;
    }
    .visual_04 .supply:after{
        width: 80px;
        height: 82px;
        top: 205px;
        left: 30%;
    }
    .visual_04 .supply .ment_box p{
        margin-top: 20px;
        font-size: 2.5rem;
    }
    .visual_04 .supply .ment_box .sec_title_btn{
        text-align: center;
    }
    .visual_04 .supply .ment_box .sec_title_btn button{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .visual_04 .supply .present{
        /* width: calc(100% - 40px); */
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 20px;
        margin: 0 auto;
    }
    .sec_title_btn button {
        width: 300px;
        font-size:2.5rem;
    }
}


/* @media screen and (max-width: 1030px) {
    h2.sec_title {
        font-size: 3rem;
    }
} */

@media screen and (max-width: 1007px) {
    .visual_04 {
        height: 100vh;
        min-height: 980px;
    }
}


@media screen and (max-width: 963px) {
    footer .depth01-2 .depth02-1 > div a {
        width: 155px;
    }
}


@media screen and (max-width: 960px) {
    .logo {
        max-width: 100px;
    }

    .ment_box .sec_title br.blind{
        display: none;
    }

    .main_footer {
        padding: 100px 0;
    }

    footer .depth01-2 .depth02-2 {
        margin-top: 10px;
    }

    .visual_04 {
        padding: 70px 0 0;
        height: 80vh;
        min-height: 760px;
    }

    .header .pc_nav{
        display:none;
    }

    footer .depth01-2 .depth02-1 > div a {
        width: 155px;
    }

    footer .depth01-2 .depth02-1 address p:last-of-type {
        padding-bottom: 20px;
    }

    footer .depth01-2 .depth02-2 .logo_img {
        margin-bottom: 50px;
    }
}

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

    .visual_02 {
        height: 95vh;
    }
    
    .visual_02 .slide_btn_wrap .product_slide .product_box .product_cont p.explane {
        height: 50px;
    }

}


@media screen and (max-width: 816px) {
    .main_footer{
        background:#333333;
        color: #fff;
        font-size: 1.3rem;
        padding:0 0 80px;
    }

    footer .depth01-2 .depth02-2 .logo_img{
        margin-bottom: 20px;
    }

    .sub_sec1 .cont .exp li.discount {
        margin-top: 0;
        font-size: 2em;

    }
}



@media screen and (max-width: 651px) {
    .sub_sec1 .cont .exp li:not(.circle) {
    height: 80px;
    }

}

@media screen and (max-width: 650px) {
    .visual_03 {
        min-height: 840px;
    }
}

@media screen and (max-width: 550px) {
    .sub_sec1 .cont .choice {
        padding-bottom: 30px;
    }

}

@media screen and (max-width: 583px) {
    .sec_title_btn button {
        width: 280px;
    }
    
}


@media screen and (max-width: 580px) {
    select {
        background: #fff url(/resource/images/common/select_arrow.svg) no-repeat calc(100% - 10px) center / 8px auto;
    }

}

@media screen and (max-width: 533px) {
    .sec_title_btn button {
        width: 260px;
    }
    
}

@media screen and (max-width: 475px) {
    .sec_title_btn button {
        width: 230px;
    }
    
}

@media screen and (max-width: 445px) {
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 3rem;
        line-height: 1.3;
    }
    
}

@media screen and (max-width: 431px) {
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 3.8rem;
    }
}

@media screen and (max-width: 418px) {
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 3.5rem;
    }
}


@media screen and (max-width: 405px) {
    .sec_title_btn button {
        width: 200px;
        font-size: 2rem;
    }
    
}

@media screen and (max-width: 403px) {
    .sec_title_btn button {
        width: 180px;
        font-size: 2rem;
    }
    
}

@media screen and (max-width: 392px) {
    .consult {
        margin-top: 10px;
    }
}

@media screen and (max-width: 390px) {
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 3.2rem;
    }

    footer .depth01-2 .depth02-1 address p:last-of-type {
        padding-bottom: 30px;
    }

}


@media screen and (max-width: 376px) {
    h2.sec_title {
        font-size: 4.8rem;
    }

    .sub_sec2 h2 {
        font-size: 4rem;
    }
}

@media screen and (max-width: 370px) {
    footer .depth01-2 .depth02-1 address p:last-of-type {
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 369px) {
    h2.sec_title {
        font-size: 4.5rem;
    }
}

@media screen and (max-width: 367px) {
    .consult {
        margin-top: 5px;
    }
}


@media screen and (max-width: 362px) {
    .account br.blind {
        display: block;
    }
}

@media screen and (max-width: 360px) {
    .visual_03 .sec_title_btn h2.sec_title {
        font-size: 3.9rem;
    }
}


@media screen and (max-width: 359px) {
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 3rem;
    }
    h2.sec_title {
        font-size: 4rem;
    }
}


/* @media screen and (max-width: 356px) {
    h2.sec_title {
        font-size: 4.7rem;
    }
} */

@media screen and (max-width: 352px) {
    .visual_03 .sec_title_btn h2.sec_title {
        font-size: 3.5rem;
    }

    .visual_02 .slide_btn_wrap .product_slide .product_box .product_cont .price span:last-child strong {
        font-size: 2.8rem;
    }

    .wrap_830 h3 {
        font-size: 2.8rem;
    }

    .agree-box label {
        margin-left: 0px;
    }

    .agree-box .agree {
        margin-left: 5px;
    }
}

@media screen and (max-width: 350px) {
    .visual_03 .slide_btn_wrap .vi03_slide .vi03_slide_box .vi03_cont h3 {
        font-size: 2.2rem;
    }

    .visual_03 .slide_btn_wrap .vi03_slide .vi03_slide_box .vi03_cont p {
        font-size: 15px;
    }
}
/* 
@media screen and (max-width: 349px) {
    h2.sec_title {
        font-size: 4.5rem;
    }
} */

@media screen and (max-width: 346px) {
    .sub_sec2 h2 {
        font-size: 3.8rem;
    }
    .visual_02 .slide_btn_wrap .product_slide .product_box .product_cont .price {
        font-size: 1.6rem;
    }
    .sub_sec1 .cont .choice li .list_test {
        font-size: 12px;
    }
}


@media screen and (max-width: 339px) {
    .sub_sec2 h2 {
        font-size: 2.8rem;
    }
    .visual_01 .wrap_1400 .benefit .ment_box > div p {
        font-size: 2.8rem;
    }
}

/* @media screen and (max-width: 337px) {
    h2.sec_title {
        font-size: 4.3rem;
    }
} */

@media screen and (max-width: 337px) {
    /* h2.sec_title {
        font-size: 4.9rem;
    } */

    .sub_sec2 h2 {
        font-size: 3.5rem;
    }
}


@media screen and (max-width: 335px) {
    .visual_04{
        height: 90vh;
    }

    h2.sec_title {
        font-size: 3rem;
    }
    .visual_04 .supply .ment_box p {
        font-size: 2.4rem;
    }

    h2.sec_title {
        font-size: 3.5rem;
    }
}


@media screen and (max-width: 332px) {
    .appl-sec label, .appl-sec input {
        font-size: 12px;
    }

    .wrap_830 h3 {
        font-size: 2.6rem;
    }

}


@media screen and (max-width: 329px) {
    .appl-sec label, .appl-sec input {
        font-size: 12px;
    }
}

@media screen and (max-width: 327px) {
    select {
        background: #fff url(/resource/images/common/select_arrow.svg) no-repeat calc(100% - 5px) center / 8px auto;
    }
}


@media screen and (max-width: 324px) {
    .visual_04 .supply .ment_box p {
        font-size: 2.3rem;
    }
}


@media screen and (max-width: 320px) {
    
    .visual_02 .slide_btn_wrap .product_slide .product_box .product_cont .price span:last-child strong {
    font-size: 2.7rem;
    }
}