@charset "utf-8";

/* ------------------------------ メインビジュアル------------------------------ */
#submain_area h2::after{content:"Medical Services";}

/*ページ内リンク*/
.w1100{width:95%;max-width:1200px;margin:clamp(45px,calc(90/1500*100vw),90px) auto;row-gap:clamp(15px,calc(40/1500*100vw),40px) !important;}
.w1100 a{border:1px solid #a6d296;padding:10px;display:flex;gap:5px;align-items: center;font-size: clamp(16px,calc(20/1500*100vw),20px);color:#000;border-radius: 12px;}
.w1100 img{width:clamp(60px,calc(90/1500*100vw),90px);}
/* ------------------------------ 診療案内------------------------------ */
.bg_green{background-image: linear-gradient(90deg, rgba(38, 145, 23, 0.13), rgba(235, 245, 236, 1) 58%, rgba(188, 223, 196, 1));}
.imgL{justify-content: space-between;align-items: center;}
.imgL > img{width:33.3%; max-width: 500px; height: auto; border-radius: clamp(8px,calc(20/1500*100vw),20px);}
.imgL > div{width:60%;}
.bgw{background:#FFF;padding:clamp(15px,calc(35/1500*100vw),35px);border-radius: clamp(10px,calc(20/1500*100vw),20px);}
#guide h2,.dot-line h2{position:relative;margin-left: 110px;margin-bottom: 20px;font-size:clamp(18px,calc(24/1025*100vw),24px);}
#guide h2::before,.dot-line h2::before{font-size:clamp(14px,calc(20/1500*100vw),20px);color:#269117;display:block;}
#guide h2::after,.dot-line h2::after{position:absolute;left:-110px;top:0;}
#internal h2::before{content:"Internal Medicine";}
#internal h2::after{content:url("../images/guide/icon_naika.webp");}
#radiology h2::before{content:"Radiology";}
#radiology h2::after{content:url("../images/guide/icon_radio.webp");}
#gastroenterology h2::before{content:"gastroenterology";}
#gastroenterology h2::after{content:url("../images/guide/icon_gastro.webp");}
#respiratory h2::before{content:"Respiratory Medicine";}
#respiratory h2::after{content:url("../images/guide/icon_respira.webp");}
#vaccine h2::before{content:"Vaccine";}
#vaccine h2::after{content:url("../images/guide/icon_respira.webp");}
#healthcheck h2::before{content:"Check Up";}
#healthcheck h2::after{content:url("../images/guide/icon_checkup.webp");}
.link{display:flex;justify-content: flex-end;align-items: center;}
.link::after{content:""; display:block;width:clamp(18px,calc(28/1500*100vw),28px);height:clamp(18px,calc(28/1500*100vw),28px);background:url("../images/arrow.svg") no-repeat center / contain;margin-left:10px;}
/* ------------------------------ レスポンシブ------------------------------------------------------------*/
/* 1024px以下から------------------------------------------------------------*/
@media only screen and (max-width:1024px){
   /* ------------------------------ 診療案内------------------------------ */
    .imgL{align-items: flex-start;}
}


/* 768px以下から------------------------------------------------------------*/
@media only screen and (max-width:768px){
    /* ------------------------------ ご挨拶------------------------------ */
    .imgL{flex-direction: column;}
    .imgL > img{width:50%;max-width:250px;margin: auto;}
    .imgL > div{width:100%;}
    #vaccine h2,#healthcheck h2{margin-bottom: 30px !important;}
}
/* 450px以下から------------------------------------------------------------*/
@media only screen and (max-width:450px){

}