@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    h3 {
        line-height: 1.8;
    }

    &.strengths {
        .sec01 {
            .ttl01.type02 .jp_txt {
                font-size: clamp(17px, 0.864rem + 0.85vw, 24px);
            }
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec02 {
            .layout_a .imgbox,
            .layout_b .imgbox {
                width: 55%;
            }
        }

        &.medical-treatment {
            .sec00 {
                .layout_a .imgbox {
                    width: 45%;
                }
            }
        }

        &.maas {
            .sec02 {
                .layout_a .imgbox {
                    width: 55%;
                }
            }
        }

        .contact_infoarea {
            padding: 0 5%;
        }

        .layout_a,
        .layout_b {
            align-items: center;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .main-catch__video {
            height: 100%;
        }

        #main_visual .copy_text {
            inset: 30% 0 0 10%;
        }

        .non_thum_list li {
            display: flex;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .main-catch__video {
            height: 60%;
        }

        #main_visual .copy_text {
            inset: 10% 0 0 0;
        }

        .non_thum_list li {
            padding: 20px;
        }

        .non_thum_list li:after {
            right: 20px;
        }

        &.implementation-results {
            .sec02 {
                .tab-switch:checked + .tab-label + .tab-content {
                    padding: 30px 0;
                }
            }
        }

        &.medical-treatment {
            .sec00 {
                .ttl04 span {
                    font-size: 16px;
                    padding: 5px;
                }
            }
        }
    }
}