@charset "UTF-8";
/* **************************************** *
 * RESET
 * **************************************** */
/* --- webfont --- */
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 300;
    src: url('../font/AppleSDGothicNeo-Light.woff2') format("woff2"),
			url('../font/AppleSDGothicNeo-Light.woff') format("woff");
			
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 400;
    src: url('../font/AppleSDGothicNeo-Regular.woff') format("woff");
			
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 500;
    src: url('../font/AppleSDGothicNeo-Medium.woff') format("woff");
			
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 600;
    src: url('../font/AppleSDGothicNeo-SemiBold.woff2') format("woff2"),
			url('../font/AppleSDGothicNeo-SemiBold.woff') format("woff");
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 700;
    src: url('../font/AppleSDGothicNeo-Bold.woff') format("woff");
}
* {
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,
ol,li,fieldset,th,td,input,textarea,button,select,span,a {
	margin: 0;
	padding: 0;
	font-family: 'Apple SD Gothic Neo', sans-serif;
	letter-spacing: -0.02em;
	color: #222;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.2;
}

html,body 
{
	min-height: 100vh;
	background-color: #fff
}

#wrap {
	min-height: 100vh;

}

body {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
	list-style: none
}

a {
	text-decoration: none;
}

a[href^="tel"] {
	font-style: normal
}

address,caption,em,var {
	font-style: normal;
	font-weight: normal
}

input,textarea,select {
	letter-spacing: normal;
	outline: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	background: none;
}

input::placeholder {
	color: #aeaeae;
	font-size: 4.2667vw;
}

ol,ul,dl {
	list-style: none
}

fieldset,img {
	border: 0;
	min-width: inherit
}

legend,caption {
	position: absolute;
	left: -10000em;
	top: -10000em;
	width: 0;
	height: 0;
	opacity: 0;
}

img {
	border: 0;
	vertical-align: top
}

hr {
	display: none
}

table {
	border-spacing: 0;
	width: 100%;
	border: 0;
	table-layout: fixed
}

br {
	letter-spacing: normal
}

input {
	vertical-align: middle;
	border-radius: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	appearance: none;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	letter-spacing: -0.56px;
}

input[type="text"],
input[type="password"],
input[type="number"] {
	-webkit-appearance: none
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

input:checked[type="checkbox"] {
	-webkit-appearance: checkbox
}

input[type="radio"] {
	border: none;
	-webkit-appearance: none
}

input:disabled,select:disabled {
	opacity: 1
}

button,input[type="button"],input[type="submit"],input[type="reset"],
input[type="file"] {
	-webkit-appearance: button;
	border-radius: 0;
	border: 0;
}

textarea,select {
	-webkit-appearance: none
}

/* common attribute */
#wrap {
	width: 100%;
}
#wrap.main{
	overflow: hidden;
}

#skipNavi,.hidden {
	position: absolute;
	left: -10000em;
	top: -10000em;
	width: 0;
	height: 0;
	opacity: 0;
}

p.error {
	color: #db0a0a;
	font-size: 3.4667vw;
}

p.correct {
	color: #2962c2;
	font-size: 3.4667vw;
}