@charset "utf-8";
html, body { font-size: 15px; }




/*--------------------------------------1300----------------------------------*/
@media screen and (max-width:1300px) {
/*--------------------------------------header----------------------------------*/
    #header nav #gnb li {width: 110px;height: 74px;}
    #header .depth_toggle {
    top: 70px;
}
    #header nav .depth_toggle .sub_nav li a {font-size: 1rem; word-break: inherit;}
    #header nav .depth_toggle .sub_nav {width: 110px;}
    #header .logo a {/* width: 160px; */justify-content: flex-start;}


/*--------------------------------------visual----------------------------------*/
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
    bottom: 3rem !important;
    left: 3rem !important;
    }
    #fp-nav.fp-right {
    left: 1vw;
}
    
/*---------------------------------------main-----------------------------------*/
    .section .inner {
    padding: 12vh 2.75rem 2vh;
    width: 100%;
}
    .sec3 .inner>.tit h4::before {
    display: none;
}
    .sec3 .inner>.tit h4 {
    font-size: 2.5rem;
    margin-top: 2rem;
}
    .sec3 .inner>.tit h5 {
    font-size: 2.25rem;
}
.section.sec_training .inner>.tit {
    margin-top: 0rem;
}
.section.sec_clinic .inner .txt {
    width: 70%;
}
.main_copy_top h3 {font-size: 1.5rem;line-height: 1.5rem;}
.main_copy_top h2 {font-size: 2.25rem;line-height: 2.5rem;}
.sec_board .inner>.tit {margin-top: 0;}
.sec_board .notice_top {height: 240px;}
.sec_board .notice_top .tit { padding: 2rem 2.5rem;}
/*--------------------------------------- sub -----------------------------------*/
}

/*--------------------------------------1024----------------------------------*/
@media screen and (max-width:1024px) {
    
/********************************* main *******************************/
.main_copy_top { width: 90%;}
.section .inner {
    padding: 9vh 2rem 1rem;
}
    .section .inner .tit {margin-bottom: 1.25rem;}
    .section .inner .tit h3 {font-size: 1.5rem; padding-left: 2.5rem;     line-height: 2rem;}
    .section .inner .tit h3::before {
        width: 30px;
        height: 30px;
    }

    .section .inner .btn_plus { width: 150px; height: 40px; padding: 0.5rem;}
    .section .inner .tit h4 {font-size: 1.125rem;}
    .sec_board .notice_top .box {
    padding: 1.25rem;
    width: calc((100% - 2rem) / 3);
}
    .sec_board .notice_top .box .tit h4 {
    font-size: 1.125rem;
    min-height: 3.125rem;
    margin: 0.25rem 0 0.5rem;
}
.section.sec_training .inner .tit { 
    margin-bottom: 2.5rem;
}
.section.sec_training .inner .btn_plus {
    margin-top: 2rem;
}
.sec_clinic .inner .tit { padding: 3rem; height: 200px;}
.sec_clinic .inner .img { height: 300px;   }
.section.fp-auto-height .box {
    height: 100px;padding: 0 1rem;
}
.section.fp-auto-height .box .tit {
    font-size: 1.125rem;}

    .section.fp-auto-height .box:nth-of-type(1) .tit img {
        height: 20px;
    }
    .section.fp-auto-height .box:nth-of-type(2) .tit img, .section.fp-auto-height .box:nth-of-type(3) .tit img {
        height: 25px;
    }
    .section.fp-auto-height .box .btn_view {
        font-size: 1rem;}
}

/*--------------------------------------640----------------------------------*/
@media screen and (max-width:640px) {
    /* .sec_board .inner>.tit {display: inherit;} */
    .sec_board .notice_top .tit h4 {font-size: 1.25rem;    -webkit-line-clamp: 2;}
    .sec_board .notice_top .tit p {-webkit-line-clamp: 3;}
    .sec_board .notice_bottom {display: inherit;}
    .sec_board .notice_bottom .box { border-left: 0;padding-left: 0;margin-top: 2rem;}
    .sec_board .notice_bottom .box .tit h4 {-webkit-line-clamp: 1; min-height: inherit;}
    .sec_board .notice_bottom .box .info {margin-top: 1rem;}
    .section.sec_clinic .inner .clinic_wrap { display: inherit;}
    .section.sec_clinic .inner .clinic_wrap .clinic_l { width: 85%;    }
    .sec_clinic .inner .img { width: 85%;    margin-left: 15%; margin-top: -50px;}
    .section.sec_clinic .inner .txt {display: none;}
    .section.fp-auto-height .box {justify-content: center;}
    .section.fp-auto-height .box .tit {
        margin: 0 auto;
        text-align: center;
    }
    .section.fp-auto-height .box .btn_view { display: none;}

}