@charset "utf-8";

/* -------------------------------------------------
	font
------------------------------------------------- */

/* adobe fonts 

	Starling Book
		font-family: starling, serif;
		font-weight: 300;
		font-style: normal;

	Starling Bold
		font-family: starling, serif;
		font-weight: 700;
		font-style: normal;
*/

/* -------------------------------------------------
	reset
------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

html {
}

body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	color: #fff;
	position: relative;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	background: #05050a;
}

p, h1, h2, h3, h4, th, td, li, dt, dd, figcaption, input, select, textarea {
	letter-spacing: 0.05em;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

iframe {
	border: none;
}

a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	
}

ul, ol {
	list-style-type: none;
}

main {
	display: block;
}

.anim {
	opacity: 0;
	transition: all 0.6s ease-out;
}
.anim.on {
	opacity: 1;
}

@media screen and (max-width:767px) {
	
}

/* -------------------------------------------------
	box
------------------------------------------------- */

.box-sp {
	width: calc(690 / 750 * 100%);
	margin: 0 auto;
	position: relative;
}

/* -------------------------------------------------
	footer
------------------------------------------------- */

footer .copyright {
	font-size: calc(14 / 750 * 100%);
	transform: rotate(90deg);
	transform-origin: right bottom;
    position: fixed;
    left: -21vw;
    bottom: 5vw;
	z-index: 100;
	animation: op2 1.5s ease-out 1.8s forwards;
	opacity: 0;
}