@charset "utf-8";
/* CSS Document */

/*-----左メニュー-----*/

.menu-left-special{ background-image:url(../img/bg-menuleft.jpg); }
.menu-left-special a:after{
	content: '';
    position: absolute;
    background-size: 100%;
    background-image: url(../../img/bt-top.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 160px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	}
	
/*-----トップページ-----*/

/*.special-top-cont-outer{ overflow:hidden !important;}*/
.movie-inner{
	background-color: #ffffff;
	width: 94%;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 6%;
	position: relative;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.movie-cont{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	align-items: center;
	justify-content: center;
    margin: 0 auto;
    text-align: left;
	z-index:100;
	overflow:hidden;
	}
.movie-cont-main{ margin:0 auto; width:960px;}
.movie-title{ margin:0 auto 40px; text-align:left;}	
.movie-title img{ height:132px;}
.movie-txt{ text-align: left; color: #000; letter-spacing:0.1em; margin:0 auto 40px; line-height:160%; width:90%;}
.movie-txt p{ margin:0 auto 24px;}
.movie-btn{ display: block; text-align: left; width:90%; margin:0 auto;}
.movie-btn a{ background-color:#003f98; color:#fff; padding:12px 30px; display:inline-block; position: relative;
z-index: 1;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;/*font-weight:bold;*/}


/*#cboxLoadedContent{  overflow:hidden !important; background: none !important; }
#cboxContent {
    margin-top:0 !important;
    background:none !important;
}*/

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

.movie-inner{
	overflow-y: auto;
}
.movie-txt{ font-size:12px; letter-spacing:0.1em; line-height:160%; margin:0 auto 24px;}
.movie-txt p{ margin:0 auto 16px;}
.movie-title{ margin:0 auto 24px;}
.movie-title img{ height:100px;}
.movie-btn a{ font-size:12px;}

/*.movie-inner{ overflow-y:auto; }
.movie-cont{ top:0px; transform: translate(-50%, -0px); padding:100px 0;}
.movie-cont{width:100%;}
.movie-title img{ height:100px;}
.movie-txt{ font-size:14px; letter-spacing:0.1em; line-height:160%;}*/

}

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

.movie-inner{ background-position:150% 0; }
.movie-cont{ top:0px; transform: translate(-50%, -0px); padding:200px 0 0;}
.movie-cont{width:100%;}
.movie-cont-main{ text-align:center; margin:0 auto; width:90%; }
.movie-title{ margin:0 auto 40px;}
.movie-title img{ height:130px;}
.movie-txt{ font-size:14px; line-height:200%; margin:0 auto 40px; width:92%;}
.movie-txt p{ margin:0 auto 24px;}
.movie-btn{ width:92%;}

}

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

.movie-inner{ width: 90%; margin: 0 0 0 10%; background-position:180% 0; }
.movie-cont{ padding:100px 0 0;}
.movie-title img{ width:80%; height:auto;}
.movie-txt p{ margin:0 auto 16px;}
.movie-txt{ font-size:12px; line-height:180%;}
.movie-btn a{ font-size:14px; letter-spacing:0.1em;}

/*.cboxIframe{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: none !important;
	overflow:hidden !important;}

}*/
}

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

.movie-inner { background-image:none;}
.movie-txt{ font-size:12px; line-height:150%;}

}

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

.movie-inner { width: 100%; margin: 0 0 0 0; }
.movie-title { margin: 0 auto 24px;}
.movie-title img{ width:90%;}
.movie-txt{ letter-spacing:0.05em; font-size:11px; line-height: 180%; width: 86%; margin:0 auto 24px;}
.movie-txt span{ display:block;}
.movie-txt span br{ display:none;}
.movie-cont{ padding:60px 0;}
.movie-cont-main{ padding:0 0 ;}
.movie-txt p{ margin:0 auto 8px;}
.movie-btn{width: 86%;}
.movie-btn a{ font-size:13px; letter-spacing:0.1em; padding:12px 20px;}

}

@media only screen and (max-width: 375px) {
	
.movie-inner{ background-position:260px 0; }
	
}