@charset "utf-8";

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

/*ページ内リンク*/
.w800{width:95%;max-width:800px;margin:clamp(45px,calc(90/1500*100vw),90px) auto;row-gap:clamp(15px,calc(40/1500*100vw),40px) !important;}
.w800 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;}
.w800 img{width:clamp(60px,calc(90/1500*100vw),90px);}
.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%;}

/* ------------------------------ 予防接種・ワクチン------------------------------ */
#vaccine h2::before{content:"Vaccine";}
.uborder{text-decoration: underline;}
.fcg{color:#269117;}
table{width:95%;max-width:1000px;border-collapse: collapse;margin:auto;}
th,td{border:1px solid #c6c6c6;padding:clamp(10px,calc(20/1000*100vw),20px);}
th{background:#269117;color:#FFF;text-align: left;}
/* ------------------------------ 健康診断------------------------------ */
#healthcheck h2::before{content:"medical check-up";}
.bgw{background:#FFF;padding:clamp(15px,calc(35/1500*100vw),35px);border-radius: clamp(10px,calc(20/1500*100vw),20px);}
.bg_g{border-top-left-radius: clamp(50px,calc(100/1500*100vw),100px);}
.list li{position: relative;padding-left: 1.2em;}
.list li::before{content:"※";position: absolute; left: 0; top: 0;}
.checklist > div{background:#FFF;border-radius: 12px;}
.checklist h3{background:#269117;color:#FFF;padding:20px 10px; border-radius: 12px 12px 0 0;}
.pd{padding:clamp(15px,calc(20/1500*100vw),20px);}
.checklist dt{font-weight:bold;padding:5px 0; display:inline-block;width:4em;vertical-align:top;}
.checklist dd{padding:5px 0; display:inline-block;width:calc(100% - 5em);}
.checklist dd.w100{width:100%;}
.w_c2{width: 48.5%;}
/* ------------------------------ レスポンシブ------------------------------------------------------------*/
/* 1024px以下から------------------------------------------------------------*/
@media only screen and (max-width:1024px){
   /* ------------------------------ 共通------------------------------ */
    .imgL{align-items: flex-start;}
    /* -------------------------- 健康診断----------------------------- */
	.c3 > *{width: 48.5%;}
}


/* 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;}
    /* -------------------------- 健康診断----------------------------- */
	.c3 > *{width:100%;}
}
/* 450px以下から------------------------------------------------------------*/
@media only screen and (max-width:450px){

}