@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; }

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

/* 受診案内 */
.jushin_text { }
.jushin_come_box { max-width: 860px; font-size: 15px; background-color: #f9f2f7; border-radius: 15px; padding: 30px; margin: 30px auto 0 auto;}
.jushin_come_box a { color: #001a8c; font-weight: 500;}
.jushin_box_area { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px 0 0 0; }
.jushin_box { max-width: 460px; width: 100%; font-size: 14px; border: solid 2px #20b5af; border-radius: 15px; padding: 0 19px 20px;}
.jushin_box li:nth-child(1) { font-size: 27px; color: #20b5af; line-height: 1.2em; text-align: center; height: 150px; padding: 0 0 10px; letter-spacing: 0.05em;}
.jushin_box li:nth-child(1) span { margin: 0 0 0 5px; }
.jushin_box li:nth-child(2) { max-width: 420px;}
.jushin_box li:nth-child(2) img { width: 100%; height: auto;}
.jushin_box li:nth-child(3) { height: 160px; margin-top: 30px; line-height: 1.6em;}
.jushin_box li:nth-child(3) span { color: #20b5af; font-size: 20px;}

.jushin_box:nth-child(1) li:nth-child(1) { background: url("../img/line.png") no-repeat; background-position: bottom 38px center; padding-top: 54px; font-weight: 500;}
.jushin_box:nth-child(2) li:nth-child(1) { background: url("../img/line.png") no-repeat; background-position: bottom 25px center; padding-top: 45px; font-weight: 500;}

.jushin_list { width: 940px; height: 377px; margin: 50px 0 30px; }
.jushin_list img {width: 940px; height: 377px;}

.jushin_kentou_area { border: solid 2px #20b5af; border-radius: 15px; padding: 20px 30px;}
.jushin_kentou_title { font-size: 27px; color: #20b5af; text-align: center; line-height: 2em; background: url("../img/line.png") no-repeat; background-position: bottom center; margin-bottom: 20px; letter-spacing: 0.05em; font-weight: 500;}
.jushin_kentou_title a { color: #001a8c; }
.jushin_kentou_come { }
.jushin_kentou_come span { color: #20b5af; font-size: 20px;}
.jushin_kentou_come a { color: #001a8c; font-weight:500;}
/*.jushin_kentou_come a:hover { text-decoration: underline; }*/

/* 施設紹介 */
.syoukai_area { width: 100%; display: flex; justify-content: flex-end; margin: 0 0 90px 0; }
.syoukai_box { width: 420px; margin-right: 20px; }
.syoukai_box li:nth-child(1) { background: url("../img/line01.png") no-repeat top left; height: 20px; }
.syoukai_box li:nth-child(2) { font-size: 28px; line-height: 1.4em; padding: 24px 0; color: #5e5e5e; font-weight: 500;}
.syoukai_box li:nth-child(3) { font-size: 15px;}
.syoukai_area2 { width: 100%; display: flex; justify-content: flex-start; margin: 0 0 90px 0; }
.syoukai_box2 { width: 420px; margin-left: 20px; }
.syoukai_box2 li:nth-child(1) { background: url("../img/line01.png") no-repeat top left; height: 20px; }
.syoukai_box2 li:nth-child(2)  { font-size: 28px; line-height: 1.4em; padding: 24px 0; color: #5e5e5e; font-weight: 500;}
.syoukai_box2 li:nth-child(3) { font-size: 15px;}
.syokai_photo { max-width: 520px;}
.syokai_photo img { width: 100%; height: auto;}


/* 下部イメージ */
.footer_image_area { min-width: 1200px; width: 100%; height: 300px; margin: 0 0 30px 0;}
.footer_image_area img { padding: 0 ; margin: 0; max-height: 300px; width: 100%; height: auto;}

@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;}
	
	/* 受診案内 */
	.jushin_text { font-size: 16px; line-height: 1.6em;}
	.jushin_come_box { font-size: 16px; line-height: 1.7em; padding: 17px;}
	.jushin_box_area { justify-content: center;} 
	.jushin_box:nth-child(1) { margin-bottom: 25px;}
	.jushin_box li:nth-child(1) { font-size: 20px; height: 100px;}
	.jushin_box li:nth-child(1) span { display: block; width: 100%; margin: 0; }
	.jushin_box li:nth-child(3) { height: auto; font-size: 16px; line-height: 1.6em;}
	.jushin_box:nth-child(1) li:nth-child(1) { background: url("../img/line.png") no-repeat; background-position: bottom 28px center; padding-top: 40px;}
	.jushin_box:nth-child(2) li:nth-child(1) { background: url("../img/line.png") no-repeat; background-position: bottom 28px center; padding-top: 40px;
	height: 150px;}
	.jushin_list { height: auto; overflow-x: scroll; overflow-y: visible; width: 100%;}
	.jushin_list img { width: 658px; height: auto;}
	.jushin_kentou_title { font-size: 18px; line-height: 1.2em; text-align: left; background-position: bottom center; padding-bottom: 10px; }
	.jushin_kentou_come { font-size: 16px; line-height: 1.6em;}
	
	/* 施設紹介 */
	.syoukai_area { flex-wrap: wrap; justify-content: center; margin: 0 0 50px 0; }
	.syoukai_box { max-width: 520px; width: 100%; margin: 0 0 20px 0; }
	.syoukai_box li:nth-child(1) { width: 100%;}
	.syoukai_box li:nth-child(2) { font-size: 20px; line-height: 1em; letter-spacing: 0.05em; margin: 22px 0; padding: 0;}
	.syoukai_box li:nth-child(3) { font-size: 16px; line-height: 1.6em;}
	
	.syoukai_area2 { flex-wrap: wrap; justify-content: center; margin: 0 0 50px 0; }
	.syoukai_box2 { max-width: 520px; width: 100%; margin: 0 0 20px 0; order: 1; }
	.syoukai_box2 li:nth-child(1) { width: 100%;}
	.syoukai_box2 li:nth-child(2) { font-size: 20px; line-height: 1em; letter-spacing: 0.05em; margin: 22px 0; padding: 0;}
	.syoukai_box2 li:nth-child(3) { font-size: 16px; line-height: 1.6em;}
	.syokai_photo { max-width: 520px; order: 2}
	
	

/* 下部イメージ */
.footer_image_area { min-width: 0; width: 100%; height: auto; margin: 0 0 70px 0;}
	
	
	
}