@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');


/* -------------------------------------------

base

------------------------------------------- */
:root {
	--color: ;
	--color: ;
	--coolor: ;
	--prime: #000;
	--font-shippori: "Shippori Mincho", serif;
	--font-jost: "Jost", sans-serif;
	--font-bodoni: "Bodoni Moda", serif;
}
body {
	color: #000;
	/* font-family: 'Noto Sans JP', sans-serif; */
	font-family: var(--font-shippori);
	font-size: 1.4rem;
	letter-spacing: 0.06em;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
	body {
		font-size: 1.5rem;
	}
}
/* ---- link ---- */
a {
	color: #000;
}



/* -------------------------------------------

layout

------------------------------------------- */
/* ---- base-width ---- */
.base-width {
	width: 88rem;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	.base-width {
		width: auto;
	}
}



/* -------------------------------------------

fade

------------------------------------------- */
.fade {
	opacity: 0;
	transform: translateY(2rem);
}
.fade.is-animation {
    animation: fade 0.5s ease;
    animation-fill-mode: both;
}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.delay-1 { animation-delay: 0.1s !important; }
.delay-2 { animation-delay: 0.2s !important; }
.delay-3 { animation-delay: 0.3s !important; }
.delay-4 { animation-delay: 0.4s !important; }
.delay-5 { animation-delay: 0.5s !important; }



/* ---- display ---- */
@media screen and (min-width: 769px) {
	.sp {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
}