@media (min-width:0px) and (max-width:1600px){
    .clinic1_title {
        width: 80%;
    }
    .clinic2_ulbox li{
        width: 15vw;
        height: 15vw;
    }
    .clinic2_ulbox li p{
        font-size: 1.9vw;
    }
    .clinic2_ulbox li img{
        height: 7vw;
    }
}
@media screen and (max-width:1400px){
    .clinic1_ulbox{
        gap: 0px;
        justify-content: center;
    }
    .clinic1_ulbox ul{
        width: 12vw;
        
    }
    .clinic1_ulbox_txt{
        font-size: 1.5vw;
    }
    #way .info-box{right: 50px;}
}

@media screen and (max-width:1200px){
    #way{display: flex; flex-wrap: wrap;}
    #way .info-box{position: relative; width: 100%; height: 100%; opacity: 0.95; top: 0; right: 0; transform: translateY(0); order:2;}
    #way .map{order:1; width: 100%; height: 400px;}
    .clinic1_ulbox ul > li:first-child{
        width: auto;
        height: 7vh;
    }
    .clinic1_ulbox img {
        width: 40px;
        height: auto;
        aspect-ratio: 1 / 1;
        display: block;
        object-fit: contain;
    }
}
@media (min-width:0px) and (max-width:1280px){
    .intro_topbox > div{
        width: auto;
        height: 300px;
    }
    .clinic1_title .img{
        width: 130px;
        height: 130px;
        padding: 30px;
    }
    .clinic1_title > div{
        gap: 0px;
    }
    .clinic1_card .blue_box{
        font-size: 2.3vw;
        height: 4.5vh;
    }
}
@media (min-width:0px) and (max-width:1080px){
    .intro_img > div div:not(:first-child) {
        font-size: 2.3vw;
    }
    .intro_img{
        font-size: 3vw;
        padding: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 450px;
    }
    .doc::after{
        top: 34%;
    }
    .intro_topbox > div:first-child a, .intro_topbox a{
        padding: 15px;
    }
    .intro_topbox > div{
        height: 230px;
    }
    .intro_topbox > div:nth-of-type(1){
        border-radius: 60px 0px 0px 60px;
    }
    .intro_topbox > div:nth-of-type(4){
        border-radius: 0px 60px 60px 0px;
    }
    .intro_topbox{
        width: 95%;
    }
    .intro_topbox > div:first-child a{
        width: inherit;
        height: inherit;
    }
    .intro_topbox > div:nth-of-type(2),
    .intro_topbox > div:nth-of-type(3),
    .intro_topbox > div:nth-of-type(4){
        background-size: 100px auto;
    }
    .intro_topbox > div:first-child div, .intro_topbox > div div, .intro_topbox > div:nth-of-type(2) ul li:last-child{
        font-size: 2vw;
    }
    .intro_topbox ul > li ol > li:first-child{
        width: 60px;
    }
    .intro_topbox ul{
        font-size: 1.1vw;
    }
    .intro_topbox > div:nth-of-type(1) ul {
        align-items: center;
    }
    .intro_topbox > div:nth-of-type(2) ul, .intro_topbox > div:nth-of-type(3) ul, .intro_topbox > div:nth-of-type(4) ul{
        text-align: center;
    }
    .intro_topbox > div:nth-of-type(1){
        width: 220px;
    }
    .intro_topbox > div:nth-of-type(2){
        width: 200px;
    }
    .intro_topbox > div:nth-of-type(3){
        width: 220px;
    }
    .clinic1_title{
        width: 95%;
    }
    .clinic1::after {
        background-size: 500px auto;
    }
    .clinic1_ulbox ul > li:last-child{
        font-size: 1.6vw;
    }
    .clinic1_ulbox ul > li:first-child {
        border: 1px solid #A5A6A6;
    }
}
@media (min-width:0px) and (max-width:900px){
    .intro_img > div div:not(:first-child) {
        font-size: 22px;
    }
    .intro_img{
        font-size: 28px;
        padding: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 450px;
    }
    .intro_topbox ul{
        font-size: 1.3vw;
    }
    .intro_topbox > div:first-child div, .intro_topbox > div div, .intro_topbox > div:nth-of-type(2) ul li:last-child{
        font-size: 2.5vw;
    }
    .clinic1_title > div b{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .clinic1_title > div i{
        font-size: 12px;
    }
    .clinic1_title > div{
        height: 220px;
    }
    .clinic1_title .img{
        width: 100px;
        height: 100px;
        border: 3px solid #D3D3D3;
        padding: 23px;
    }
    .clinic1_botttom_blank {
        height: 530px;
    }
    .clinic1_title{
        top: 40%;
    }
    .clinic1_card_wrap .txt_selectbox,  .clinic1_card_wrap  .treatment_tab, .clinic1_card .blue_box{
        margin-bottom: 10px;
    }
    .clinic1_left{
        gap: 10px;
        padding: 50px;
    }
    .clinic1_card .blue_box{
        height: 3.3vh;
        border-radius: 13px;
    }
    .clinic1_card_wrap{
        height: 600px;
    }
    .clinic1_ulbox ul {
        width: 11vw;
    }
    .clinic1_card .blue_box {
        margin-bottom: 15px;
    }
    .clinic1_card .txt_top b{
        font-size: 4vw;
    }
    .clinic1_card .txt_top{
        font-size: 2.3vw;
    }
    .clinic2_textbox p{
        font-size: 90px;
    }
    .clinic2_textbox b{
        font-size: 35px;
    }
    .clinic2_textbox i{
        font-size: 18px;
    }
    .clinic2_textbox{
        height: 320px;
    }
}
@media (min-width:0px) and (max-width:800px){
    .clinic1_ulbox ul > li:first-child{
        height: 6vh;
    }
    .clinic1_ulbox ul > li:first-child{
        padding: 15px;
    }
    .clinic1_right{
        border-radius: 79px;
    }
}
@media (min-width:0px) and (max-width:768px){
    .intro_img > div div:not(:first-child) {
        font-size: 3vw;
    }
    .intro_img{
        font-size: 3.5vw;
        padding: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 450px;
    }
    .equ-nav div{
        height: 400px;
    }
    .doc_wrap{
        flex-direction: column;
    }
    .doc_img{
        width: 400px;
        display: block;
    }
    .doc::after{
        top: 45%;
    }
    .intro_topbox {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 90%;
        bottom: -20%;
    }
    .intro_topbox > div:nth-of-type(2), .intro_topbox > div:nth-of-type(1){
        width: inherit;
    }
    .intro_topbox > div {
        height: 230px;
    }
    .intro_topbox > div:nth-of-type(2), .intro_topbox > div:nth-of-type(1), .intro_topbox > div:nth-of-type(3){
        width: auto;
    }
    .intro_topbox > div:nth-of-type(1), .intro_topbox > div:nth-of-type(4){
        border-radius: 0px;
    }
    .intro_topbox > div:first-child div{
        margin-bottom: 0px;
    }
    .intro_topbox > div a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .intro_topbox ul{
        gap: 2px;
        font-size: 1.9vw;
    }
    .intro.innerTop {
        padding-top: 45rem;
    }
    .intro_topbox ul > li ol > li:first-child{
        width: 70px;
    }
    .intro_topbox{
        bottom: -58%;
    }
    .intro_topbox > div:first-child div, .intro_topbox > div div, .intro_topbox > div:nth-of-type(2) ul li:last-child{
        font-size: 3.5vw;
    }
    .intro::after{
        bottom: 30%;
    }
    .clinic1_title {
        grid-template-columns: repeat(2, 1fr);
        top: 33%;
    }
    .clinic1_title > div {
        height: 170px;
    }
    .clinic1_title > div:nth-of-type(4){
        border-radius: 0px;
    }
    .clinic1_title > div:nth-of-type(5){
        border-radius: 0px 0px 0px 79px;
    }
    .clinic1_title > div:nth-of-type(3){
        background: rgba(3, 110, 184, 0.14);
    }
    .clinic1_title > div:nth-of-type(4){
        background: #fff;
    }
    .clinic1_card_wrap {
        flex-direction: column-reverse; 
        height: auto;
    }
    .clinic1_left,
    .clinic1_right {
        position: relative;
        width: 70%;
        height: auto;
        border-radius: 0;
    }
    .clinic1_right img {
        width: 100%;
        height: auto;
    }
    .clinic1_right .overlay {
        display: none; 
    }
    .quick_logo_c, #clinic1 .reverse .quick_logo_c{
        bottom: 5%;
        right: 5%;
    }
    .clinic1_right,  #clinic1 .reverse .clinic1_right{
        border-radius: 79px 79px 0px 0px;
    }
    .clinic1_left{
        border-radius: 0px 0px 79px 79px;
        gap: 0px;
        padding: 40px 20px;
    }
    .clinic1_card .blue_box {
        font-size: 20px;
    }
    .clinic1_ulbox_txt, .clinic1_ulbox ul > li:last-child {
        font-size: 15px;
    }
    .clinic1_ulbox ul {
        width: 16vw;
    }
    .clinic1_card .txt_top{
        font-size: 18px;
    }
    #clinic1 .reverse{
        flex-direction: column-reverse;
    }
    .clinic2_contentbox{
        flex-direction: column;
        align-items: center;
    }
    .clinic2_ulbox{
        justify-items: center;
        width: 80%;
    }
    .clinic2::after {
        background-size: 500px auto;
    }
    .clinic2_textbox{
        width: 80%;
        padding: 30px;
    }
    .clinic2_ulbox li{
        width: 25vw;
        height: 25vw;
    }
    .clinic2_ulbox li img {
        height: 12vw;
    }
    .clinic2_ulbox li p {
        font-size: 3.2vw;
    }
    .clinic2_bg{
        width: 100%;
    }
    #way .info-box .txt .time .day{
        gap: 30px;
    }
}
@media (min-width:0px) and (max-width:550px){
    .equ-nav span, .intro_topbox > div div, .intro_topbox > div:first-child div{
        bottom: 15px;
        font-size: 4vw;
    }
    .main_tit::before{
        font-size: 3vw;
    }
    .main_tit{
        font-size: 8vw;
    }
    #way .info-box .txt .time .day3{
        flex-direction: column;
        gap: 0px;
    }
    .equ-nav .slick-slide img{
        border-radius: 40px;
    }
    .intro_img{
        font-size: 5vw;
        padding: 30px;
    }
    .intro_img > div div:not(:first-child) {
        font-size: 4vw;
    }
    .intro_topbox > div {
        height: 180px;
    }
    .intro_topbox ul{
        font-size: 2vw;
    }
    .intro.innerTop {
        padding-top: 35rem;
    }
    .clinic1_title > div{
        padding: 20px;
        justify-content: center;
        flex-direction: column-reverse;
        height: 200px;
        align-items: center;
        text-align: center;
    }
    .clinic1_title .img{
        width: 100px;
        height: 100px;
        padding: 22px;
    }
    .clinic1_botttom_blank {
        height: 750px;
    }
    .clinic1_title{
        top: 28%;
    }
    .clinic1_left, .clinic1_right{
        width: 90%;
    }
    .clinic1_card .txt_top b{
        font-size: 24px;
    }
     .clinic2_ulbox{
        width: 90%;
    }
    .clinic2_textbox{
        width: 90%;
    }
        .clinic2_ulbox li {
        width: 28vw;
        height: 28vw;
    }
        .clinic2_ulbox li img {
        height: 15vw;
    }
        .clinic2_ulbox li p {
        font-size: 3.5vw;
    }
    .clinic2_textbox p {
        font-size: 70px;
    }
    .clinic2_textbox{
        height: 280px;
    }
        .clinic1_title > div b {
        font-size: 20px;
        margin-bottom: 0;
    }
    .clinic1_title > div{
        padding: 5px;
    }
}
@media screen and (max-width:480px){
    #way .info-box .txt{margin:20px;}
    #way .info-box .txt .time{padding: 10px;}
    #way .info-box .txt .time h2{ font-size: 2.8rem;  margin-bottom: 15px;}
    #way .info-box .txt .time .day{margin-bottom: 15px; line-height: 23px;gap: 20px;}
    #way .info-box .txt .time .day1{width: 20%;font-size: 1.4rem;font-weight: 600;}
    #way .info-box .txt .time .day2{width: 80%;font-size: 1.4rem; font-weight: 400;}
    #way .info-box .txt .time h4,  #way .info-box .txt .time h5{font-size: 1.6rem;}
    #way .info-box .txt .ad{padding: 10px;}
    #way .info-box .txt .ad p{font-size: 1.6rem; margin-bottom: 5px;}
    #way .info-box .txt .load a{font-size: 1.6rem; font-family: 'SUITE'; font-weight: 700; color: #212121; width: 28%; height: 30px; line-height: 30px;}
    .con3_flex {
        margin-bottom: 0;
    }
    .equ-nav div{
        height: 300px;
    }
    .intro_topbox ul > li ol > li:first-child {
        width: 50px;
    }
    .intro_topbox ul{
        font-size: 2.1vw;
    }
    .intro.innerTop {
        padding-top: 30rem;
    }
    .clinic1_botttom_blank {
        height: 850px;
    }
    .clinic1_ulbox {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }
    
    .clinic1_ulbox > li {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
    }
    .clinic1_ulbox > li:nth-of-type(1),
    .clinic1_ulbox > li:nth-of-type(2){
        padding-bottom: 15px;
    }
    .clinic1_ulbox > li:nth-of-type(3),
    .clinic1_ulbox > li:nth-of-type(4){
        padding-top: 15px;
    }
    .clinic1_ulbox > li:first-child {
        border-right: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
    }
    .clinic1_ulbox > li > ul {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .clinic1_ulbox ul > li:first-child {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .clinic1_ulbox >li:nth-of-type(2){
        border: none;
        border-bottom: 1px solid #D3D3D3;
    }
    .clinic1_ulbox ul > li:first-child img {
        min-width: 50px;
        min-height: 50px;
        object-fit: contain;
    }
    
    .clinic1_ulbox ul > li:last-child {
        font-weight: 500;
        font-size: 1.5rem;
    }
     .intro .txt{
        margin-top: 70px;
    }
    
}
@media (min-width:0px) and (max-width:420px){
    .equ-nav div{
        height: 270px;
    }
    .equ-nav span,.clinic_txt_wrap .txt_bot,.intro .txt h3, .doc_txt ul, .doc_txt span {
        font-size: 4vw;
    }
    .intro .txt > div:nth-of-type(1) p, .intro .txt > div:nth-of-type(2) p, .intro .txt > div:nth-of-type(3) b, .doc_txt > div:nth-of-type(2),.clinic1_card .txt_top b{
        font-size: 5vw;
    }
    .intro::after{
        bottom: 31%;
    }
    .intro_img{
        height: 370px;
        border-radius: 70px;
        padding: 20px;
        font-size: 5vw;
    }
    .intro_img > div div:not(:first-child) {
        font-size: 4vw;
    }
    .doc_txt > div{
        font-size: 9vw;
        align-items: center;
    }
    .doc_txt span{
        height: 30px;
    }
    .doc::after{
        display: none;
    }
    .doc_img{
        width: 90%;
    }
    .doc_wrap{
        gap: 20px;
    }
    .intro .txt{
        gap: 5px;
    }
    .intro_topbox > div {
        height: 150px;
    }
    .intro_topbox > div:nth-of-type(2), .intro_topbox > div:nth-of-type(3), .intro_topbox > div:nth-of-type(4){
        background-size: 70px auto;
    }
    .intro.innerTop {
        padding-top: 25rem;
    }
    .intro_topbox ul {
        font-size: 2.3vw;
    }
    .intro_topbox a{
        padding: 5px;
    }
    .clinic1_botttom_blank {
        height: 640px;
    }
    .clinic1_title{
        width: 100%;
        top: 26%;
        border-radius: 0px;
    }
    .clinic1_title > div:nth-of-type(1), .clinic1_title > div:nth-of-type(5){
        border-radius: 0px;
    }
    .clinic1_title > div b {
        margin-bottom: 5px;
        font-size: 5.5vw;
    }
    .clinic1_title > div i, .clinic1_card .txt_top, .clinic1_ulbox_txt{
        font-size: 4vw;
    }
    .quick_logo_c span{
        font-size: 3vw;
    }
    .clinic1_title > div{
        height: 200px;
        padding: 10px;
    }
    .clinic1_title .img {
        width: 80px;
        height: 80px;
        padding: 18px;
    }
    .quick_logo_c{
        width: 80px;
        height: 80px;
    }
    .quick_logo_c .ripple{
        width: 60px;
        height: 60px;
    }
    .clinic1_right .arrow{
        width: 12px;
    }
    .clinic1_card .blue_box,  .clinic1_card_wrap .txt_selectbox{
        font-size: 5vw;
    }
    .clinic1_txt_wrap .txt_bot, .clinic2 .txt_bot{
        font-size: 4.5vw;
    }
    .clinic2_textbox p{
        font-size: 17vw;
    }
    .clinic2_textbox b{
        font-size: 8vw;
    }
    .clinic2_textbox i{
        font-size: 3.8vw;
    }
    .clinic2_ulbox li p {
        font-size: 3vw;
    }
    .clinic2_bg{
        height: 550px;
    }
    .clinic1_card .blue_box{
        height: 4.2vh;
    }
    .clinic2_textbox{
        padding: 30px 7px;
        padding-right: 20px;
        height: fit-content;
    }
       .intro_topbox {
        bottom: -67%;
    } 
    #way .info-box .txt .time .day1{
        min-width: 60px;
    }
}
@media (min-width:0px) and (max-width:375px){
    .intro_topbox ul {
        font-size: 2vw;
    }
    .intro::after{
        top: 57%;
    }
    .clinic1_ulbox > li{
        padding: 3vw;
    }
    .clinic1_ulbox ul > li:first-child{
        width: 70px;
        height: 70px;
    }
    .clinic1_ulbox ul > li:first-child img {
        min-width: 30px;
        min-height: 30px;
    }
    .clinic1_ulbox ul > li:last-child{
        font-size: 4vw;
    }
    .clinic2_ulbox, .clinic2_textbox{
        gap: 5px;
        width: 95%;
    }
        .clinic2_ulbox li p {
        font-size: 2.7vw;
    }
       .intro_topbox {
        bottom: -75%;
    }
    #way .info-box .txt .time .day{
        gap: 10px;
    }
    #way .info-box .txt .time .day1{
        min-width: 40px;
    }
    #way .info-box .txt .time .day1,
    #way .info-box .txt .time .day2{
        font-size: 3.5vw;
    }
   
}
@media (min-width:0px) and (max-width:320px){
    .intro_topbox ul {
        font-size: 1.8vw;
    }
}