@charset "utf-8";

@media (max-width:1024px) {

    /*-----------------------------------
        基本設定
------------------------------------*/

    .header_ p:nth-child(1) {
        background-color: #fff;
        height: 45px;
    }

    .header_ p:nth-child(2) {
        background-color: #897563;
        height: 33px;
        margin-bottom: 5px;
    }

    .section_wrap,
    .type_block {
        width: 95.8%;
    }

    /*---fonts---*/
    .main_contents p,
    .main_contents li,
    .basic_font_size,
    .txt,
    dt {
        /*---width 1024-600 18-16 ---*/
        font-size: clamp(1rem, 0.823rem + 0.47vw, 1.125rem);
    }

    .main_contents .heads,
    .act_font {
        /*width 1024-600 24-22 */
        font-size: clamp(1.375rem, 1.198rem + 0.47vw, 1.5rem);
    }

    #point_font_size {
        /*--- width 1024-600 36-30 ---*/
        font-size: clamp(1.875rem, 1.344rem + 1.42vw, 2.25rem);
    }

    .section_bottom,
    .inner_contents {
        margin-bottom: 100px;
    }

    /*-----------------------------------
        スライダーの設定
------------------------------------*/
    .slide_top {
        width: 35.52%;
    }

    /*-----------------------------------
                導入
------------------------------------*/
    /*---お悩み別ボタン---*/
    .intro_block .btn_contents {
        gap: 3.061%;

    }

    .intro_block .btn_contents .btn_wrap {
        width: 24.165%;
    }

    .intro_block .btn_contents .btn_wrap .btn_head p {
        /*width 1024-600 18-12*/
        font-size: clamp(0.75rem, 0.219rem + 1.42vw, 1.125rem);
    }

    /*---追従ボタン---*/
    .sticky_btn_wrap .sticky_btn a {
        /*width 1024-600 16-12*/
        font-size: clamp(0.75rem, 0.396rem + 0.94vw, 1rem);
    }
}

/*-----------------------------------
            タイプ別ブロック
------------------------------------*/
.type_wrap .type_block .large_block .inner .detail_wrap::before {
    width: 64px;
    height: 32px;
    top: -26px;
}

.type_wrap .type_block .large_block .inner .detail_wrap .detail .txt {
    /*--- 1024-600 18-12 ---*/
    font-size: clamp(0.75rem, 0.219rem + 1.42vw, 1.125rem);
}

@media (max-width:599px) {

    /*---各見出しのサイズ変更---*/
    /*---入り---*/
    .intro_block .head_1_wrap {
        width: 28.155%;
    }

    /*-----------------------------------
        スライダーの設定
------------------------------------*/
    .splide {
        min-height: 320px;
    }

    .slide_top {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        padding-top: 20px;
    }

    .slide_top .img_wrap {
        width: 90%;
    }

    .splide__slide img {
        width: auto;
        height: 100%;
        object-fit: cover;
    }

    .scrolldown1 {
        display: none;
    }

    /*-----------------------------------
                導入
------------------------------------*/

    /*---体型の一例---*/
    .intro_block .head_2_wrap {
        width: 39.945%;
    }

    /*---お悩み別ボタン---*/
    .intro_block .head_3_wrap {
        width: 42.855%;
    }


    /*---fonts---*/
    .main_contents p,
    .main_contents li,
    .basic_font_size,
    .txt,
    dt {
        /*---width 599-320 16-14 ---*/
        font-size: clamp(0.875rem, 0.732rem + 0.72vw, 1rem);
    }

    .main_contents .heads,
    .act_font,
    .type_wrap .type_block .large_block .sp_head {
        /*width 599-320 22-20 */
        font-size: clamp(1.25rem, 1.107rem + 0.72vw, 1.375rem);
    }

    .act_font {
        margin-top: 30px;
    }

    .small_blocks .act_font {
        margin: 20px 0;
    }

    #point_font_size {
        font-size: clamp(1.5rem, 1.07rem + 2.15vw, 1.875rem);
    }

    /*---体型の一例---*/
    .inner_contents .body_size {
        flex-direction: column;
    }

    .inner_contents .body_size .img_wrap,
    .inner_contents .body_size .txt_wrap {
        width: 100%;
    }

    .inner_contents .body_size .img_wrap {
        margin-bottom: 50px;
    }

    .inner_contents .body_size .txt_wrap {
        padding: 20px 0;
    }

    /*---お悩み別ボタン---*/
    .intro_block .btn_contents {
        display: flex;
        flex-wrap: wrap;
        row-gap: 25px;
    }

    .intro_block .btn_contents .btn_wrap {
        width: 48.369%;
    }

    /*---追従ボタン---*/
    .sticky_btn_wrap .sticky_btn {
        display: flex;
        flex-direction: column;
    }

    .sticky_btn_wrap .sticky_btn a {
        /*width 1024-600 16-12*/
        font-size: clamp(0.5rem, 0.213rem + 1.43vw, 0.75rem);
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex: 1 0 auto;
    }

    .sticky_btn_wrap .sticky_btn a br {
        display: block;
    }

    .sticky_btn_wrap .sticky_btn a::after {
        display: none;
    }

    /*-----------------------------------
            タイプ別ブロック
------------------------------------*/
    .type_wrap .type_block .head_wrap {
        width: 33.75%;
    }

    .type_wrap .type_block .large_block {
        flex-direction: column;
    }

    .type_wrap .type_block .large_block:nth-of-type(2n) {
        flex-direction: column;
    }

    .type_wrap .type_block .small_blocks {
        flex-direction: column;
    }

    .type_wrap .type_block .large_block .sp_head {
        display: block;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px;
    }

    .type_wrap .type_block .large_block .act_font {
        visibility: hidden;
        font-size: 20px;
        line-height: 0;
    }

    .type_wrap .type_block .large_block .img_wrap,
    .type_wrap .type_block .large_block .inner {
        width: 100%;
    }

    .type_wrap .type_block .small_blocks .inner {
        width: 100%;
    }

    .type_wrap .type_block .small_blocks .inner .detail {
        padding: 0 4.166%;
    }

    .type_wrap .type_block .small_blocks .inner .link_wrap {
        margin: 20px 0;
    }


    .type_wrap .type_block .small_blocks .inner:nth-last-of-type(2) {
        margin-bottom: 0;
    }
}