@charset "utf-8";

#wrapper{
	font-size:14px;
	line-height:1.8;
	
}

p.im img{
	width:100%;
	height:auto;
}
p.tx{
	font-size: 15px;
	line-height: 2.4;
}
p.tx span.s{
	font-size: 90%;
	display: block;
	padding-top: 1em;
	line-height: 1.6;
}
p.tx span.ss{
	font-size: 70%;
	vertical-align: top;
	display: inline-block;
}
.topArea{
	position:relative;
	z-index:2;
	background-color:#000;
	padding-top: 10em;
}
.conArea{
	padding: 0 3em;
}
h2.tecLogo{
	width:300px;
	position:absolute;
	top:3em;
	right:3em;
	z-index: 2;
}
h2.tecLogo img{
	width:100%;
	height:auto;
}
/*-----------------------------------------------
	topMain
-----------------------------------------------*/
.topMain{
	position: relative;
	width:100%;
	height:100%;
	min-height:700px;
}

.topMain h2{
	position:absolute;
	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	width:25%;
	z-index:2;	
}

.topMain h2 img{
	width: 100%;
	height: auto;
}

.subMain{
	position: relative;
	width:100%;
	padding: 30em 0;
}
.subMain p.mainTx{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size:18px;
	letter-spacing:0.05em;
	line-height: 2.6;
}

.con01{
	padding-top: 5em;
	padding-bottom: 5em;
}
.con01 p.mainIm{
	margin-bottom: 10em;
}
.con01 p.mainIm img.sp{
	display: none;
}
.con01 p.title{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	letter-spacing: 0.1em;
	font-size: 22px;
	line-height: 2;
	margin-bottom: 3em;
}
.con01 p.title br{
	display: none;
}
.con01 p.title span.line{
	border-bottom: 1px solid #fff;
	padding-bottom: .5em;
}
.sub{
	width: 70%;
	margin: 0 auto;
	padding: 10em 0;
}
.sub p.subTitle{
	font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	margin-bottom: 0.5em;
}
.sub li{
	margin-bottom: 5em;
}
.sub li:last-child{
	margin-bottom: 0;
}
.sub p.tx{
	padding-top: 1em;
}
.sub p.im img{
	border: 1px solid #555;
}
.movie ul{
	text-align:center;
}
.movie ul li{
	width:90%;
	margin:0 1%;
	vertical-align:top;
}
.movie{
	padding-bottom: 15em;
	
}

.mvArea p.tx{
	font-size: 14px;
	line-height: 1.6;
}
.mv{
	padding:1em 4em;
	background-color:#171717;
}
.mv{
	position:relative;

}
.mv img{
	width:100%;
	height:auto;
}
.mv p.play{
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:8%;
}

.mvArea p.tx{
	padding-top:0.5em;
	text-align:center;
}

.mvArea li{
	display:inline-block;
	text-align:center;
	margin-bottom:5em;
}
.mvArea li:last-child{
	margin-bottom:0em;
}
.bana{
	padding-bottom: 20em;
	
}
.bana ul{
	text-align:center;
}
.bana ul li{
	width:90%;
	margin:0 1%;
	display: inline-block;
}
.bana img.sp{
	display: none;
}
#slider {
    width: 100%;
    height: 100vh;
	position:fixed;
}
#slider .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.6);
	top: 0;
	left: 0;
}
.vegas-animation-kenburns {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}


/*-----------------------------------------------
	fade
-----------------------------------------------*/
.fadeIn_up {
  opacity:0;
  transition: all .4s;
}
.fadeIn_up.is-show {
  animation: fadeIn1 .4s ease-out forwards;
}


@keyframes fadeIn1{
	0%{
		opacity:0;
		transform: translate(0, 10%);
	}
	50%{
		opacity:0.5;
		transform: translate(0, 5%);
	}
	100%{
		opacity:1;
		transform: translate(0, 0);
	}
}


.videoArea{
	border: 1px solid #555;
}
video {
  max-width: 100%;
}