@charset "utf-8";
/* フォント */
#patient{ font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 400;}

/* ヘッダー */
.top-img_container { min-width: 1200px; width: 100%; height: 400px; background: url("../img/top_img.jpg") no-repeat top center;}
.shiro_back { width: 100%; background-color: #fff; position: sticky; top: 0; z-index: 1; }
.top-menu_container { width: 1200px; height: 70px; padding: 0 20px; margin: 20px auto; display: flex; align-items: center; }
.logo {}
.label-kanja { font-family: 'Noto Sans JP', sans-serif; width: 145px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: #20b5af; border-radius: 15px; margin: 0 0 0 15px;}
.main_menu { margin: 0 0 0 auto;}
.main_menu ul { display: flex; gap: 30px; text-align: center;}
.main_menu li a { position: relative; display: inline-block; margin-bottom: 1em; text-decoration: none; color: #000; font-family: 'M PLUS Rounded 1c', sans-serif;transform:rotateZ(0.03deg); font-weight: 500; }
.main_menu li a:before { content: ''; position: absolute; left: 50%; bottom: 24px;/*線の上下位置*/ display: inline-block; width: 20px;/*線の長さ*/ height: 1px;/*線の太さ*/ -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #001A8C;/*線の色*/ transition: width 0.3s }
.main_menu li a:hover:before { width: 100%;}
.main_menu li span { display: inline-block; font-size: 12px; color: #20b5af; margin: 12px 0 0 0; font-family: 'Albert Sans', sans-serif; font-weight: 500; font-style: italic; }

/* 順番 */
.top-img_container { order: 2;}
.top-menu_container { order: 1; }
.main_contents { order: 3; }
footer { order: 4; }

/* フォントのギザギザをなめらかに */
#access, #contact{transform:rotateZ(0.03deg);}

/* アクセス */
.access_area { width: 100%;}
.access_text { width: 100%; text-align: center;}
.access_img  { text-align: center; margin: 30px 0 0 0;}
.access_img img { border: solid 2px #20b5af; border-radius: 15px; }
/* contact */
.contact_area { max-width: 750px; width: 100%; margin: 0 auto; padding: 40px 5%; border: solid 9px #f2fbfa; border-radius: 15px; text-align: center;}
.contact_name { font-size: 33px; line-height: 1.4em; font-weight: 500;}
.contact_tel { max-width: 438px; width: 100%; margin: 20px auto;}
.contact_tel img { width: 100%; height: auto; }
.contact_time { font-size: 22px;}



@media screen and (max-width: 520px) {
	/* ヘッダー */
	.top-img_container { min-width: 0; width: 100%; height: 350px; background: url("../img/top_img_m.jpg") no-repeat top left;}
	.top-menu_container {width: 100%; height: 50px; padding: 0; margin: 0; aspect-ratio: 32 / 5; }
	.logo { width: auto; height: 50px; padding: 0;}
	.logo img { width: auto; height: 50px; padding: 7px 10px 7px 6px; }
	.label-kanja { width: fit-content; height: fit-content; line-height: 20px; font-size: 9px; margin: 0; padding: 0 10px;}
	nav { display: none;}

	/* アクセス */
	.access_area { width: 100%; text-align: center;}
	.access_text { font-size: 14px; }
	.access_img  { max-width: 450px;}
	.access_img img { width: 100%; height: auto; }
	/* contact */
	.contact_area { }
	.contact_name { font-size: 24px; line-height: 1.4em; font-weight: 500;}
	.contact_tel { max-width: 438px; width: 100%; margin: 10px auto;}
	.contact_tel img { width: 100%; height: auto; }
	.contact_time { display: inline-block; font-size: 12px; text-align: left;}
	.contact_time span { display: inline-block;}
	
}