@charset "utf-8";

/* 0101_Àλ縻 */
.greeting{position:relative;}
.greeting .greet_top{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top:before {content:""; display:block; position:absolute; right:0; bottom:0; width:750px; height:250px; background:url("/images/web/hem/sub_cnt/img_greeting.png") no-repeat; background-size:cover;}
.greeting .greet_top .topTxt{position:relative; display:inline-block; min-width:440px; max-width:50%; min-height:150px; padding:45px 30px 60px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/hem/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35); }/*200313*/
.greeting .topTxt h3 {font-size:34px; font-family:'NotoM';  word-break:keep-all;} 
.greeting .topTxt p {font-size:17px; margin-top:20px; word-break:keep-all} 
.greeting .topTxt .topTeng {position:absolute; right:30px; bottom:30px; padding-left:90px; letter-spacing:3px; font-size:15px; color:#87a3c5;  font-family:'NotoM';}
.greeting .topTxt .topTeng:before {content:""; display:block; position:absolute; left:0; top:10px; width:80px; height:1px; background:#4d6e95;}
.greeting .txt {margin-top:40px;}
.greeting .txt p {font-size:16px; line-height:1.8; word-break:keep-all;}
.greeting p.sign{margin-top:30px;text-align:right; font-size:17px;  word-break:keep-all;}
.greeting p.sign strong {font-family:'NotoB';}

/* 0102 Çаú¼Ò°³ */
.summary_box {padding:25px 45px; font-size:15px; border:5px solid #e9e9e9; word-break:keep-all; background:#fff url('/images/web/hem/sub_cnt/bg_summary.png') no-repeat 95% 88%;}
.summary_box .summary_top {position:relative; min-height:100px; padding-left:160px;}/*200313*/
.summary_box .summary_top .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top .img{position:absolute; top:0; left:0;}/*200313*/
.summary_box .summary_txt{margin:25px 0 10px; padding:25px 0 10px; border-top:1px dashed #b2b7c7; text-align:left; overflow:hidden; word-break:keep-all;}
.summary_box .summary_txt p {font-family:'NotoR'; font-size:14px; color:#444; line-height:1.4; word-break:keep-all;}


/* 0101_ÇаúÀå Àλ縻(ÇаúÀå»çÁø) */
.greeting .greet_top2{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top2:before {content:""; display:block; position:absolute; right:0; bottom:0; width:60%; height:255px; background:#bcbdc0 url("/images/web/hem/sub_cnt/pt_greeting.png") repeat;}
.greeting .greet_top2 .topTxt{position:relative; width:90%; min-height:255px; padding:45px 30px 60px 180px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/hem/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35);  box-sizing:border-box;}/*200313*/
.greeting .greet_top2 .topTxt .img {display:block; position:absolute; left:40px; top:55px; width:105px; height:120px;}
.greeting .greet_top2 .topTxt .img:before {content:""; display:block; position:absolute; right:-10px; bottom:-10px; width:105px; height:120px;  background:rgba(255,255,255,0.1);}
.greeting .greet_top2 .topTxt .img img {position:relative; width:100%; height:100%;}

/* 0103 ±³À°ÀÌ³ä ¹× ¸ñÇ¥ */
.edu_goal li {position:relative; min-height:70px; margin-top:10px; padding:10px 20px; border:1px solid #ccc; }
.edu_goal li span.img {position:absolute; left:20px; top:10px; width:100px; height:70px;}
.edu_goal li span.txt {display:block; padding:25px 0 25px 130px; line-height:20px; font-size:16px;}


/* 0401 ÇнÀ·Îµå¸Ê */
.roadMap > p {font-size:24px; font-family:'NotoM'; color:#032c65; text-align:center;}
.roadMap > p span {display:block; font-size:30px; font-family:'NotoB'; color:#008c44;}
.roadMap > ol li dl {position:relative; margin-top:20px; padding:20px;  border:1px solid #ccc;}
.roadMap > ol li dl dt { position:absolute; left:0; top:0; width:150px; height:100%; padding:15px 10px; color:#fff; text-align:center; font-size:18px; background:#032c65; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.roadMap > ol li:nth-child(even) dl dt {background:#008c44;}
.roadMap > ol li dl dt span {display:block; font-size:25px; font-family:'NotoT'; opacity:0.7;}
.roadMap > ol li dl dd {margin-left:160px;}
.roadMap > ol li dl dd.txt1 {margin-bottom:10px; font-size:18px; font-family:'NotoB'; color:#032c65;}
.roadMap > ol li:nth-child(even) dl dd.txt1 {color:#008c44;}

#menu h2 {font-size:23px !important;}

/* 231031 Çаú »ç¹«½Ç ¾È³» Á¶±³ */
.Ambas_box {
	position: relative;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: center;
	flex-wrap: wrap;
}

.Ambas_box .list {
	position: relative;
	width: 30%;
	height: 100%;
	background: #f5f5f5;
	/* margin: 0 2.5% 20px 0; */
	padding: 15px 8px;
	box-sizing: border-box;
}

.Ambas_box .list::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #032d65;
}

.Ambas_box .list:nth-child(5n) {
	margin-right: 0;
}

.Ambas_box .list p.img {
	position: relative;
	display: block;
	width: 100%;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}

.Ambas_box .list p.img img {
	max-width: 145px height:auto;
}

.Ambas_box .list h4 {
	display: block;
	width: 100%;
	line-height: 40px;
	font-size: 17px;
	font-family: 'NotoM';
	text-align: center;
	border-bottom: 1px dotted #b4b4b4;
}

.Ambas_box .list p {
	text-align: center;
	margin-top: 5px;
}

.sns_box {
	position: absolute;
	right: 0;
	top: 10px;
}

.Ambas_box .list h4 {
	display: block;
	width: 100%;
	line-height: 40px;
	font-size: 17px;
	font-family: 'NotoM';
	text-align: center;
	border-bottom: 1px dotted #b4b4b4;
}

.Ambas_box .list p {
	text-align: center;
	margin-top: 5px;
}

.sns_box {
	position: absolute;
	right: 0;
	top: 10px;
}

.sns_box li {
	float: left;
}

.sns_box li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-indent: -9999em;
	overflow: hidden;
	float: left;
	margin-left: 5px;
}

.sns_box li a.sns_f {
	background: url('/images/template/00001/sub_cnt/ico_snsF.png') no-repeat center;
}

.sns_box li a.sns_i {
	background: url('/images/template/00001/sub_cnt/ico_snsI.png') no-repeat center;
}

.top .list {
	background: #dadee2 url('/images/template/00001/sub_cnt/Ambas_bo_bg.png') repeat center;
}

.top .list.list_fst {
	background: #032d65 url('/images/template/00001/sub_cnt/Ambas_bo_bg.png') repeat center;
	color: #fff;
}

.top .list h4 span {
	line-height: 40px;
	padding: 2px 8px;
	font-size: 17px;
	background: fff;
	margin-right: 5px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 15px;
	color: #fff;
}

.top .list p {
	text-align: center;
	margin-top: 5px;
}

@media screen and (max-width:1080px) {
	.Ambas_box .list {
		width: 44%;
		margin: 0 1.25% 20px 0;
	}

	.Ambas_box .list:nth-child(5n) {
		margin-right: 1.25%;
	}

	.Ambas_box .list:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width:720px) {
	.Ambas_box .list {
		width: 49%;
		margin: 0 2% 20px 0;
		max-height: 465px;
	}

	.Ambas_box .list:nth-child(5n) {
		margin-right: 2%;
	}

	.Ambas_box .list:nth-child(3n) {
		margin-right: 2%;
	}

	.Ambas_box .list:nth-child(2n) {
		margin-right: 0%;
	}

}

@media screen and (max-width:480px) {
	.Ambas_box .list {
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
	}

	.Ambas_box .list:nth-child(3n) {
		margin-right: 0;
	}
}
/* 231031 */



@media screen and (max-width:1300px) { 


}

@media screen and (max-width:1019px) {	



}





@media screen and (max-width:980px) {
	 
	/* 0101_Àλ縻 */
	.greeting .greet_top {padding:200px 0 0;}
	.greeting .greet_top:before {bottom:auto; top:0; width:100%; background-position:center top;}
	.greeting .greet_top .topTxt{display:block; min-width:auto; width:90%; max-width:100%; height:auto; margin:0 auto; padding:20px 30px 50px; box-sizing:border-box;}/*200313*/
	.greeting .topTxt p br {display:none;} 
	.greeting .topTxt .topTeng {bottom:20px; padding-left:90px; letter-spacing:0; }

	/* 0101_ÇаúÀå Àλ縻(ÇаúÀå»çÁø) */
	.greeting .greet_top2:before {width:95%; height:90%;}
	.greeting .greet_top2 .topTxt{width:95%; height:auto; padding:20px 30px 50px 170px; min-height:0;}/*200313*/
	.greeting .greet_top2 .topTxt .img {left:30px; top:20px;}

	/* 0103 ±³À°ÀÌ³ä ¹× ¸ñÇ¥ */
	.edu_goal li span.txt {padding:10px 0 10px 130px; font-size:15px;}
	



}

@media screen and (max-width:768px) {
	

	/* 0102 Çаú¼Ò°³ 200313*/
	.summary_box {font-size:14px; padding:25px 25px;}



}



@media screen and (max-width:690px) { 	

	/* 0401 ÇнÀ·Îµå¸Ê */
	.roadMap > p {font-size:20px; }
	.roadMap > p span {font-size:24px;}

	.roadMap > ol li dl {position:relative; margin-top:20px; padding:20px;  border:1px solid #ccc;}
	.roadMap > ol li dl dt { position:relative; left:auto; top:auto; width:auto; height:auto; padding:8px 15px; text-align:left;}
	.roadMap > ol li dl dt br {display:none;}
	.roadMap > ol li dl dt span {display:inline; padding-right:10px;}
	.roadMap > ol li dl dd {margin-left:0;}
	.roadMap > ol li dl dd.txt1 {margin:10px 0;}






}





@media screen and (max-width:560px) { 	
	 
	 /* 0101_ÇаúÀå Àλ縻(ÇаúÀå»çÁø) */
	.greeting .greet_top2 .topTxt{height:auto; margin-top:60px; padding:80px 30px 50px 30px;}
	.greeting .greet_top2 .topTxt .img {left:50%; top:-60px; margin-left:-52px;}
	
	
	/* 0102 Çаú¼Ò°³ 200313*/
	.summary_box .summary_top {padding-left:0;}
	.summary_box .summary_top .img{position:relative; margin:0 auto 20px; text-align:center;}

	/* 0103 ±³À°ÀÌ³ä ¹× ¸ñÇ¥ */
	.edu_goal li {min-height:auto; margin-top:45px; padding:50px 20px 20px;}
	.edu_goal li span.img {left:50%; top:-35px; margin-left:-50px;}
	.edu_goal li span.txt {padding:0;}



}

@media screen and (max-width:480px) { 


}