/* ==========================================================================
   02. 基本設定 (Base Styles)
   ========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	background-attachment: fixed;
	background-color: var(--wp--preset--color--white, #ffffff);
	background-image: url("../images/back_body_dots_01.png");
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 100% auto;
	color: var(--wp--preset--color--darkgray, #333333);
	font-family: "Noto Sans JP", sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75;
	min-height: 100vh;
}

body .english {
	font-family: "Pacifico", cursive, sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.2;
}

a {
	color: var(--wp--preset--color--primary, #003e7e);
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

p:not(footer p) {
	color: var(--wp--preset--color--darkgray, #333333);
	font-size: 1rem;
	line-height: 1.8em;
}

ol,
ul {
	list-style-position: inside;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--wp--preset--color--primary, #003e7e);
	font-weight: 700;
	line-height: 1.4em;
}

h2 {
	font-size: var(--wp--preset--font-size--heading-2);
}

h3 {
	font-size: var(--wp--preset--font-size--heading-3);
}

h4 {
	font-size: var(--wp--preset--font-size--heading-4);
}

h5 {
	font-size: var(--wp--preset--font-size--heading-5);
}

h6 {
	font-size: var(--wp--preset--font-size--heading-6);
}

.l-main {
	padding-bottom: 0;
}

/* メインコンテナ最大幅 */
.l-main__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 24px;
	padding-right: 24px;
}

/* Safari / Chrome 角丸・描画バグ対策共通クラス */
.u-rounded-mask {
	border-radius: 40px;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(
		var(--wp--preset--color--white, #ffffff),
		var(--wp--preset--color--black, #000000)
	);
}

/* --------------------------------------------------------------------------
   手書き風日本語フォント用ユーティリティクラス (Zen Kurenaido)
   - クラス名: u-font-tegaki / is-style-tegaki
   -------------------------------------------------------------------------- */
.u-font-tegaki,
.is-style-tegaki,
.c-entry-content h1.u-font-tegaki,
.c-entry-content h2.u-font-tegaki,
.c-entry-content h3.u-font-tegaki,
.c-entry-content h4.u-font-tegaki {
	font-family: "Zen Kurenaido", "Noto Sans JP", sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: -0.1em;
	line-height: 1.2;
	transform: rotate(-1deg);
	transform-origin: left center;
	-webkit-text-stroke: 0.8px currentColor;
}