@charset "utf-8";
/* ヘッダー */
.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 { width: 180px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: #022fa0; 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: #333; font-weight: bold;}
.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; font-family: 'Oswald', sans-serif; font-weight: 400; color: #022fa0; margin: 12px 0 0 0;}
/* 順番 */
.top-img_container { order: 2;}
.top-menu_container { order: 1; }
.main_contents { order: 3; }
footer { order: 4; }


/* 外来診療室 */
.gairai_area { width: 100%; height: 886px; background-image: url("../img/bg01.jpg"); background-position: top center; background-repeat: no-repeat; margin: 80px auto 0 auto;}
.gairai_waku { max-width: 1000px; width: 100%; margin: 0 auto; overflow: hidden;}
.gairai_img01 { display: none; }
.gairai_text_area { width: 100%; }
.gairai_title { display: none;}
.gairai_text { max-width: 295px; width: 100%; line-height: 28px; color: #fff; margin: 360px 0 0 220px;}
.gairai_img02 { display: none; }
/* 病棟処置室 */
.byoutou_area { width: 100%; height: 689px; background-image: url("../img/bg02.jpg"); background-position: top center; background-repeat: no-repeat; margin: 80px auto 0 auto; }
.byoutou_waku { max-width: 1000px; width: 100%; margin: 0 auto; overflow: hidden;}
.byoutou_img01 { display: none; }
.byoutou_text_area { width: 100%; }
.byoutou_title { display: none;}
.byoutou_text  { max-width: 395px; width: 100%; line-height: 28px; color: #fff; margin: 335px 0 0 490px;}
.byoutou_img02 { display: none; }
/* 手術室 */
.syujutsu_area { width: 100%; height: 639px; background-image: url("../img/bg03.jpg"); background-position: top center; background-repeat: no-repeat; margin: 80px auto 0 auto; }
.syujutsu_waku { max-width: 1000px; width: 100%; margin: 0 auto; overflow: hidden;}
.syujutsu_img01 { display: none; }
.syujutsu_text_area { width: 100%; }
.syujutsu_title { display: none;}
.syujutsu_text { max-width: 310px; width: 100%; line-height: 28px; color: #5e5e5e; margin: 260px 0 0 210px;}
.syujutsu_img02 { display: none; }
/* スタッフステーション */
.station_area { width: 100%; height: 545px; background-image: url("../img/bg04.jpg"); background-position: top center; background-repeat: no-repeat; margin: 80px auto 100px auto; }
.station_waku { max-width: 1000px; width: 100%; margin: 0 auto; overflow: hidden;}
.station_img01 { display: none; }
.station_text_area { width: 100%; }
.station_title { display: none;}
.station_text { max-width: 450px; width: 100%; line-height: 28px; color: #fff; margin: 335px 0 0 498px;}
.station_img02 { display: none; }

/* 下部イメージ */
.footer_image_area { min-width: 1200px; width: 100%; height: 300px; margin: 50px 0 5% 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: 8px 6px 8px 6px; }
	.label-kanja { width: fit-content; height: fit-content; line-height: 20px; font-size: 8px; margin: 0; padding: 0 8px;}
	nav { display: none;}

	/* 外来診療室 */
	.gairai_area { width: 100%; height: auto; background-image: none; margin: 80px 0 0 0; }
	.gairai_img01 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin: -1px 0 ; }
.gairai_text_area { background-color: #3671ab; padding: 0 20px 20px 20px; }
.gairai_title { display: block; color: #fff; font-size: 26px; letter-spacing: 4px; font-weight: bold; padding: 18px 0; }
	.gairai_text { max-width: none; width: 100%; font-size: 16px; line-height: 28px; color: #fff; padding: 0; margin: 0; }
	.gairai_img02 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin: -1px 0;}
	.gairai_area img { width: 100%; height: auto;}
	/* 病棟処置室 */
	.byoutou_area { width: 100%; height: auto; background-image: none; margin: 80px 0 0 0; }
	.byoutou_img01 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin: -1px 0; }
.byoutou_text_area { background-color: #4797bf; padding: 0 20px 20px 20px; }
.byoutou_title { display: block; color: #fff; font-size: 26px; letter-spacing: 4px; font-weight: bold; padding: 18px 0; }
	.byoutou_text { max-width: none; width: 100%; font-size: 16px; line-height: 28px; color: #fff; padding: 0; margin: 0; }
	.byoutou_img02 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin: -1px 0;}
	.byoutou_area img { width: 100%; height: auto;}
	/* 手術室 */
	.syujutsu_area { width: 100%; height: auto; background-image: none; margin: 80px 0 0 0; }
	.syujutsu_img01 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin-left: auto;  }
.syujutsu_text_area { background-color: #d3e8ef; padding: 0 20px 20px 20px; }
.syujutsu_title { display: block; color: #5e5e5e; font-size: 26px; letter-spacing: 4px; font-weight: bold; padding: 18px 0; }
	.syujutsu_text { max-width: none; width: 100%; font-size: 16px; line-height: 28px; color: #5e5e5e; margin: 0; padding: 0;}
	.syujutsu_img02 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin: -1px 0;}
	.syujutsu_area img { width: 100%; height: auto;}
	/* スタッフステーション */
	.station_area { width: 100%; height: auto; background-image: none; margin: 80px 0 80px 0; }
	.station_img01 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin-left: 0;  }
.station_text_area { background-color: #3559b3; padding: 0 20px 20px 20px; }
.station_title { display: block; color: #fff; font-size: 26px; letter-spacing: 4px; font-weight: bold; padding: 18px 0; }
	.station_text { max-width: none; width: 100%; font-size: 16px; line-height: 28px; color: #fff; padding: 0; margin: 0; }
	.station_img02 { display: block; max-width: none; width: 100%; height: auto; padding: 0; margin: -1px 0;}
	.station_area img { width: 100%; height: auto;}

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

	
	
	
}