/*
 * Base
 * 全ページで最低限効かせるベーススタイル。
 * design.md「1. カラー」「2. タイポグラフィ」「3. 余白・レスポンシブ」に準拠。
 */

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-family-base);
	font-size: var(--fs-base);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-body);
}

a {
	color: inherit;
}

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

/* Layout: container（design.md「コンテナ最大幅 1080px」） */
.l-container {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: 20px;
}

/* SP だけで改行したい位置に、ACF の文言内で <br class="u-br-sp"> として入れる */
@media (min-width: 768px) {
	.u-br-sp {
		display: none;
	}
}