@charset "UTF-8";

/* FONT FAIMLY
------------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css?family=Heebo:400,500,700,900');
/*
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
*/


html {
	font-family: 'Heebo' , "小塚ゴシック Pr6N", "KozGoPr6N-Regular", "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

button {
	font-family: 'Heebo' , "小塚ゴシック Pr6N", "KozGoPr6N-Regular", "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* FONT COLOR
------------------------------------------------------------------ */
.c-gy1 { color: #221714; }
.c-gy2 { color: #211613; }
.c-fff { color: #fff; }
.c-ccc { color: #ccc; }
.c-999 { color: #999; }
.c-666 { color: #666; }
.c-333 { color: #333; }
.c-000 { color: #000; }
.c-c66 { color: #c66;}

/* FONT SIZE - normal -
------------------------------------------------------------------ */
.fN2125 {
	font-size: 21px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.fN2025 {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.fN1625 {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.fN1625sp {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.03em;
}

/* ブラウザ幅が320px以上767px以下　（タブレット／スマートフォン用） */
@media screen and (min-width: 320px) and (max-width: 767px),
 screen and (max-width: 812px) and (max-height: 414px) {
	.fN1625sp {
		font-size: 16px;
		line-height: 25px;
		letter-spacing: 0.05em;
	}
}

.fN1522 {
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.05em;
}

.fN1435 {
	font-size: 14px;
	line-height: 35px;
	letter-spacing: 0.05em;
}

.fN1430 {
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.05em;
}

.fN1424 {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
}

.fN1225 {
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.fN1224 {
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.03em;
}

.fN12205 {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.05em;
}

.fN12203 {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.03em;
}

.fN1216 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
}

.fN1020 {
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.03em;
}

/* FONT SIZE - bold -
------------------------------------------------------------------ */
.fB2532 {
	font-weight: bold;
	font-size: 25px;
	line-height: 32px;
	letter-spacing: 0.05em;
}

.fB2126 {
	font-weight: bold;
	font-size: 21px;
	line-height: 26px;
	letter-spacing: 0.03em;
}

.fB2125 {
	font-weight: bold;
	font-size: 21px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.fB2026 {
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.05em;
}

.fB1633 {
	font-weight: bold;
	font-size: 16px;
	line-height: 33px;
	letter-spacing: 0.05em;
}

.fB1522 {
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.05em;
}

.fB1425 {
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.fB1225 {
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.fB1020 {
	font-weight: bold;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.05em;
}