@charset "UTF-8";

:root {
	--font-family: YakuHanMP, "Noto Serif JP", serif;
	--font-family-notosans: YakuHanMP, "Noto Sans JP", serif;
	--color-body-1: #000;
	--color-theme-1: #026EB8;
	--color-theme-2: #F2F8FC;
	--color-theme-3: #C2AB7B;
	--color-theme-4: #F2F2F2;
	--container: 730px;
	--gutter: 15px;
	--minus-gutter: calc(var(--gutetr) x -1);
	--yohaku: calc(50px + 6.25vw);
	--yohaku-harf: calc(30px + 6.25vw);
	--fs: 16px;
}

@media(max-width: 767px) {
  :root {
    --fs: 15px;
  }
}

::after,
::before,
* {
	--font-size: calc((var(--fs) / 16) * 1rem);
	font-size: var(--font-size);
	line-height: 1.8em;
}

.text-body {
	color: --color-body-1;
}

.color-theme-1 {
	color: var(--color-theme-1);
}

.color-theme-2 {
	color: var(--color-theme-2);
}

.color-theme-3 {
	color: var(--color-theme-3);
}

.color-theme-4 {
	color: var(--color-theme-4);
}

.yohaku-top-harf{
	margin-top: var(--yohaku-harf);
}

.yohaku-bottom-harf{
	margin-bottom: var(--yohaku-harf);
}