#mainimg {
	position: relative;
	margin: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	padding: 23px 22px 0;
	z-index: 2
}
#mainimg-body{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
	padding: 59px 5% 0;
}
#mainimg::after{content: '';display: block;width: 100%;height: 130px;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 777;}
#mainimg h2{max-width: 180px;text-align: center;position: relative;overflow: hidden;}
.inner{position: relative; height: 100%;padding:0;overflow: hidden;z-index: 888;}
.inner .mask,.inner .mask_anim_inner{position: relative; overflow: hidden;}
.bx-wrapper,.bx-viewport,.inner ul,.inner li,.inner .mask,.inner .mask_anim_inner{height: 100%!important;}
.inner img{
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.bx-wrapper,.bx-viewport,.inner ul,.inner li{height: 100%!important;}
.inner img{
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.topslide{display: block;margin: 0 auto;width: 14px;height: 82px;overflow: hidden;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
#index-scroll a:hover{opacity: 0.6;}
.mbYTP_wrapper{z-index: 888!important;}
.YTPOverlay.raster {background: url(../image/raster.png);}

@media (max-width: 960px) {
	#mainimg {padding: 10px 10px 0;}
}
@media (max-width: 767px) {
	#mainimg {padding: 5px 5px 0;}
	#index-scroll {right: 30px}
}
@media (max-height: 768px) {
	#mainimg h2{width: 40%;}
}

#contents{padding: 30px 0 0;}
@media (max-width: 767px) {
	#contents{padding: 0 0 80px;}
}

#index-01{margin-bottom: 20px;}
@media (max-width: 767px) {
	#index-01{margin-bottom: 0;}
}

#index-04{position: relative;padding: 100px 0 0;background-color: #fff;}
#index-04 h2{margin-bottom: 60px;}
#index-04 p:nth-of-type(1){margin-bottom: 40px;}
#index-04 a{display: block;color: #171717;text-decoration: none;position: relative;}
#i04-c{width: 50%;position: absolute;margin-top: 11.25%;top: 0;left: 0;}
#index-04::before{content: '';display: block;width: 100%;padding-top: 19.722222222222%;position: absolute;bottom: 0;left: 0;background: url(../image/index-04-02.jpg) no-repeat center bottom;background-size: cover;}
#index-04 a:hover{opacity: 0.75}
@media (max-width: 960px) {
	#index-04 h2,#index-04 p:nth-of-type(1){margin-bottom: 30px;}
}
@media (max-width: 767px) {
	#index-04{padding-top: 80px;}
	#i04-c{margin-top: 0;position: relative;width: 100%;margin-bottom: -26%;}
	#index-04::before{padding-top: 35%;}
}

#news-list{padding: 0px 0 30px;}