@charset "utf-8";

/*見出しの文字サイズ・・・スマホはPCの約4/5にする*/

/* for Common & Smartphone*/
#contents{
	height:100%;
	}

/*top
#########################################*/
#top{
	position:relative;
	width:100%;
	height:100%;
	}
#topMv{
	position:absolute;
	z-index:91;
	top:0;
	left:0;
	width:100%;
    height: calc(100% - 50px);
	text-align:center;
	}

/* 画像の表示指定 */
.topMv01{
	position: relative;
	width:100%;
	z-index:90;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/mv01.jpg);
	margin-top:50px;
    height: calc(100% - 50px);
	}

.btnScroll01{
	text-align:center;
	display:block;
	color:#fff !important;
	font-family: 'Raleway', sans-serif;
	font-size:108%;
	position:absolute;
	bottom:50px;
	left:50%;
	text-decoration:none !important;
	}
.btnScroll01:after{
	content: '';
	width: 28px;
	height: 28px;
	border: 0px;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left:-14px;
	}

.btnScroll02{
	text-align:center;
	display:block;
	color:#000 !important;
	font-family: 'Raleway', sans-serif;
	font-size:108%;
	position:absolute;
	bottom:50px;
	left:50%;
	text-decoration:none !important;
	}
.btnScroll02:after{
	content: '';
	width: 28px;
	height: 28px;
	border: 0px;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left:-14px;
	}

/*about
#########################################*/

#about{
	margin-top:-50px;
	padding-top:50px;
	position:relative;
	width:100%;
    height: calc(100% - 50px);
}

.aboutWrap01{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	width:100%;
	text-align:center;
}
.about01{
	width:208px;
	margin:0 auto 20px;
}
.about02{
	width:288px;
	margin:0 auto;
}
.about02a{
	margin-bottom:20px;
}
.about02a img{
	width:100%;
}
.about02b{
	font-size:123%;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	color:#000;
	line-height:2;
}

/*schedule
#########################################*/

#schedule{
	padding:50px 0;
	width:100%;
	background:#ececec;
	margin:0 auto 50px;
}
.schImg01{
	width:100%;
	max-width:700px;
	overflow:hidden;
	margin:0 auto 30px;
}
.schImg01 img{
	width:50%;
}
.schList01{
	text-align:left;
	border-bottom:1px solid #dfdfdf;
	margin:0 auto 30px;
	}
.schList01 dt,
.schList01 dd{
	font-size:123%;
	line-height:2.143;/*30pt*/
	padding:8px 10px;
	}
.schList01 dt{
	border-top:1px solid #dfdfdf;
	color:#666;
	font-weight:bold;
	padding-bottom:0;
	}
.schList01 dd{
	padding-top:0;
	}
	
.schTxt01{
	width:100%;
	max-width:500px;
	border:1px solid #000;
	background:#fff;
	margin:0 auto 30px;
	padding:15px;
	font-size:108%;
	color:#000;
	text-align:center;
	line-height:1.2;
}
.schTxt02{
	font-size:153%;
	color:#000;
	text-align:center;
	line-height:1.2;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.2em;
}





/* for Smartphone 横とか*/
@media screen and (min-width: 480px) {
}

/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}

/* for PC*/
@media print, screen and (min-width:768px) {

/*top
#########################################*/
#topMv{
	height: 95%; /* 非サポートブラウザ用のフォールバック */
    height: calc(100% - 80px);
	}

/* 画像の表示指定 */
.topMv01{
	position: relative;
	width:100%;
	z-index:90;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/mv01.jpg);
	margin-top:80px;
	height: 95%; /* 非サポートブラウザ用のフォールバック */
    height: calc(100% - 80px);
	}




/*about
#########################################*/

#about{
	margin-top:-80px;
	padding-top:80px;
	height: 95%; /* 非サポートブラウザ用のフォールバック */
    height: calc(100% - 80px);
}

.aboutWrap01{
	width:680px;
}
.about01{
	width:260px;
	float:left;
	margin:40px 0 0;
}
.about02{
	width:360px;
	float:right;
	margin:0;
}
.about02a{
	margin-bottom:40px;
}
.about02b{
	font-size:138%;
}




/*schedule
#########################################*/

#schedule{
	padding:100px 0;
}


.schList01{
	width:100%;
	max-width:800px;
	overflow:hidden;
	background:#ececec;/*dtの背景色*/
	margin:0 auto 40px;
	}
.schList01 dt,
.schList01 dd{
	line-height:2;
	padding:10px 0;
	}
.schList01 dt{
	width:20%;
	float:left;
	border-top:1px solid #dfdfdf;
	}
.schList01 dd{
	width:80%;
	float:left;
	border-top:1px solid #dfdfdf;
	background:#ececec;
}
.schList01 dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
	}
}