@charset "utf-8";
/* ヘッダー */
.top-img_container { min-width: 1200px; width: 100%; height: 768px; background: url("../img/top_img.jpg") no-repeat top center;}
.shiro_back { width: 100%; background-color: #fff; position: sticky; top: 0; z-index: 1; margin: 50px 0 45px 0; }
.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;}

/* メッセージ */
.message_area {}
.message_box { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 50px 0 0 0;}
.message_text_box { max-width: 500px; width: 100%; }
.message_text_box dt { font-size: 14px;}
.message_text_box dd { color: #000; font-size: 15px; font-weight: bold; margin: 30px 0 0 0; }
.message_photo { max-width: 450px; width: 100%; margin-top: 30px; }
.message_photo img { max-width: 450px; width: 100%; height: auto;}
/* 大学院生募集 */
.graduate_right_bg { width: 100%; height: 780px; background: url("../img/graduate_bg.png") no-repeat; background-position: top center; margin-bottom: 100px; overflow: hidden;}
.graduate_title { text-align: center;}
.graduate_area { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 900px; width: 100%; margin: 38px auto 0 auto; color: #fff; }
.graduate_text_area { max-width: 390px; width: 100%; margin-left: 30px; }
.graduate_text_area li:nth-child(1) { font-size: 29px; line-height: 1.6em; font-weight: bold; letter-spacing: 0.04em;}
.graduate_text_area li:nth-child(2) { font-size: 14px; margin-top: 30px;}
.graduate_list_area { max-width: 450px; width: 100%; border: solid 1px #fff; /*font-weight: bold;*/}
.graduate_list_area li:nth-child(odd) { padding: 5px 0; text-align: center; background: rgba(255,255,255,0.3); border-bottom: solid 1px #fff; border-top: solid 1px #fff; font-weight: bold; font-size: 14px;}
.graduate_list_area li:first-child { border-top: none; }
.graduate_list_area li:nth-child(even) { max-width: 350px; margin: 0 auto; padding: 12px 5px; font-size: 14px; line-height: 1.4em;}
.graduate_list_area li:nth-child(even) a { color: #fff;}
.graduate_list_area li:nth-child(even) img { margin-left: 5px;}
.graduate_list_area li.shikaku_title { font-size: 16px;}
.graduate_list_area li.shikaku { font-size: 16px; font-weight: 500;}

/* 若手口腔外科医国内研修支援制度 */
.sienseido_area { margin-bottom: 7em; margin-left: auto; margin-right: auto; padding-top: 3em; padding-left: 2em; padding-right: 2em; padding-bottom: 0em; max-width: 900px;}
.sienseido_area_txt { max-width: 30em; margin-left: auto; margin-right: auto; padding-top: 2em;}

/* 口腔外科とは */
.intro_area { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; widows: 100%; margin: 20px auto 0 auto;}
.video_area { max-width: 700px; width: 100%; }
.video_area img { width: 100%; height: auto;}
.intro_title_area { max-width: 430px; width: 100%; text-align: center; padding: 100px 0 0 0; }
video { width: 80vw; height: auto; display: block; }




/* Feature01 */
.feature_area { max-width: 1600px; min-width: 1200px; width: 100%; min-height: 355px; margin: 30px auto 60px auto; padding-bottom: 60px; background: url("../img/Feature01_img.png") no-repeat top center; overflow: hidden; border-bottom: solid 1px #eeeeee; }
.feature_box { max-width: 1000px; width: 100%; margin: 0 auto;}
.feature_img_m_left { display: none;}
.feature_contens { width: 480px; margin: 30px 0 0 0;}
.feature_contens li:nth-child(1) { width: 100%; height: 22px; background: url("../img/feature_lin01.png") no-repeat left center;}
.feature_contens li:nth-child(2) { font-size: 28px; line-height: 1.4em; margin: 22px 0; font-weight: 600;}
.feature_contens li:nth-child(3) { font-size: 14px; line-height: 1.8em; letter-spacing: 0px;}
/* Feature02 */
.feature_area2 { max-width: 1600px; min-width: 1200px; width: 100%; min-height: 355px; margin: 30px auto 60px auto; padding-bottom: 60px; background: url("../img/Feature02_img.png") no-repeat top center; overflow: hidden; border-bottom: solid 1px #eeeeee; }
.feature_contens2 {width: 480px; margin: 30px 0 0 auto;}
.feature_contens2 li:nth-child(1) { width: 100%; height: 22px; background: url("../img/feature_lin02.png") no-repeat left center;}
.feature_contens2 li:nth-child(2) { font-size: 28px; line-height: 1.4em; margin: 22px 0; font-weight: 600;}
.feature_contens2 li:nth-child(3) { font-size: 14px; line-height: 1.8em; letter-spacing: 0px;}
/* Feature03 */
.feature_area3 { max-width: 1600px; min-width: 1200px; width: 100%; min-height: 355px; margin: 30px auto 60px auto; padding-bottom: 60px; background: url("../img/Feature03_img.png") no-repeat top center; overflow: hidden; border-bottom: solid 1px #eeeeee; }
/*.feature_area3 { max-width: 1600px; width: 100%; min-height: 355px; margin: 30px auto 30px auto; padding-bottom: 30px; background: url("../img/Feature03_img.png") no-repeat top center; overflow: hidden; border-bottom: solid 1px #eeeeee; }*/
.feature_contens3 {width: 480px; margin: 30px 0 0 0;}
.feature_contens3 li:nth-child(1) { width: 100%; height: 22px; background: url("../img/feature_lin03.png") no-repeat left center;}
.feature_contens3 li:nth-child(2) { font-size: 28px; line-height: 1.4em; margin: 22px 0; font-weight: 600;}
.feature_contens3 li:nth-child(3) { font-size: 14px; line-height: 1.8em; letter-spacing: 0px;}
/* Feature04 */
.feature_area4 { max-width: 1600px; min-width: 1200px; width: 100%; min-height: 355px; margin: 30px auto 60px auto; padding-bottom: 60px; background: url("../img/Feature04_img.png") no-repeat top center; overflow: hidden; border-bottom: solid 1px #eeeeee }
.feature_contens4 {width: 480px; margin: 30px 0 0 auto;}
.feature_contens4 li:nth-child(1) { width: 100%; height: 22px; background: url("../img/feature_lin04.png") no-repeat left center;}
.feature_contens4 li:nth-child(2) { font-size: 28px; line-height: 1.4em; margin: 22px 0; font-weight: 600;}
.feature_contens4 li:nth-child(3) { font-size: 14px; line-height: 1.8em; letter-spacing: 0px;}
/* Feature05 */
.feature_area5 { max-width: 1600px; min-width: 1200px; width: 100%; min-height: 355px; margin: 30px auto 60px auto; padding-bottom: 60px; background: url("../img/Feature05_img.png") no-repeat top center; overflow: hidden;}
.feature_contens5 {width: 480px; margin: 30px 0 0 0;}
.feature_contens5 li:nth-child(1) { width: 100%; height: 22px; background: url("../img/feature_lin05.png") no-repeat left center;}
.feature_contens5 li:nth-child(2) { font-size: 25px; line-height: 1.4em; margin: 22px 0; font-weight: 600;}
.feature_contens5 li:nth-child(3) { font-size: 14px; line-height: 1.8em; letter-spacing: 0px;}

/* 関連病院 */
.affiliated_container {width: 100%; background-color: #efefef;}
.affiliated_title_area { display: flex; justify-content: center; align-items: center; width: 100%; height: 281px; margin: 0 auto 0 auto; background: url("../img/affiliated_bg.png") no-repeat center center;}

.kanren_list_area { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1000px; width: 100%; margin: 0 auto;}
.kanren_box { max-width: 480px; width: 100%; line-height: 1.4em; margin-bottom: 100px;}
.kanren_box li { font-size: 14px; font-weight: bold; background-image: url("../img/kanren_line.png"); background-repeat: no-repeat; background-position: left 10px top 12px; padding-left: 25px; }
.kanren_box li a { font-size: 14px; color: #022fa0; }
.ken { width: 100%; height: 44px; font-size: 22px!important; font-weight: bold; background-color: #fff; padding: 9px 0 0 0; margin: 50px 0 20px 0; background-image: none!important; }





@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;}
	.shiro_back { margin: 0; }
	.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;}
	/* 順番 */ 
	.top-img_container { order: 2;}
	.top-menu_container { order: 1; }
	.main_contents { order: 3; }
	footer { order: 4; }
	
	
	/* メッセージ */
	.message_area { width: 100%; padding: 0 23px 0 23px; }
	.message_box { margin-top: 30px; justify-content: center;}
	.message_text_box { order: 2; margin-top: 20px;}
	.message_text_box dt { font-size: 16px;}
	.message_text_box dd { margin: 15px 0 0 0; font-size: 16px;}
	.message_photo { order: 1; margin-top: 0;}
	.message_photo img { padding: 0 8%;}
	/* 大学院生募集 */
	.graduate_title{ width: calc( 100% + 50px );}
	.graduate_right_bg { height: auto; background: url("../img/graduate_bg_m.png") no-repeat; background-position: top left; margin-bottom: 60px;}
	.graduate_tyousei_area { padding: 0 0 0 50px; }
	.graduate_area { margin: 38px auto 0 auto; width: 100%; padding: 0 20px; justify-content: center;}
	.graduate_text_area { margin-left: 0;}
	.graduate_text_area li:nth-child(1) { font-size: 17px; }
	.graduate_text_area li:nth-child(2) { font-size: 16px; margin-top: 15px;}
	.graduate_list_area li:nth-child(even) {font-size: 15px;}
	.graduate_list_area li.shikaku { font-size: 15px; font-weight: 500;}
	.graduate_list_area { margin-top: 25px;}

	/* 若手口腔外科医国内研修支援制度 */
	.sienseido_area { margin-bottom: 4em; background-color: #EFEFEF;}
	.sienseido_area_txt {}
	
	/* 口腔外科とは */
	.intro_area { justify-content: center; margin: 20px 0 0 0; padding: 0 20px;}
	.video_container { order: 2; margin-bottom: 60px;}
	.video_area { padding: 0 0px;}
	.intro_title_area { order: 1; padding: 0 0 10px 0; }
	video { width: 90vw; }
	
	/* Feature01 */
	.feature_area { max-width: none; min-width: 0; margin: 0 0 0 0; background: none; order: 2; padding-bottom: 30px;}
	.feature_box { max-width: 1000px; width: 100%; margin: 0 auto;}
	.feature_img_m_left { display: block; width: 100%; aspect-ratio: 40/19;}
	.feature_img_m_left img {width: 100%; height: auto;}
	.feature_contens { width: 100%; margin: 15px 0 30px 0; padding: 0 5%; order: 1;}
	.feature_contens li:nth-child(2) { font-size: 20px; margin: 22px 0;}
	.feature_contens li:nth-child(3) { font-size: 16px;}
	/* Feature02 */
	.feature_area2 { max-width: none; min-width: 0; margin: 30px 0 0 0; background: none; order: 2; padding-bottom: 30px;}
	.feature_contens2 { width: 100%; margin: 15px 0 30px 0; padding: 0 5%; order: 1;}
	.feature_contens2 li:nth-child(2) { font-size: 20px; margin: 22px 0;}
	.feature_contens2 li:nth-child(3) { font-size: 16px;}
	/* Feature03 */
	.feature_area3 { max-width: none; min-width: 0; margin: 30px 0 0 0; background: none; order: 2; padding-bottom: 30px;}
	.feature_contens3 { width: 100%; margin: 15px 0 30px 0; padding: 0 5%; order: 1;}
	.feature_contens3 li:nth-child(2) { font-size: 20px; margin: 22px 0;}
	.feature_contens3 li:nth-child(3) { font-size: 16px;}
	/* Feature03 */
	.feature_area4 { max-width: none; min-width: 0; margin: 30px 0 0 0; background: none; order: 2; padding-bottom: 30px;}
	.feature_contens4 { width: 100%; margin: 15px 0 30px 0; padding: 0 5%; order: 1;}
	.feature_contens4 li:nth-child(2) { font-size: 20px; margin: 22px 0;}
	.feature_contens4 li:nth-child(3) { font-size: 16px;}
	/* Feature03 */
	.feature_area5 { max-width: none; min-width: 0; margin: 30px 0 0 0; background: none; order: 2; padding-bottom: 30px;}
	.feature_contens5 { width: 100%; margin: 15px 0 30px 0; padding: 0 5%; order: 1;}
	.feature_contens5 li:nth-child(2) { font-size: 19px; margin: 22px 0;}
	.feature_contens5 li:nth-child(3) { font-size: 16px;}

	/* 関連病院 */
	.affiliated_container {}
	.affiliated_title_area { height: 160px;}
	.kanren_box { margin-bottom: 30px;}
	.kanren_box li { font-size: 16px; padding-bottom: 0.4em;}
	.kanren_list_area {}
	.kanren_list_area { justify-content: center; padding: 0 20px 50px;}

	

}