@charset "UTF-8";
/* CSS Document */

body.noScroll,html.noScroll { overflow: hidden;}

h1, h2, h3, h4, h5, h6 { 
    font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

/* TOOLS */
html {
    scroll-behavior: smooth;
}
body {
    font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #000000;
    font-feature-settings: "palt";
    background-color: #ffffff;
}
html,body {
	width: 100%;
	height: 100%;
}

/* fadeIn */
.contentFade {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


#container {
    width: 100%;
	height: 100%;
	position: relative;
}
.inner {
    width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

header {
    width: 100%;
	max-width: 300px;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
    header {
        max-width: auto;
    }
}

footer {
	width: 100%;
    box-sizing: border-box;
    font-size: 8px;
    text-align: center;
    color: #555;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
	font-feature-settings: 'palt' 1;
	letter-spacing: 0.1em;
    margin: 0 auto;
	padding: 50px 0 0 0;
}
@media screen and (max-width: 768px){
    footer {
		font-size: 2vw;
	}
}