@charset "utf-8";
@media screen and (max-width:1000px) {


}
@media screen and (max-width:767px) {
h2.tecLogo{
	width:40%;
	top:2em;
	right:2em;
}

/*-----------------------------------------------
	topMain
-----------------------------------------------*/
.topMain{
	min-height:auto;
}

.topMain h2{
	width:40%;	
}
.subMain{
	padding: 25em 0;
}
.subMain p.mainTx{
	padding: 0 3em;
}
.sub{
	width: 80%;
}
.movie ul li{
	width:98%;
}
.mv{
	padding:1em 3em;
}
.mv p.play{
	width:10%;
}
.bana img.pc{
	display: none;
}
.bana img.sp{
	display: block;
}
}
@media screen and (max-width:500px) {
h2.tecLogo{
	width:50%;
	top:1em;
	right:1em;
}

.topArea{
	padding-top: 5em;
}
p.tx{
	line-height: 2;
}
.topMain h2{
	width:60%;	
}
.subMain{
	padding: 10em 0;
}
.subMain p.mainTx{
	padding: 0 1.5em;
	font-size:16px;
	letter-spacing:0.05em;
	line-height: 2.2;
}
.con01{
	padding-top: 0em;
	padding-bottom: 0em;
}
.con01 p.mainIm{
	margin-bottom: 3em;
}
.con01 p.title{
	font-size: 18px;
	line-height: 2.2;
	margin-bottom: 2em;
}
.con01 p.title span.line{
	padding-bottom: .2em;
}
.con01 p.title br{
	display: block;
}
.conArea{
	padding: 0 1em;
}
.sub{
	width: 84%;
	padding: 5em 0;
}
.sub p.subTitle{
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 0.5em;
}
.sub li{
	margin-bottom: 2em;
}
.sub p.tx{
	padding-top: .5em;
	line-height: 1.6;
	font-size: 14px;
}
.movie{
	padding-bottom: 8em;
	
}
.movie ul li{
	width:90%;
	margin: 0;
	margin-left: 0%;
}
.mv{
	padding:.5em 2em;
}
.movie ul li .mv p.play{
	width:12%;
}
.mvArea p.tx{
	padding-top: .5em;
	text-align: left;
}
.bana{
	padding-bottom: 8em;
	
}

.bana ul li{
	width:100%;
	margin:0;
}
.con01 p.mainIm img.pc{
	display: none;
}
.con01 p.mainIm img.sp{
	display: block;
}
/*-----------------------------------------------
	fade
-----------------------------------------------*/
.fadeIn_up {
  opacity:0;
  transition: all .2s;
}
.fadeIn_up.is-show {
  animation: fadeIn1 .2s ease-out forwards;
}

}