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

.area{
	width: 90%;
}
.main{
	min-height: auto;
	max-height: 800px;
}

.main .logoArea{
	width: 45%;
	
}

}

@media screen and (max-width:767px) {
h2.tecLogo{
	width:40%;
	top:2em;
	right:2em;
}
.laserimpact{
	padding-bottom: 15em;
}
.area{
	width: 96%;
	margin: 0 auto;
}
/*-----------------------------------------------
	Main
-----------------------------------------------*/
.main{
	background-image: none;
	max-height: 100% !important;
	height: auto !important;
	min-height: auto !important;
	padding-top: 13em;
	background-color: #010101;
}
.main .logoArea{
	display: none;
	
}
.main h2{
	margin: 0 auto ;
}
.main .spim{
	display: block;
}
.main p.im{
	width: 110%;
	margin-left: -5%;
	margin-top: -5em
}
.mainTx{
	padding: 15em 0;
}
.mainTx p{
	font-size:20px;
	
}
.mainTitle{
	font-size:20px;
	padding:5em 2em;
}
.mainTitle:before {
  width: 30%;
  left:-5%;
}
.laserArea{
	width: 84%;
}
.c2 ul.l1 li{
	width: 45%;
}
.c2 ul.l2 li{
	width: 32%;
	margin: 0 .3%;
}
.c3 p.im.mm{
	width: 100%;
}
.c3 ul.l1 li{
	width: 90%;
}
.c3 ul.l2{
	padding-top: 0;
}
.c3 ul.l2 li{
	width: 70%;
}
.movie ul li{
	width:94%;
}
.mv{
	padding:1em 3em;
}
.mv p.play{
	width:10%;
}
.movie.last li{
	width: 94%;
	margin: 0 0 3em;
}
.movie.last li:last-child{
	margin: 0;	
}
.movie.last li .mv p.play{
	width:10%;
}
.movie.last li .mv{
	padding:1em 3em;
}
/*-----------------------------------------------
	movietitle
-----------------------------------------------*/
.movieTitle h4:before {
  width: 50%;
}
/*-----------------------------------------------
	pro
-----------------------------------------------*/
.c0 .laserArea{
	width: 90%;
}

ul.pro p.laserLogo{
	width: 70%;
	margin: 0 auto 5em;;
}
ul.pro p.laserTitle{
	font-size:22px;
}
ul.pro p.laserTx{
	width:90%;
	font-size:18px;
}
ul.pro p.laserIm{
	margin-bottom: 2em;
}
}
@media screen and (max-width:500px) {
.area{
	width: 94%;
	margin: 0 auto;
}
h2.tecLogo{
	width:50%;
	top:1em;
	right:1em;
}


p.tx{
	line-height: 2;
}
.laserimpact{
	padding-bottom: 8em;
}
/*-----------------------------------------------
	Main
-----------------------------------------------*/
.main{
	padding-top: 7em;
}
.mainTx{
	padding: 7em 3em;
	margin-bottom: 5em;
}
.mainTx p{
	font-size:15px;
	line-height: 2.2;
	letter-spacing: 0.01em;
}
.mainTx p br.sp{
		display: none;
}
.mainTitle{
	font-size:16px;
	padding:3em 1em;
	margin-bottom: 3em;
}
.mainTitle br{
	display: none;
}
.mainTitle:before {
  width: 30%;
  left:-5%;
}
.laserArea{
	width: 90%;
}
.laserArea p.title{
	font-size:15px;
	letter-spacing:0.01em;
	margin-bottom: 2em;
}
.laserArea .txArea{
	margin-bottom: 5em;
	
}
.laserArea .txArea p.right{
	float: none;
	width: 80%;
	margin: 0 auto 1.5em;
}
.laserArea .txArea p{
	line-height: 2;
}
.con{
	margin-bottom: 5em;
}
.c2 ul{
	padding: 3em 0;
}
.c2 ul.l1,.c2 ul.l2{
	padding-top: 0;
}
.c2 ul.l1 li{
	display: inline-block;
	width: 80%;
	margin: 0 auto 1.5em;
	vertical-align: top;
}
.c2 ul.l1 li:last-child{
	margin: 0 auto;
}
.c2 ul p.tx{
	line-height: 1.4;
	font-size: 13px;
	
}
.c2 ul.l2 li{
	width: 74%;
	margin: 0 auto 1.5em;;
}
.c2 ul.l1 p.tx span.imcap img{
	margin-bottom: .4em;
}
.c3 ul{
	padding: 0 0 3em;
}
.c3 ul.l1 li{
	margin-bottom: 1em;
	width: 100%;
}
.c3 ul.l2 li{
	width: 80%;
}

.movie ul li{
	width:100%;
	margin: 0;
	margin-left: -5%;
	margin-bottom: 1.5em;
}
.movie ul li:last-child{
	margin-bottom: 0em;
}
.mv{
	padding:.5em 1.5em;
}
.movie ul li .mv p.play{
	width:12%;
}
.mvArea p.tx{
	padding-top: .3em;
	line-height: 1.4;
	font-size: 12px;
	text-align: left;
}
.movie.last li{
	margin: 0 0 2em;
}
.movie.last li .mv p.play{
	width:12%;
}
.movie.last li .mv{
	padding:.5em 1.5em;
}
/*-----------------------------------------------
	movietitle
-----------------------------------------------*/

.movieTitle{
	margin-bottom:3em;
}
.movieTitle h4:before {
  width: 70%;
}
.movieTitle h4{
	font-size:22px;
	line-height: 2;
}
.movieTitle p.name{
	font-size:16px;
	padding-top: 0.5em;
	
}
/*-----------------------------------------------
	pro
-----------------------------------------------*/
.c0 .laserArea{
	width: 90%;
}
p.laserMain{
	margin-bottom: 3em;
	width: 110%;
	margin-left: -5%;
}
ul.pro p.laserLogo{
	width: 70%;
	margin: 0 auto 2em;;
}
ul.pro p.laserTitle{
	font-size:17px;
	text-align: left;
	line-height: 1.6;
}
ul.pro p.laserTitle br{
	display: none;
}
ul.pro p.laserTx{
	width:90%;
	font-size:15px;
	line-height: 1.5;
}
ul.pro p.laserIm{
	margin-bottom: 2em;
}
ul.pro{
	margin-bottom: 5em;
}
ul.pro li{
	margin-bottom: 8em;
}
ul.pro li:last-child{
	margin-bottom:0;
}
/*-----------------------------------------------
	fade
-----------------------------------------------*/

.fadeIn_up.is-show {
	animation-delay: .3s;
}

}