@charset "utf-8";

/* ////////////////////////////////////////
PC,SP共通 
//////////////////////////////////////// */

.main-visual{
	position: relative;
}
.main-img{
	width: 100%;
	height: auto;
}
.scroll-down{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
}

.main_thumbbox{
	background:#fff;
	padding:10px 0 0 0;
}

.main_thumbbox .thumbcont{
	background:#4d4d4d;
}

.main_thumbbox .thumbcont ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.main_thumbbox .thumbcont ul li{
	line-height: 0;
	max-width: calc(100% / 9);
	position: relative;
	cursor: pointer;
}

.main_thumbbox .thumbcont ul li::after{
	content: "";
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
}

.main_thumbbox .thumbcont ul li.thumbnail-current::after{
	content: "";
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0);
}

.main_thumbbox .thumbcont ul li img{
	width:100%;
	height:auto;
}
/* slick */
.movie-slider .slick-slide{
	position: relative;
}
.movie-slider .slick-slide:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 10;
}
.movie-slider .slick-slide:hover:after,
.movie-slider .slick-slide.slick-current:after{
	background: transparent;
}
/* slick */

.movie-main,
.movie-slider{
	width: 100%;
}
.movie-main img,
.movie-slider img{
	width: 100%;
	height: auto;
	cursor: pointer;
}

.wrap-head-index{
	text-align: center;
}

.inner-section{
	background: #e6e6e6;
	text-align: center;
}

/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 751px) , print{
	.scroll-down{
		bottom: 45px;
		width: 42px;
		height: 38px;
	}
	
	.movie-main{
		margin-bottom: 10px;
	}
	.movie-slider{
		margin-bottom: 60px;
	}
	
	.text-index-top{
		display: block;
		padding: 100px 0;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		height: 408px;
	}
	
	.section-index-movie{
		margin-bottom: 80px;
	}
	
	.wrap-head-index{
		padding: 40px 0;
	}
	
	.inner-content{
		padding: 105px 0 85px;
	}
	/*
	.head-index-e1{
		width: auto;
		height: 16px;
	}
	.head-index-e2{
		width: auto;
		height: 18px;
	}
	.inner-content h3 img{
		width: auto;
		height: 28px;
	}
	.section-index > div:not(:last-child) .inner-section p img{
		width: auto;
		height: 48px;
	}*/
	.section-index > div:last-child .inner-section p img{
		width: auto;
		height: 16px;
	}
	
	.inner-content > *:nth-child(1){
		margin-bottom: 40px;
	}
	.section-index > div:not(:last-child) .inner-content > *:nth-child(2){
		margin-bottom: 70px;
	}
	.section-index > div:last-child .inner-content > *:nth-child(2){
		margin-bottom: 100px;
	}
	
.kengaku{
	width:100%;
	height:260px;
	background:url("../images/kengaku_bg.jpg") no-repeat;
	background-size:cover;
	background-position:center;
	text-align:center;
	padding:130px 0 0 0;
	min-width:960px;
	margin:0 0 0 0;
}

.kengaku .tlbox{
	width:140px;
	margin:0 auto 30px;
}

.kengaku .tlbox img{
	width:100%;
	height:auto;
}

.kengaku .btnbox{
	width:225px;
	margin:0 auto;
}

.kengaku .btnbox img{
	width:100%;
	height:auto;
}

.kengaku .btnbox a{
	width:100%;
	display:block;
}
	
.kengaku .btnbox a:hover{
	opacity: 1;
}

}


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 750px) {
	.main_thumbbox{
		padding-top:5px;
	}
	
	.main_thumbbox .thumbcont ul li{
		line-height: 0;
		max-width: 20%;
		position: relative;
	}
	
	.takumi{
		width: 40%;
		height: auto;
	}
	.scroll-down{
		bottom: 9vw;
		width: 10.5vw;
		height: 10vw;
	}
	.scroll-down img{
		width:100%;
		height: auto;
	}
	
	.section-index-movie{
		margin-bottom: 6.5vw;
	}
	.movie-main{
		margin-bottom: 0.5vw;
	}
	.movie-slider{
		margin-bottom: 6vw;
	}
	
	
	.text-index-top{
		padding: 15vw 0;
		width: 100%;
		height: auto;
	}
	
	.wrap-head-index{
		padding: 6.6vw 0;
	}
	.head-index-e1{
		width: auto;
		height: 3.5vw;
	}
	.head-index-e2{
		width: auto;
		height: 4vw;
	}
	.inner-content{
		padding: 8vw 6.6vw 6.6vw 6.6vw;
	}
	.inner-content > *:not(:last-child){
		margin-bottom: 6.6vw;
	}
	
	.inner-content h3 img{
		width: auto;
		height: 6.2vw;
	}
	.section-index > div:not(:last-child) .inner-content p img{
		width: auto;
		height: 10vw;
	}
	.section-index > div:last-child .inner-content p img{
		width: auto;
		height: 3.6vw;
	}
	
.kengaku{
	width:100%;
	height:145px;
	background:url("../images/kengaku_bg.jpg") no-repeat;
	background-size:cover;
	background-position:center;
	text-align:center;
	padding:55px 0 0 0;
	min-width:100%;
	margin:0 0 0 0;
}

.kengaku .tlbox{
	width:100px;
	margin:0 auto 30px;
}

.kengaku .tlbox img{
	width:100%;
	height:auto;
}

.kengaku .btnbox{
	width:225px;
	margin:0 auto;
}

.kengaku .btnbox img{
	width:100%;
	height:auto;
}

.kengaku .btnbox a{
	width:100%;
	display:block;
}
}


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */