.low-contents {
	padding-top: 195px;
}

@media screen and (max-width: 980px) {
	.low-contents {
		padding-top: 0;
	}
}

.page-name {
	display: none;
}

.kyufu {
	--mint:#01bfa5;
	--mint-50:#e2f7f2;
	--mint-500:#0ea58f;
	--text-main:#254845;
	--lead:#254845;
	--orange-600:#ea8a00;
	--orange:#f08300;
	--ring: 0 0 0 4px rgba(16,179,155,.18);
	--cta-mint:#01bfa5;
	--cta-orange:#f08300;
	--cta-text:#fff;
}

.kyufu * {
	box-sizing: border-box;
}

/* セクション共通幅 */
.kyufu .flow-section,
.kyufu .grant-steps,
.kyufu .grant-info,
.kyufu .quote-flow {
	width: 100%;
	padding: 0 0 75px;
}

.kyufu .extra-section {
	width: 100%;
	padding: 0;
}

.kyufu .kyufu-container {
	width: 100%;
	max-width: 860px;
	margin-inline: auto;
}

/* a のデフォルト */
.kyufu a {
	color: inherit;
	text-decoration: none;
}

/* Buttons（共通フォーカスリング */
.kyufu .kyufu-btn:focus-visible {
	outline:none; box-shadow:var(--ring);
}
.kyufu .qf-btn:focus-visible,
.kyufu .s5-btn:focus-visible,
.kyufu .gi-btn:focus-visible {
	outline:none; box-shadow:var(--ring);
}

/* =========================================================
	section01: ヒーロー＋CTA
========================================================= */
.kyufu .flow-hero {
	background: var(--mint-50);
	border-radius: 20px;
	padding: 60px 10px;
	text-align: center;
}
.kyufu .flow-eyebrow {
	margin: 0 0 20px;
	font-weight: 700;
	letter-spacing: .08em;
	font-size: 18px;
	color: var(--lead);
}
.kyufu .flow-title {
	margin: 0;
	color: var(--text-main);
	font-weight: 700;
	line-height: 1.25em;
	font-size: 30px
}
.kyufu .flow-lead {
	margin: 25px 0 32px;
	color: var(--lead);
	font-size: 16px;
	line-height: 1.625em;
}

/* 見出しラベル*/
.kyufu .flow-cta-caption {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin: 0 0 8px;
	color: var(--lead);
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	text-align: center;
}

/* 斜線（左右とも同じ長さ・太さ。擬似要素を flex 要素として配置） */
.kyufu .flow-cta-caption::before,
.kyufu .flow-cta-caption::after {
	content: "";
	flex: 0 0 22px;
	height: 1px;
	background: var(--lead);
	/*border-radius: 2px;*/
	transform-origin: center;
}

/* 左「＼」・右「／」の傾き */
.kyufu .flow-cta-caption::before { transform: rotate( 45deg); }
.kyufu .flow-cta-caption::after  { transform: rotate(-45deg); }

/* CTA 2カラム（新仕様ボタン） */
.kyufu .flow-ctas {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-top: 12px;
}

@media (min-width: 720px) {
	.kyufu .flow-ctas {
		grid-template-columns: 1fr 1fr;
		gap: 32px;
	}
}
/* ボタン本体（kyufu-btn） */
.kyufu .kyufu-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 15px 10px;
	border-radius: 9px;
	color: var(--cta-text);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.1;
	text-decoration: none;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
	transition: all .15s ease;
}

.kyufu .kyufu-btn--mint { background: var(--cta-mint); }
.kyufu .kyufu-btn--orange { background: var(--cta-orange); }

.kyufu .kyufu-btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.05);
}

.kyufu .kyufu-btn:active {
	transform: translateY(0);
	box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

.kyufu .kyufu-btn .chev {
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	color: #fff;
	display: block;
	pointer-events: none;
}

.kyufu .kyufu-btn .chev path {
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media only screen and (max-width: 980px) {
	.kyufu .flow-hero {
		padding: 35px 10px 25px;
	}
	.kyufu .flow-title {
		line-height: 1.6em;
		font-size: 25px;
	}
	.kyufu .flow-lead {
		margin: 25px 0 35px;
	}
	.kyufu .flow-section{
		padding: 0 0 45px;
	}
}

/* =========================================================
	section02: 給付申請の手順（丸STEP）
========================================================= */
.kyufu .grant-steps {
	padding: 0 0 40px;
}
.kyufu .gs-badge {
	display: flex; justify-content: center;
	margin: 0 auto 20px;
}
.kyufu .gs-badge h2 {
	box-sizing: border-box;
	margin: 0;
	padding: 15px 10px;
	width: 100%;
	max-width: 375px;
	background: #01bfa5;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	border-radius: 999px;
	line-height: 1.2;
	position: relative;
	text-align: center;
}
.kyufu .gs-badge h2::after {
	content: "";
	position: absolute; left: 50%; transform: translateX(-50%);
	bottom: -16px; width: 30px; height: 18px;
	background: #01bfa5;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.kyufu .gs-steps {
	list-style: none; margin: 26px 40px 12px; padding: 0;
	display: grid; grid-template-columns: repeat(4,1fr); gap: clamp(18px,3vw,22px);
	position: relative;
}
.kyufu .gs-steps::before {
	content: "";
	position: absolute; left: 90px; right: 90px;
	top: 36px; height: 2px; background: #f08300; z-index: 0; width: auto;
}
.kyufu .gs-step { position: relative; z-index: 1; text-align: center; }
.kyufu .gs-step__circle {
	width: 76px; height: 76px; max-width: 76px; max-height: 76px;
	margin: 0 auto 10px;
	background: var(--orange);
	color: #fff; border-radius: 50%;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.kyufu .gs-step__label { font-weight: 700; letter-spacing: .06em; font-size: 14px; line-height: 1; }
.kyufu .gs-step__num { font-weight: 700; font-size: 30px; line-height: 1; margin-top: 0; }
.kyufu .gs-step__text { font-weight: 500; margin: 0; color: var(--text-main); font-size: 16px; line-height: 1.625; }
.kyufu .gs-step__arrow {
	margin-top: 9px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kyufu .gs-step__arrow svg {
	display: block;
	width: 12px;
	height: 10px;
}
.kyufu .gs-note { margin: 28px 90px 0; color: var(--text-main); font-size: 12px; line-height: 1.625; }
.kyufu .gs-link { color:var(--cta-mint); font-weight: 700; text-underline-offset: 3px; }
.kyufu .gs-link:hover { text-decoration: underline; }

@media (max-width: 980px) {
	.kyufu .gs-badge h2 {
		max-width: 255px;
		font-size: 25px;
	}
	.kyufu .gs-badge h2::after {
		bottom: -15px;
	}
	.kyufu .gs-steps {
	 	margin: 26px 20px 12px;
	}
	.kyufu .gs-steps { grid-template-columns: 1fr; gap: 7px; margin-top: 20px; }
	.kyufu .gs-steps::before { top: 0; bottom: 0; left: 26px; right: auto; width: 1px; height: 230px; }
	.kyufu .gs-step { display: grid; grid-template-columns: 70px 1fr; align-items: center; text-align: left; }
	.kyufu .gs-step__circle { width: 55px; height: 55px; margin: 0; }
	.kyufu .gs-step__label { font-size: 10px; }
	.kyufu .gs-step__num { font-size: 24px; }
	.kyufu .gs-step__arrow { position: absolute; margin-top:0; right: 10px; top: 50%; transform: translateY(-50%) rotate(0deg); }
	.kyufu .gs-note {
		margin: 28px 25px 0;
	}
}

.gs-step a:hover {
	opacity: 1.0 !important;
}

/* =========================================================
	section03: 給付制度の案内
========================================================= */
.kyufu .grant-info { padding: 0 0 90px; }
.kyufu .gi-box {
	background: var(--mint-50);
	/*border: 1px solid #d5eee7;*/
	border-radius: 16px;
	padding: 40px 15px 45px;
	text-align: center;
}
.kyufu .gi-line {
	margin: 0 0 30px;
	color: var(--lead);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.555;
}
.kyufu .gi-hl { color: var(--orange-600); font-weight: 700; }
.kyufu .gi-note { margin: 0 0 50px; color: var(--text-main); font-size: 14px; font-weight: 500; }
.kyufu .gi-foot { margin: 0 0 15px; color: var(--text-main); font-weight: 500; }
.kyufu .gi-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 auto;
	padding: 15px 20px;
	width: 100%;
	max-width: 375px;
	border-radius: 12px;
	background: #01BFA5;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.kyufu .gi-arr {
	position: absolute;
	right: 13px;
	top: 17px;
}
.kyufu .gi-btn:hover { filter: saturate(1.05) brightness(1.02); }

@media (max-width: 980px) {
	.kyufu .grant-info {
		padding: 0 0 45px;
	}
	.kyufu .gi-box {
		padding: 30px 5px 30px;
	}
	.kyufu .gi-line {
		font-size: 16px;
		line-height: 1.625;
	}
	.kyufu .gi-note {
		margin: 0 0 35px;
	}
	.kyufu .gi-btn {
		width: 95%;
	}
}

/* =========================================================
	section: 見積書発行依頼の流れ
========================================================= */
.kyufu .quote-flow { padding-top: 0; padding-bottom: 0; color: var(--text-main); }

/* 見出しバッジ（オレンジの帯＋下向き三角） */
.kyufu .qf-badge { display: flex; justify-content: center; margin: 0 0 35px; }
.kyufu .qf-badge h2 {
	box-sizing: border-box;
	position: relative;
	margin: 0;
	padding: 15px 20px;
	width: 100%;
	max-width: 440px;
	background: var(--orange); color: #fff;
	font-weight: 700; font-size: 30px; line-height: 1.2;
	text-align: center;
	border-radius: 999px; letter-spacing: .02em;
}
.kyufu .qf-badge h2::after {
	content: "";
	position: absolute; left: 50%; transform: translateX(-50%);
	bottom: -16px; width: 30px; height: 18px;
	background: var(--orange);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}

/* はじめに（左画像／右テキスト） */
.kyufu .qf-intro {
	display: grid;
	grid-template-columns: 290px 1fr;
	gap: 40px;
	align-items: flex-start;
	margin: 0 0 40px;
	padding: 60px 45px 50px;
	background: #fef2e5;
	border-radius: 14px;
}
.kyufu .qf-phone-img img { display: block; width: 100%; height: auto; }
.kyufu .qf-intro-ttl { margin: 0 0 20px; color: var(--orange); font-weight: 700; font-size: 24px; }
.kyufu .qf-intro-ttl::after{
	content:"";
	display:block;
	height:2px;
	margin-top:4px;
	background:
		linear-gradient(var(--orange), var(--orange)) no-repeat,
		repeating-linear-gradient(90deg, #2a4a46 0 8px, transparent 8px 14px) no-repeat;
	background-size: 32px 2px, calc(100% - 36px) 2px;
	background-position: left 0, 36px 0;
}
.kyufu .qf-intro-lead { margin: 0 0 25px; line-height: 1.625; color: var(--lead); font-size: 16px; font-weight: 500;}
.kyufu .qf-link { color: var(--cta-orange); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.kyufu .qf-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 15px 20px;
	width: 100%;
	max-width: 375px;
	border-radius: 12px;
	background: var(--cta-orange);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.kyufu .qf-arr {
	position: absolute;
	right: 13px;
	top: 17px;
}

/* 動画 */
.kyufu .qf-video-wrap { margin: 0 0 30px; }
.kyufu .qf-dot-title { margin: 0 0 15px; color: var(--lead); font-size: 16px; font-weight: 500; }
/* サムネ（クリック用画像）をレスポンシブ化 */
.kyufu .qf-video-wrap img{
	display: block;
	/*width: 100% !important;*/
	max-width: 100% !important;
	height: auto !important;
}

/* STEP：左カラム(縦並び) / 右カラム(画像) */
.kyufu .qf-step {
	display: grid;
	grid-template-columns: 1fr 290px;
	gap: 70px;
	align-items: flex-start;
	padding: 45px 0 30px;
}

.kyufu .qf-step + .qf-sep {
	border: 0;
	border-top: 1px solid var(--orange);
	margin: 0;
}

/* 左カラム（STEP→番号→本文を縦に並べる） */
.kyufu .qf-step-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 8px;
}

/* STEP ラベル */
.kyufu .qf-step-label {
	color: var(--orange);
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	margin: 10px 0 0 0;
}

/* STEP 数字*/
.kyufu .qf-step-num {
	color: var(--orange);
	font-weight: 700;
	font-size: 52px;
	line-height: 1;
	margin: 0 0 10px 15px;
}

/* 本文（先頭のオレンジ棒付き） */
.kyufu .qf-bullet {
	position: relative;
	margin: 0;
	padding-left: 18px;
	font-size: 16px;
	font-weight: 500;
	color: var(--text-main);
	line-height: 1.625;
}
.kyufu .qf-bullet::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 100%;
	background: var(--orange);
	border-radius: 3px;
}

/* 箇条書き（STEP3など） */
.kyufu .qf-list {
	margin: 0 0 0 20px;
	padding: 0;
	color: var(--lead);
	list-style: disc inside;
}
.kyufu .qf-list li {
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: 500;
	text-indent: -1.3em;
	padding-left: 1.3em;
	line-height: 1.625em;
}

.kyufu .qf-list.subTitle {
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0 10px 0;
	color: var(--orange);
}

.kyufu .qf-list.subCaption {
	font-size: 12px;
	font-weight: 500;
	color: var(--text-main);
	line-height: 1.666em;
}

/* 右カラム（画像） */
.kyufu .qf-step-visual img {
	display: block;
	width: 100%;
	height: auto;
	/*border-radius: 12px;*/
}

/* レスポンシブ */
@media (max-width: 980px) {
	.kyufu .qf-step { grid-template-columns: 1fr 280px; gap: 24px; padding: 36px 0; }
	.kyufu .qf-step {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.kyufu .qf-step-visual {
		padding: 0 25px;
	}
}

/* 完了（D型バッジ＋画像） */
.kyufu .qf-done { display: flex; align-items: center; gap: 16px; margin-bottom: 35px; }
.kyufu .qf-done-badge {
	display: inline-block; padding: 12px 24px 12px 18px;
	background: var(--orange); color: #fff; font-weight: 700; font-size: 30px; line-height: 1;
	border-radius: 16px 999px 999px 16px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.08); letter-spacing: .08em;
}
.kyufu .qf-done-badge {
	display: inline-block; padding: 12px 24px 12px 18px;
	background: var(--orange); color: #fff; font-weight: 700; font-size: 30px; line-height: 1;
	border-radius: 16px 999px 999px 16px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.08); letter-spacing: .08em;
}
.kyufu .qf-done-badge-extra  {
	display: inline-block; padding: 12px 24px 12px 18px;
	background: var(--mint); color: #fff; font-weight: 700; font-size: 30px; line-height: 1;
	border-radius: 16px 999px 999px 16px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.08); letter-spacing: .08em;
}

/* 本文（先頭のミント棒付き） */
.kyufu .qf-bullet-extra {
	position: relative;
	margin: 0 0 30px 0;
	padding-left: 18px;
	font-size: 16px;
	font-weight: 500;
	color: var(--text-main);
	line-height: 1.625;
}
.kyufu .qf-bullet-extra::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 100%;
	background: var(--mint);
	border-radius: 3px;
}

.kyufu .qf-extra {
	display: inline-block;
	color: var(--mint);
	font-size: 22px;
	font-weight: 500;
}

.kyufu .qf-sep-extra  {
	border: 0;
	border-top: 1px solid var(--text-main);
	margin: 0;
}

.kyufu h3.qf-bullet-extra {
	margin-top: 45px;
}

.kyufu .extra-sec-title { margin: 25px 0 30px 0; color: var(--mint); font-size: 22px; font-weight: bold; }
.kyufu .extra-desc { margin: 20px 0 20px 0; color: var(--text-main); line-height: 1.625; }

.kyufu .extra-list {
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--lead);
	list-style: disc inside;
}
.kyufu .extra-list li {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: 400;
	text-indent: -1.3em;
	padding-left: 1.3em;
	line-height: 1.625em;
}

@media (max-width: 980px) {
	.kyufu .qf-badge h2 {
		padding: 15px 5px;
		max-width: 320px;
		font-size: 25px;
	}
	.kyufu .qf-badge h2::after {
		bottom: -15px;
	}
	.kyufu .qf-intro {
		padding: 30px 35px 30px;
	}
	.kyufu .qf-intro { grid-template-columns: 1fr; gap: 30px; }

	.kyufu .qf-step-text {
		display: block;
	}
	.kyufu .qf-step-label,
	.kyufu .qf-step-num {
		display: inline-block;
		white-space: nowrap;
		vertical-align: bottom;
		margin: 0;
	}
	.kyufu .qf-step-label {
		margin-right: 2px;
		padding-bottom: 3px;
		font-size: 24px;
	}
	.kyufu .qf-bullet {
		margin-top: 8px;
		margin-bottom: 35px;
		font-size: 15px;
	}
	.kyufu .qf-list.subTitle {
		margin-bottom: 0;
		padding: 0 0 20px 0;
	}
	.kyufu .qf-list.subCaption {
		padding-bottom: 35px;
	}
	.kyufu .qf-list {
		margin-bottom: 25px;
	}
	.kyufu .qf-bullet-extra {
		margin-bottom: 35px;
	}
	.kyufu .qf-done-badge,
	.kyufu .qf-done-badge-extra {
		font-size: 24px;
	}
	.kyufu h3.qf-bullet-extra {
		margin-top: 36px;
	}
}

/* =========================================================
	section: Q&A・お問い合わせ
========================================================= */

.kyufu .s5-qa {
	margin-top: 25px;
}

.kyufu .qa {
	background: #f5f5f5;
	border: 1px solid var(--orange);
	border-radius: 8px;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}

/* 見出し行（Q と質問文と矢印） */
.kyufu .qa-head {
	display: flex;
	align-items: center;
	gap: 25px;
	padding: 25px;
	list-style: none;
	cursor: pointer;
	user-select: none;
}
.kyufu .qa-head::-webkit-details-marker {
	display: none;
}

/* Q の丸ではなく大きい文字で表示 */
.kyufu .qa-q {
	display: inline-block;
	color: var(--orange);
	font-weight: 700;
	font-size: 28px;
	line-height: 1;
}

/* 質問文 */
.kyufu .qa-title {
	flex: 1 1 auto;
	color: var(--text-main);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.625;
}

/* 右端の▽ */
.kyufu .qa-caret {
	flex: 0 0 auto;
	color: var(--orange);
	transition: transform .2s ease;
}
.kyufu .qa[open] .qa-caret {
	transform: rotate(180deg);
}

/* 開いたときの回答部 */
.kyufu .qa-body {
	display: grid;
	grid-template-columns: auto 1fr; 
	gap: 10px;
	padding: 25px;
	border-top: 1px solid var(--orange);
	color: var(--text-main);
}

/* A の見た目を画像に寄せる（大きい文字） */
.kyufu .qa-a {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-weight: 700;
	font-size: 28px;
	color: var(--orange);
	line-height: 1;
}

/* 回答テキスト */
.kyufu .qa-body p {
	margin: 0 0 0 20px;
	font-size: 16px;
	line-height: 1.625;
}

/* お問い合わせカード */
.kyufu .s5-contact {
	margin-top: 70px;
}

.kyufu .s5-contact-title {
	margin: 0 0 30px;
	text-align: center;
	font-weight: 700;
	color: var(--orange);
	font-size: 30px;
	letter-spacing: .02em;
}

.kyufu .s5-card {
	background: #fef2e5;
	border-radius: 16px;
	padding: 45px;
	color: #153734;
	text-align: center;
}

/* タイトル */
.kyufu .s5-callcenter {
	margin: 0 0 18px;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.45;
}
.kyufu .s5-callcenter small {
	display: block;
	font-size: 24px;
	font-weight: 700;
}

/* 電話番号行 */
.kyufu .s5-phone-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 2px 0 8px;
}
.kyufu .s5-phone-ico-img {
	padding-top: 5px;
	width: 33px;
	height: auto;
}
.kyufu .s5-phone-number {
	display: inline-block;
	font-weight: 900;
	font-size: 37px;
	color: var(--orange);
	line-height: 1;
	letter-spacing: 0;
}

/* 通話料無料 + 説明 */
.kyufu .s5-toll {
	margin: 0 0 20px;
	font-size: 24px;
	color: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	line-height: 1.4;
}

.kyufu .s5-toll span {
	color: var(--text-main);
	font-size: 16px;
}

/* 受付時間 */
.kyufu .s5-hours {
	margin: 0;
	line-height: 1.666;
	font-weight: 500;
	font-size: 18px;
	color: var(--text-main);
}

.kyufu .s5-hours span {
	font-size: 24px;
}

/* 破線 */
.kyufu .s5-dots {
	height: 3px;
	margin: 22px 0 22px;
	background-image: radial-gradient(circle, #254845 2px, rgba(0,0,0,0) 2px);
	background-size: 14px 3px;
	background-repeat: repeat-x;
}

/* 「メールでのご連絡は〜」見出し */
.kyufu .s5-mail-lead {
	margin: 0 0 15px;
	font-weight: 700;
	color: #254845;
	font-size: 24px;
}

/* ボタン */
.kyufu .s5-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: auto;
	padding: 15px 20px;
	border-radius: 12px;
	width: 100%;
	max-width: 405px;
	background: var(--cta-mint);
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.kyufu .s5-btn-arr {
	position: absolute;
	right: 13px;
	top: 17px;
}

.kyufu .s5-btn:focus-visible {
	outline: none; box-shadow: var(--ring);
}
.kyufu .s5-btn:hover {
	filter: brightness(1.02);
}

/* 備考 */
.kyufu .s5-note {
	margin: 25px 0;
	color: var(--text-main);
	font-size: 16px;
	font-weight: 500;
}

@media only screen and (max-width: 980px) {
	.kyufu .s5-contact-title {
		margin: 0 0 20px;
		font-size: 24px;
		line-height: 1.25em;
	}
	.kyufu .s5-card {
		padding: 35px 20px;
	}
	.kyufu .s5-callcenter {
		margin: 0 0 30px;
		font-size: 24px;
		line-height: 1.25;
	}
	.kyufu .s5-callcenter small {
		font-size: 18px;
	}
	.kyufu .s5-phone-row {
		gap: 4px;
		margin: 2px 0 10px;
	}
	.kyufu .s5-phone-ico-img {
		padding-top: 8px;
		width: 24px;
	}
	.kyufu .s5-phone-number {
		font-size: 32px;
	}
	.kyufu .s5-toll {
		margin: 5px 0 30px;
		font-size: 18px;
		display: block;
	}
	.kyufu .s5-toll span {
		display: block;
		padding-top: 15px;
		font-size: 14px;
	}
	.kyufu .s5-hours {
		margin: 0 0 25px;
		font-size: 16px;
	}
	.kyufu .s5-note {
		margin: 10px 0 0;
		font-size: 15px;
	}
	.kyufu .s5-mail-lead {
		font-size: 22px;
	}
}

/*========================================
	5-1.汎用
========================================*/

.pc-off {
	display: none;
}

@media only screen and (max-width: 479px) {
	.pc-off {
		display: block !important;
	}
	.sm-off {
		display: none !important;
	}
}

html {
	scroll-behavior: smooth;
}