@charset "utf-8";
html { scroll-behavior: smooth; scroll-padding-top: 60px;}
body { font-family: 'Noto Sans JP', sans-serif; font-size: 16px; line-height: 1.6em; font-weight: normal; color: #5e5e5e; min-width: 320px;}
.hyoji { display: none;}
/*アンカータグ用*/
.con_inner { padding-top: 15px; margin-top: -15px; overflow: hidden;}
* img { vertical-align: bottom;}
* { box-sizing: border-box;}
#wrap { }
* a { }
* a:hover { opacity: 0.8; }
.pc_none { display: none;}
/*header*/
.contents { min-width: 1200px; width: 100%; margin: 0 auto; display: flex; flex-direction: column;}

/* メインコンテンツ */

/* スクロールメニュー */
.main_contents_menu  { max-width: 1000px; width: 100%; margin: 50px auto 80px auto; transform:rotateZ(0.03deg);}
.main_contents_menu ul { display: flex; justify-content: center; }
.main_contents_menu li + li { margin-left: 60px; }
.main_contents_menu li a { display: block; width: 470px; border-top: 1px solid #001A8C; color: #001A8C; text-decoration: none; line-height: 55px; padding-left: 20px; background: url("../img/downarrow.png") no-repeat center right #fff; font-weight: 500; }
.main_contents_menu li a:hover { background-color: #eee;}

.main_contents_menu2  { max-width: 1000px; width: 100%; margin: 50px auto 80px auto ; transform:rotateZ(0.03deg);}
.main_contents_menu2 ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.main_contents_menu2 li { margin: 0 19px 25px 0; }
.main_contents_menu2 li a { display: block; width: 320px; border-top: 1px solid #001A8C; color: #001A8C; text-decoration: none; line-height: 55px; padding-left: 20px; background: url("../img/downarrow.png") no-repeat center right #fff; font-weight: 500;}
.main_contents_menu2 li a:hover { background-color: #eee;}
.main_contents_menu2 .resize a { display: block; width: 470px; border-top: 1px solid #001A8C; color: #001A8C; text-decoration: none; line-height: 55px; padding-left: 20px; }
.main_contents_menu2 li:nth-child(3n) {margin-right: 0;}


/* 背景グレー */
.left_glay { background: url("../img/back_glay.png") no-repeat top center; padding: 70px 0 ; overflow: hidden;}
.left_glay_r { background: url("../img/back_glay.png") no-repeat top center; padding: 70px 0 ; overflow: hidden;}
.left_glay2 { background: url("../img/back_glay2.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.left_glay2_r { background: url("../img/back_glay2.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.left_glay3 { background: url("../img/back_glay3.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.left_glay4 { background: url("../img/back_glay4.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.left_glay5 { background: url("../img/back_glay5.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.center_glay { background: url("../img/back_glay6.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
/* 背景グリーン */
.right_green { background: url("../img/back_green.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.right_green2 { background: url("../img/back_green2.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.right_green_r { background: url("../img/back_green.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.right_green2_r { background: url("../img/back_green2.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
/* 背景ブルー */
.right_blue { background: url("../img/back_blue.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.right_blue2 { background: url("../img/back_blue2.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.right_blue3 { background: url("../img/back_blue3.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.right_blue4 { background: url("../img/back_blue4.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.left_blue { background: url("../img/back_blue5.png") no-repeat top center; padding: 70px 0; overflow: hidden;}
.backg_blue { background: url("../img/back_blue3.png") no-repeat top center; min-height: 590px; padding: 70px 0; margin-bottom: 80px; overflow: hidden;}
.content_box { max-width: 1000px; width: 100%; margin: 0 auto;}
/* サブタイトル　患者 */
.sub_title_area { margin-bottom: 40px;}
.sub_title_area2 { margin-bottom: 40px; }
.sub_title_area3 { }
.sub_title_area4 { }

.sub_title { width: 100%; text-align: center; font-size: 36px; line-height: 1em; color: #20B5AF; position: relative; display: inline-block; margin-bottom: 0.3em; padding: 0 20px; font-family: 'M PLUS Rounded 1c', sans-serif; transform:rotateZ(0.03deg); font-weight: 500; letter-spacing: 0.05em;}
.sub_title::before {content: ''; position: absolute; left: 50%; bottom: -15px; display: inline-block; width: 80px; height: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #001A8C;/*線の色*/ }

/* サブタイトル　研修医 */
.sub_title_area3 { margin-bottom: 40px;}
.sub_title_area4 { }

.sub_title2 { width: 100%; text-align: center; font-size: 50px; font-weight: 500; line-height: 1em; color: #76b7e2; position: relative; display: inline-block; margin-bottom: 0.7em; }
.sub_title2::before {content: ''; position: absolute; left: 50%; bottom: -25px; display: inline-block; width: 80px; height: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #76b7e2;/*線の色*/ }
/* サブタイトル　２と色違い */
.sub_title3 { width: 100%; text-align: center; font-size: 50px; font-weight: 500; line-height: 1em; color: #76b7e2; position: relative; display: inline-block; margin-bottom: 0.8em; }
.sub_title3::before {content: ''; position: absolute; left: 50%; bottom: -35px; display: inline-block; width: 80px; height: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #001A8C;/*線の色*/ }
/* サブタイトル　白文字 */
.sub_title4 { width: 100%; text-align: center; font-size: 50px; font-weight: 500; line-height: 1em; color: #fff; position: relative; display: inline-block; margin-bottom: 0.7em; }
.sub_title4::before {content: ''; position: absolute; left: 50%; bottom: -35px; display: inline-block; width: 80px; height: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #fff;/*線の色*/ }
/* サブタイトルの下にある文字 */
.sub_title_text { color: #000; font-size: 15px; text-align: center; line-height: 1em; margin: 0 0 0 0; font-weight: 500;}
.sub_title_text4 { font-size: 15px; text-align: center; line-height: 1em; margin: 10px 0 0 0; color: #fff; }

.font-bold { font-weight: bold; }
/* 患者　タイトル　フォントサイズ */
.sub_title_font_size { font-size: 90px!important; line-height: 1em; font-family: 'Albert Sans', sans-serif; padding: 0 20px; font-weight: 100; font-style: italic; letter-spacing: 2;}
/* 研修医　タイトル　フォントサイズ */
.sub_title_font_size2 { font-size: 64px!important; font-weight: 400; line-height: 1em; font-family: 'Oswald', sans-serif;}
/*ベースの背景*/
.white_bg_area { max-width: 1000px; width: 100%; background-color: #fff; padding: 30px; margin: 0 auto;}
.white_mini_bg_area { max-width: 1000px; width: 100%; background: url("../img/white_bg.png") repeat-y top center; padding: 60px 0; margin: 0 auto; }
.white_mini_bg_area_kanja { max-width: 1000px; width: 100%; background: url("../img/white_bg.png") repeat-y top center; padding: 60px 0; margin: 0 auto; }
.base_container { max-width: 1000px; width: 100%; margin: 0 auto; padding: 50px 0;}


/* 下部メニュー 患者*/
.foot_menu_kanja { min-width: 1200px; width: 100%; height: 55px; background-color: #BCE9E7; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 400; transform:rotateZ(0.03deg);}
.foot_menu_kanja a { color: #001A8C; text-decoration: none; line-height: 55px; font-weight: 500;}
.foot_menu_kanja ul { display: flex; flex-wrap: wrap; justify-content: center;}
.foot_menu_kanja li + li { margin-left: 35px;}
/* 下部メニュー 医学生*/
.foot_menu_igaku { min-width: 1200px; width: 100%; height: 55px; background-color: #022FA0;}
.foot_menu_igaku a { color: #fff; text-decoration: none; line-height: 55px;}
.foot_menu_igaku ul { display: flex; flex-wrap: wrap; justify-content: center;}
.foot_menu_igaku li + li { margin-left: 35px;}

/*footer*/
footer { min-width: 1200px; width: 100%; height: 45px; background: #001A8C; text-align: center; font-size: 14px; color: #fff; padding: 12px 0 0 0;}

@media screen and (max-width: 520px) {
	body {}
	.pc_none { display: block;}
	.mob_none { display: none;}
	
	/*header*/
	.contents { min-width: 0; margin: 0;}
	
	nav {display: none;}
	
	/* contents */
	
	/* スクロールメニュー */
	.main_contents_menu  { margin: 60px auto 0 auto; }
	.main_contents_menu ul { flex-direction: column; max-width: 470px; min-width: 300px; width: 100%; margin: 0 auto; padding: 0 5%;}
	.main_contents_menu li + li { margin-left: 0; }
	.main_contents_menu li { display: block; max-width: 470px; min-width: 300px; width: 100%; margin: 0 0 15px 0 ; }
	.main_contents_menu li a { display: block; max-width: 470px; min-width: 300px; width: 100%; font-size: 14px; line-height: 40px; font-weight: 500;}
	
	.main_contents_menu2  { margin: 60px auto 0 auto;}
	.main_contents_menu2 ul { flex-direction: column; max-width: 470px; min-width: 300px; width: 100%; margin: 0 auto;padding: 0 5%;}
	.main_contents_menu2 li + li { margin-left: 0; }
	.main_contents_menu2 li { display: block; max-width: 470px; min-width: 300px; width: 100%; margin: 0 0 15px 0 ; }
	.main_contents_menu2 li a { display: block; max-width: 470px; min-width: 300px; width: 100%; font-size: 14px; line-height: 45px; }
	
	.main_contents_menu2  .resize { display: block; max-width: 470px; min-width: 300px; width: 100%; margin: 0 0 25px 0 ; }
	.main_contents_menu2  .resize a { display: block; max-width: 470px; min-width: 300px; width: 100%; font-size: 14px; line-height: 45px; }
	
	/* 背景グレー */
	.left_glay { background: url("../img/back_glay_m.png") no-repeat; background-position: top right 10px; overflow: hidden;}
	.left_glay_r { background: url("../img/back_glay_m_r.png") no-repeat; background-position: top right 10px; overflow: hidden; padding: 35px 0;}
	.left_glay2 { background: url("../img/back_glay_m.png") no-repeat; background-position: top right 10px;  padding: 30px 0; overflow: hidden;}
	.left_glay2_r { background: url("../img/back_glay_m_r.png") no-repeat; background-position: top right 10px;  padding: 35px 0; overflow: hidden;}
	.left_glay3 { background: url("../img/back_glay_m.png") no-repeat; background-position: top right 10px;  padding: 35px 0; overflow: hidden;}
	.left_glay4 { background: url("../img/back_glay_m.png") no-repeat; background-position: top right 10px;  padding: 35px 0; overflow: hidden;}
	.left_glay5 { background: url("../img/back_glay_m.png") no-repeat; background-position: top right 10px;  padding: 35px 0; overflow: hidden;}
	.center_glay { background: url("../img/back_glay_m.png") no-repeat; background-position: top right 10px;  padding: 35px 0; overflow: hidden;}
	/* 背景グリーン */
	.right_green { background: url("../img/back_green_m.png") no-repeat; background-position: top left 10px; overflow: hidden;}
	.right_green2 { background: url("../img/back_green_m.png") no-repeat; background-position: top left 10px; overflow: hidden;}
	.right_green_r { background: url("../img/back_green_m_r.png") no-repeat; background-position: top left 10px; overflow: hidden; padding: 35px 0;}
	.right_green2_r { background: url("../img/back_green_m_r.png") no-repeat; background-position: top left 10px; overflow: hidden; padding: 35px 0;}
	/* 背景ブルー */
	.right_blue { background: url("../img/back_blue_m.png") no-repeat; background-position: top left 10px; overflow: hidden;}
	.right_blue2 { background: url("../img/back_blue_m.png") no-repeat; background-position: top left 10px; overflow: hidden; padding: 35px 0;}
	.right_blue3 { background: url("../img/back_blue_m.png") no-repeat; background-position: top left 10px; overflow: hidden;}
	.right_blue4 { background: url("../img/back_blue_m.png") no-repeat; background-position: top left 10px; overflow: hidden; padding: 35px 0;}
	.left_blue { background: url("../img/back_blue_m.png") no-repeat; background-position: top right 10px; overflow: hidden;}
	.backg_blue { background-image: none; background-color:#F2F6FA; min-height: 0; margin-bottom: 0; }
	/* サブタイトル */
	.sub_titke_area { margin-bottom: 30px;}
	.sub_title { font-size: 24px; }
	.sub_title::before {content: ''; position: absolute; left: 50%; bottom: -20px; display: inline-block; width: 80px; height: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #001A8C;/*線の色*/ }
	.sub_title2 { font-size: 24px; }
	.sub_title2::before {content: ''; position: absolute; left: 50%; bottom: -16px; display: inline-block; width: 80px; height: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #76b7e2;/*線の色*/ }
	
	/* サブタイトル　白文字 */
	.sub_title4 { font-size: 26px; }
	.sub_title4::before { bottom: -17px; }
	
	/* サブタイトル　研修医 */
	.sub_title_area3 { margin-bottom: 20px;}
	
	/* 患者　タイトル　フォントサイズ */
	.sub_title_font_size { font-size: 40px!important; line-height: 1em; font-family: 'Albert Sans', sans-serif; padding: 0;}
	.sub_title_font_size::before { bottom: -12px;}
	/* 研修医　タイトル　フォントサイズ */
	.sub_title_font_size2 { font-size: 40px!important; font-weight: 400; line-height: 1em; font-family: 'Oswald', sans-serif;}
	.sub_title_font_size2::before { bottom: -12px;}
	
	/*共通背景*/
	.white_bg_area { padding: 30px 20px; margin: 0 5%; width: 90%;}
	.white_mini_bg_area {background: url("../img/white_bg.png") repeat-y top center; background-size: 92%; padding: 30px; }
	.white_mini_bg_area_kanja {background: url("../img/white_bg.png") repeat-y top center; background-size: 92%; padding: 30px; }
	.base_container { max-width: 1000px; width: 100%; margin: 0 auto; padding: 25px 0;}
	
	
	/* 下部メニュー 患者*/
	.foot_menu_kanja { display: none;}
	/* 下部メニュー 医学生*/
	.foot_menu_igaku { display: none;}
	/*footer*/
	footer { min-width: 0; height: auto; padding: 10px 5%; font-size: 10px; line-height: 14px;}
}