@charset "utf-8";
/*タイトル*/
#headtitle_area { min-width: 1200px; width: 100%; height: 201px; background-image: url("../img/top_back.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.headtitle { font-family: 'Noto Serif JP', serif; font-size: 36px; font-weight: 500; line-height: 150%; color: #fff; background-color: rgba(0,125,198,0.8); text-align: center; padding-bottom: 2px;}

#yakuwari { line-height: 160%; margin-bottom: 100px; }
.yakuwari_top_text { margin-bottom: 50px;}
.yakuwari_title { border: solid 1px #222; font-family: 'Noto Serif JP', serif; font-weight: 500; font-size: 26px; text-align: center; padding: 5px 0 8px; margin-bottom: 10px;}
.yakuwari_text { max-width: 900px; width: 100%; margin: 0 auto 35px;}

/*医師紹介*/
#doctor { margin-bottom: 100px;}
.doctor_area { display: grid; gap: 2rem 4rem; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); font-size: 18px; background: #EEEEEF; padding: 60px 50px;}
.doctor_area img { width: 100%; height: auto; margin-bottom: 8px;}
.doctor_area span { display: inline-block; font-size: 14px; padding-top: 7px;}

@media screen and (max-width: 768px) {
	/*タイトル*/
	#headtitle_area { min-width: auto; height: auto; aspect-ratio: 27 / 16; background-image: url("../img/top_back_m.jpg");}
	.headtitle { font-size: 24px; line-height: 160%;}
	
	
	#yakuwari { margin-bottom: 70px; }
	.yakuwari_title { font-size: 21px; }
	.yakuwari_text { padding: 0 25px; }
	
	/*医師紹介*/
	#doctor { margin-bottom: 0;}
	.doctor_area { gap: 2rem 1.5rem; padding: 45px 40px; box-shadow: 0 0 0 100vmax #EEEEEF; clip-path: inset(0 -100vmax);}




}