/* INITIALIZE */
:root {
	--main-color: #F7F6F2;				/* 基本的な色(ベージュ) */
	--background-color-a: #F7F6F2;		/* 背景色(クリーム) */
	--background-color-b: #FFF;		/* 背景色(ホワイト) */
	--font-color: #0A1650;				/* 文字色(濃い灰色) */
	--font-color-b: #000;				/* 文字色(黒色) */
	--animation-speed: 400ms;			/* アニメーション速度 */
}
html,body {
	font-size: 20px;
}
body {
	color: var(--font-color);
	background-color: var(--background-color-a);
	font-family: 'M PLUS Rounded 1c', "HGP創英角ﾎﾟｯﾌﾟ体", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
a {
	text-decoration: none;
	color: var(--font-color);
}
p,span {
	font-size: 1rem;
}
::selection {}
::-moz-selection {}





/* COMMON */




/* HEADER */
header {
}





/* CONTENT */





/* FOOTER */
footer {
}





/* COPYRIGHT */
.copyright {
}








/* === SMART PHONE === */
@media screen and (max-width:767px) {

	/* INITIALIZE */
	html,body {
		font-size: 14px;
	}
}
/* === SMART PHONE (BEFORE) === */
@media screen and (max-width:389px) {
}





/* === TABLET === */
@media screen and (min-width:768px) {
}
/* === TABLET ONLY === */
@media screen and (min-width:768px) and (max-width:1023px) {

	/* INITIALIZE */
	html,body {
		font-size: 16px;
	}
}





/* === PC === */
@media screen and (min-width:1024px) {
}





/* === HOVER === */
@media (any-hover:hover) {
}