@charset 'UTF-8';

/*

    Design tokens (managed by the designsystem module)

*/

:root {
	/* Mint: brand color, section backgrounds, icons */
	--main-color: #72cdb8;
	/* Gold: primary call-to-action (one per view) */
	--accent-color: #c7a45c;
	/* Deep green: kickers, text links, emphasis */
	--deep-color: #438b7c;
	/* Ink: body text */
	--text-color: #2f4641;
	/* Muted: descriptions, captions */
	--muted-color: #657570;
	/* Links */
	--link-color: #438b7c;
	/* Form errors and warnings */
	--warning-color: #b43f3f;
	/* Success messages */
	--success-color: #347b6c;
	/* White surfaces (cards, header) */
	--surface-color: #ffffff;
	/* Soft mint: alternate section background */
	--base-color: #f6fcfa;
	/* Pale mint: cards and boxes */
	--pale-color: #eaf8f4;
	/* Tint: department section background */
	--tint-color: #f1f9f7;
	/* Cream: callouts and contact box */
	--cream-color: #fbf6eb;
	/* Marker under the hero headline */
	--underline-color: #cdeee6;
	/* Rules and table borders */
	--border-color: #dce8e5;
	/* Sky blue: access button in the mobile fixed bar */
	--sky-color: #8dcee8;
	/* Body font */
	--font-family: 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	/* Section headings */
	--font-family-serif: 'Yu Mincho', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
	/* Hero headline */
	--font-family-rounded: 'Hiragino Maru Gothic ProN', 'BIZ UDPGothic', 'Yu Gothic', YuGothic, Meiryo, sans-serif;
	/* Numbers, dates, phone numbers */
	--font-family-en: Georgia, 'Times New Roman', serif;
	/* Small text (SP 12px / PC 13px) */
	--font-size-small: 1.5rem;
	/* Body text (SP 14px / PC 16px) */
	--font-size-base: 1.75rem;
	/* Large text (SP 16px / PC 19px) */
	--font-size-large: 2rem;
	/* Section heading (SP 28px / PC 42px) */
	--font-size-heading: 3.5rem;
	/* Body line height */
	--line-height: 2;
	/* Body letter spacing */
	--letter-spacing: 0.04em;
	/* Header height (SP 74px / PC 100px) */
	--header-height: 9.25rem;
	/* Content width */
	--wrapper-width: 1100px;
	/* Vertical padding of sections (SP 70px / PC 100px) */
	--section-space: 8.75rem;
	/* Corner radius of cards */
	--radius: 2rem;
	/* Corner radius of buttons */
	--radius-small: 1.1rem;
	/* Card shadow */
	--shadow: 0 8px 28px rgba(47, 70, 65, 0.08);
	/* Floating element shadow */
	--shadow-strong: 0 15px 35px rgba(47, 70, 65, 0.18);
	/* Hover transition */
	--transition: all 0.2s ease;
}

@media screen and (min-width: 768px) {
	:root {
		--font-size-small: 1.3rem;
		--font-size-base: 1.6rem;
		--font-size-large: 1.9rem;
		--font-size-heading: 4.2rem;
		--header-height: 10rem;
		--section-space: 10rem;
	}
}