/*--------------------------index--------------------------*/
#wrap-top #about-top{
	margin:0 auto;
	width:96%;
	height:600px;
}
#wrap-top #about-top .photo-box{
	width:96%;
	height:600px;
	position:absolute;
	background:url(../img/index_main.jpg) no-repeat center left;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	opacity:0;
}
#wrap-top  #about-top .text-erea{
	position:relative;
	width:100%;
	height:600px;
	margin:0 auto;
}
#wrap-top  #about-top .text-erea h2{
	padding:50px;
	width:19px;
	height:500px;
	background:#000;
	position:relative;
}
#wrap-top  #about-top .text-erea h2 span{
	text-indent:-100000px;
	background:url(../img/title_main.svg) no-repeat;
	display:block;
	background-size:16px 219px;
	width:16px;
	height:219px;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
#wrap-top  #about-top .text-erea h1{
	text-indent:-100000px;
	width:127px;
	height:212px;
	background:url(../img/title_index.svg) no-repeat;
	position:absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translate(-50%, -0%); /* Safari用 */
	transform: translate(-50%, -0%);
	opacity:0;
}



/*--------------------------WRAP-CNT--------------------------*/
#wrap-cnt{
	width:100%;
	opacity:0;
}
#wrap-top,
#footer-main{
	opacity:0;
}

/*-------------cnt-main-------------*/
#cnt-main{
	position:relative;
	width:80%;
	overflow:hidden;
	margin:120px auto 0;
}
#cnt-main .text-box{
	text-align:center;
}
#cnt-main h1{
	font-size:2em;
	font-weight:700;
	letter-spacing:3px;
}
#cnt-main .text-box p{
	margin-top:40px;
}

/*-------------cnt-movie-------------*/
#cnt-movie{
	position:relative;
	margin:120px auto 0;
	width:800px;
	height:450px;
	overflow:hidden;
}
#cnt-movie iframe{
	position:absolute;
	top:0;
	right:0;
	width: 100% !important;
 	height: 100% !important;
}
#cnt-movie a{
	width:100%;
	height:100%;
	display:block;
}
#cnt-movie .btn-image{
	display:block;
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-100000px;
}
#cnt-movie a .photo-image{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background:url(../img/index_btn_movie.jpg) no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:0;
	
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#cnt-movie a .photo-image::after{
	content: " ";
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.3);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}
#cnt-movie .btn-image::before{
	content: " ";
	width:50px;
	height:50px;
	position:absolute;
	top: 50%;
	left: 50%;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	background:rgba(255,255,255,0.2);
	
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}
#cnt-movie .btn-image::after{
	content: " ";
	box-sizing: border-box;
	width: 13px;
	border: 6px solid transparent;
	border-left: 13px solid #fff;
	position:absolute;
	top: 50%;
	left: 50%;
	margin:-6px 0 0 -6px;
	
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}
#cnt-movie a:hover .photo-image {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
#cnt-movie a:hover .photo-image::after{
	background:rgba(0,0,0,0);
}
#cnt-movie a:hover .btn-image::before{
	border: 2px solid #AA7E19;
}
#cnt-movie a:hover .btn-image::after{
	border-left: 13px solid #AA7E19;
}

/*-------------cnt-profile-------------*/
#cnt-profile{
	width:100%;
	margin:0 auto;
}
#cnt-profile .photo-box{
	width:100%;
	height:600px;
	margin-top:120px;
	background:url(../img/index_profile.jpg) no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#cnt-profile .text-box{
	width:800px;
	margin:120px auto 0;
}
#cnt-profile .text-box .l-box,
#cnt-profile .text-box .r-box{
	float:left;
	width:400px;
	text-align:center;
	line-height:1.7;
}
#cnt-profile .text-box h1{
	font-size:1.7em;
	line-height:1.2em;
}
#cnt-profile .text-box h1 span{
	font-size:0.7em;
	color:#555;
}
#cnt-profile .text-box ul.capacity{
	margin-top:20px;
	color:#7e7e7e;
	font-size:1.1em;
}
#cnt-profile .text-box ul.history{
	margin-top:40px;
	color:#7e7e7e;
	font-size:0.9em;
}
#cnt-profile .text-box ul.history li{
	margin-top:10px;
}

/*-------------cnt-link-------------*/
#cnt-link{
	position:relative;
	width:900px;
	margin:120px auto;
}
#cnt-link .l-box{
	width:600px;
	float:left;
}
#cnt-link .l-box .btn-box1{
	width:600px;
	height:275px;
	position:relative;
}
#cnt-link .l-box .btn-box2{
	width:600px;
	height:275px;
	position:relative;
	margin-top:276px;
}
#cnt-link .l-box .btn-box1 .text-box,
#cnt-link .l-box .btn-box2 .text-box{
	display:block;
	width:600px;
	height:275px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
#cnt-link .l-box .btn-box1 .text-box{
	background:#3f2f3e;
}
#cnt-link .l-box .btn-box2 .text-box{
	background:#93887e;
}
#cnt-link .l-box .btn-box1 .text-box .text,
#cnt-link .l-box .btn-box2 .text-box .text{
	position:absolute;
	display:block;
	width:400px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
#cnt-link .l-box .btn-box1 .text-box .text h1{
	width:25px;
	height:54px;
	display: block;
	float:left;
	text-indent:-100000px;
	background:url(../img/index_btn_h1_1.svg) no-repeat top center;
	background-size:25px 54px;
}
#cnt-link .l-box .btn-box2 .text-box .text h1{
	width:25px;
	height:55px;
	display: block;
	float:left;
	text-indent:-100000px;
	background:url(../img/index_btn_h1_2.svg) no-repeat top center;
	background-size:25px 55px;
}
#cnt-link .l-box .btn-box1 .text p,
#cnt-link .l-box .btn-box2 .text p{
	padding-left:50px;
	margin:3px 0 0 50px;
	font-size:1.1em;
	display:block;
	float:left;
	border-left:1px solid #ddd;
	height:50px;
	color:#eee;
	line-height:1.4em;
}
#cnt-link .l-box .btn-box1 .text p span{
	font-size:0.8em;
	color:#AA7E19;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
#cnt-link .l-box .btn-box2 .text p span{
	font-size:0.8em;
	color:#d4a643;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
#cnt-link .l-box .btn-box1 .photo-box{
	width:600px;
	height:275px;
	display:block;
	background:url(../img/index_btn_1.jpg) no-repeat center center;
}
#cnt-link .r-box{
	width:299px;
	float:left;
	margin-left:1px;
}
#cnt-link .r-box .btn-box1{
	position:relative;
	width:299px;
	height:550px;
}
#cnt-link .r-box .btn-box1 .text-box{
	display:block;
	width:299px;
	height:550px;
	background:#2a6875;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
#cnt-link .r-box .btn-box1 .text-box .text{
	position:absolute;
	display:block;
	width:180px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	text-align:center;
}
#cnt-link .r-box .btn-box1 .text-box .text h1{
	width:25px;
	height:109px;
	display: block;
	text-indent:-100000px;
	background:url(../img/index_btn_h1_3.svg) no-repeat top center;
	background-size:25px 109px;
	margin:0 auto;
	padding-bottom:50px;
	border-bottom:1px solid #ddd;
}
#cnt-link .r-box .btn-box1 .text p{
	padding-top:50px;
	font-size:1.1em;
	display:block;
	color:#ccc;
	line-height:1.4em;
}
#cnt-link .r-box .btn-box1 .text p span{
	font-size:0.8em;
	color:#AA7E19;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
#cnt-link .r-box .btn-box1 .photo-box{
	width:299px;
	height:276px;
	display:block;
	background:url(../img/index_btn_2.jpg) no-repeat center center;
}
#cnt-link .l-box .btn-box1 .text-box:hover,
#cnt-link .l-box .btn-box2 .text-box:hover,
#cnt-link .r-box .btn-box1 .text-box:hover{
	color:#d6ccb6;
	text-decoration:none;
	background-color:rgba(143,106,38,1);
}
#cnt-link .l-box .btn-box1 .text-box:hover .text p span,
#cnt-link .l-box .btn-box2 .text-box:hover .text p span,
#cnt-link .r-box .btn-box1 .text-box:hover .text p span{
	color:#d6ccb6;
}
/*----------------------SP ----------------------*/

@media screen and (max-width: 1100px) , (max-device-width : 1100px) {
	#cnt-main{
		width:80%;
	}
	#cnt-main h1{
		font-size:1.7em;
	}
	#cnt-main .text-box br{
		display:none;
	}
	#cnt-profile .photo-box{
		height:500px;
	}
	#cnt-main .text-box p{
		text-align:left;
	}
}

@media screen and (max-width: 1000px) , (max-device-width : 1000px) {
	#wrap-top{
		padding-top:50px;
	}
	#wrap-top #about-top,
	#wrap-top #about-top .photo-box{
		width:100%;
		height:500px;
	}
	#wrap-top  #about-top .text-erea{
		height:500px;
	}
	#wrap-top  #about-top .text-erea h2{
		height:400px;
	}
	#wrap-top  #about-top .text-erea h1{
		right:5%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	#cnt-movie{
		width:80%;
		height:0;
		padding-bottom: 45%;/**width100%の時、56.25%*/
		margin:100px auto 0;
	}
	#cnt-link{
		width:80%;
	}
	#cnt-link .l-box,
	#cnt-link .r-box{
		width:100%;
		overflow:hidden;
		float:none;
		margin-left:0;
	}
	#cnt-link .l-box .btn-box1{
		width:100%;
		height:auto;
	}
	#cnt-link .l-box .btn-box2,
	#cnt-link .r-box .btn-box1{
		width:100%;
		overflow:hidden;
		height:auto;
		margin-top:0;
	}
	#cnt-link .l-box .btn-box1 .text-box,
	#cnt-link .l-box .btn-box2 .text-box,
	#cnt-link .r-box .btn-box1 .text-box{
		width:100%;
	}
	#cnt-link .l-box .btn-box1 .text-box .text,
	#cnt-link .l-box .btn-box2 .text-box .text,
	#cnt-link .r-box .btn-box1 .text-box .text{
		position:absolute;
		text-align:center;
		width:100%;
	}
	#cnt-link .l-box .btn-box1 .text-box .text h1,
	#cnt-link .l-box .btn-box2 .text-box .text h1,
	#cnt-link .r-box .btn-box1 .text-box .text h1{
		color:#fff;
		font-size:1.6em;
		width:100%;
		height:auto;
		text-indent:0;
		background:none;
		padding:0;
		float:none;
		border:none;
	}
	#cnt-link .l-box .btn-box1 .text-box .text .line,
	#cnt-link .l-box .btn-box2 .text-box .text .line,
	#cnt-link .r-box .btn-box1 .text-box .text .line{
		border-bottom:1px solid #ddd;
		width:20px;
		margin:20px auto 0;
	}
	#cnt-link .l-box .btn-box1 .text p,
	#cnt-link .l-box .btn-box2 .text p,
	#cnt-link .r-box .btn-box1 .text p{
		margin:20px 0 0 0;
		padding:0;
		float:none;
		border:none;
		height: auto;
	}
	#cnt-link .l-box .btn-box1 .photo-box,
	#cnt-link .r-box .btn-box1 .photo-box{
		display:none;
	}
	#cnt-link .l-box .btn-box1 .text-box,
	#cnt-link .l-box .btn-box2 .text-box,
	#cnt-link .r-box .btn-box1 .text-box{
		height:220px;
	}
}
@media screen and (max-width: 830px) , (max-device-width : 830px) {
	#cnt-main{
		margin-top:100px;
	}
	#cnt-profile .photo-box{
		height:400px;
		margin-top:100px;
	}
	#cnt-profile .text-box{
		width:640px;
		margin:100px auto 0;
	}
	#cnt-profile .text-box .l-box,
	#cnt-profile .text-box .r-box{
		width:320px;
	}
	#cnt-profile .text-box h1{
		font-size:1.3em;
	}
	#cnt-profile .text-box ul.capacity{
		font-size:1em;
	}
	#cnt-profile .text-box ul.history{
		font-size:0.9em;
	}
}
@media screen and (max-width: 750px) , (max-device-width : 750px) {
	#wrap-top #about-top,
	#wrap-top #about-top .photo-box{
		height:500px;
	}
	#wrap-top  #about-top .text-erea{
		height:500px;
	}
	#wrap-top  #about-top .text-erea h2{
		padding:0;
		width:100%;
		overflow:hidden;
		float:none;
		height:50px;
		background:#000;
		position:relative;
		font-size:1em;
		letter-spacing:2px;
	}
	#wrap-top  #about-top .text-erea h2 span{
		color:#ddd;
		text-indent:0px;
		background:none;
		text-align:center;
		width:100%;
		height: auto;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	#wrap-top  #about-top .text-erea h1{
		margin-top:25px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	#cnt-main h1{
		font-size:1.7em;
	}
	#cnt-profile .photo-box{
		display:none;
	}
	#cnt-profile .text-box,
	#cnt-profile .text-box .l-box,
	#cnt-profile .text-box .r-box{
		width:100%;
	}
	#cnt-profile .text-box .l-box .photo-box-sp{
		width:100%;
		height:400px;
		background:url(../img/index_profile_takuya.jpg) no-repeat top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cnt-profile .text-box .r-box .photo-box-sp{
		margin-top:100px;
		width:100%;
		height:400px;
		background:url(../img/index_profile_masayuki.jpg) no-repeat top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#cnt-profile .text-box .l-box h1,
	#cnt-profile .text-box .r-box h1{
		margin-top:20px;
	}
	#cnt-link{
		margin:100px auto;
	}
	#cnt-link .l-box .btn-box1 .text-box .text,
	#cnt-link .l-box .btn-box2 .text-box .text,
	#cnt-link .r-box .btn-box1 .text-box .text{
		font-size:0.9rem;
	}
}
@media screen and (max-width: 500px) , (max-device-width : 500px){
	#wrap-top #about-top,
	#wrap-top #about-top .photo-box{
		height:400px;
	}
	#wrap-top  #about-top .text-erea{
		height:400px;
	}
	#wrap-top  #about-top .text-erea h2{
		padding:0;
		width:100%;
		float:none;
		height:50px;
		background:#000;
		position:relative;
		font-size:1em;
		letter-spacing:2px;
	}
	#wrap-top  #about-top .text-erea h2 span{
		color:#ddd;
		text-indent:0px;
		background:none;
		text-align:center;
		width:100%;
		height: auto;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	#wrap-top  #about-top .text-erea h1{
		margin-top:25px;
		width:100px;
		height:167px;
		background-size:100px 167px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	#cnt-main,
	#cnt-profile .text-box{
		margin-top:70px;
	}
	#cnt-main h1{
		font-size:1.4em;
	}
	#cnt-movie{
		margin:70px auto 0;
	}
	#cnt-profile .text-box .l-box .photo-box-sp{
		margin-top:0;
		width:100%;
		height:250px;
	}
	#cnt-profile .text-box .r-box .photo-box-sp{
		margin-top:80px;
		width:100%;
		height:250px;
	}
	#cnt-link{
		margin:70px auto;
	}
	#cnt-link .l-box .btn-box1,
	#cnt-link .l-box .btn-box1 .text-box,
	#cnt-link .l-box .btn-box2 .text-box,
	#cnt-link .r-box .btn-box1 .text-box{
		height:170px;
	}
	#cnt-link .l-box .btn-box1 .text-box .text h1,
	#cnt-link .l-box .btn-box2 .text-box .text h1,
	#cnt-link .r-box .btn-box1 .text-box .text h1{
		font-size:1.3em;
	}
	#cnt-link .l-box .btn-box1 .text-box .text .line,
	#cnt-link .l-box .btn-box2 .text-box .text .line,
	#cnt-link .r-box .btn-box1 .text-box .text .line{
		margin:15px auto 0;
		width:15px;
	}
	#cnt-link .l-box .btn-box1 .text p,
	#cnt-link .l-box .btn-box2 .text p,
	#cnt-link .r-box .btn-box1 .text p{
		margin:15px 0 0 0;
		font-size:1em;
	}
}
@media screen and (max-width: 480px) , (max-device-width : 480px){
	#cnt-link .l-box .btn-box1 .text-box .text,
	#cnt-link .l-box .btn-box2 .text-box .text,
	#cnt-link .r-box .btn-box1 .text-box .text{
		font-size:0.8rem;
	}
}