@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese');
/*\*/

/*------------------------------
IKKI NOT DEAD 
UPDATED : 2013.08.06
------------------------------*/


body {
	color: #fff;
	background: #000;
	text-align: center;
	margin:0;
	font: 12px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
}

.container {
	width:100%;
	position:relative;
	overflow:hidden;
}

.inr {
	width:600px;
	margin:0 auto;
}

@media screen and (max-width:600px){
	.inr {
		width:50%;
	}
}

.mainvisual {
	margin:20% 0 30%;
	font-family: 'Noto Serif JP', serif;
	font-size:16px;
	text-align:left
}

.mainvisual p {
	text-align:center;
	margin:10em 0;
}

.mainvisual p span {
	margin-top:2em;
	display:block;
	font-size:10px;
}


.mainvisual .logo {
	width:70%;
	display:block;
	margin:0 auto;
}

@media screen and (max-width:600px){
	.mainvisual {
		font-size:10px;
	}

	.mainvisual p span {
		font-size:9px;
	}
}

.screen {
	width:600px;
	margin:5% auto;
}

@media screen and (max-width:600px){
	.screen {
		width:100%;
	}
}

.movie {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.movie iframe {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100%;
}

.sampleimg {
	text-align:center;
	padding:25% 0;
	/*background:#333;*/
	background:url(../img/suna.png);
	background-size:cover;
	color:#444;
	font-size:25px;
	font-weight:800;
text-shadow: 
        #fff 1px 1px 0, #fff -1px -1px 0,/*右下、左上*/
        #fff -1px 1px 0, #fff 1px -1px 0,/*右上、左下*/
        #fff 0px 1px 0, #fff  0-1px 0,/*右、左*/
        #fff -1px 0 0, #fff 1px 0 0;/*上、下*/
}

.txt {
	margin:1em 0;
}

.second {
	margin-top:10em;
}

.txt em {
	display:block;
	margin-top:0em;
	font-style:normal;
	font-size:90%;
}

.teaser {
	margin-top:10em;
}

@media screen and (max-width:600px){
	.sampleimg {
		font-size:10px;
	}
}

.bgtxt {
	position:absolute;
	display:block;
	font-size:25px;
	z-index:-1;
	color:rgba(255,255,255,0.3);
	top:60%;
	left:87%;
	transform:translate(-50%, -50%);
	font-family: 'Noto Serif JP', serif;
	font-weight:900;
	opacity:0.4;
	color:#fff;
}

.bgtxt .screen {
	width:100%;
	font-weight:400;
}

.bgtxt .screen .sampleimg {
	font-size:14px;

}

@media screen and (max-width:600px){
	.bgtxt {
		font-size:13px;
	}

	.bgtxt .screen {
		width:100%;
	}
}