@charset "UTF-8";

.sp_top {
	display: none;
}

/* .mvArea */
.mvArea2 {
	position: relative;
	margin: 0px auto 0;
	/*padding-top: 51.6666%;*/
}
.mvArea2 #videobg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/top/mvbg.jpg) center center no-repeat;
	background-size: cover;
	display: none;
}

.slide_all {
	position: relative;
	display: block;
	margin: 0px auto 0;
	background-color: #575757;
	z-index: -10000;
}

.slide_in {
	position:absolute;
	width:100%;
	z-index:1;
	top: 0px;
	/* top: 10.7em; */
}

.slide_text {
	position:absolute;
	top:48%;
	right:0px;
	left:0px;
	margin:auto;
	z-index: 10000;
	width: 415px;
	/*width: 17%;*/
}
@media only screen and (min-width:1px) and (max-width:680px){
.pc_top { display: none !important; }
.sp_top { display: block !important; }

.mvArea2 {
	position: relative;
	margin: 0px auto 0;
	/* padding-top: 15%; */ /* 20200326 */
/*	margin: 40px auto 0;
	padding-top: 51.6666%;*/
}
.slide_text {
	position:absolute;
	top:35%;
	right:0px;
	left:0px;
	margin:auto;
	z-index: 10000;
	width: 50%;
}
}
@media only screen and (min-width:681px) and (max-width:1024px){
.slide_text {
	position:absolute;
	top:45%;
	right:0px;
	left:0px;
	margin:auto;
	z-index: 10000;
	width: 40%;
}
}


/* add 20200114 */
.slide_text_2 {
	position:absolute;
	top:28%;
	margin: 0 0 0 15%;
	z-index: 10000;
	width: 51%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.slide_text_2 {
		position:absolute;
		top:38%;
		right:0px;
		left:0px;
		margin:auto;
		z-index: 10000;
		width: 65%;
	}
}
@media only screen and (min-width:681px) and (max-width:1024px){
	.slide_text_2 {
		top:40%;
		margin: 0 0 0 15%;
		z-index: 10000;
		width: 65%;
	}
}


/* add 20200302 */
.bn_movie_parent{
	position: relative;
}
.bn_movie{
	position: absolute;
	transition: 0.5s ;
}
.bn_movie a:hover{
	opacity: 0.7 ;
}
.bn_movie a img:hover{
	opacity: 0.7 ;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.bn_movie{
		position: absolute;
	}
	.bn_movie.border{
		border: solid #fff 2px;
	}
}
.bn_movie.bn01{
	width: 76%;
	top: 14%;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.5s ;
}
.bn_movie.bn02{
	width: 23%;
	bottom: 4%;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.5s ;
}
.bn_movie.bn03{
	width: auto;
	height: auto;
	left: 2%;
	bottom: 18%;
}
.bn_movie.bn04{
	width: auto;
	height: auto;
	left: 2%;
	bottom: 3%;
}
.bn_movie.bn05{
	width: auto;
	height: auto;
	top: 4%;
	left: 2%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.bn_movie.bn01{
	}
	.bn_movie.bn02{
	}
	.bn_movie.bn03{
		width: 64%;
		height: auto;
		left: 7%;
		bottom: 24%;
	}
	.bn_movie.bn04{
		width: 86%;
		height: auto;
		left: 7%;
		bottom: 2%;
	}
	.bn_movie.bn05{
		width: 60%;
		height: auto;
		left: 50%;
		transform: translateX(-50%);
	}
}


/* add 20210324 oono */
.slide_all02 {
	position:static;
}
.slide_all02 .slide_in02 {
	position:static;
}
.slide_all02 .slide_in02 .bx-wrapper {
	margin-bottom: 0 !important;
}
/* add-end */


/* add 20210324 oono */
.mvArea2 img.slide_bn {
	width: auto;
	position: absolute;
	right: 6%;
	bottom: 3%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.mvArea2 img.slide_bn {
		width: 66%;
		right: 2%;
		bottom: initial;
		top: 2%;
	}
}
/* add-end */


/* add 20210412 oono */
.mvArea2 img.slide_bn02 {
	/* width: 20%; */
	width: auto;
	height: 13%;
	position: absolute;
	top: 3%;
	left: 2%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.mvArea2 img.slide_bn02{
		width: 38%;
		height: auto;
		top: initial;
		left: initial;
		right: 2%;
		bottom: 22%;
	}
}
/* add-end */


/* add 20210901 oono */
.mvArea2 img.slide_bn03 {
	width: auto;
	height: 13%;
	position: absolute;
	top: 11%;
	left: 2%;
}
.mvArea2 img.slide_bn04 {
	width: auto;
	height: auto;
	position: absolute;
	top: 3%;
	left: 2%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.mvArea2 img.slide_bn03{
		width: 38%;
		height: auto;
		top: initial;
		left: initial;
		right: 2%;
		bottom: 1%;
	}
	.mvArea2 img.slide_bn04{
		width: 56%;
		height: auto;
		top: initial;
		left: 2%;
		bottom: 4%;
	}
}
/* add-end */


/* add 20210916 oono */
.mvArea2 img.slide_bn05 {
	width: 24%;
	height: auto;
	position: absolute;
	top: 10px;
	left: 10px;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.mvArea2 img.slide_bn05{
	}
}
/* add-end */


/* add 20211112 oono */
.mvArea2 img.slide_bn06 {
	width: 30%;
	height: auto;
	position: absolute;
	bottom: 15%;
	left: 1%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.mvArea2 img.slide_bn06{
		width: 48%;
		bottom: 15%;
		left: 24%;
	}
}
.mvArea2 img.slide_bn07 {
	width: 30%;
	height: auto;
	position: absolute;
	bottom: 3%;
	left: 1%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.mvArea2 img.slide_bn07{
		width: 60%;
		bottom: 2%;
		left: 18%;
	}
}
.mvArea2 img.slide_bn08 {
	width: 30%;
	height: auto;
	position: absolute;
	bottom: 15%;
	left: 1%;
}
@media only screen and (min-width:1px) and (max-width:680px){
	.mvArea2 img.slide_bn08{
		width: 68%;
		bottom: 15%;
		left: 14%;
	}
}
/* add-end */