@charset "UTF-8";


html {
	visibility: hidden;
}
html.wf-active {
	visibility: visible;
}

.selector {
	font-feature-settings: "palt" 1;
}

body {
	background: #edecea;
}

body,h1,h2,h3,h4.h5,h6,p {
	font-family:fot-tsukuaoldmin-pr6n, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color: #222;
}

a {
	color: #222;
	outline: none;
	-webkit-transition: all 0.3s ease;
}
a:visited {
	color: #222;
	outline: none;
}
a:hover {
	color: #ccc;
	outline: none;
}
a:focus,
a:active {
	outline: none;
}
input:focus,
input:active {
	outline: none;
}

br.pc {
	display: none;
}
@media screen and (min-width: 415px)  {
	br.pc {
		display: block;
	}
}

.vertical {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.name {
	position: absolute;
	top: 3em;
	right: 2.5em;
}

.bottom {
	position: absolute;
	bottom: 1.5em;
	left: 1.5em;
	padding-right: 1.5em;
}

h1.title {
	margin: 0;
	font-size: 1.75em;
	font-weight: 400;
	letter-spacing: .4em;
}

.title-sub {
	margin: 0.1em 0.4em 0 0;
	font-size: 1.15em;
}

.description {
	font-size: 1.35em;
	margin-bottom: 1.5em;
	letter-spacing: -0.01em;
}

.copyright {
	font-size: .7em;
	margin: 3em 0 0 0;
}


.delay-time02{
	animation-delay: 1s;
}
.delay-time04{
	animation-delay: 1.3s;
}
.box{
	opacity: 0;
}
.fadeUp {
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-timing-function:ease-out;
	opacity: 0;
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(3px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}