.tp_Point_top{
background:#FFF;
}
.tp-White{
background:#FFF;
}
.tp-Main{
margin:0 auto 0;
}
.tp-Main.second{
padding-top: 2.5rem;
}
#TopMain > :last-child{
padding:0 0 5.5em;
}
.st-Wrapper{
padding: 0;
}
@media only screen and (min-width: 767px) {
.tp_Point_top{
height:1.5em;
}
.tp_Point{
height:50vh;
}
body:before{
content:"";
display:block;
position:fixed;
top: 0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background:url(/img/top/index_ouc_bg_eng.webp) center no-repeat;
background-size:cover;
}
}
@media only screen and (max-width: 767px) {
.tp-Main{
padding:0 15px;
}
.tp_Point_top{
height:1em;
}
.tp_Point{
height:35vh;
}
.tp_Point.bg:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background:url(/img/top/index_ouc_bg_engSP.jpg) center no-repeat;
background-size: cover; } 
}



@media only screen and (min-width: 767px){
.tp_Point_top {
    height: 4.5em;
}
}
.tp-Movie {
	padding-top: 85px;
	padding-bottom: 85px;
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	margin: 0 auto;
	pointer-events: none;
}
@media screen and (max-width: 768px) {
.tp-Movie {
	min-width: auto;
	padding-top: 8vw;
	padding-bottom: 8vw;
}
}


.tp-Movie .index-movie {
	z-index: 1;
}
.tp-Movie .index-movie .movieInner {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 626px;
}
@media screen and (max-width: 768px) {
.tp-Movie .index-movie .movieInner {
	height: 39.21569vw;
}
}
.tp-Movie .index-movie #bgMovie {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	background-size: cover;
}
@media screen and (max-width: 768px) {
.tp-Movie .index-movie #bgMovie {
	height: 68.62745vw !important;
	min-width: auto;
}
}