@charset "utf-8";
/* =========================================================

　トップページ

============================================================ */

/* ---------------------------------------------------------
　スライド
------------------------------------------------------------ */
.slide-block{
	background:#fff;
}
.slide-block-inner{
	overflow:hidden;
}
.slide-box{
	position:relative;
}
.slide-img{
	width:100%;
	height:480px;
	background-size:cover;
}
.slide-overlay{
	position:absolute;
	right:50px;
	top:0px;
	z-index:100;
	width:500px;
	text-align:center;
	height:500px;
}
.slide-overlay:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 125%;
	margin: -20% 0 0 0;
	background:rgb(255,255,255,0.8);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
	z-index: -1;
	box-shadow:1px 2px 5px rgb(0,0,0,0.5);
}
.slide-overlay img{
	margin-top:50px;
}

/* IE10,11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.slide-overlay{
		position:absolute;
		right:50px;
		top:0px;
		z-index:100;
		width:500px;
		text-align:center;
		background:#fff;
		height:500px;
	}

}

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

	.slide-block{
	}
	.slide-block-inner{
	}
	.slide-box{
	}
	.slide-img{
		height:300px;
	}
	.slide-overlay{
		left:0;
		width:100%;
		height:300px;
		padding-top:10px;
	}
	.slide-overlay:before {
	  -webkit-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  transform: rotate(0deg);
	  z-index: -1;
	}
	.slide-overlay img{
		margin-top:5px;
		height:270px;
		width:auto;
	}
}
@media screen and (min-width: 481px) and (max-width: 800px) {

	.slide-box .slide-overlay{
		height:500px;
	}

}



/* ----------------------------------------------------------
　NEWS
------------------------------------------------------------- */
.news-block{
	padding:30px 0;
	background:#ffc100;
}
.news-wrap{

}
.news-block .news-title{
	color:#fff;
	font-size:25px;
	margin-bottom:10px;
}
.news-block .news-line{
	background:#fff;
	border-radius:3px;
	margin-bottom:10px;
}
.news-block .news-line .news-date{
	float:left;
	width:180px;
	text-align:center;
	padding:10px;
	color:#080;
}
.news-block .news-line .news-text{
	float:right;
	padding:10px;
	width:960px;
	text-align:left;
}

@media screen and (max-width:800px){
	.news-block{
	}
	.news-wrap{
		padding:0 10px;
	}
	.news-block .news-title{
		text-align:center;
	}
	.news-block .news-line{
		padding:10px;
	}
	.news-block .news-line .news-date{
		float:none;
		width:100%;
		text-align:left;
		padding:0px;
		font-size:0.8em;
	}
	.news-block .news-line .news-text{
		float:none;
		width:100%;
		padding:0px;
		font-size:0.8em;
	}
}
@media screen and (min-width: 481px) and (max-width: 800px) {

}



/* ----------------------------------------------------------
　メッセージ
------------------------------------------------------------- */
.message-block{
	background:#fbf7b0;
	padding:50px 0;
}


/* ----------------------------------------------------------
　動画
------------------------------------------------------------- */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}