@charset "utf-8";

@font-face {
	font-family: 'ITRAvantGardeStdBk';
	src: url('../font/ITCAvantGardeStd-Bk.otf') format("opentype");
}

@font-face {
	font-family: 'ITRAvantGardeStdMd';
	src: url('../font/ITCAvantGardeStd-Md.otf') format("opentype");
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

tr, th, td {
	border: 0;
}

li {
	list-style: none;
}

body {
	background: #000;
	font-family: "中ゴシックBBB", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",  sans-serif;
	text-align: center;
	color: #fff;
}

body.final {
	background: #fff;
	color: #000;
}

a:link {
	color: #fff;
}

a:visited {
	color: #fff;
}

a:hover {
	color: #fff;
}

a img {
	border: 0;
}

body.final a:link {
	color: #000;
}

body.final a:visited {
	color: #000;
}

body.final a:hover {
	color: #666;
}

a img {
	border: 0;
}

.clearfix:after {
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
}

.clearfix {
	zoom: 1;
	margin-bottom: 0;
}

@media only screen and (min-width:768px) {
	.sp {
		display: none;
	}
}

@media only screen and (max-width:767px) {
	.pc {
		display: none;
	}
}

/* color */

/* background */
.bgc-ng {
	background-color: #2a2a2a;
}
.bgc-ng:hover {
	background-color: #333333;
}
.bgc-1 {
	background-color: #b92c25;
}

.bgc-1:hover {
	background-color: #ed382f;
}

.bgc-2 {
	background-color: #fb581f;
}

.bgc-2:hover {
	background-color: #ff6e39;
}

.bgc-3 {
	background-color: #22a6bf;
}

.bgc-3:hover {
	background-color: #27bcd8;
}

.bgc-3p1 {
	background-color: #ffffff;
}

.bgc-3p1:hover {
	background-color: #cccccc;
}

/* border */

.bdc-ng {
	border-color: #1a1a1a;
}
.bdc-1 {
	border-color: #b92c25;
}

.bdc-2 {
	border-color: #fb581f;
}

.bdc-3 {
	border-color: #22a6bf;
}

.bdc-3p1 {
	border-color: #ffffff;
}

/* contents */
@media only screen and (min-width:768px) {
	#container {
		box-sizing: border-box;
		margin: 150px auto 0 auto;
		padding: 0 35px;
		max-width: 1177px;
		width: 100%;
	}
	
	h1 {
		display: none;
	}
	
	div.line {
		width: 100%;
		text-align: left;
	}
	
	div.line > div {
		height: 2px;
/*
		width: 0;
*/
		width: 100%;
	}
	
	h2 {
		font-family: "FOT-マティス Pro EB", serif;
		font-size: 25px;
		font-weight: normal;
		letter-spacing: -.07em;
		line-height: 35px;
		background-color:rgba(255,255,255,0.01);
		max-height: 100%;
		transform-origin: center top;
		-moz-transform-origin: center top;
		-webkit-transform-origin: center top;
		transform: scaleY(1.43);
		-moz-transform: scaleY(1.43);
		-webkit-transform: scaleY(1.43);
	}
}

@media only screen and (max-width:767px) {
	#container {
		margin: 36% auto 0 auto;
		width: 90.5%;
		z-index: 1;
	}
	
	.content {
	}
	
	h1 {
		margin: 15% auto;
		width: 100%;
/*
		font-family: 'ITRAvantGardeStdBk',sans-serif;
		font-size: 2rem;
		font-size: calc(16px + 30 * ((100vw - 320px) / 704));
		background-color:rgba(255,255,255,0.01);
		max-height: 100%;
*/
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 40.1%;
		padding-top: 3.7%;
		font-size: 0;
		line-height: 0;
	}
	
	div.line {
		width: 100%;
		text-align: left;
	}
	
	div.line > div {
		height: 2px;
/*
		width: 0;
*/
		width: 100%;
	}
	
	h2 {
		text-align: left;
		font-family: "FOT-マティス Pro EB", serif;
		font-size: 1.2rem;
		font-size: calc(16px + 30 * ((100vw - 320px) / 704));
		font-weight: normal;
		letter-spacing: -.07em;
		line-height: 1.4;
		background-color:rgba(255,255,255,0.01);
		max-height: 100%;
		transform-origin: center top;
		-moz-transform-origin: center top;
		-webkit-transform-origin: center top;
		transform: scaleY(1.43);
		-moz-transform: scaleY(1.43);
		-webkit-transform: scaleY(1.43);
	}
}

/* fadein */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 800ms;
}

.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

/* language */
.lang-jpn {
	display: block;
}

.lang-eng {
	display: none;
}