/* デザインシステム（nishinippori-scratch）。figma_design_system.py が作った（2026-10-26 14:19）。
   先に tokens.css を読み込む。手で直さず、Figma（注意書き・部品）を直して作り直す。
   見出し .ds-h1〜.ds-h6・本文 .ds-body/.ds-lead/.ds-small・英字 .ds-en・数字 .ds-num・ボタン .ds-btn ＋ .ds-btn--<種類>（＋ .ds-btn--dark）・本文の下地 .ds-prose */
:root {
	--ds-h1-pc: 800 42px/1 var(--font-family-heading);	/* 見出し1（ページの題）（PC） */
	--ds-h1-pc-ls: .1em;
	--ds-h1-sp: var(--font-sp-heading-1-large);	/* 見出し1（ページの題）（SP） ＝ SP/Heading 1 Large */
	--ds-h1-sp-ls: .1em;
	--ds-h1: var(--ds-h1-pc);	--ds-h1-ls: var(--ds-h1-pc-ls);	--ds-h1-color: var(--color-brand-orange-dark);
	--ds-h2-large-pc: var(--font-pc-heading-2-large);	/* 見出し2・大（英字つきの節の見出し。トップ・ハブのページ）（PC） ＝ PC/Heading 2 Large */
	--ds-h2-large-pc-ls: .1em;
	--ds-h2-large-sp: 700 24px/1.2 var(--font-family-heading);	/* 見出し2・大（英字つきの節の見出し。トップ・ハブのページ）（SP） */
	--ds-h2-large-sp-ls: .1em;
	--ds-h2-large: var(--ds-h2-large-pc);	--ds-h2-large-ls: var(--ds-h2-large-pc-ls);	--ds-h2-large-color: var(--color-text-primary);
	--ds-h2-pc: 700 28px/1.2 var(--font-family-heading);	/* 見出し2（下層ページの節の見出し）（PC） */
	--ds-h2-pc-ls: .05em;
	--ds-h2-sp: var(--font-sp-heading-3);	/* 見出し2（下層ページの節の見出し）（SP） ＝ SP/Heading 3 */
	--ds-h2-sp-ls: .05em;
	--ds-h2: var(--ds-h2-pc);	--ds-h2-ls: var(--ds-h2-pc-ls);	--ds-h2-color: var(--color-brand-orange-dark);
	--ds-h3-pc: var(--font-pc-heading-3);	/* 見出し3（PC） ＝ PC/Heading 3 */
	--ds-h3-pc-ls: .05em;
	--ds-h3-sp: 700 16px/1.2 var(--font-family-heading);	/* 見出し3（SP） */
	--ds-h3-sp-ls: .05em;
	--ds-h3: var(--ds-h3-pc);	--ds-h3-ls: var(--ds-h3-pc-ls);	--ds-h3-color: var(--color-text-primary);
	--ds-h4-pc: 800 18px/1 var(--font-family-heading);	/* 見出し4（型の中の小見出し）（PC） */
	--ds-h4-pc-ls: .1em;
	--ds-h4-sp: 700 16px/1.2 var(--font-family-heading);	/* 見出し4（型の中の小見出し）（SP） */
	--ds-h4-sp-ls: .05em;
	--ds-h4: var(--ds-h4-pc);	--ds-h4-ls: var(--ds-h4-pc-ls);	--ds-h4-color: var(--color-brand-orange-dark);
	--ds-h5-pc: 700 16px/1 var(--font-family-heading);	/* 見出し5（部品の中の小見出し）（PC） */
	--ds-h5-pc-ls: .15em;
	--ds-h5-sp: 700 16px/1 var(--font-family-heading);	/* 見出し5（部品の中の小見出し）（SP） */
	--ds-h5-sp-ls: .15em;
	--ds-h5: var(--ds-h5-pc);	--ds-h5-ls: var(--ds-h5-pc-ls);	--ds-h5-color: var(--color-brand-orange-dark);
	--ds-h6-pc: var(--font-pc-body-bold);	/* 見出し6（表の小見出し）（PC） ＝ PC/Body Bold */
	--ds-h6-pc-ls: .1em;
	--ds-h6-sp: var(--font-sp-body-bold);	/* 見出し6（表の小見出し）（SP） ＝ SP/Body Bold */
	--ds-h6-sp-ls: .1em;
	--ds-h6: var(--ds-h6-pc);	--ds-h6-ls: var(--ds-h6-pc-ls);	--ds-h6-color: var(--color-text-primary);
	--ds-en-pc: 400 24px/1 var(--font-family-latin);	/* 英字の飾り（見出しの上の英字）（PC） */
	--ds-en-pc-ls: .05em;
	--ds-en-sp: 400 20px/1 var(--font-family-latin);	/* 英字の飾り（見出しの上の英字）（SP） */
	--ds-en-sp-ls: .05em;
	--ds-en: var(--ds-en-pc);	--ds-en-ls: var(--ds-en-pc-ls);	--ds-en-color: var(--color-brand-gold-light);
	--ds-num: 500 36px/1 var(--font-family-latin);	--ds-num-ls: .1em;	/* 電話番号など（実際のデザイン） */
	--ds-para-gap: 12px;	/* 段落の間（実際のデザイン） */
	--ds-ease: 0.3s ease-out;	/* ホバーの切り替え（注意書き） */
}
@media (max-width: 767px) {
	:root {
		--ds-h1: var(--ds-h1-sp);	--ds-h1-ls: var(--ds-h1-sp-ls);
		--ds-h2-large: var(--ds-h2-large-sp);	--ds-h2-large-ls: var(--ds-h2-large-sp-ls);
		--ds-h2: var(--ds-h2-sp);	--ds-h2-ls: var(--ds-h2-sp-ls);
		--ds-h3: var(--ds-h3-sp);	--ds-h3-ls: var(--ds-h3-sp-ls);
		--ds-h4: var(--ds-h4-sp);	--ds-h4-ls: var(--ds-h4-sp-ls);
		--ds-h5: var(--ds-h5-sp);	--ds-h5-ls: var(--ds-h5-sp-ls);
		--ds-h6: var(--ds-h6-sp);	--ds-h6-ls: var(--ds-h6-sp-ls);
		--ds-en: var(--ds-en-sp);	--ds-en-ls: var(--ds-en-sp-ls);
		--ds-para-gap: 12px;
	}
}

/* ---- 見出し・文字 ---- */
.ds-h1 { margin: 0; font: var(--ds-h1); letter-spacing: var(--ds-h1-ls); color: var(--ds-h1-color); }	/* 見出し1（ページの題） */
.ds-h2--large { margin: 0; font: var(--ds-h2-large); letter-spacing: var(--ds-h2-large-ls); color: var(--ds-h2-large-color); }	/* 見出し2・大（英字つきの節の見出し。トップ・ハブのページ） */
.ds-h2 { margin: 0; font: var(--ds-h2); letter-spacing: var(--ds-h2-ls); color: var(--ds-h2-color); }	/* 見出し2（下層ページの節の見出し） */
.ds-h3 { margin: 0; font: var(--ds-h3); letter-spacing: var(--ds-h3-ls); color: var(--ds-h3-color); }	/* 見出し3 */
.ds-h4 { margin: 0; font: var(--ds-h4); letter-spacing: var(--ds-h4-ls); color: var(--ds-h4-color); }	/* 見出し4（型の中の小見出し） */
.ds-h5 { margin: 0; font: var(--ds-h5); letter-spacing: var(--ds-h5-ls); color: var(--ds-h5-color); }	/* 見出し5（部品の中の小見出し） */
.ds-h6 { margin: 0; font: var(--ds-h6); letter-spacing: var(--ds-h6-ls); color: var(--ds-h6-color); }	/* 見出し6（表の小見出し） */
.ds-en { margin: 0; font: var(--ds-en); letter-spacing: var(--ds-en-ls); color: var(--ds-en-color); }	/* 英字の飾り（見出しの上の英字） */
.ds-en { display: block; }
.ds-body { font: var(--font-body); letter-spacing: var(--ls-body); color: var(--color-text-primary); }
.ds-body-bold, .ds-prose strong { font-weight: 700; }
.ds-lead { font: var(--font-lead); letter-spacing: var(--ls-lead); color: var(--color-text-primary); }
.ds-small { font: var(--font-body-small); letter-spacing: var(--ls-body-small); color: var(--color-text-primary); }
.ds-num { font: var(--ds-num); letter-spacing: var(--ds-num-ls); color: var(--color-text-primary); font-variant-numeric: lining-nums; }

/* ---- WordPress の本文の下地（.ds-prose を本文の箱に付ける。h2＝下層の節の見出し・h3・h4…） ---- */
.ds-prose { max-width: var(--w-text); font: var(--font-body); letter-spacing: var(--ls-body); color: var(--color-text-primary); }
.ds-prose > * { margin-block: 0; }
.ds-prose > * + * { margin-block-start: var(--ds-para-gap); }
.ds-prose h2 { font: var(--ds-h2); letter-spacing: var(--ds-h2-ls); color: var(--ds-h2-color); }
.ds-prose > * + h2 { margin-block-start: 80px; }	.ds-prose > h2 + * { margin-block-start: 32px; }
.ds-prose h3 { font: var(--ds-h3); letter-spacing: var(--ds-h3-ls); color: var(--ds-h3-color); }
.ds-prose > * + h3 { margin-block-start: 24px; }	.ds-prose > h3 + * { margin-block-start: 12px; }
.ds-prose h4 { font: var(--ds-h4); letter-spacing: var(--ds-h4-ls); color: var(--ds-h4-color); }
.ds-prose > * + h4 { margin-block-start: 32px; }	.ds-prose > h4 + * { margin-block-start: 12px; }
.ds-prose h5 { font: var(--ds-h5); letter-spacing: var(--ds-h5-ls); color: var(--ds-h5-color); }
.ds-prose > * + h5 { margin-block-start: 32px; }	.ds-prose > h5 + * { margin-block-start: 12px; }
.ds-prose h6 { font: var(--ds-h6); letter-spacing: var(--ds-h6-ls); color: var(--ds-h6-color); }
.ds-prose > * + h6 { margin-block-start: 32px; }	.ds-prose > h6 + * { margin-block-start: 12px; }
.ds-prose a { color: var(--color-text-link); text-decoration: underline; text-underline-offset: .2em; }
@media (hover: hover) { .ds-prose a:hover { text-decoration-thickness: 2px; } }
.ds-prose ul { padding: 0; list-style: none; }
.ds-prose ul > li { position: relative; padding-inline-start: 16px; }
.ds-prose ul > li::before { content: ""; position: absolute; inset-inline-start: 0; top: calc((1lh - 8px) / 2); width: 8px; height: 8px; background: var(--ds-bullet, var(--color-brand-orange)); }
.ds-prose li + li { margin-block-start: 4px; }
.ds-prose ol { padding-inline-start: 1.6em; }
.ds-prose ol > li::marker { font-family: var(--font-family-latin); color: var(--color-brand-orange-dark); font-weight: 700; }
.ds-prose table { width: 100%; border-collapse: collapse; font: 400 14px/1.6 var(--font-family-body); letter-spacing: 0em; }
.ds-prose :is(th, td) { padding: 24px 34px 24px 34px; border: 1px solid var(--color-border-table); text-align: start; vertical-align: middle; }
.ds-prose th { background: var(--color-white); font: 500 14px/1 var(--font-family-body); }
@media (max-width: 767px) {
	.ds-prose li + li { margin-block-start: 4px; }
	.ds-prose :is(th, td) { padding: 12px 8px 12px 8px; }
	.ds-prose > h2 + * { margin-block-start: 32px; }
	.ds-prose > h3 + * { margin-block-start: 16px; }
}

/* ---- ボタン（Figma の部品 Button・Reservation Button。種類＝Type、色＝Color。.ds-btn--dark で Dark の色） ---- */
.ds-btn { --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); --ds-btn-line: transparent; --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--ds-btn-bg); --ds-btn-shadow: none;
	display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-block-size: 44px; max-inline-size: 100%;
	background: var(--ds-btn-bg); color: var(--ds-btn-fg); border: 1px solid var(--ds-btn-line); box-shadow: var(--ds-btn-shadow);
	text-decoration: none; cursor: pointer; white-space: nowrap;
	transition: background-color var(--ds-ease), color var(--ds-ease), border-color var(--ds-ease), box-shadow var(--ds-ease), opacity var(--ds-ease); }
.ds-btn__badge { display: inline-flex; align-items: center; justify-content: center; background: var(--ds-btn-badge-bg); color: var(--ds-btn-badge-fg); transition: inherit; }
.ds-btn__label { display: inline-flex; align-items: center; gap: inherit; }
.ds-btn__icon { flex: none; display: inline-block; background: center / contain no-repeat; }
@media (prefers-reduced-motion: reduce) { .ds-btn, .ds-btn__badge { transition: none; } }
.ds-btn--pc-back { inline-size: auto; min-block-size: max(44px, 54px); padding: 0px 54px 0px 20px; gap: 16px; border-radius: 4px; border-color: transparent; font: 700 18px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); }	/* Button PC Back / Accent・3回 */
.ds-btn--pc-back .ds-btn__icon { width: 20px; height: 20px; background-image: none; rotate: -180deg; order: -1; }
.ds-btn--pc-back .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--pc-basic { inline-size: auto; min-block-size: max(44px, 34px); padding: 0px 20px 0px 32px; gap: 16px; border-radius: 4px; border-color: transparent; font: 700 18px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); }	/* Button PC Basic / Accent・67回 */
.ds-btn--pc-basic .ds-btn__icon { width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMTAiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03LjkxOTU4IDYuODMzNzVMOC41Mzg1IDYuMjE1NDJMMTEuOTA5NiA5LjU4NTMzQzExLjk2MzkgOS42MzkzMyAxMi4wMDcgOS43MDM1NCAxMi4wMzY1IDkuNzc0MjdDMTIuMDY1OSA5Ljg0NSAxMi4wODExIDkuOTIwODUgMTIuMDgxMSA5Ljk5NzQ2QzEyLjA4MTEgMTAuMDc0MSAxMi4wNjU5IDEwLjE0OTkgMTIuMDM2NSAxMC4yMjA2QzEyLjAwNyAxMC4yOTE0IDExLjk2MzkgMTAuMzU1NiAxMS45MDk2IDEwLjQwOTZMOC41Mzg1IDEzLjc4MTJMNy45MjAxNyAxMy4xNjI5TDExLjA4NDIgOS45OTgzM0w3LjkxOTU4IDYuODMzNzVaIiBmaWxsPSIjRThBNDc3Ii8+Cjwvc3ZnPgo="); order: 1; }
.ds-btn--pc-content-line { inline-size: 241px; block-size: 66px; padding: 12px 22px 12px 22px; gap: 4px; flex-direction: column; border-radius: 4px; border-color: transparent; font: 700 16px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-green); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-green); }	/* Button PC Content LINE / Accent・24回 */
.ds-btn--pc-content-line .ds-btn__badge { padding: 4px 20px 4px 20px; border-radius: 50px; font: 500 12px/1 var(--font-family-body); letter-spacing: .05em; }
.ds-btn--pc-content-line .ds-btn__icon { width: 20px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84MDAyXzY3ODI2KSI+Cjx1c2UgeGxpbms6aHJlZj0iI3N0cm9rZTBfODAwMl82NzgyNiIgZmlsbD0id2hpdGUiLz4KPG1hc2sgaWQ9InN0cm9rZTFfODAwMl82NzgyNiIgZmlsbD0id2hpdGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNzdHJva2UwXzgwMDJfNjc4MjYiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMTEuMjE1NiAxMy44NjhDMTEuMjE1NiAxMy42MTU5IDExLjA5NjYgMTMuNDAwMSAxMC44NTg2IDEzLjIyMDZDMTAuNjIwNiAxMy4wNDExIDEwLjMzNDUgMTIuOTUxMyAxMC4wMDAzIDEyLjk1MTNDOS42NjYxMiAxMi45NTEzIDkuMzgwMDMgMTMuMDQxMSA5LjE0MjA0IDEzLjIyMDZDOC45MDQwNCAxMy40MDAxIDguNzg1MDUgMTMuNjE1OSA4Ljc4NTA1IDEzLjg2OEM4Ljc4NTA1IDE0LjEyMDEgOC45MDQwNCAxNC4zMzU5IDkuMTQyMDQgMTQuNTE1NEM5LjM4MDAzIDE0LjY5NDkgOS42NjYxMiAxNC43ODQ2IDEwLjAwMDMgMTQuNzg0NkMxMC4zMzQ1IDE0Ljc4NDYgMTAuNjIwNiAxNC42OTQ5IDEwLjg1ODYgMTQuNTE1NEMxMS4wOTY2IDE0LjMzNTkgMTEuMjE1NiAxNC4xMjAxIDExLjIxNTYgMTMuODY4Wk0xNC4zNzUzIDEyLjAzNDZWMy45Njc5N0MxNC4zNzUzIDMuODY4NjYgMTQuMzI3MiAzLjc4MjczIDE0LjIzMSAzLjcxMDE2QzE0LjEzNDggMy42Mzc1OSAxNC4wMjA5IDMuNjAxMyAxMy44ODkyIDMuNjAxM0g2LjExMTQ0QzUuOTc5NzggMy42MDEzIDUuODY1ODUgMy42Mzc1OSA1Ljc2OTY0IDMuNzEwMTZDNS42NzM0MyAzLjc4MjczIDUuNjI1MzMgMy44Njg2NiA1LjYyNTMzIDMuOTY3OTdWMTIuMDM0NkM1LjYyNTMzIDEyLjEzMzkgNS42NzM0MyAxMi4yMTk5IDUuNzY5NjQgMTIuMjkyNEM1Ljg2NTg1IDEyLjM2NSA1Ljk3OTc4IDEyLjQwMTMgNi4xMTE0NCAxMi40MDEzSDEzLjg4OTJDMTQuMDIwOSAxMi40MDEzIDE0LjEzNDggMTIuMzY1IDE0LjIzMSAxMi4yOTI0QzE0LjMyNzIgMTIuMjE5OSAxNC4zNzUzIDEyLjEzMzkgMTQuMzc1MyAxMi4wMzQ2Wk0xMS40NTg3IDIuMzE3OTdDMTEuNDU4NyAyLjE5NTc1IDExLjM3NzYgMi4xMzQ2NCAxMS4yMTU2IDIuMTM0NjRIOC43ODUwNUM4LjYyMzAxIDIuMTM0NjQgOC41NDE5OSAyLjE5NTc1IDguNTQxOTkgMi4zMTc5N0M4LjU0MTk5IDIuNDQwMTkgOC42MjMwMSAyLjUwMTMgOC43ODUwNSAyLjUwMTNIMTEuMjE1NkMxMS4zNzc2IDIuNTAxMyAxMS40NTg3IDIuNDQwMTkgMTEuNDU4NyAyLjMxNzk3Wk0xNS44MzM3IDIuMTM0NjRWMTMuODY4QzE1LjgzMzcgMTQuMjY1MiAxNS42NDEyIDE0LjYwODkgMTUuMjU2NCAxNC44OTkyQzE0Ljg3MTYgMTUuMTg5NSAxNC40MTU4IDE1LjMzNDYgMTMuODg5MiAxNS4zMzQ2SDYuMTExNDRDNS41ODQ4MiAxNS4zMzQ2IDUuMTI5MDkgMTUuMTg5NSA0Ljc0NDI1IDE0Ljg5OTJDNC4zNTk0MSAxNC42MDg5IDQuMTY2OTkgMTQuMjY1MiA0LjE2Njk5IDEzLjg2OFYyLjEzNDY0QzQuMTY2OTkgMS43Mzc0MSA0LjM1OTQxIDEuMzkzNjYgNC43NDQyNSAxLjEwMzM5QzUuMTI5MDkgMC44MTMxMDggNS41ODQ4MiAwLjY2Nzk2OSA2LjExMTQ0IDAuNjY3OTY5SDEzLjg4OTJDMTQuNDE1OCAwLjY2Nzk2OSAxNC44NzE2IDAuODEzMTA4IDE1LjI1NjQgMS4xMDMzOUMxNS42NDEyIDEuMzkzNjYgMTUuODMzNyAxLjczNzQxIDE1LjgzMzcgMi4xMzQ2NFoiIHN0cm9rZS13aWR0aD0iMC4wMzEyNSIgc3Ryb2tlPSJ3aGl0ZSIgbWFzaz0idXJsKCNzdHJva2UxXzgwMDJfNjc4MjYpIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODAwMl82NzgyNiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPHBhdGggaWQ9InN0cm9rZTBfODAwMl82NzgyNiIgZD0iTTExLjIxNTYgMTMuODY4QzExLjIxNTYgMTMuNjE1OSAxMS4wOTY2IDEzLjQwMDEgMTAuODU4NiAxMy4yMjA2QzEwLjYyMDYgMTMuMDQxMSAxMC4zMzQ1IDEyLjk1MTMgMTAuMDAwMyAxMi45NTEzQzkuNjY2MTIgMTIuOTUxMyA5LjM4MDAzIDEzLjA0MTEgOS4xNDIwNCAxMy4yMjA2QzguOTA0MDQgMTMuNDAwMSA4Ljc4NTA1IDEzLjYxNTkgOC43ODUwNSAxMy44NjhDOC43ODUwNSAxNC4xMjAxIDguOTA0MDQgMTQuMzM1OSA5LjE0MjA0IDE0LjUxNTRDOS4zODAwMyAxNC42OTQ5IDkuNjY2MTIgMTQuNzg0NiAxMC4wMDAzIDE0Ljc4NDZDMTAuMzM0NSAxNC43ODQ2IDEwLjYyMDYgMTQuNjk0OSAxMC44NTg2IDE0LjUxNTRDMTEuMDk2NiAxNC4zMzU5IDExLjIxNTYgMTQuMTIwMSAxMS4yMTU2IDEzLjg2OFpNMTQuMzc1MyAxMi4wMzQ2VjMuOTY3OTdDMTQuMzc1MyAzLjg2ODY2IDE0LjMyNzIgMy43ODI3MyAxNC4yMzEgMy43MTAxNkMxNC4xMzQ4IDMuNjM3NTkgMTQuMDIwOSAzLjYwMTMgMTMuODg5MiAzLjYwMTNINi4xMTE0NEM1Ljk3OTc4IDMuNjAxMyA1Ljg2NTg1IDMuNjM3NTkgNS43Njk2NCAzLjcxMDE2QzUuNjczNDMgMy43ODI3MyA1LjYyNTMzIDMuODY4NjYgNS42MjUzMyAzLjk2Nzk3VjEyLjAzNDZDNS42MjUzMyAxMi4xMzM5IDUuNjczNDMgMTIuMjE5OSA1Ljc2OTY0IDEyLjI5MjRDNS44NjU4NSAxMi4zNjUgNS45Nzk3OCAxMi40MDEzIDYuMTExNDQgMTIuNDAxM0gxMy44ODkyQzE0LjAyMDkgMTIuNDAxMyAxNC4xMzQ4IDEyLjM2NSAxNC4yMzEgMTIuMjkyNEMxNC4zMjcyIDEyLjIxOTkgMTQuMzc1MyAxMi4xMzM5IDE0LjM3NTMgMTIuMDM0NlpNMTEuNDU4NyAyLjMxNzk3QzExLjQ1ODcgMi4xOTU3NSAxMS4zNzc2IDIuMTM0NjQgMTEuMjE1NiAyLjEzNDY0SDguNzg1MDVDOC42MjMwMSAyLjEzNDY0IDguNTQxOTkgMi4xOTU3NSA4LjU0MTk5IDIuMzE3OTdDOC41NDE5OSAyLjQ0MDE5IDguNjIzMDEgMi41MDEzIDguNzg1MDUgMi41MDEzSDExLjIxNTZDMTEuMzc3NiAyLjUwMTMgMTEuNDU4NyAyLjQ0MDE5IDExLjQ1ODcgMi4zMTc5N1pNMTUuODMzNyAyLjEzNDY0VjEzLjg2OEMxNS44MzM3IDE0LjI2NTIgMTUuNjQxMiAxNC42MDg5IDE1LjI1NjQgMTQuODk5MkMxNC44NzE2IDE1LjE4OTUgMTQuNDE1OCAxNS4zMzQ2IDEzLjg4OTIgMTUuMzM0Nkg2LjExMTQ0QzUuNTg0ODIgMTUuMzM0NiA1LjEyOTA5IDE1LjE4OTUgNC43NDQyNSAxNC44OTkyQzQuMzU5NDEgMTQuNjA4OSA0LjE2Njk5IDE0LjI2NTIgNC4xNjY5OSAxMy44NjhWMi4xMzQ2NEM0LjE2Njk5IDEuNzM3NDEgNC4zNTk0MSAxLjM5MzY2IDQuNzQ0MjUgMS4xMDMzOUM1LjEyOTA5IDAuODEzMTA4IDUuNTg0ODIgMC42Njc5NjkgNi4xMTE0NCAwLjY2Nzk2OUgxMy44ODkyQzE0LjQxNTggMC42Njc5NjkgMTQuODcxNiAwLjgxMzEwOCAxNS4yNTY0IDEuMTAzMzlDMTUuNjQxMiAxLjM5MzY2IDE1LjgzMzcgMS43Mzc0MSAxNS44MzM3IDIuMTM0NjRaIi8+CjwvZGVmcz4KPC9zdmc+Cg=="); order: -1; }
.ds-btn--pc-content-line .ds-btn__icon--2 { width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iIzkxQUI2MyIvPgo8cGF0aCBkPSJNNi4zMzU4NiA1LjQ2OTM0TDYuODMxIDQuOTc0NjhMOS41Mjc4NiA3LjY3MDYxQzkuNTcxMzMgNy43MTM4MSA5LjYwNTgzIDcuNzY1MTggOS42MjkzOCA3LjgyMTc2QzkuNjUyOTIgNy44NzgzNCA5LjY2NTA0IDcuOTM5MDIgOS42NjUwNCA4LjAwMDMxQzkuNjY1MDQgOC4wNjE2IDkuNjUyOTIgOC4xMjIyOCA5LjYyOTM4IDguMTc4ODZDOS42MDU4MyA4LjIzNTQ0IDkuNTcxMzMgOC4yODY4MSA5LjUyNzg2IDguMzMwMDFMNi44MzEgMTEuMDI3M0w2LjMzNjMzIDEwLjUzMjdMOC44Njc1MyA4LjAwMTAxTDYuMzM1ODYgNS40NjkzNFoiIGZpbGw9IiNFOEE0NzciLz4KPC9zdmc+Cg=="); order: 1; }
.ds-btn--pc-content-line.ds-btn--dark { --ds-btn-bg: var(--color-brand-green-dark); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-green-dark); }	/* Button PC Content LINE / Dark・179回 */
.ds-btn--pc-content-web { inline-size: auto; min-block-size: max(44px, 66px); padding: 12px 22px 12px 22px; gap: 4px; flex-direction: column; border-radius: 4px; border-color: transparent; font: 700 16px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-orange); }	/* Button PC Content Web / Accent・24回 */
.ds-btn--pc-content-web .ds-btn__badge { padding: 4px 33px 4px 33px; border-radius: 50px; font: 500 12px/1 var(--font-family-body); letter-spacing: .05em; }
.ds-btn--pc-content-web .ds-btn__icon { width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgwMDJfNjc4MTMpIj4KPHBhdGggZD0iTTEgOEMxIDkuODU2NTIgMS43Mzc1IDExLjYzNyAzLjA1MDI1IDEyLjk0OTdDNC4zNjMwMSAxNC4yNjI1IDYuMTQzNDggMTUgOCAxNUM5Ljg1NjUyIDE1IDExLjYzNyAxNC4yNjI1IDEyLjk0OTcgMTIuOTQ5N0MxNC4yNjI1IDExLjYzNyAxNSA5Ljg1NjUyIDE1IDhDMTUgNi4xNDM0OCAxNC4yNjI1IDQuMzYzMDEgMTIuOTQ5NyAzLjA1MDI1QzExLjYzNyAxLjczNzUgOS44NTY1MiAxIDggMUM2LjE0MzQ4IDEgNC4zNjMwMSAxLjczNzUgMy4wNTAyNSAzLjA1MDI1QzEuNzM3NSA0LjM2MzAxIDEgNi4xNDM0OCAxIDhaIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNSA4QzUgNi4xNDM0OCA1LjMxNjA3IDQuMzYzMDEgNS44Nzg2OCAzLjA1MDI1QzYuNDQxMjkgMS43Mzc1IDcuMjA0MzUgMSA4IDFDOC43OTU2NSAxIDkuNTU4NzEgMS43Mzc1IDEwLjEyMTMgMy4wNTAyNUMxMC42ODM5IDQuMzYzMDEgMTEgNi4xNDM0OCAxMSA4QzExIDkuODU2NTIgMTAuNjgzOSAxMS42MzcgMTAuMTIxMyAxMi45NDk3QzkuNTU4NzEgMTQuMjYyNSA4Ljc5NTY1IDE1IDggMTVDNy4yMDQzNSAxNSA2LjQ0MTI5IDE0LjI2MjUgNS44Nzg2OCAxMi45NDk3QzUuMzE2MDcgMTEuNjM3IDUgOS44NTY1MiA1IDhaIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMS41IDEwLjMzNDZIMTQuNU0xLjUgNS42Njc5N0gxNC41IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODAwMl82NzgxMyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K"); order: -1; }
.ds-btn--pc-content-web .ds-btn__icon--2 { width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuMzM1ODYgNS40NjkzNEw2LjgzMSA0Ljk3NDY4TDkuNTI3ODYgNy42NzA2MUM5LjU3MTMzIDcuNzEzODEgOS42MDU4MyA3Ljc2NTE4IDkuNjI5MzggNy44MjE3NkM5LjY1MjkyIDcuODc4MzQgOS42NjUwNCA3LjkzOTAyIDkuNjY1MDQgOC4wMDAzMUM5LjY2NTA0IDguMDYxNiA5LjY1MjkyIDguMTIyMjggOS42MjkzOCA4LjE3ODg2QzkuNjA1ODMgOC4yMzU0NCA5LjU3MTMzIDguMjg2ODEgOS41Mjc4NiA4LjMzMDAxTDYuODMxIDExLjAyNzNMNi4zMzYzMyAxMC41MzI3TDguODY3NTMgOC4wMDEwMUw2LjMzNTg2IDUuNDY5MzRaIiBmaWxsPSIjRThBNDc3Ii8+Cjwvc3ZnPgo="); order: 1; }
.ds-btn--pc-content-web.ds-btn--dark { --ds-btn-bg: var(--color-brand-orange-dark); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-orange-dark); }	/* Button PC Content Web / Dark・179回 */
.ds-btn--pc-external { inline-size: auto; min-block-size: max(44px, 34px); padding: 8px 6px 8px 0px; gap: 8px; border-radius: 4px; border-color: transparent; font: 700 18px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-fg: var(--color-brand-orange); --ds-btn-bg: transparent; }	/* Button PC External / Accent・12回 */
.ds-btn--pc-external .ds-btn__icon { width: 11px; height: 11px; background-image: none; rotate: -90deg; order: -1; }
.ds-btn--pc-external .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--pc-top-line { inline-size: 401px; block-size: 80px; padding: 12px 22px 12px 22px; gap: 8px; flex-direction: column; border-radius: 4px; border-color: transparent; font: 700 20px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-green); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-green); }	/* Button PC Top LINE / Accent・1回 */
.ds-btn--pc-top-line .ds-btn__badge { padding: 4px 40px 4px 40px; border-radius: 50px; font: 500 12px/1 var(--font-family-body); letter-spacing: .05em; }
.ds-btn--pc-top-line .ds-btn__icon { width: 20px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx1c2UgeGxpbms6aHJlZj0iI3N0cm9rZTBfODAwMl81Mzk5NCIgZmlsbD0id2hpdGUiLz4KPG1hc2sgaWQ9InN0cm9rZTFfODAwMl81Mzk5NCIgZmlsbD0id2hpdGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNzdHJva2UwXzgwMDJfNTM5OTQiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMTEuMjE1NiAxOS4wNjhDMTEuMjE1NiAxOC43MjE0IDExLjA5NjYgMTguNDI0NiAxMC44NTg2IDE4LjE3NzhDMTAuNjIwNiAxNy45MzEgMTAuMzM0NSAxNy44MDc2IDEwLjAwMDMgMTcuODA3NkM5LjY2NjEyIDE3LjgwNzYgOS4zODAwMyAxNy45MzEgOS4xNDIwNCAxOC4xNzc4QzguOTA0MDQgMTguNDI0NiA4Ljc4NTA1IDE4LjcyMTQgOC43ODUwNSAxOS4wNjhDOC43ODUwNSAxOS40MTQ2IDguOTA0MDQgMTkuNzExMyA5LjE0MjA0IDE5Ljk1ODFDOS4zODAwMyAyMC4yMDUgOS42NjYxMiAyMC4zMjg0IDEwLjAwMDMgMjAuMzI4NEMxMC4zMzQ1IDIwLjMyODQgMTAuNjIwNiAyMC4yMDUgMTAuODU4NiAxOS45NTgxQzExLjA5NjYgMTkuNzExMyAxMS4yMTU2IDE5LjQxNDYgMTEuMjE1NiAxOS4wNjhaTTE0LjM3NTMgMTYuNTQ3MVY1LjQ1NTQ3QzE0LjM3NTMgNS4zMTg5MiAxNC4zMjcyIDUuMjAwNzYgMTQuMjMxIDUuMTAwOThDMTQuMTM0OCA1LjAwMTE5IDE0LjAyMDkgNC45NTEzIDEzLjg4OTIgNC45NTEzSDYuMTExNDRDNS45Nzk3OCA0Ljk1MTMgNS44NjU4NSA1LjAwMTE5IDUuNzY5NjQgNS4xMDA5OEM1LjY3MzQzIDUuMjAwNzYgNS42MjUzMyA1LjMxODkyIDUuNjI1MzMgNS40NTU0N1YxNi41NDcxQzUuNjI1MzMgMTYuNjgzNyA1LjY3MzQzIDE2LjgwMTggNS43Njk2NCAxNi45MDE2QzUuODY1ODUgMTcuMDAxNCA1Ljk3OTc4IDE3LjA1MTMgNi4xMTE0NCAxNy4wNTEzSDEzLjg4OTJDMTQuMDIwOSAxNy4wNTEzIDE0LjEzNDggMTcuMDAxNCAxNC4yMzEgMTYuOTAxNkMxNC4zMjcyIDE2LjgwMTggMTQuMzc1MyAxNi42ODM3IDE0LjM3NTMgMTYuNTQ3MVpNMTEuNDU4NyAzLjE4NjcyQzExLjQ1ODcgMy4wMTg2NiAxMS4zNzc2IDIuOTM0NjQgMTEuMjE1NiAyLjkzNDY0SDguNzg1MDVDOC42MjMwMSAyLjkzNDY0IDguNTQxOTkgMy4wMTg2NiA4LjU0MTk5IDMuMTg2NzJDOC41NDE5OSAzLjM1NDc3IDguNjIzMDEgMy40Mzg4IDguNzg1MDUgMy40Mzg4SDExLjIxNTZDMTEuMzc3NiAzLjQzODggMTEuNDU4NyAzLjM1NDc3IDExLjQ1ODcgMy4xODY3MlpNMTUuODMzNyAyLjkzNDY0VjE5LjA2OEMxNS44MzM3IDE5LjYxNDEgMTUuNjQxMiAyMC4wODY4IDE1LjI1NjQgMjAuNDg1OUMxNC44NzE2IDIwLjg4NTEgMTQuNDE1OCAyMS4wODQ2IDEzLjg4OTIgMjEuMDg0Nkg2LjExMTQ0QzUuNTg0ODIgMjEuMDg0NiA1LjEyOTA5IDIwLjg4NTEgNC43NDQyNSAyMC40ODU5QzQuMzU5NDEgMjAuMDg2OCA0LjE2Njk5IDE5LjYxNDEgNC4xNjY5OSAxOS4wNjhWMi45MzQ2NEM0LjE2Njk5IDIuMzg4NDUgNC4zNTk0MSAxLjkxNTggNC43NDQyNSAxLjUxNjY3QzUuMTI5MDkgMS4xMTc1MyA1LjU4NDgyIDAuOTE3OTY5IDYuMTExNDQgMC45MTc5NjlIMTMuODg5MkMxNC40MTU4IDAuOTE3OTY5IDE0Ljg3MTYgMS4xMTc1MyAxNS4yNTY0IDEuNTE2NjdDMTUuNjQxMiAxLjkxNTggMTUuODMzNyAyLjM4ODQ1IDE1LjgzMzcgMi45MzQ2NFoiIHN0cm9rZS13aWR0aD0iMC4wMzEyNSIgc3Ryb2tlPSJ3aGl0ZSIgbWFzaz0idXJsKCNzdHJva2UxXzgwMDJfNTM5OTQpIi8+CjxkZWZzPgo8cGF0aCBpZD0ic3Ryb2tlMF84MDAyXzUzOTk0IiBkPSJNMTEuMjE1NiAxOS4wNjhDMTEuMjE1NiAxOC43MjE0IDExLjA5NjYgMTguNDI0NiAxMC44NTg2IDE4LjE3NzhDMTAuNjIwNiAxNy45MzEgMTAuMzM0NSAxNy44MDc2IDEwLjAwMDMgMTcuODA3NkM5LjY2NjEyIDE3LjgwNzYgOS4zODAwMyAxNy45MzEgOS4xNDIwNCAxOC4xNzc4QzguOTA0MDQgMTguNDI0NiA4Ljc4NTA1IDE4LjcyMTQgOC43ODUwNSAxOS4wNjhDOC43ODUwNSAxOS40MTQ2IDguOTA0MDQgMTkuNzExMyA5LjE0MjA0IDE5Ljk1ODFDOS4zODAwMyAyMC4yMDUgOS42NjYxMiAyMC4zMjg0IDEwLjAwMDMgMjAuMzI4NEMxMC4zMzQ1IDIwLjMyODQgMTAuNjIwNiAyMC4yMDUgMTAuODU4NiAxOS45NTgxQzExLjA5NjYgMTkuNzExMyAxMS4yMTU2IDE5LjQxNDYgMTEuMjE1NiAxOS4wNjhaTTE0LjM3NTMgMTYuNTQ3MVY1LjQ1NTQ3QzE0LjM3NTMgNS4zMTg5MiAxNC4zMjcyIDUuMjAwNzYgMTQuMjMxIDUuMTAwOThDMTQuMTM0OCA1LjAwMTE5IDE0LjAyMDkgNC45NTEzIDEzLjg4OTIgNC45NTEzSDYuMTExNDRDNS45Nzk3OCA0Ljk1MTMgNS44NjU4NSA1LjAwMTE5IDUuNzY5NjQgNS4xMDA5OEM1LjY3MzQzIDUuMjAwNzYgNS42MjUzMyA1LjMxODkyIDUuNjI1MzMgNS40NTU0N1YxNi41NDcxQzUuNjI1MzMgMTYuNjgzNyA1LjY3MzQzIDE2LjgwMTggNS43Njk2NCAxNi45MDE2QzUuODY1ODUgMTcuMDAxNCA1Ljk3OTc4IDE3LjA1MTMgNi4xMTE0NCAxNy4wNTEzSDEzLjg4OTJDMTQuMDIwOSAxNy4wNTEzIDE0LjEzNDggMTcuMDAxNCAxNC4yMzEgMTYuOTAxNkMxNC4zMjcyIDE2LjgwMTggMTQuMzc1MyAxNi42ODM3IDE0LjM3NTMgMTYuNTQ3MVpNMTEuNDU4NyAzLjE4NjcyQzExLjQ1ODcgMy4wMTg2NiAxMS4zNzc2IDIuOTM0NjQgMTEuMjE1NiAyLjkzNDY0SDguNzg1MDVDOC42MjMwMSAyLjkzNDY0IDguNTQxOTkgMy4wMTg2NiA4LjU0MTk5IDMuMTg2NzJDOC41NDE5OSAzLjM1NDc3IDguNjIzMDEgMy40Mzg4IDguNzg1MDUgMy40Mzg4SDExLjIxNTZDMTEuMzc3NiAzLjQzODggMTEuNDU4NyAzLjM1NDc3IDExLjQ1ODcgMy4xODY3MlpNMTUuODMzNyAyLjkzNDY0VjE5LjA2OEMxNS44MzM3IDE5LjYxNDEgMTUuNjQxMiAyMC4wODY4IDE1LjI1NjQgMjAuNDg1OUMxNC44NzE2IDIwLjg4NTEgMTQuNDE1OCAyMS4wODQ2IDEzLjg4OTIgMjEuMDg0Nkg2LjExMTQ0QzUuNTg0ODIgMjEuMDg0NiA1LjEyOTA5IDIwLjg4NTEgNC43NDQyNSAyMC40ODU5QzQuMzU5NDEgMjAuMDg2OCA0LjE2Njk5IDE5LjYxNDEgNC4xNjY5OSAxOS4wNjhWMi45MzQ2NEM0LjE2Njk5IDIuMzg4NDUgNC4zNTk0MSAxLjkxNTggNC43NDQyNSAxLjUxNjY3QzUuMTI5MDkgMS4xMTc1MyA1LjU4NDgyIDAuOTE3OTY5IDYuMTExNDQgMC45MTc5NjlIMTMuODg5MkMxNC40MTU4IDAuOTE3OTY5IDE0Ljg3MTYgMS4xMTc1MyAxNS4yNTY0IDEuNTE2NjdDMTUuNjQxMiAxLjkxNTggMTUuODMzNyAyLjM4ODQ1IDE1LjgzMzcgMi45MzQ2NFoiLz4KPC9kZWZzPgo8L3N2Zz4K"); order: -1; }
.ds-btn--pc-top-line .ds-btn__icon--2 { width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0iIzkxQUI2MyIvPgo8cGF0aCBkPSJNNy4xMjc3MiA2LjE1MzVMNy42ODQ3NSA1LjU5N0wxMC43MTg3IDguNjI5OTJDMTAuNzY3NiA4LjY3ODUyIDEwLjgwNjQgOC43MzYzMSAxMC44MzI5IDguNzk5OTdDMTAuODU5NCA4Ljg2MzYzIDEwLjg3MyA4LjkzMTg5IDEwLjg3MyA5LjAwMDg0QzEwLjg3MyA5LjA2OTc4IDEwLjg1OTQgOS4xMzgwNSAxMC44MzI5IDkuMjAxNzFDMTAuODA2NCA5LjI2NTM2IDEwLjc2NzYgOS4zMjMxNSAxMC43MTg3IDkuMzcxNzVMNy42ODQ3NSAxMi40MDYyTDcuMTI4MjUgMTEuODQ5N0w5Ljk3NTg1IDkuMDAxNjJMNy4xMjc3MiA2LjE1MzVaIiBmaWxsPSIjRThBNDc3Ii8+Cjwvc3ZnPgo="); order: 1; }
.ds-btn--pc-top-web { inline-size: 401px; block-size: 80px; padding: 12px 22px 12px 22px; gap: 8px; flex-direction: column; border-radius: 4px; border-color: transparent; font: 700 20px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-orange); }	/* Button PC Top Web / Accent・1回 */
.ds-btn--pc-top-web .ds-btn__badge { padding: 4px 40px 4px 40px; border-radius: 50px; font: 500 12px/1 var(--font-family-body); letter-spacing: .05em; }
.ds-btn--pc-top-web .ds-btn__icon { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzc1IDExQzEuMzc1IDEzLjU1MjcgMi4zODkwNiAxNi4wMDA5IDQuMTk0MSAxNy44MDU5QzUuOTk5MTQgMTkuNjEwOSA4LjQ0NzI5IDIwLjYyNSAxMSAyMC42MjVDMTMuNTUyNyAyMC42MjUgMTYuMDAwOSAxOS42MTA5IDE3LjgwNTkgMTcuODA1OUMxOS42MTA5IDE2LjAwMDkgMjAuNjI1IDEzLjU1MjcgMjAuNjI1IDExQzIwLjYyNSA4LjQ0NzI5IDE5LjYxMDkgNS45OTkxNCAxNy44MDU5IDQuMTk0MUMxNi4wMDA5IDIuMzg5MDYgMTMuNTUyNyAxLjM3NSAxMSAxLjM3NUM4LjQ0NzI5IDEuMzc1IDUuOTk5MTQgMi4zODkwNiA0LjE5NDEgNC4xOTQxQzIuMzg5MDYgNS45OTkxNCAxLjM3NSA4LjQ0NzI5IDEuMzc1IDExWiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTYuODc1IDExQzYuODc1IDguNDQ3MjkgNy4zMDk2IDUuOTk5MTQgOC4wODMxOCA0LjE5NDFDOC44NTY3NyAyLjM4OTA2IDkuOTA1OTggMS4zNzUgMTEgMS4zNzVDMTIuMDk0IDEuMzc1IDEzLjE0MzIgMi4zODkwNiAxMy45MTY4IDQuMTk0MUMxNC42OTA0IDUuOTk5MTQgMTUuMTI1IDguNDQ3MjkgMTUuMTI1IDExQzE1LjEyNSAxMy41NTI3IDE0LjY5MDQgMTYuMDAwOSAxMy45MTY4IDE3LjgwNTlDMTMuMTQzMiAxOS42MTA5IDEyLjA5NCAyMC42MjUgMTEgMjAuNjI1QzkuOTA1OTggMjAuNjI1IDguODU2NzcgMTkuNjEwOSA4LjA4MzE4IDE3LjgwNTlDNy4zMDk2IDE2LjAwMDkgNi44NzUgMTMuNTUyNyA2Ljg3NSAxMVoiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yLjA2MjUgMTQuMjA5NkgxOS45Mzc1TTIuMDYyNSA3Ljc5Mjk3SDE5LjkzNzUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg=="); order: -1; }
.ds-btn--pc-top-web .ds-btn__icon--2 { width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTcuMTI3NzIgNi4xNTM1TDcuNjg0NzUgNS41OTdMMTAuNzE4NyA4LjYyOTkyQzEwLjc2NzYgOC42Nzg1MiAxMC44MDY0IDguNzM2MzEgMTAuODMyOSA4Ljc5OTk3QzEwLjg1OTQgOC44NjM2MyAxMC44NzMgOC45MzE4OSAxMC44NzMgOS4wMDA4NEMxMC44NzMgOS4wNjk3OCAxMC44NTk0IDkuMTM4MDUgMTAuODMyOSA5LjIwMTcxQzEwLjgwNjQgOS4yNjUzNiAxMC43Njc2IDkuMzIzMTUgMTAuNzE4NyA5LjM3MTc1TDcuNjg0NzUgMTIuNDA2Mkw3LjEyODI1IDExLjg0OTdMOS45NzU4NSA5LjAwMTYyTDcuMTI3NzIgNi4xNTM1WiIgZmlsbD0iI0U4QTQ3NyIvPgo8L3N2Zz4K"); order: 1; }
.ds-btn--sp-back { inline-size: min(100%, 220px); block-size: 35px; white-space: normal; padding: 8px 8px 8px 32px; gap: 8px; border-radius: 4px; border-color: transparent; font: 700 16px/1.2 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); }	/* Button SP Back / Accent・3回 */
.ds-btn--sp-back .ds-btn__icon { width: 14px; height: 14px; background-image: none; rotate: -180deg; order: -1; }
.ds-btn--sp-back .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--sp-external { inline-size: auto; min-block-size: max(44px, 32px); white-space: normal; padding: 8px 6px 8px 0px; gap: 4px; border-radius: 4px; border-color: transparent; font: 700 16px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-fg: var(--color-brand-orange); --ds-btn-bg: transparent; }	/* Button SP External / Accent・2回 */
.ds-btn--sp-external .ds-btn__icon { width: 11px; height: 11px; background-image: none; rotate: -90deg; order: -1; }
.ds-btn--sp-external .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--sp-home { inline-size: min(100%, 350px); block-size: 54px; white-space: normal; padding: 0px 20px 0px 32px; gap: 16px; border-radius: 4px; border-color: transparent; font: 700 18px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); }	/* Button SP Home / Accent・5回 */
.ds-btn--sp-home .ds-btn__icon { width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMTAiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03LjkxOTU4IDYuODMzNzVMOC41Mzg1IDYuMjE1NDJMMTEuOTA5NiA5LjU4NTMzQzExLjk2MzkgOS42MzkzMyAxMi4wMDcgOS43MDM1NCAxMi4wMzY1IDkuNzc0MjdDMTIuMDY1OSA5Ljg0NSAxMi4wODExIDkuOTIwODUgMTIuMDgxMSA5Ljk5NzQ2QzEyLjA4MTEgMTAuMDc0MSAxMi4wNjU5IDEwLjE0OTkgMTIuMDM2NSAxMC4yMjA2QzEyLjAwNyAxMC4yOTE0IDExLjk2MzkgMTAuMzU1NiAxMS45MDk2IDEwLjQwOTZMOC41Mzg1IDEzLjc4MTJMNy45MjAxNyAxMy4xNjI5TDExLjA4NDIgOS45OTgzM0w3LjkxOTU4IDYuODMzNzVaIiBmaWxsPSIjRThBNDc3Ii8+Cjwvc3ZnPgo="); order: 1; }
.ds-btn--sp-inner { inline-size: min(100%, 330px); block-size: 35px; white-space: normal; padding: 8px 32px 8px 8px; gap: 8px; border-radius: 4px; border-color: transparent; font: 700 16px/1.2 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); }	/* Button SP Inner / Accent・7回 */
.ds-btn--sp-inner .ds-btn__icon { width: 14px; height: 14px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMTAiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03LjkxOTU4IDYuODMzNzVMOC41Mzg1IDYuMjE1NDJMMTEuOTA5NiA5LjU4NTMzQzExLjk2MzkgOS42MzkzMyAxMi4wMDcgOS43MDM1NCAxMi4wMzY1IDkuNzc0MjdDMTIuMDY1OSA5Ljg0NSAxMi4wODExIDkuOTIwODUgMTIuMDgxMSA5Ljk5NzQ2QzEyLjA4MTEgMTAuMDc0MSAxMi4wNjU5IDEwLjE0OTkgMTIuMDM2NSAxMC4yMjA2QzEyLjAwNyAxMC4yOTE0IDExLjk2MzkgMTAuMzU1NiAxMS45MDk2IDEwLjQwOTZMOC41Mzg1IDEzLjc4MTJMNy45MjAxNyAxMy4xNjI5TDExLjA4NDIgOS45OTgzM0w3LjkxOTU4IDYuODMzNzVaIiBmaWxsPSIjRThBNDc3Ii8+Cjwvc3ZnPgo="); order: 1; }
.ds-btn--sp-line { inline-size: min(100%, 310px); block-size: 80px; white-space: normal; padding: 12px 22px 12px 22px; gap: 8px; flex-direction: column; border-radius: 4px; border-color: transparent; font: 700 18px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-green); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-green); }	/* Button SP LINE / Accent・7回 */
.ds-btn--sp-line .ds-btn__badge { padding: 4px 40px 4px 40px; border-radius: 50px; font: 500 12px/1 var(--font-family-body); letter-spacing: .05em; }
.ds-btn--sp-line .ds-btn__icon { width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84MDAyXzY3ODI2KSI+Cjx1c2UgeGxpbms6aHJlZj0iI3N0cm9rZTBfODAwMl82NzgyNiIgZmlsbD0id2hpdGUiLz4KPG1hc2sgaWQ9InN0cm9rZTFfODAwMl82NzgyNiIgZmlsbD0id2hpdGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNzdHJva2UwXzgwMDJfNjc4MjYiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMTEuMjE1NiAxMy44NjhDMTEuMjE1NiAxMy42MTU5IDExLjA5NjYgMTMuNDAwMSAxMC44NTg2IDEzLjIyMDZDMTAuNjIwNiAxMy4wNDExIDEwLjMzNDUgMTIuOTUxMyAxMC4wMDAzIDEyLjk1MTNDOS42NjYxMiAxMi45NTEzIDkuMzgwMDMgMTMuMDQxMSA5LjE0MjA0IDEzLjIyMDZDOC45MDQwNCAxMy40MDAxIDguNzg1MDUgMTMuNjE1OSA4Ljc4NTA1IDEzLjg2OEM4Ljc4NTA1IDE0LjEyMDEgOC45MDQwNCAxNC4zMzU5IDkuMTQyMDQgMTQuNTE1NEM5LjM4MDAzIDE0LjY5NDkgOS42NjYxMiAxNC43ODQ2IDEwLjAwMDMgMTQuNzg0NkMxMC4zMzQ1IDE0Ljc4NDYgMTAuNjIwNiAxNC42OTQ5IDEwLjg1ODYgMTQuNTE1NEMxMS4wOTY2IDE0LjMzNTkgMTEuMjE1NiAxNC4xMjAxIDExLjIxNTYgMTMuODY4Wk0xNC4zNzUzIDEyLjAzNDZWMy45Njc5N0MxNC4zNzUzIDMuODY4NjYgMTQuMzI3MiAzLjc4MjczIDE0LjIzMSAzLjcxMDE2QzE0LjEzNDggMy42Mzc1OSAxNC4wMjA5IDMuNjAxMyAxMy44ODkyIDMuNjAxM0g2LjExMTQ0QzUuOTc5NzggMy42MDEzIDUuODY1ODUgMy42Mzc1OSA1Ljc2OTY0IDMuNzEwMTZDNS42NzM0MyAzLjc4MjczIDUuNjI1MzMgMy44Njg2NiA1LjYyNTMzIDMuOTY3OTdWMTIuMDM0NkM1LjYyNTMzIDEyLjEzMzkgNS42NzM0MyAxMi4yMTk5IDUuNzY5NjQgMTIuMjkyNEM1Ljg2NTg1IDEyLjM2NSA1Ljk3OTc4IDEyLjQwMTMgNi4xMTE0NCAxMi40MDEzSDEzLjg4OTJDMTQuMDIwOSAxMi40MDEzIDE0LjEzNDggMTIuMzY1IDE0LjIzMSAxMi4yOTI0QzE0LjMyNzIgMTIuMjE5OSAxNC4zNzUzIDEyLjEzMzkgMTQuMzc1MyAxMi4wMzQ2Wk0xMS40NTg3IDIuMzE3OTdDMTEuNDU4NyAyLjE5NTc1IDExLjM3NzYgMi4xMzQ2NCAxMS4yMTU2IDIuMTM0NjRIOC43ODUwNUM4LjYyMzAxIDIuMTM0NjQgOC41NDE5OSAyLjE5NTc1IDguNTQxOTkgMi4zMTc5N0M4LjU0MTk5IDIuNDQwMTkgOC42MjMwMSAyLjUwMTMgOC43ODUwNSAyLjUwMTNIMTEuMjE1NkMxMS4zNzc2IDIuNTAxMyAxMS40NTg3IDIuNDQwMTkgMTEuNDU4NyAyLjMxNzk3Wk0xNS44MzM3IDIuMTM0NjRWMTMuODY4QzE1LjgzMzcgMTQuMjY1MiAxNS42NDEyIDE0LjYwODkgMTUuMjU2NCAxNC44OTkyQzE0Ljg3MTYgMTUuMTg5NSAxNC40MTU4IDE1LjMzNDYgMTMuODg5MiAxNS4zMzQ2SDYuMTExNDRDNS41ODQ4MiAxNS4zMzQ2IDUuMTI5MDkgMTUuMTg5NSA0Ljc0NDI1IDE0Ljg5OTJDNC4zNTk0MSAxNC42MDg5IDQuMTY2OTkgMTQuMjY1MiA0LjE2Njk5IDEzLjg2OFYyLjEzNDY0QzQuMTY2OTkgMS43Mzc0MSA0LjM1OTQxIDEuMzkzNjYgNC43NDQyNSAxLjEwMzM5QzUuMTI5MDkgMC44MTMxMDggNS41ODQ4MiAwLjY2Nzk2OSA2LjExMTQ0IDAuNjY3OTY5SDEzLjg4OTJDMTQuNDE1OCAwLjY2Nzk2OSAxNC44NzE2IDAuODEzMTA4IDE1LjI1NjQgMS4xMDMzOUMxNS42NDEyIDEuMzkzNjYgMTUuODMzNyAxLjczNzQxIDE1LjgzMzcgMi4xMzQ2NFoiIHN0cm9rZS13aWR0aD0iMC4wMzEyNSIgc3Ryb2tlPSJ3aGl0ZSIgbWFzaz0idXJsKCNzdHJva2UxXzgwMDJfNjc4MjYpIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODAwMl82NzgyNiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPHBhdGggaWQ9InN0cm9rZTBfODAwMl82NzgyNiIgZD0iTTExLjIxNTYgMTMuODY4QzExLjIxNTYgMTMuNjE1OSAxMS4wOTY2IDEzLjQwMDEgMTAuODU4NiAxMy4yMjA2QzEwLjYyMDYgMTMuMDQxMSAxMC4zMzQ1IDEyLjk1MTMgMTAuMDAwMyAxMi45NTEzQzkuNjY2MTIgMTIuOTUxMyA5LjM4MDAzIDEzLjA0MTEgOS4xNDIwNCAxMy4yMjA2QzguOTA0MDQgMTMuNDAwMSA4Ljc4NTA1IDEzLjYxNTkgOC43ODUwNSAxMy44NjhDOC43ODUwNSAxNC4xMjAxIDguOTA0MDQgMTQuMzM1OSA5LjE0MjA0IDE0LjUxNTRDOS4zODAwMyAxNC42OTQ5IDkuNjY2MTIgMTQuNzg0NiAxMC4wMDAzIDE0Ljc4NDZDMTAuMzM0NSAxNC43ODQ2IDEwLjYyMDYgMTQuNjk0OSAxMC44NTg2IDE0LjUxNTRDMTEuMDk2NiAxNC4zMzU5IDExLjIxNTYgMTQuMTIwMSAxMS4yMTU2IDEzLjg2OFpNMTQuMzc1MyAxMi4wMzQ2VjMuOTY3OTdDMTQuMzc1MyAzLjg2ODY2IDE0LjMyNzIgMy43ODI3MyAxNC4yMzEgMy43MTAxNkMxNC4xMzQ4IDMuNjM3NTkgMTQuMDIwOSAzLjYwMTMgMTMuODg5MiAzLjYwMTNINi4xMTE0NEM1Ljk3OTc4IDMuNjAxMyA1Ljg2NTg1IDMuNjM3NTkgNS43Njk2NCAzLjcxMDE2QzUuNjczNDMgMy43ODI3MyA1LjYyNTMzIDMuODY4NjYgNS42MjUzMyAzLjk2Nzk3VjEyLjAzNDZDNS42MjUzMyAxMi4xMzM5IDUuNjczNDMgMTIuMjE5OSA1Ljc2OTY0IDEyLjI5MjRDNS44NjU4NSAxMi4zNjUgNS45Nzk3OCAxMi40MDEzIDYuMTExNDQgMTIuNDAxM0gxMy44ODkyQzE0LjAyMDkgMTIuNDAxMyAxNC4xMzQ4IDEyLjM2NSAxNC4yMzEgMTIuMjkyNEMxNC4zMjcyIDEyLjIxOTkgMTQuMzc1MyAxMi4xMzM5IDE0LjM3NTMgMTIuMDM0NlpNMTEuNDU4NyAyLjMxNzk3QzExLjQ1ODcgMi4xOTU3NSAxMS4zNzc2IDIuMTM0NjQgMTEuMjE1NiAyLjEzNDY0SDguNzg1MDVDOC42MjMwMSAyLjEzNDY0IDguNTQxOTkgMi4xOTU3NSA4LjU0MTk5IDIuMzE3OTdDOC41NDE5OSAyLjQ0MDE5IDguNjIzMDEgMi41MDEzIDguNzg1MDUgMi41MDEzSDExLjIxNTZDMTEuMzc3NiAyLjUwMTMgMTEuNDU4NyAyLjQ0MDE5IDExLjQ1ODcgMi4zMTc5N1pNMTUuODMzNyAyLjEzNDY0VjEzLjg2OEMxNS44MzM3IDE0LjI2NTIgMTUuNjQxMiAxNC42MDg5IDE1LjI1NjQgMTQuODk5MkMxNC44NzE2IDE1LjE4OTUgMTQuNDE1OCAxNS4zMzQ2IDEzLjg4OTIgMTUuMzM0Nkg2LjExMTQ0QzUuNTg0ODIgMTUuMzM0NiA1LjEyOTA5IDE1LjE4OTUgNC43NDQyNSAxNC44OTkyQzQuMzU5NDEgMTQuNjA4OSA0LjE2Njk5IDE0LjI2NTIgNC4xNjY5OSAxMy44NjhWMi4xMzQ2NEM0LjE2Njk5IDEuNzM3NDEgNC4zNTk0MSAxLjM5MzY2IDQuNzQ0MjUgMS4xMDMzOUM1LjEyOTA5IDAuODEzMTA4IDUuNTg0ODIgMC42Njc5NjkgNi4xMTE0NCAwLjY2Nzk2OUgxMy44ODkyQzE0LjQxNTggMC42Njc5NjkgMTQuODcxNiAwLjgxMzEwOCAxNS4yNTY0IDEuMTAzMzlDMTUuNjQxMiAxLjM5MzY2IDE1LjgzMzcgMS43Mzc0MSAxNS44MzM3IDIuMTM0NjRaIi8+CjwvZGVmcz4KPC9zdmc+Cg=="); order: -1; }
.ds-btn--sp-line .ds-btn__icon--2 { width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iIzkxQUI2MyIvPgo8cGF0aCBkPSJNNi4zMzU4NiA1LjQ2OTM0TDYuODMxIDQuOTc0NjhMOS41Mjc4NiA3LjY3MDYxQzkuNTcxMzMgNy43MTM4MSA5LjYwNTgzIDcuNzY1MTggOS42MjkzOCA3LjgyMTc2QzkuNjUyOTIgNy44NzgzNCA5LjY2NTA0IDcuOTM5MDIgOS42NjUwNCA4LjAwMDMxQzkuNjY1MDQgOC4wNjE2IDkuNjUyOTIgOC4xMjIyOCA5LjYyOTM4IDguMTc4ODZDOS42MDU4MyA4LjIzNTQ0IDkuNTcxMzMgOC4yODY4MSA5LjUyNzg2IDguMzMwMDFMNi44MzEgMTEuMDI3M0w2LjMzNjMzIDEwLjUzMjdMOC44Njc1MyA4LjAwMTAxTDYuMzM1ODYgNS40NjkzNFoiIGZpbGw9IiNFOEE0NzciLz4KPC9zdmc+Cg=="); order: 1; }
.ds-btn--sp-line.ds-btn--dark { --ds-btn-bg: var(--color-brand-green-dark); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-green-dark); }	/* Button SP LINE / Dark・29回 */
.ds-btn--sp-web { inline-size: min(100%, 310px); block-size: 80px; white-space: normal; padding: 12px 22px 12px 22px; gap: 8px; flex-direction: column; border-radius: 4px; border-color: transparent; font: 700 18px/1 var(--font-family-heading); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-orange); }	/* Button SP Web / Accent・7回 */
.ds-btn--sp-web .ds-btn__badge { padding: 4px 40px 4px 40px; border-radius: 50px; font: 500 12px/1 var(--font-family-body); letter-spacing: .05em; }
.ds-btn--sp-web .ds-btn__icon { width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgwMDJfNjc4MTMpIj4KPHBhdGggZD0iTTEgOEMxIDkuODU2NTIgMS43Mzc1IDExLjYzNyAzLjA1MDI1IDEyLjk0OTdDNC4zNjMwMSAxNC4yNjI1IDYuMTQzNDggMTUgOCAxNUM5Ljg1NjUyIDE1IDExLjYzNyAxNC4yNjI1IDEyLjk0OTcgMTIuOTQ5N0MxNC4yNjI1IDExLjYzNyAxNSA5Ljg1NjUyIDE1IDhDMTUgNi4xNDM0OCAxNC4yNjI1IDQuMzYzMDEgMTIuOTQ5NyAzLjA1MDI1QzExLjYzNyAxLjczNzUgOS44NTY1MiAxIDggMUM2LjE0MzQ4IDEgNC4zNjMwMSAxLjczNzUgMy4wNTAyNSAzLjA1MDI1QzEuNzM3NSA0LjM2MzAxIDEgNi4xNDM0OCAxIDhaIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNSA4QzUgNi4xNDM0OCA1LjMxNjA3IDQuMzYzMDEgNS44Nzg2OCAzLjA1MDI1QzYuNDQxMjkgMS43Mzc1IDcuMjA0MzUgMSA4IDFDOC43OTU2NSAxIDkuNTU4NzEgMS43Mzc1IDEwLjEyMTMgMy4wNTAyNUMxMC42ODM5IDQuMzYzMDEgMTEgNi4xNDM0OCAxMSA4QzExIDkuODU2NTIgMTAuNjgzOSAxMS42MzcgMTAuMTIxMyAxMi45NDk3QzkuNTU4NzEgMTQuMjYyNSA4Ljc5NTY1IDE1IDggMTVDNy4yMDQzNSAxNSA2LjQ0MTI5IDE0LjI2MjUgNS44Nzg2OCAxMi45NDk3QzUuMzE2MDcgMTEuNjM3IDUgOS44NTY1MiA1IDhaIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMS41IDEwLjMzNDZIMTQuNU0xLjUgNS42Njc5N0gxNC41IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODAwMl82NzgxMyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K"); order: -1; }
.ds-btn--sp-web .ds-btn__icon--2 { width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuMzM1ODYgNS40NjkzNEw2LjgzMSA0Ljk3NDY4TDkuNTI3ODYgNy42NzA2MUM5LjU3MTMzIDcuNzEzODEgOS42MDU4MyA3Ljc2NTE4IDkuNjI5MzggNy44MjE3NkM5LjY1MjkyIDcuODc4MzQgOS42NjUwNCA3LjkzOTAyIDkuNjY1MDQgOC4wMDAzMUM5LjY2NTA0IDguMDYxNiA5LjY1MjkyIDguMTIyMjggOS42MjkzOCA4LjE3ODg2QzkuNjA1ODMgOC4yMzU0NCA5LjU3MTMzIDguMjg2ODEgOS41Mjc4NiA4LjMzMDAxTDYuODMxIDExLjAyNzNMNi4zMzYzMyAxMC41MzI3TDguODY3NTMgOC4wMDEwMUw2LjMzNTg2IDUuNDY5MzRaIiBmaWxsPSIjRThBNDc3Ii8+Cjwvc3ZnPgo="); order: 1; }
.ds-btn--sp-web.ds-btn--dark { --ds-btn-bg: var(--color-brand-orange-dark); --ds-btn-fg: var(--color-white); --ds-btn-badge-bg: var(--color-white); --ds-btn-badge-fg: var(--color-brand-orange-dark); }	/* Button SP Web / Dark・29回 */
.ds-btn--rsv-line { inline-size: auto; min-block-size: max(44px, 66px); padding: 12px 22px 12px 22px; gap: 8px; border-radius: 50px; border-color: transparent; font: 700 18px/1 var(--font-family-body); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-green); --ds-btn-fg: var(--color-white); --ds-btn-shadow: 0px 4px 5px 0px rgb(109 97 61 / .4); }	/* Reservation Button LINE・12回 */
.ds-btn--rsv-line .ds-btn__icon { width: 25px; height: 25px; background-image: none; order: -1; }
.ds-btn--rsv-line .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--rsv-line-small { inline-size: auto; min-block-size: max(44px, 66px); padding: 12px 22px 12px 22px; gap: 8px; border-radius: 50px; border-color: transparent; font: 700 16px/1 var(--font-family-body); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-green); --ds-btn-fg: var(--color-white); --ds-btn-shadow: 0px 4px 5px 0px rgb(109 97 61 / .4); }	/* Reservation Button LINE Small・12回 */
.ds-btn--rsv-line-small .ds-btn__icon { width: 18px; height: 18px; background-image: none; order: -1; }
.ds-btn--rsv-line-small .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--rsv-phone-pc { inline-size: 414px; block-size: 66px; padding: 20px 0px 20px 0px; gap: 0px; border-radius: 5px; font: 500 26px/1 var(--font-family-latin); letter-spacing: .1em; --ds-btn-bg: var(--color-white); --ds-btn-fg: var(--color-text-primary); --ds-btn-line: var(--color-extra-939393); }	/* Reservation Button Phone PC・6回 */
.ds-btn--rsv-phone-pc .ds-btn__icon { width: 25px; height: 25px; background-image: none; order: -1; }
.ds-btn--rsv-phone-pc .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--rsv-phone-sp { inline-size: min(100%, 306px); block-size: 66px; white-space: normal; padding: 20px 28px 20px 28px; gap: 10px; border-radius: 5px; font: 500 20px/1 var(--font-family-latin); letter-spacing: .1em; --ds-btn-bg: var(--color-white); --ds-btn-fg: var(--color-text-primary); --ds-btn-line: var(--color-extra-939393); }	/* Reservation Button Phone SP・6回 */
.ds-btn--rsv-phone-sp .ds-btn__icon { width: 25px; height: 25px; background-image: none; order: -1; }
.ds-btn--rsv-phone-sp .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--rsv-web { inline-size: auto; min-block-size: max(44px, 66px); padding: 12px 22px 12px 22px; gap: 8px; border-radius: 50px; border-color: transparent; font: 700 18px/1 var(--font-family-body); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); --ds-btn-shadow: 0px 4px 5px 0px rgb(109 97 61 / .4); }	/* Reservation Button Web・12回 */
.ds-btn--rsv-web .ds-btn__icon { width: 25px; height: 25px; background-image: none; order: -1; }
.ds-btn--rsv-web .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }
.ds-btn--rsv-web-small { inline-size: auto; min-block-size: max(44px, 60px); padding: 12px 22px 12px 22px; gap: 8px; border-radius: 50px; border-color: transparent; font: 700 16px/1 var(--font-family-body); letter-spacing: 0em; --ds-btn-bg: var(--color-brand-orange); --ds-btn-fg: var(--color-white); --ds-btn-shadow: 0px 4px 5px 0px rgb(109 97 61 / .4); }	/* Reservation Button Web Small・12回 */
.ds-btn--rsv-web-small .ds-btn__icon { width: 18px; height: 18px; background-image: none; order: -1; }
.ds-btn--rsv-web-small .ds-btn__icon::after { content: ""; display: block; width: 40%; height: 40%; margin: 30% 0 0 22%; border: solid currentColor; border-width: 2px 2px 0 0; rotate: 45deg; }

/* ホバー：PC だけ（注意書き「SPではホバー表現を設けず」）。.is-hover は見本帳で並べて見せる用 */
@media (hover: hover) and (min-width: 768px) {
	.ds-btn--pc-back:hover, .ds-btn--pc-back.is-hover { --ds-btn-bg: var(--color-brand-orange-dark); }
	.ds-btn--pc-basic:hover, .ds-btn--pc-basic.is-hover { --ds-btn-bg: var(--color-brand-orange-dark); }
	.ds-btn--pc-content-line:hover, .ds-btn--pc-content-line.is-hover { --ds-btn-bg: var(--color-brand-green-dark); --ds-btn-badge-fg: var(--color-brand-green-dark); }
	.ds-btn--pc-content-line.ds-btn--dark:hover, .ds-btn--pc-content-line.ds-btn--dark.is-hover { --ds-btn-bg: var(--color-brand-green); --ds-btn-badge-fg: var(--color-brand-green); }
	.ds-btn--pc-content-web:hover, .ds-btn--pc-content-web.is-hover { --ds-btn-bg: var(--color-brand-orange-dark); --ds-btn-badge-fg: var(--color-brand-orange-dark); }
	.ds-btn--pc-content-web.ds-btn--dark:hover, .ds-btn--pc-content-web.ds-btn--dark.is-hover { --ds-btn-bg: var(--color-brand-orange); --ds-btn-badge-fg: var(--color-brand-orange); }
	.ds-btn--pc-external:hover, .ds-btn--pc-external.is-hover { opacity: .7; }
	.ds-btn--pc-top-line:hover, .ds-btn--pc-top-line.is-hover { --ds-btn-bg: var(--color-brand-green-dark); --ds-btn-badge-fg: var(--color-brand-green-dark); }
	.ds-btn--pc-top-web:hover, .ds-btn--pc-top-web.is-hover { --ds-btn-bg: var(--color-brand-orange-dark); --ds-btn-badge-fg: var(--color-brand-orange-dark); }
	.ds-btn--rsv-line:hover, .ds-btn--rsv-line.is-hover { --ds-btn-bg: var(--color-brand-green-dark); --ds-btn-shadow: 0px 2px 2.5px 0px rgb(109 97 61 / .4); }
	.ds-btn--rsv-line-small:hover, .ds-btn--rsv-line-small.is-hover { --ds-btn-bg: var(--color-brand-green-dark); --ds-btn-shadow: 0px 2px 2.5px 0px rgb(109 97 61 / .4); }
	.ds-btn--rsv-web:hover, .ds-btn--rsv-web.is-hover { --ds-btn-bg: var(--color-brand-orange-dark); --ds-btn-shadow: 0px 2px 2.5px 0px rgb(109 97 61 / .4); }
	.ds-btn--rsv-web-small:hover, .ds-btn--rsv-web-small.is-hover { --ds-btn-bg: var(--color-brand-orange-dark); --ds-btn-shadow: 0px 2px 2.5px 0px rgb(109 97 61 / .4); }
}