@charset "UTF-8";

/* CSS Document */

html{
font-size: 100%;
color: #000;
zoom: 100%;
}

body {
	width:100%;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','meiryo UI','ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	min-width: 320px;
	line-height: 1.4;
}

img {	vertical-align: top;
			width: 100%;
}

.tac {
	text-align: center!important;
}

/* =====================================
 クリアフィックス
===================================== */
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf {
	display: block;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.cf {
	display: block;
}
/* End hide from IE-mac */


/* =====================================
 ヘッダー
===================================== */
header {
}
	header h1 a {
		display: block;
	}


/* =====================================
 メインビジュアル
===================================== */
#mainVisual {
	background: url('../images/mainVisual_bg.png') no-repeat center top;
	background-size: cover;
	height: 0;
	padding-top: 92%;
	position: relative;
}

#mainVisual div {
	position: absolute;
	top: 73%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	padding: 0 5%;
}

#mainVisual div a img {
	width: 95%;
}



	#mainVisual a {
		/*bottom: 12px;
		display: block;
		left: 4%;
		position: absolute;
		width: 92%;*/
	}


/* =====================================
 ムービーエリア
===================================== */
#movieArea {
	background-color: #007d2b;
	padding-bottom: 6%;
}
	#movieArea div {
		background-color: #007d2b;
		padding: 52.33% 0 0;
		position: relative;
	}
		#movieArea div iframe {
			bottom: 3%;
			height: 100% !important;
			left: 3%;
			position: absolute;
			width: 94% !important;
		}


/* =====================================
 コンテンツ
===================================== */
/* schoolArea */
#schoolArea {
	background: url('../images/schoolArea_bg02.png') repeat left top;
}
#schoolArea-inner {
	margin: 0 auto;
	max-width: 640px;
}
#schoolArea-inner li {
	list-style-type: none;
}
	#schoolArea-inner #areaBox01 {
		padding-bottom: 10px;
	}
		#schoolArea-inner #areaBox01 ul {
			background-image: url(../images/schoolArea_bg01.png);
			background-position: left top;
			background-repeat: no-repeat;
			background-size: 100% auto;
			width: 100%;
		}
			#schoolArea-inner #areaBox01 ul li {
				display: block;
				padding: 0 4% 0 52%;
				width: 44%;
			}
				#schoolArea-inner #areaBox01 ul li a {
					display: block;
					margin-bottom: 15px;
				}
				#schoolArea-inner #areaBox01 ul li a.btn {
					margin-bottom: 5px;
				}
				#schoolArea-inner #areaBox01 ul li p {
					margin-bottom: 5px;
					padding-left: 2%;
					font-size: 13px;
				}

	#schoolArea-inner #areaBox02 {
		background: url('../images/schoolArea_bg02.png') repeat left top;
		padding-bottom: 15px;
	}
		#schoolArea-inner #areaBox02 dl {
			margin: 0 auto;
			width: 100%;
		}
			#schoolArea-inner #areaBox02 dl dd {
				display: block;
				float: left;
				width: 44%;
			}
			#schoolArea-inner #areaBox02 dl dd:nth-child(odd) {
				padding: 0 2% 0 4%;
			}
			#schoolArea-inner #areaBox02 dl dd:nth-child(even) {
				padding: 0 4% 0 2%;
			}
				#schoolArea-inner #areaBox02 dl dd a {
					display: block;
					margin-bottom: 15px;
				}
				#schoolArea-inner #areaBox02 dl dd a.btn {
					margin-bottom: 5px;
				}
				#schoolArea-inner #areaBox02 dl dd p {
					margin-bottom: 5px;
					padding-left: 2%;
				}

/* #interviewArea */
	#interviewArea img {
	width: 100%;
	height: auto;
	}
	#interviewArea .marcT {
		bottom: -22px;
		left: 50%;
		margin-left: -40px;
		z-index: 20000;
	}

/* =====================================
 フッター
===================================== */
#copyright {
	background-color: #007d2b;
	border-top: 1px solid #66b180;
	color: #fff;
	font-size: 0.7em;
	padding: 3% 0;
	text-align: center;
}