@charset "UTF-8";
/**
 * style.scss
 *
 * - 読み込み順 = カスケード順
 * - 接頭辞: l-(layout) / c-(components) / s-(sections) / u-(utility)
 */
/**
 * destyle.css.scss
 *
 * - 元: destyle.css v4 (https://github.com/nicolas-cusan/destyle.css)
 * - 出自が分かるように .css.scss でリネーム
 */
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
				box-sizing: border-box;
				border-style: solid;
				border-width: 0;
}

/* Document */
/* ============================================ */
html {
				line-height: 1.15;
				-webkit-text-size-adjust: 100%;
				-webkit-tap-highlight-color: transparent;
				tab-size: 4;
}

/* Sections */
/* ============================================ */
body {
				margin: 0;
}

/* Vertical rhythm */
/* ============================================ */
h1, h2, h3, h4, h5, h6,
hr,
blockquote, p,
pre,
ol, ul, dl,
dd,
figure,
address {
				margin: 0;
}

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 {
				font-size: inherit;
				font-weight: inherit;
}

/* Lists (enumeration) */
/* ============================================ */
ul, ol {
				padding: 0;
				list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
				font-weight: bold;
}

/* Grouping content */
/* ============================================ */
hr {
				overflow: visible;
				box-sizing: content-box;
				height: 0;
				color: inherit;
				border-top-width: 1px;
}

address {
				font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
a {
				color: inherit;
				text-decoration: none;
				background-color: transparent;
}

abbr[title] {
				text-decoration: underline dotted;
}

b, strong {
				font-weight: bolder;
}

code, kbd, samp, pre {
				font-family: monospace, monospace;
				font-size: inherit;
}

small {
				font-size: 80%;
}

sub, sup {
				position: relative;
				font-size: 75%;
				line-height: 0;
				vertical-align: baseline;
}

sub {
				bottom: -0.25em;
}

sup {
				top: -0.5em;
}

/* Replaced content */
/* ============================================ */
svg, img, embed, object, iframe {
				vertical-align: bottom;
}

/* Forms */
/* ============================================ */
button, input, optgroup, select, textarea {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				vertical-align: middle;
				color: inherit;
				font: inherit;
				background: transparent;
				padding: 0;
				margin: 0;
				border-radius: 0;
				text-align: inherit;
				text-transform: inherit;
}

[type=checkbox] {
				-webkit-appearance: checkbox;
				appearance: checkbox;
}

[type=radio] {
				-webkit-appearance: radio;
				appearance: radio;
}

button,
[type=button],
[type=reset],
[type=submit] {
				cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
				cursor: default;
}

:-moz-focusring {
				outline: auto;
}

select:disabled {
				opacity: inherit;
}

option {
				padding: 0;
}

fieldset {
				margin: 0;
				padding: 0;
				border: 0;
				min-width: 0;
}

legend {
				padding: 0;
}

progress {
				vertical-align: baseline;
}

textarea {
				overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
				height: auto;
}

[type=search] {
				outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
				-webkit-appearance: none;
}

::-webkit-file-upload-button {
				-webkit-appearance: button;
				font: inherit;
}

[type=number] {
				-moz-appearance: textfield;
}

label[for] {
				cursor: pointer;
}

/* Interactive */
/* ============================================ */
details {
				display: block;
}

summary {
				display: list-item;
}

[contenteditable]:focus {
				outline: auto;
}

/* Tables */
/* ============================================ */
table {
				border-color: inherit;
				border-collapse: collapse;
}

caption {
				text-align: left;
}

td, th {
				vertical-align: top;
				padding: 0;
}

th {
				text-align: left;
				font-weight: bold;
}

/**
 * reset_custom.scss
 *
 * 大元のreset.scssに足りないreset styleを追記する
 */
img {
				max-width: 100%;
				height: auto;
				vertical-align: bottom;
}

em {
				font-style: normal;
}

/**
 * tokens.scss
 *
 * - SCSS変数($) = コンパイル時に消える。@media や計算用。
 * - CSS変数(--) = ブラウザに残る。色・余白・easing 等の意味トークン。
 * - 原則: SCSS変数でパレット原色を持ち、CSS変数に流し込む。
 */
:root {
				--color-main:	#125583;
				--color-sub:	#f93099;
				--color-accent:	#e84280;
				--color-bg:	#ffffff;
				--color-text:	#333333;
				--color-text-sub:	#666666;
				--color-border:	#cccccc;
				--color-link:	#d92984;
				--font-base:	YakuHanJP, "Noto Sans JP", sans-serif;
				--font-serif:	"Noto Serif JP", serif;
				--font-en:	"Open Sans", sans-serif;
				--fz-1: 1.2rem;
				--fz-2: 1.4rem;
				--fz-3: 1.6rem;
				--fz-4: 1.8rem;
				--fz-5: 2.4rem;
				--fz-6: 3.2rem;
				--fz-7: 4.8rem;
				--fz-8: 6.4rem;
				--fz-base: var(--fz-4);
				--lh-1: 1;
				--lh-2: 1.2;
				--lh-3: 1.4;
				--lh-4: 1.6;
				--lh-5: 1.8;
				--lh-6: 2;
				--lh-base: var(--lh-1);
				--ls-base: 0.05em;
				--fw-base: 400;
				--space-0: 0;
				--space-1: 0.8rem;
				--space-2: 1.6rem;
				--space-3: 2.4rem;
				--space-4: 3.2rem;
				--space-5: 4.8rem;
				--space-6: 6.4rem;
				--space-7: 9.6rem;
				--space-8: 12.8rem;
				--container-inline-size: 1440px;
				--space-section-block: clamp(8rem, 10vw, 15rem);
				--space-section-inline: clamp(1.6rem, 4vw, 4rem);
				--link-color:	#d92984;
				--link-color-visited:	#d92984;
				--link-color-hover:	#1aa9d9;
				--link-decoration:	underline;
				--link-hover-decoration:	underline;
				--link-hover-opacity:	1;
				--radius:	10px;
				--radius-pill:	9999px;
				--duration:	0.3s;
				--duration-slow:	0.7s;
				--z-base:	0;
				--z-float:	10;
				--z-overlay:	100;
				--z-modal:	200;
				--selection-color-bg:	#e7f3f9;
				--selection-color-text:	#125583;
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * foundation/_index.scss
 *
 * - 各パーシャル冒頭で `@use "../abstracts" as *;` の1行で
 *   tokens と mixins の両方が使えるようにする集約ファイル
 */
/**
 * mixins.scss
 */
html {
				min-block-size: 100dvh;
				font-size: 62.5%;
				scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
				html {
								scroll-behavior: auto;
				}
}

body {
				min-block-size: 100dvh;
				background-color: var(--color-bg);
				color: var(--color-text);
				font-size: var(--fz-base);
				line-height: var(--lh-base);
				font-weight: var(--fw-base);
				font-family: var(--font-base);
				font-feature-settings: "palt" 1;
				letter-spacing: var(--ls-base);
}

section {
				overflow: clip;
}

a {
				transition: color 0.25s;
				transition-timing-function: ease;
				color: var(--color-link);
				text-decoration: var(--link-decoration);
}
a:visited {
				color: var(--link-color-visited);
}
a:hover {
				color: var(--link-color-hover);
				text-decoration: --link-hover-decoration;
}
a img {
				transition: opacity 0.25s ease;
}
a:hover img {
				opacity: var(--link-hover-opacity);
}

::selection {
				background-color: var(--selection-color-bg);
				color: var(--selection-color-text);
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * animation.scss
 *
 * - @keyframes 定義と、それを適用するクラス／属性を1ファイルで管理
 * - スクロール連動は `animation-timeline: view()` を使用
 * - 未対応ブラウザは @supports で除外。アニメ無しで普通に表示される
 * - prefers-reduced-motion を尊重
 *
 * 使い方:
 *   <div data-animate="fade-up">...</div>
 *   <li data-animate="fade-up" data-delay="200">...</li>
 */
@keyframes fadeUp {
				from {
								opacity: 0;
								translate: 0 2rem;
				}
}
@keyframes fadeDown {
				from {
								opacity: 0;
								translate: 0 -2rem;
				}
}
@keyframes fadeLeft {
				from {
								opacity: 0;
								translate: -2rem 0;
				}
}
@keyframes fadeRight {
				from {
								opacity: 0;
								translate: 2rem 0;
				}
}
@keyframes fadeIn {
				from {
								opacity: 0;
				}
}
@keyframes scaleUp {
				from {
								opacity: 0;
								scale: 0.92;
				}
}
@keyframes float {
				0%, 100% {
								translate: 0 0;
				}
				50% {
								translate: 0 -10px;
				}
}
@keyframes blink {
				0%, 100% {
								opacity: 1;
				}
				50% {
								opacity: 0.3;
				}
}
@supports (animation-timeline: view()) {
				[data-animate] {
								animation-timing-function: var(--ease-out);
								animation-duration: var(--duration-slow);
								animation-fill-mode: both;
								animation-timeline: view();
								animation-range: entry 0% entry 30%;
				}
				[data-animate=fade-up] {
								animation-name: fadeUp;
				}
				[data-animate=fade-down] {
								animation-name: fadeDown;
				}
				[data-animate=fade-left] {
								animation-name: fadeLeft;
				}
				[data-animate=fade-right] {
								animation-name: fadeRight;
				}
				[data-animate=fade-in] {
								animation-name: fadeIn;
				}
				[data-animate=scale-up] {
								animation-name: scaleUp;
				}
				[data-delay="100"] {
								animation-delay: 100ms;
				}
				[data-delay="200"] {
								animation-delay: 200ms;
				}
				[data-delay="300"] {
								animation-delay: 300ms;
				}
				[data-delay="400"] {
								animation-delay: 400ms;
				}
				[data-delay="500"] {
								animation-delay: 500ms;
				}
}
@media (prefers-reduced-motion: reduce) {
				[data-animate] {
								animation: none !important;
				}
}
/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * layout.scss
 *
 * - 接頭辞 l-
 */
.l-header {
				background-color: var(--color-base);
}

.l-header__inner {
				display: flex;
				flex-flow: row nowrap;
				align-items: flex-end;
				gap: 10px;
				inline-size: min(100%, 1100px);
				margin-inline: auto;
				padding: 10px;
}
@media (min-width: 768px) {
				.l-header__inner {
								padding: 15px 10px;
				}
}

.l-header__logo {
				inline-size: fit-content;
}
.l-header__logo.l-header__logo--dshop {
				aspect-ratio: 500/96;
}
.l-header__logo.l-header__logo--sample {
				aspect-ratio: 470/175;
}
.l-header__logo.l-header__logo--dpay {
				aspect-ratio: 929/175;
}
.l-header__logo img {
				inline-size: auto;
				block-size: 25px;
}
.l-header__logo--dpay .l-header__logo img {
				block-size: 20px;
}
@media (min-width: 768px) {
				.l-header__logo img {
								inline-size: auto;
								block-size: 30px;
				}
				.l-header__logo--dpay .l-header__logo img {
								block-size: 25px;
				}
}

.l-footer {
				padding: var(--space-section-block) var(--space-section-inline);
}

.l-footer__btn {
				transition: transform 0.5s;
				transition-timing-function: ease;
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				gap: 0.5em;
				inline-size: min(100%, 400px);
				margin-inline: auto;
				padding-block: 18px;
				background-color: #d92984;
				color: #ffffff;
				font-size: var(--fz-4);
				line-height: var(--lh-base);
				font-weight: 700;
				border-radius: var(--radius-pill);
				box-shadow: 3px 6px 0 0 #93004c;
				text-decoration: none;
}
@media (min-width: 768px) {
				.l-footer__btn {
								font-size: var(--fz-5);
				}
}
.l-footer__btn:visited {
				color: #ffffff;
}
.l-footer__btn:hover {
				color: #ffffff;
				transform: scale(0.93);
}
.l-footer__btn img {
				inline-size: var(--fz-5);
				margin-top: -0.3rem;
}
.l-footer__btn::before {
				display: block;
				position: absolute;
				inset-block-start: 50%;
				inset-inline-end: 20px;
				inline-size: 15px;
				block-size: 15px;
				border: 4px solid #ffffff;
				border-left: none;
				border-bottom: none;
				transform: translateY(-50%) rotate(45deg);
				content: "";
}
@media (min-width: 768px) {
				.l-footer__btn::before {
								inset-inline-end: 20px;
				}
}

.l-footer__pmark {
				margin-block-start: var(--space-7);
				text-align: center;
}
.l-footer__pmark img {
				inline-size: 8rem;
				block-size: auto;
}

.l-footer__copy {
				display: block;
				margin-block-start: var(--space-4);
				text-align: center;
				color: var(--color-text-sub);
				font-size: var(--fz-1);
				font-family: var(--font-en);
				font-weight: 500;
}

.l-footer__pagetop {
				transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
				transition-timing-function: ease;
				position: fixed;
				inset-inline-end: 20px;
				inset-block-end: 20px;
				opacity: 0;
				visibility: hidden;
}
.l-footer__pagetop.is-show {
				opacity: 1;
				visibility: visible;
}
.l-footer__pagetop:hover {
				transform: scale(0.85);
}
.l-footer__pagetop img {
				inline-size: 50px;
				aspect-ratio: 1;
}
@media (min-width: 768px) {
				.l-footer__pagetop img {
								inline-size: 80px;
				}
}

.l-container {
				inline-size: 100%;
}
@media (min-width: 768px) {
				.l-container {
								inline-size: min(100%, 1100px);
								margin-inline: auto;
				}
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * section.scss
 *
 * - 接頭辞 s-
 */
[id^=a-] {
				scroll-margin-top: 60px;
}
@media (min-width: 768px) {
				[id^=a-] {
								scroll-margin-top: 85px;
				}
}

.s-info {
				padding: 15px;
				border-block-end: 1px solid var(--color-border);
				text-align: center;
				background-color: #f2f2f2;
				color: var(--color-text);
				font-size: var(--fz-5);
				line-height: var(--lh-3);
				font-weight: 700;
}
@media (min-width: 768px) {
				.s-info {
								padding: 25px;
								font-size: var(--fz-6);
				}
}

.s-hero {
				display: grid;
				align-content: end;
				padding-block-end: 13px;
				background: #eaf6fa url(../img/sp_hero_img.png) center/contain scroll no-repeat;
				aspect-ratio: 750/680;
}
@media (min-width: 768px) {
				.s-hero {
								inline-size: 100%;
								block-size: 600px;
								padding-block-end: 40px;
								background: #eaf6fa url(../img/hero_img.png) center/auto scroll no-repeat;
								aspect-ratio: auto;
				}
}

.s-hero__h {
				position: absolute;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				white-space: nowrap;
				border: 0;
}

.s-nav {
				inline-size: min(100%, 739px);
				margin-inline: auto;
				padding-inline: 10px;
}

.s-nav__wrap {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 5px;
}
.s-nav__wrap a {
				transition: transform 0.5s;
				transition-timing-function: ease;
}
.s-nav__wrap a:hover {
				transform: scale(0.93);
}

.s-nav-fixed {
				transition: transform 0.9s, opacity 0.9s, visibility 0.9s;
				transition-timing-function: ease;
				opacity: 0;
				visibility: hidden;
				transform: translateY(-15px);
				position: fixed;
				inset-block-start: 8px;
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 8px;
				inline-size: min(100%, 1100px);
				padding-inline: 10px;
				z-index: var(--z-overlay);
}
@media (min-width: 768px) {
				.s-nav-fixed {
								inset-block-start: 12px;
								gap: 12px;
				}
}
.s-nav-fixed.is-show {
				opacity: 1;
				visibility: visible;
				transform: translateY(0);
}
.s-nav-fixed a {
				transition: color 0.5s, background-color 0.5s;
				transition-timing-function: ease;
				display: block;
				background: rgba(255, 255, 255, 0.6);
				backdrop-filter: blur(6px);
				-webkit-backdrop-filter: blur(6px);
				padding: 12px;
				text-align: center;
				color: #125583;
				font-size: var(--fz-3);
				font-weight: 700;
				font-family: var(--font-base);
				font-weight: 500;
				border-radius: 4px;
				text-decoration: none;
				box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgb(255, 255, 255);
}
@media (min-width: 768px) {
				.s-nav-fixed a {
								background: rgba(255, 255, 255, 0.4);
								padding: 20px;
								font-size: var(--fz-5);
				}
}
.s-nav-fixed a:hover {
				color: #ffffff;
				background: rgba(25, 117, 179, 0.85);
}

.s-notes-link {
				padding-block: 15px 50px;
				padding-inline: 10px;
				text-align: center;
				font-size: var(--fz-1);
				line-height: var(--lh-3);
}
@media (min-width: 768px) {
				.s-notes-link {
								padding-block: 30px 40px;
								font-size: var(--fz-5);
				}
}
.s-notes-link img {
				inline-size: 1.5em;
}
@media (min-width: 768px) {
				.s-notes-link img {
								inline-size: 1.2em;
				}
}

.s-gift {
				margin-block-end: var(--space-7);
}

.s-gift__h {
				margin-block-end: var(--space-2);
				text-align: center;
}
@media (min-width: 768px) {
				.s-gift__h {
								margin-block-end: var(--space-3);
				}
}

.s-gift__lead {
				margin-block-end: var(--space-3);
				text-align: center;
				color: var(--color-text);
				font-size: var(--fz-2);
				line-height: var(--lh-3);
}
@media (min-width: 768px) {
				.s-gift__lead {
								font-size: var(--fz-5);
								margin-block-end: var(--space-4);
				}
}
@media (min-width: 768px) {
				.s-gift__lead br {
								display: none;
				}
}

.s-gift__inner {
				padding-inline: var(--space-section-inline);
}
@media (min-width: 768px) {
				.s-gift__inner {
								padding-inline: 0;
				}
}

.s-gift__category {
				margin-block-end: var(--space-6);
}

.s-gift__hh {
				display: grid;
				place-content: center;
				aspect-ratio: 750/100;
				margin-block-end: var(--space-3);
				font-size: var(--fz-5);
				line-height: var(--lh-1);
				font-family: var(--font-serif);
				text-shadow: 0 0 1px #ffffff, 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff, 0 0 6px #ffffff, 0 0 7px #ffffff, 0 0 8px #ffffff;
}
@media (min-width: 768px) {
				.s-gift__hh {
								aspect-ratio: 1100/110;
								font-size: var(--fz-7);
				}
}
.s-gift__hh.s-gift__hh--1 {
				background: url(../img/sp_gift_h_bg_1.png) center/contain scroll no-repeat;
				color: #58543c;
}
@media (min-width: 768px) {
				.s-gift__hh.s-gift__hh--1 {
								background-image: url(../img/gift_h_bg_1.png);
				}
}
.s-gift__hh.s-gift__hh--2 {
				background: url(../img/sp_gift_h_bg_2.png) center/contain scroll no-repeat;
				color: var(--color-main);
}
@media (min-width: 768px) {
				.s-gift__hh.s-gift__hh--2 {
								background-image: url(../img/gift_h_bg_2.png);
				}
}

.s-gift__note {
				margin-block-end: var(--space-3);
				text-align: end;
				font-size: var(--fz-2);
				line-height: var(--lh-2);
}

.s-anchor {
				display: grid;
				gap: 1px;
				place-items: stretch;
				margin-block-end: var(--space-5);
}
@media (min-width: 768px) {
				.s-anchor {
								gap: 4px;
				}
}
@media (min-width: 768px) {
				.s-anchor br {
								display: none;
				}
}
.s-anchor.s-anchor--1 {
				grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
				.s-anchor.s-anchor--1 {
								grid-template-columns: repeat(3, 1fr);
				}
}
.s-anchor.s-anchor--2, .s-anchor.s-anchor--3 {
				grid-template-columns: repeat(3, 1fr);
}
.s-anchor a {
				transition: transform 0.45s;
				transition-timing-function: ease;
				position: relative;
				display: grid;
				block-size: 55px;
				place-content: center;
				text-align: center;
				background: #f4f2ef url(../img/arrow.svg) 5% center/1.1em scroll no-repeat;
				color: #58543c;
				font-size: var(--fz-2);
				line-height: var(--lh-2);
				text-decoration: none;
}
@media (min-width: 768px) {
				.s-anchor a {
								block-size: 70px;
								font-size: 2rem;
				}
}
.s-anchor a:hover {
				transform: scale(0.95);
}
.s-anchor.s-anchor--2 a {
				block-size: 70px;
}
@media (min-width: 768px) {
				.s-anchor.s-anchor--2 a {
								block-size: 70px;
				}
}
.s-anchor.s-anchor--1 a:nth-child(4n+2),
.s-anchor.s-anchor--1 a:nth-child(4n+3) {
				background-color: #e8f4fa;
				color: var(--color-main);
}
@media (min-width: 768px) {
				.s-anchor.s-anchor--1 a:nth-child(4n+2),
				.s-anchor.s-anchor--1 a:nth-child(4n+3) {
								background-color: #f4f2ef;
								color: #58543c;
				}
				.s-anchor.s-anchor--1 a:nth-child(even) {
								background-color: #e8f4fa;
								color: var(--color-main);
				}
}
.s-anchor.s-anchor--2 a:nth-child(even), .s-anchor.s-anchor--3 a:nth-child(even) {
				background-color: #e8f4fa;
				color: var(--color-main);
}

.s-notes {
				padding: var(--space-section-block) var(--space-section-inline) 0;
}

.s-notes__h {
				margin-block-end: var(--space-3);
				text-align: center;
				font-size: var(--fz-6);
				font-weight: 400;
				font-family: var(--font-serif);
}
@media (min-width: 768px) {
				.s-notes__h {
								margin-block-end: var(--space-5);
								font-size: var(--fz-7);
				}
}

.s-notes__lead {
				margin-block-end: var(--space-3);
				font-size: var(--fz-2);
				line-height: var(--lh-4);
				font-weight: 700;
}
@media (min-width: 768px) {
				.s-notes__lead {
								margin-block-end: var(--space-5);
								text-align: center;
								font-size: var(--fz-4);
				}
}
.s-notes__lead br {
				display: none;
}
@media (min-width: 768px) {
				.s-notes__lead br {
								display: block;
				}
}

.s-notes__group {
				margin-block-end: var(--space-5);
}
.s-notes__group:last-child {
				margin-block-end: var(--space-0);
}
@media (min-width: 768px) {
				.s-notes__group {
								padding-inline: 16rem;
				}
}

.s-notes__hh {
				margin-block-end: var(--space-2);
				font-size: var(--fz-3);
				line-height: var(--lh-2);
				font-weight: 700;
}
@media (min-width: 768px) {
				.s-notes__hh {
								font-size: var(--fz-4);
				}
}
.s-notes__hh::before {
				color: #125583;
				content: "■";
}

.s-notes__ul {
				font-size: var(--fz-2);
				line-height: var(--lh-4);
}
@media (min-width: 768px) {
				.s-notes__ul {
								font-size: var(--fz-3);
								line-height: var(--lh-4);
				}
}
.s-notes__ul li {
				padding-inline-start: 0.8em;
				text-indent: -0.65em;
}
.s-notes__ul li::before {
				color: #125583;
				content: "・";
}
.s-notes__ul li:not(:last-child) {
				margin-bottom: var(--space-1);
}
.s-notes__ul li br {
				display: none;
}
@media (min-width: 768px) {
				.s-notes__ul li br {
								display: block;
				}
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * utilities.scss
 *
 * - 接頭辞 u-
 * - u- の後ろは Tailwind v3 のクラス名に揃える
 * - レスポンシブは Tailwind 流の `u-md:hidden` 等のコロン記法
 *   u-md\:hidden		768px以上で適用
 *   u-lg\:hidden		1024px以上で適用
 *   u-max-md\:hidden	767px以下で適用
 */
.u-hidden {
				display: none !important;
}

.u-block {
				display: block !important;
}

.u-inline {
				display: inline !important;
}

.u-inline-block {
				display: inline-block !important;
}

.u-flex {
				display: flex !important;
}

.u-grid {
				display: grid !important;
}

.u-flex-col {
				flex-direction: column !important;
}

.u-flex-wrap {
				flex-wrap: wrap !important;
}

.u-items-center {
				align-items: center !important;
}

.u-items-start {
				align-items: flex-start !important;
}

.u-items-end {
				align-items: flex-end !important;
}

.u-justify-center {
				justify-content: center !important;
}

.u-justify-between {
				justify-content: space-between !important;
}

.u-justify-end {
				justify-content: flex-end !important;
}

.u-text-center {
				text-align: center !important;
}

.u-text-left {
				text-align: left !important;
}

.u-text-right {
				text-align: right !important;
}

.u-font-bold {
				font-weight: 700 !important;
}

.u-font-normal {
				font-weight: 400 !important;
}

.u-text-nowrap {
				white-space: nowrap !important;
}

.u-w-full {
				width: 100% !important;
}

.u-w-auto {
				width: auto !important;
}

.u-h-full {
				height: 100% !important;
}

.u-h-auto {
				height: auto !important;
}

.u-m-0 {
				margin: 0 !important;
}

.u-mt-0 {
				margin-top: 0 !important;
}

.u-mb-0 {
				margin-bottom: 0 !important;
}

.u-ml-0 {
				margin-left: 0 !important;
}

.u-mr-0 {
				margin-right: 0 !important;
}

.u-mx-auto {
				margin-inline: auto !important;
}

.u-my-auto {
				margin-block: auto !important;
}

.u-p-0 {
				padding: 0 !important;
}

.u-pt-0 {
				padding-top: 0 !important;
}

.u-pb-0 {
				padding-bottom: 0 !important;
}

.u-pl-0 {
				padding-left: 0 !important;
}

.u-pr-0 {
				padding-right: 0 !important;
}

.u-relative {
				position: relative !important;
}

.u-absolute {
				position: absolute !important;
}

.u-fixed {
				position: fixed !important;
}

.u-sticky {
				position: sticky !important;
}

.u-static {
				position: static !important;
}

.u-overflow-hidden {
				overflow: hidden !important;
}

.u-overflow-clip {
				overflow: clip !important;
}

.u-sr-only {
				position: absolute;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				white-space: nowrap;
				border: 0;
}

@media (min-width: 768px) {
				.u-md\:hidden {
								display: none !important;
				}
				.u-md\:block {
								display: block !important;
				}
				.u-md\:inline {
								display: inline !important;
				}
				.u-md\:inline-block {
								display: inline-block !important;
				}
				.u-md\:flex {
								display: flex !important;
				}
				.u-md\:grid {
								display: grid !important;
				}
				.u-md\:text-center {
								text-align: center !important;
				}
				.u-md\:text-left {
								text-align: left !important;
				}
				.u-md\:w-full {
								width: 100% !important;
				}
				.u-md\:w-auto {
								width: auto !important;
				}
}
@media (min-width: 1024px) {
				.u-lg\:hidden {
								display: none !important;
				}
				.u-lg\:block {
								display: block !important;
				}
				.u-lg\:flex {
								display: flex !important;
				}
				.u-lg\:grid {
								display: grid !important;
				}
				.u-lg\:text-center {
								text-align: center !important;
				}
				.u-lg\:w-full {
								width: 100% !important;
				}
}
@media (min-width: 1280px) {
				.u-xl\:hidden {
								display: none !important;
				}
				.u-xl\:block {
								display: block !important;
				}
				.u-xl\:flex {
								display: flex !important;
				}
				.u-xl\:grid {
								display: grid !important;
				}
}
@media (max-width: 767px) {
				.u-max-md\:hidden {
								display: none !important;
				}
				.u-max-md\:block {
								display: block !important;
				}
				.u-max-md\:flex {
								display: flex !important;
				}
				.u-max-md\:grid {
								display: grid !important;
				}
				.u-max-md\:text-center {
								text-align: center !important;
				}
				.u-max-md\:text-left {
								text-align: left !important;
				}
				.u-max-md\:w-full {
								width: 100% !important;
				}
				.u-max-md\:mx-auto {
								margin-inline: auto !important;
				}
				.u-max-md\:mt-0 {
								margin-top: 0 !important;
				}
				.u-max-md\:mb-0 {
								margin-bottom: 0 !important;
				}
}