@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
/* ==================================================
  【案件ごとの調整パネル（ここだけ触る）】
  - セクション間の余白は section個別の margin-top で調整しない
    → 調整するなら :root の --lp-gap-section を変更する
  - 背景セクションの厚み（上下padding）を変えるなら --lp-pad-bg を変更する
================================================== */

:root {
	--red: #b7282e;
	--pink: #e7609e;
	--blue: #007bbb;
	--yellow: #ffd900;
	--black: #444444;
	
	--gold: #B59861;          /* ゴールド（グラデ用） */
	--gold-dark: #A88D32;     /* ゴールド濃い（グラデ用） */
	--bg-cream: #EEE5DF;      /* 背景クリーム */
	--brown: #B99481;         /* ブラウン */
	--brown-grad: #BCA395;    /* ブラウン（グラデ用） */
	--brown-grad2: #A57862;   /* ブラウン濃い（グラデ用） */
	--navy: #536884;          /* ネイビー */
	--yellow: #F2EBB2;        /* マーカーイエロー */
	--orange: #B96F49;        /* オレンジ（チェック・見出し） */
	--beige: #D2C8C1;         /* ベージュ */
	--gray: #D5D5D5;          /* グレー */
	--text: #4A4A4A;          /* 本文テキスト */
	--white: #FDFCFC;         /* ホワイト */
	
	--gothic: 'Helvetica Neue', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, sans-serif;
	--mincho: '游明朝体', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;

	/* 単位辞書 */
	--lp-space__05: 0.5rem;
	--lp-space__10: 1rem;
	--lp-space__15: 1.5rem;
	--lp-space__20: 2rem;
	--lp-space__30: 3rem;
	--lp-space__40: 4rem;
	--lp-space__50: 5rem;
	--lp-space__60: 6rem;

	/* 用途 */
	--lp-gap__section: var(--lp-space__30);
	--lp-gap__stack: var(--lp-space__20);
	--lp-pad__section: var(--lp-space__30);
}

	/* 例）セクション間隔を詰める： 2.5rem / 広げる： 3.5rem など */
	/* --lp-gap-section: 3rem; */

	/* 例）背景セクションの上下padding */
	/* --lp-pad-bg: 3rem; */


/* ◆◆◆ 枠外背景 ◆◆◆ */
@media (min-width: 769px) {
	.l-wrapper {
		overflow: hidden;
		background-image:url(https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/onozawa_bg-scaled.webp);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
/* ◆◆◆ /枠外背景 ◆◆◆ */

/* section の直後に続く br を消す */
.c-postContent .lp-section + br {
	display: none;
}
/* br の直後が section（br が section の直前）の場合 */
.c-postContent br:has(+ .lp-section) {
	display: none;
}

/* ◆◆◆ フォントサイズ ◆◆◆ */
/* このサイトに合う設定に調整 */
h2 {
	font-size: clamp(1.8rem, 2.8vw, 2.3rem);
	min-height: 0;
	line-height: 1.2;
	padding: 0 0 1em;
	background: none;
	color: var(--black);
}

h3 {
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	min-height: 0;
	margin-top: 3rem;
	padding: 0;
	border: none;
}

p, li, a {
	font-size: clamp(1rem, 1.6vw, 1.3rem);
	font-family: var(--mincho);
}

p {
	margin-bottom: 2rem;
	font-family: var(--mincho);
}
/* ◆◆◆ /フォントサイズ ◆◆◆ */


/* ◆◆◆ 文字色 ◆◆◆ */
.text__red {
	color: var(--red);
	font-weight: 600;
}

.text__blue {
	color: var(--blue);
	font-weight: 600;
}
/* ◆◆◆ /文字色 ◆◆◆ */


/* ◆◆◆ マーカー ◆◆◆ */
.marker {
	background: linear-gradient(transparent 55%, var(--yellow) 55%);
}

.marker__pink {
	font-weight:bold;
	background:linear-gradient(transparent 60%, var(--pink) 60%);
}
/* ◆◆◆ /マーカー ◆◆◆ */


/* ◆◆◆ FV ◆◆◆ */
.fv .fv__img {
	margin: 0;
	box-sizing: border-box;
}
/* ◆◆◆ /FV ◆◆◆ */


/* ◆◆◆ オファー ◆◆◆ */
.offer {
	margin-top: -3em;
}

.offer .offer__img {
	margin: 0;
	line-height: 0;
}
/* ◆◆◆ /オファー ◆◆◆ */


/* ◆◆◆ 問合 ◆◆◆ */
.is-lp .c-postContent > .lp-contact {
	background: linear-gradient(to bottom, #f8f4e6, #f2f2c2);
	margin-top: 0;
}

.lp-contact__btn {
	transition-duration: 0.6s;
	margin-bottom: 1rem;
}

.lp-contact .lp-contact__btn:last-child {
	margin-bottom: 0;
}

/*基本：上下余白あり*/
.is-lp .lp-contact {
	padding-block: var(--lp-contact-pad);
}
/*上だけ詰める*/
.is-lp .lp-contact.is-top-tight {
	padding-top: var(--lp-contact-tight);
}
/*下だけ詰める*/
.is-lp .lp-contact.is-bottom-tight {
	padding-bottom: var(--lp-contact-tight);
}

.lp-contact__btn:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	transition-property: all;
	transition-duration: 0.6s;
}
/* ◆◆◆ /問合 ◆◆◆ */


/* ◆◆◆ こんなお悩み ◆◆◆ */
.problem {
	background-color: var(--white);
	background-image: linear-gradient(180deg, #F8F6F2 0%, transparent 10%);
	padding-top: 3em;
}
.problem__inner {
	max-width: 920px;
	margin-inline: auto;
	padding-inline: 1.2em;
}

/* 見出し */
.problem__title {
	position: relative;
	color: var(--orange);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2rem, 6vw, 2.4rem);
	line-height: 1.3;
	letter-spacing: 0.04em;
	margin: 0 0 1.6em;
	padding-bottom: 0.8em;
	font-family: var(--mincho);
}
/* ▼ 見出し下のあしらい画像（擬似要素）。URL を差し込む */
.problem__title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 200px;
	height: 20px;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/ashirai.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* リスト */
.problem__items {
	list-style: none;
	margin: 0;
	max-width: 760px;
	margin-inline: auto;
}
.problem__items li {
	position: relative;
	color: var(--text);
	font-weight: 500;
	font-size: clamp(1rem, 2.6vw, 1.2rem);
	line-height: 1.5;
	padding-left: 2.4em;
	margin-bottom: 1em;
	font-family: var(--gothic);
	font-weight: bold;
}
.problem__items li:last-child {
	margin-bottom: 0;
}
/* ▼ チェックマーク画像（擬似要素）。URL を差し込む */
.problem__items li::before {
	content: "";
	position: absolute;
	left: 0;
	top: -0.1em;
	width: 1.6em;
	height: 1.6em;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/check.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
/* ◆◆◆ /こんなお悩み ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ こんなお悩み ◆◆◆ */
	.problem {
		padding-block: 2.2em;
	}
	.problem__items li {
		padding-left: 2em;
	}
	/* ◆◆◆ /こんなお悩み ◆◆◆ */
}


/* ◆◆◆ 実は・毛根 ◆◆◆ */
.moukon {
	background: var(--white);
}

/* 画像エリア */
.moukon__photo {
	position: relative;
}
.moukon__photo img {
	display: block;
	width: 100%;
	height: auto;
}

/* 「実は」リボン（底辺がV字の一体型） */
.moukon__ribbon {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	background: linear-gradient(180deg, var(--brown-grad) 0%, var(--brown-grad2) 100%);
	color: var(--white);
	font-weight: 500;
	font-size: clamp(1rem, 3.4vw, 1.8rem);
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	padding: .1em 1.2em .3em;
	margin: 0;
	z-index: 2;
	/* ▼ 底辺を中央へV字にへこませる */
	clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
}

/* キャッチコピー */
.moukon__inner {
	max-width: 920px;
	margin-inline: auto;
	padding: 3.5em 1.2em 3em;
	text-align: center;
	background: #F9F7F3;
}
.moukon__lead {
	color: var(--text);
	font-weight: 600;
	font-size: clamp(2rem, 4.6vw, 2.4rem);
	line-height: 1.5;
	margin: 0 0 0.6em;
}

/* ×／○ の行（枠囲み） */
.moukon__line {
	position: relative;
	display: inline-block;
	font-weight: 600;
	font-size: clamp(1.7rem, 4.6vw, 2.4rem);
	line-height: 1.4;
	border: 1px solid var(--beige);
	padding: 0.25em 0.8em;
	margin: 0 0 0.6em;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
	background: white;
}
.moukon__line:last-child {
	margin-bottom: 0;
}
.moukon__line--ng {
	color: var(--text);
}
.navy_change {
	color: var(--navy);
}

.moukon__line--ok {
	color: var(--text);
}
.orange_change {
	color: var(--orange);
}
.moukon__line--ok .moukon__last {
	color: var(--text);
}

/* ×／○ マーク画像（擬似要素ではなく span に背景画像） */
.moukon__mark {
	position: absolute;
	top: 10%;
	left: 0;
	transform: translate(-50%, -55%);
	width: 1.1em;
	height: 1.1em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
/* ▼ × 画像 */
.moukon__mark--x {
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/batsu.webp");
}
/* ▼ ○ 画像 */
.moukon__mark--o {
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/maru.webp");
}
/*そんな風に感じられています */
.moukon__feel {
	background: var(--white);
	padding-bottom: 3em;
	background: #F9F7F3;
}
.moukon__feel-lead,
.moukon__feel-end {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.3rem, 4vw, 1.8rem);
	line-height: 1.5;
	margin: 0;
	padding-inline: 1.2em;
}
.moukon__feel-lead {
	padding-bottom: 1em;
	background: #F9F7F3;
}
.moukon__feel-end {
	margin-top: 1.5em;
}

/* 画像グリッド＋中央テキスト */
.moukon__feel-grid {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
}
.moukon__feel-img {
	overflow: hidden;
	aspect-ratio: 4 / 3;
}
.moukon__feel-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 中央テキスト（グリッドに重ねる） */
.moukon__feel-text {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.2em;
	text-align: center;
	padding: 1em;
	pointer-events: none;
}
/* ▼ 中央に1つの大きな円形ボカシを敷く */
.moukon__feel-text::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;          /* ボカシの横幅。広げたいほど大きく */
	height: 100%;         /* ボカシの縦幅 */
	z-index: 0;
	background: radial-gradient(
		ellipse at center,
		rgba(255, 255, 255, 0.95) 0%,
		rgba(255, 255, 255, 0.85) 35%,
		rgba(255, 255, 255, 0.5) 60%,
		rgba(255, 255, 255, 0) 80%
	);
}
.moukon__feel-text p {
	position: relative;
	z-index: 1;          /* ボカシより前面 */
	color: var(--text);
	font-weight: 600;
	font-size: clamp(1.2rem, 3.4vw, 1.4rem);
	line-height: 1.7;
	margin: 0;
}
/* ▼ 続き：しかし */
.moukon__however {
background: #F9F7F3;
	padding: 3em 1.2em 0em;
}
.moukon__however-box {
	position: relative;
	max-width: 640px;
	margin-inline: auto;
	background: var(--white);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	padding: 4em 1.5em 3em;
}

/* 「しかし」リボン（「実は」と同じV字一体型） */
.moukon__however-ribbon {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	background: linear-gradient(180deg, var(--brown-grad) 0%, var(--brown-grad2) 100%);
	color: var(--white);
	font-weight: 600;
	font-size: clamp(1rem, 3.4vw, 1.8rem);
	letter-spacing: 0.3em;
	text-indent: 0.1em;
	padding: .1em .7em .3em;
	margin: 0;
	z-index: 2;
	clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
}

/* リード文 */
.moukon__however-lead {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.5rem, 4vw, 2rem);
	line-height: 1.6;
	margin: 0;
}
/* 傍点（点々） */
.moukon__dots {
	color: var(--navy);          /* 文字とドットをブルーに */
	text-emphasis: dot var(--navy);
	-webkit-text-emphasis: dot var(--navy);
	text-emphasis-position: over;
	-webkit-text-emphasis-position: over;
}

/* 毛根の図 */
.moukon__however-img {
	margin: 0;
}
.moukon__however-img img {
	display: block;
	width: 100%;
	height: auto;
}
/*15年以内であれば */
.moukon__hope {
	background: #F9F7F3;
	padding-top: 2em;
}

/* 下向き三角（画像） */
.moukon__hope-arrow {
	margin: 0 auto;
	text-align: center;
}
.moukon__hope-arrow img {
	display: inline-block;
	width: clamp(60px, 10vw, 100px);
	height: auto;
}

/* リード文 */
.moukon__hope-lead {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.5rem, 4.4vw, 2.2rem);
	line-height: 1.7;
	margin: 1.2em 0 0;
	padding-inline: 1em;
}
/* 「15年以内」オレンジ強調 */
.moukon__hope-em {
	color: var(--orange);
}
/* 「休んでいるCだけC」影つき白枠 */
.moukon__hope-box {
	display: inline-block;
	color: var(--orange);
	background: var(--white);
	border: 1px solid var(--beige);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
	padding: 0.1em 0.5em;
	margin: 0.15em 0;
}
/* 人物画像 */
.moukon__hope-img {
	position: relative;
	margin: 2em 0 0;
}
.moukon__hope-img img {
	display: block;
	width: 100%;
	height: auto;
}
/* ▼ 上端を白へグラデーションで抜く */
.moukon__hope-img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 35%;          /* 上の抜きの高さ */
	background: linear-gradient(
		180deg,
		var(--white) 0%,
		rgba(253, 252, 252, 0) 100%
	);
	pointer-events: none;
}
/* ▼ 下端を白へグラデーションで抜く */
.moukon__hope-img::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%;          /* 下の抜きの高さ */
	background: linear-gradient(
		0deg,
		var(--white) 0%,
		rgba(253, 252, 252, 0) 100%
	);
	pointer-events: none;
}

/*諦めずにご相談ください */
.moukon__cta {
	background: var(--white);
}

/* 導入文 */
.moukon__cta-lead {
	position: relative;
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.6rem, 4.4vw, 2.2rem);
	line-height: 1.6;
	margin: 0;
	padding: 2em 1em 1.6em;
}
.moukon__cta-em {
	color: var(--orange);
}
/* ▼ 導入文下のあしらい画像（problem と同じ画像）。URL を差し込む */
.moukon__cta-lead::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0.6em;
	transform: translateX(-50%);
	width: 200px;
	height: 20px;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/ashirai.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* メインコピー＋玉ボケ背景 */
.moukon__cta-main {
	color: var(--orange);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2rem, 6.4vw, 3.4rem);
	line-height: 1.2;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 1.2em 1em 1em;
	background-color: var(--white);
	/* ▼ 上：白グラデで地色を隠す ／ 下：玉ボケ画像 */
	background-image:
		linear-gradient(180deg, var(--white) 0%, var(--white) 35%, rgba(253, 252, 252, 0) 70%),
		url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/kirakira_bg.webp");
	background-size: cover, cover;
	background-position: center, center;
	background-repeat: no-repeat, no-repeat;
}

/* 人物画像 */
.moukon__cta-img {
	margin: 0;
}
.moukon__cta-img img {
	display: block;
	width: 100%;
	height: auto;
}
/* ◆◆◆ /実は・毛根 ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ 実は・毛根 ◆◆◆ */
	.moukon__inner {
		padding: 3em 1.2em 2.5em;
	}
	.moukon__line {
		padding: 0.25em 0.6em;
	}
	.moukon__mark {
		transform: translate(-40%, -55%);
	}
	.moukon__ribbon {
		padding: 0.5em 1.8em 1.2em;
	}
	
	.moukon__feel-text {
		gap: 1em;
	}
	.moukon__feel-text p {
		line-height: 1.6;
	}
	
	/* しかし */
	.moukon__however {
		padding: 2.5em 1em 0em;
	}
	.moukon__however-box {
		padding: 3.5em 1em 2.5em;
	}
	.moukon__however-ribbon {
		padding: 1em 1.8em 1.2em;
	}
	/*15年以内であれば */
	.moukon__hope-lead {
		line-height: 1.6;
	}
	.moukon__hope-box {
		padding: 0.1em 0.4em;
	}
	.reason__title-text {
		letter-spacing: -1px;
	}
	.moukon__hope-img::before {
		top: -1px;
	}
	.moukon__hope-img::after {
		bottom: -1px;
	}
	
	/* ◆◆◆ /実は・毛根 ◆◆◆ */
}


/* ◆◆◆ Before / After ◆◆◆ */
.ba {
	background: #F3EAE6;
	padding-block: 3em 6em;
}
.ba_gradation {
	background: linear-gradient(to bottom, #EEE5DF, #F8F6F2);
	padding-block: 3em;
}
.ba__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
}

/* セクション見出し */
.ba__title {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2.4rem, 5.6vw, 3.6rem);
	letter-spacing: 0.04em;
	margin: 0;
	font-family: var(--mincho);
}

/* 一覧 */
.ba__items {
	list-style: none;
	padding: 0;
	margin: 0;
}
.ba__item {
	margin-bottom: 3em;
}
.ba__item:last-child {
	margin-bottom: 0;
}

/* case見出し＋白帯 */
.ba__item-head {
	position: relative;
	margin-bottom: 1.4em;
}
/* 手書き風 case01（白帯の左上に重ねる・斜め・半透明） */
.ba__item-case {
	position: absolute;
	top: -0.2em;
	left: 0.2em;
	z-index: 2;
	color: var(--brown);
	font-family: 'Parisienne', cursive;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(1.5rem, 4.2vw, 2rem);
	line-height: 1;
	letter-spacing: 0.04em;
	opacity: 0.25;
	transform: rotate(-8deg);
	transform-origin: left center;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	margin: 0;
	list-style: none;
	pointer-events: none;
}
.ba__item-case::before,
.ba__item-case::marker {
	content: none;
}
/* 白帯タイトル（背景白・文字オレンジ） */
.ba__item-meta {
    background: var(--white);
    color: var(--orange);
    text-align: center;
    font-weight: 600;
    font-size: clamp(1rem, 3.2vw, 1.9rem);
    letter-spacing: 0.08em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: .1em;
    margin: 0 1em;
    border: .5px solid #CAB6A0;
    list-style: none;
}

/* 脱毛歴 */
.ba__item-history {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.3rem, 2.6vw, 1.7rem);
	margin: 0 0 1.2em;
}
.ba__item-history::before,
.ba__item-history::after {
	content: "■";
	color: var(--text);
	font-size: 0.7em;
	vertical-align: 0.15em;
	margin: 0 0.6em;
}

/* ビフォー/アフター画像 */
.ba__item-imgs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.1em;
	margin-bottom: 1.4em;
}
.ba__item-img {
	position: relative;
	flex: 1 1 0;
	margin: 0;
}
.ba__item-img img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
/* アフター画像にオレンジの影 */
.ba__item-img--after img {
	box-shadow: 0 4px 14px rgba(165, 120, 98, 0.5);
	border-radius: 10px;
}

/* Before / After ラベル（画像の下辺にかかる） */
.ba__item-img::after {
    position: absolute;
    left: 50%;
    bottom: -0.8em;
    transform: translateX(-50%);
    color: var(--white);
    font-weight: 600;
    font-size: clamp(1.1rem, 2.2vw, 1.4rem);
    letter-spacing: 0.05em;
    padding: 0.1em 1.6em;
    border-radius: 2em;
}
.ba__item-img--before::after {
	content: "Before";
	background: var(--gray);
	color: var(--black);
}
.ba__item-img--after::after {
	content: "After";
	background: var(--orange);
}

/* 矢印（画像・アフター側に少しかける） */
.ba__item-arrow {
	flex: 0 0 auto;
	width: clamp(28px, 6vw, 44px);
	margin: 0 -0.6em 0 0;
	position: relative;
	z-index: 1;
}
.ba__item-arrow img {
	display: block;
	width: 100%;
	height: auto;
}

/* お悩み欄 */
.ba__item-worry {
	padding: 0 1em;
}
.ba__item-worry-label {
	color: var(--text);
	font-weight: 600;
	font-size: clamp(1.3rem, 2.6vw, 1.5rem);
	border-left: 10px solid var(--brown);
	padding-left: 0.5em;
	margin: 0 0 0.8em;
}
.ba__item-worry-text {
	background: var(--white);
	color: var(--text);
	font-family: var(--mincho);
	text-align: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	padding: 1.2em 1em;
	margin: 0 0 1em;
	
}

/* 注釈 */
.ba__item-note {
	color: var(--text);
	text-align: right;
	font-size: clamp(.7rem, 1.8vw, .8rem);
	margin: 0;
}

.ba__item-badge {
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%) rotate(0deg);
	z-index: 2;
	background: #B59A7B;
	color: var(--white);
	font-weight: 600;
	font-size: clamp(0.85rem, 1.8vw, 1rem);
	line-height: 1.3;
	text-align: center;
	letter-spacing: 0.02em;
	padding: 0.3em 0.6em;
	white-space: nowrap;
}
/* ◆◆◆ /Before / After ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ Before / After ◆◆◆ */
	.ba {
		padding-block: 2.2em;
	}
	/* 画像をタテ並び・矢印は下向き */
	.ba__item-imgs {
		flex-direction: column;
		gap: 0.4em;
	}
	.ba__item-img {
		width: 100%;
	}
	.ba__item-arrow {
		width: clamp(24px, 8vw, 36px);
		margin: -0.6em 0 0 0;
		transform: rotate(90deg);
	}
	.ba__item-meta {
		font-size: clamp(1rem, 3.2vw, 1.9rem);
	}
	.ba__item-history {
		font-size: clamp(1rem, 2.6vw, 1.7rem);
	}
	/* ◆◆◆ /Before / After ◆◆◆ */
}

/* ◆◆◆ 喜びの声 ◆◆◆ */
.voice {
	background: linear-gradient(to bottom, #f8f4e6, #f2f2c2);
}

.voice__inner {}

h2.voice__title {
	text-align: center;
}

ul.voice__items {
	list-style: none;
	padding: 0;
	margin: 0;
}

li.voice__item {
	background: #eaf4fc;
	padding: 2.6rem 2.6rem 0.6rem 2.6rem;
	margin: 0 0 2rem;
}

li.voice__item:last-child {
	margin-bottom: 0;
}

li.voice__item:after {
	content: "";
	display: block;
	clear: both;
}

figure.voice__item-img {
	float: left;
	width: 45%;
	padding: 0.4em 1em 0 0;
	margin: 0;
}

li.voice__item h3.voice__item-title {
	margin: 0!important;
}

p.voice__item-meta {
	color: gray;
	font-size: clamp(0.9rem, 1.4vw, 1.1rem);
	margin: 0;
}

p.voice__item-text {
	line-height: 1.6;
	text-align: justify;
	margin-bottom: 1em;
}

p.voice__item-note {
	font-size: 80%;
	color: gray;
	margin-bottom: 0;
}

.is-lp .voice__item-text-box.lp-stack {
	gap: 0.8rem;
}
/* ◆◆◆ /喜びの声 ◆◆◆ */

/* ◆◆◆ 選ばれる理由 ◆◆◆ */
.reason {
	background: #F9F7F3;
	padding-top: 3em;
	padding-bottom: 6em;
}
.reason__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
	background: #F9F7F3;
}

/* セクション見出し（なぜ＋タイトル） */
.reason__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6em;
	margin: 0;
}
/* 「なぜ」円バッジ */
.reason__badge {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.4em;
	height: 3.4em;
	border: 2px solid var(--orange);
	border-radius: 50%;
	color: var(--orange);
	font-weight: 600;
	font-size: clamp(1.2rem, 2.4vw, 1.5rem);
	line-height: 1.2;
	font-family: var(--mincho);
	background: var(--white);
}
/* タイトル文 */
.reason__title-text {
	color: var(--text);
	font-weight: 600;
	font-size: clamp(1.5rem, 3.2vw, 2.1rem);
	line-height: 1.4;
	font-family: var(--mincho);
}
.reason__hl {
	color: var(--orange);
}

/* カウンター初期化 */
.reason__items {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: reason-counter;
}

/* カード */
.reason__item {
	counter-increment: reason-counter;
	background: #FCFBFA;
	border-radius: 1em;
	overflow: hidden;
	margin-bottom: 2.5em;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	background: var(--white);
}
.reason__item:last-child {
	margin-bottom: 0;
}

/* reasonラベル帯（reason + 連番） */
.reason__item-label {
	background: var(--brown);
	color: var(--white);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.3rem, 2.6vw, 1.7rem);
	letter-spacing: 0.1em;
	padding: 0.6em 1em;
	margin: 0;
	border-radius: 1em 1em 0 0;  /* カードの border-radius と同じ値を上端だけに */
}
.reason__item-label::before {
	content: "-";
}
.reason__item-label::after {
	/* 連番を2桁ゼロ埋めで自動表示（reason01〜reason05） */
	content: counter(reason-counter, decimal-leading-zero) "-";
}

/* カード見出し */
.reason__item-title {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.4rem, 2.8vw, 1.9rem);
	line-height: 1.6;
	margin: 0;
	padding: 1.4em 1em 0.8em;
}
.reason__item-title-strong {
	color: var(--orange);
	font-size: 1.05em;
}

/* 画像（オレンジ系の影） */
.reason__item-img {
	margin: 0;
	padding-inline: 1.5em;
}
.reason__item-img img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 6px 16px rgba(185, 111, 73, 0.35); /* --orange 系の影 */
}

/* 本文 */
.reason__item-text {
	color: var(--text);
	line-height: 1.9;
	padding: 1.4em 1.5em 1.8em;
	margin: 0;
	font-family: var(--gothic);
	text-align: justify;
}
.reason__em {
	color: var(--orange);
	font-weight: 600;
}

/* タグ風ラベル */
.reason__tags {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.6em;
	padding: 0 1em;
	margin: 0.4em 0 0;
}
.reason__tags li {
	background: #EDE5DE;
	color: var(--text);
	font-family: var(--gothic);
	font-size: clamp(1.1rem, 2.2vw, 1.4rem);
	border-radius: 0.4em;
	padding: 0.6em 1em;
}

/* 締めの一文 */
.reason__item-text--end {
	padding-top: 0.8em;
}


/* ◆◆◆ /選ばれる理由 ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ 選ばれる理由 ◆◆◆ */
	.reason {
		padding-block: 2.2em;
	}
	.reason__title {
		gap: 0.4em;
	}
	.reason__item-img {
		padding-inline: 1.2em;
	}
	.reason__item-text {
		line-height: 1.8;
		padding: 1.2em 1.2em 1.5em;
	}
	
	.reason__tags {
		padding: 0 1.2em;
	}
	
	/* ◆◆◆ /選ばれる理由 ◆◆◆ */
}


/* ◆◆◆ よくある質問 ◆◆◆ */
.qa {
	background: linear-gradient(to bottom, #FBF8F2, #F4EFE6);
	padding-block: 3em;
}
.qa__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
	padding-bottom: 3em;
}

/* 見出し（明朝・あしらい画像） */
h2.qa__title {
	position: relative;
	color: var(--orange);
	text-align: center;
	font-family: var(--mincho);
	font-weight: 600;
	font-size: clamp(2.6rem, 6vw, 3rem);
	letter-spacing: 0.08em;
	margin: 0 0 1em;
	padding-bottom: 0.8em;
}
/* ▼ 見出し下のあしらい画像（以前と同じURL） */
h2.qa__title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 200px;
	height: 20px;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/ashirai.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* アコーディオン項目 */
.qa__item {
	background: var(--white);
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	margin-bottom: 0.8em;
}
.qa__item:last-child {
	margin-bottom: 0;
}

/* 質問（summary） */
.qa__item-title {
	position: relative;
	display: block;
	list-style: none;
	font-family: var(--mincho);
	font-size: clamp(1.1rem, 1.8vw, 1.4rem);
	line-height: 1.5;
	color: var(--text);
	cursor: pointer;
	padding: 1em 3.6em 1em 3em;
}
.qa__item-title::-webkit-details-marker {
	display: none;
}
/* Q.（黒） */
.qa__item-title::before {
	content: "Q.";
	position: absolute;
	top: .8em;
	left: 1.4rem;
	color: #000;
	font-family: var(--mincho);
	font-size: clamp(1rem, 2.6vw, 1.5rem);
	font-weight: 600;
}
/* ＋（薄ベージュ円・白字） */
.qa__item-title::after {
	content: "＋";
	position: absolute;
	top: 50%;
	right: 1.2rem;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.7em;
	height: 1.7em;
	background: var(--beige, #D2C8C1);
	border-radius: 50%;
	color: var(--white);
	font-size: clamp(1.2rem, 1.8vw, 1.4rem);
	line-height: 1;
}
/* オープン時：−に変更 */
.qa__item[open] .qa__item-title::after {
	content: "−";
}

/* 回答 */
.qa__item-text {
	position: relative;
	font-family: var(--mincho);
	font-size: clamp(1.1rem, 1.8vw, 1.4rem);
	line-height: 1.7;
	color: var(--text);
	border-top: 1px solid #E5DED2;
	margin: 0 1.4rem;
	padding: 1em 0 1.2em 2em;
}
/* A.（黒） */
.qa__item-text::before {
	content: "A.";
	position: absolute;
	top: .8em;
	left: 0;
	color: #000;
	font-family: var(--mincho);
	font-size: clamp(1rem, 2.6vw, 1.5rem);
	font-weight: 600;
}
/* ◆◆◆ /よくある質問 ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ よくある質問ーアコーディオン ◆◆◆ */
	.qa {
		padding-block: 2.2em;
	}
	.qa__item-title {
		padding: 1.1em 2.4em 1.1em 2.5em;
	}
	.qa__item-title::before {
		top: 1.2em;
		left: 0.8rem;
	}
	.qa__item-title::after {
		right: 0.9rem;
		width: 1.6em;
		height: 1.6em;
	}
	.qa__item-text {
		margin: 0 1rem;
		padding: 0.9em 0 1em 1.5em;
	}
	.qa__item-text::before {
		top: 1.2em;
	}
	/* ◆◆◆ /よくある質問ーアコーディオン ◆◆◆ */
}


/* ◆◆◆ アクセス ◆◆◆ */
.access {
	background: linear-gradient(to bottom, #FBF8F2, #F4EFE6);
	padding-block: 3em 0;
}
.access__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
}

/* 見出し（明朝・あしらい画像） */
h2.access__title {
	position: relative;
	color: var(--orange);
	text-align: center;
	font-family: var(--mincho);
	font-weight: 600;
	font-size: clamp(2.6rem, 6vw, 3rem);
	letter-spacing: 0.12em;
	margin: 0 0 1em;
	padding-bottom: 0.8em;
}
/* ▼ 見出し下のあしらい画像（以前と同じURL） */
h2.access__title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 200px;
	height: 20px;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/ashirai.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* 白カード */
.access__card {
	background: var(--white);
	border-radius: 1em;
	box-shadow: 0 4px 16px rgba(185, 148, 129, 0.35);
	padding: 2.2em 1.8em;
	margin-bottom: 2.5em;
}

/* 院名 */
.access__name {
	color: var(--text);
	text-align: center;
	font-family: var(--mincho);
	font-weight: 600;
	font-size: clamp(1.5rem, 4vw, 2rem);
	letter-spacing: 0.04em;
	padding-bottom: 0.8em;
	margin: 0 0 1em;
	border-bottom: 1px dashed #D9B8A8;
}

/* 情報テーブル */
.access__table {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
.access__table th,
.access__table td {
	font-family: var(--mincho);
	font-size: clamp(1.1rem, 2vw, 1.3rem);
	line-height: 1.7;
	text-align: left;
	vertical-align: top;
	padding: 1em 0;
	border: none;
}
.access__table th {
	background:#FDFCFC;
}
/* 行間の点線 */
.access__table tr:not(:last-child) th,
.access__table tr:not(:last-child) td {
	border-bottom: 1px dashed #D9B8A8;
}
/* ラベル（縦棒つき） */
.access__table th {
	width: 6em;
	color: var(--text);
	font-weight: 600;
	white-space: nowrap;
	padding-left: 0.8em;
	position: relative;
}
.access__table th::before {
    content: "";
    position: absolute;
    left: 0;
    top: .8em;
    width: 8px;
    height: 1em;
    background: var(--brown);
}


.access__table td {
	color: var(--text);
	padding-left: 1em;
}

/* Google Map */
.access__map {
	line-height: 0;
}
.access__map iframe {
	display: block;
	width: 100%;
	height: 320px;
	border: 0;
}
/* ◆◆◆ /アクセス ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ アクセス ◆◆◆ */
	.access {
		padding-block: 2.2em 0;
	}
	.access__card {
		padding: 1.8em 1.2em;
	}
	.access__table th {
		width: 5em;
		font-size: clamp(1.1rem, 3vw, 1.4rem);
	}
	.access__table td {
		padding-left: 0.6em;
	}
	.access__map iframe {
		height: 260px;
	}
	/* ◆◆◆ /アクセス ◆◆◆ */
}


/* ◆◆◆ フッターボタン ◆◆◆ */
.footer-btn__contact {
	position: fixed;
	bottom: 0.5em;
	right: 1em;
	width: 400px;
	z-index: 10;
	display: flex;
	flex-direction: column;
}

.footer-btn__contact-item {
	transition: 0.6s;
	margin-bottom: 1.6em;
}

.footer-btn__contact-item:last-child {
	margin-bottom: 0;
}

.footer-btn__contact-item:hover {
	transform: scale(1.05, 1.05);
}
/* ◆◆◆ /フッターボタン ◆◆◆ */


/* ◆◆◆ フッター ◆◆◆ */
.l-footer__foot {
	background: #BA9481;
}

p.c-copyright {
	color: white;
}
/* ◆◆◆ /フッター ◆◆◆ */


/* ◆◆◆ cf7 ◆◆◆ */
.contact__form {
	background: ivory;
	padding: 3em 5em;
	width: 100%;
}

.contact__form p {
	margin-bottom: 0!important;
}

.contact__form-item {
	margin-bottom: 2em;
}

.contact__label-required,
.contact__label-any {
	font-size: 75%;
	color: white;
	padding: 3px 6px 2px;
	border-radius: 1rem;
	margin-right: 0.5em;
}

/*必須ラベル*/
.contact__label-required {
	background: brown;
}

/*任意ラベル*/
.contact__label-any {
	background: gray;
}

.contact__consent {
	margin: 3em 0;
}

.contact__consent ul {
	line-height: 1.6;
}

.contact__consent ul li {
	font-size: clamp(0.7rem, 1.2vw, 1rem);
}

.contact__consent p {
	font-size: 94%;
}

.contact__personal-info {
	margin: 0;
	padding: 1em;
	border: solid 2px #e9e9e9;
	border-radius: 0.5rem;
	line-height: 1.3;
	overflow: auto;
	text-align: left;
	height: 10rem;
}

.wpcf7-submit {
	background: orange;
	border-radius: 0.5rem;
	padding: 1em 2em;
	margin-top: 3em;
	transition: 0.6s;
}

.wpcf7-submit:hover {
	opacity: 0.7;
	box-shadow: 2px 2px 2px gray;
}

textarea,
input {
	background: white;
	width: 100%;
	box-shadow: 0 0 2px #c8c2c6;
}

span.wpcf7-list-item-label {
	font-size: clamp(0.9rem, 1.4vw, 1.2rem);
}

.contact__consent-check input {
	width: 2rem;
}
/* ◆◆◆ /cf7 ◆◆◆ */


/* ◆◆◆ LINEプレゼント ◆◆◆ */
.present {
	background: var(--bg4, #FAF7F4);
	padding-block: 3em;
}
.present__inner {
	max-width: 500px;
	margin-inline: auto;
	padding-inline: 1.2em;
}

/* バナー画像 */
.present__banner {
	margin: 0 0 1.5em;
}
.present__banner img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 4px 14px rgba(185, 148, 129, 0.4);
}

/* LINEボタン */
.present__btn {
	text-align: center;
}
/* ショートコード出力の a・img 両方に対応 */
.present__btn a,
.present__btn img {
	display: block;
	width: 100%;
	height: auto;
	margin-inline: auto;
}
.present__btn a {
	transition: 0.3s;
}
/* ホバー：わずかに浮く＋少し明るく */
.present__btn a:hover {
	transform: translateY(-3px);
	filter: brightness(1.05);
}
/* a が無く img 単体で出力される場合のホバー */
.present__btn > img {
	transition: 0.3s;
}
.present__btn > img:hover {
	transform: translateY(-3px);
	filter: brightness(1.05);
}
/* ◆◆◆ /LINEプレゼント ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ LINEプレゼント ◆◆◆ */
	.present {
		padding-block: 2.2em;
	}
	.present__banner {
		margin-bottom: 1.2em;
	}
	/* ◆◆◆ /LINEプレゼント ◆◆◆ */
}


/* ◆◆◆ 施術の紹介 ◆◆◆ */
.method {
	/* ▼ 玉ボケ背景画像（以前と同じURL）。下地に白を敷く */
	background-color: #F9F7F3;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/tamaboke_bg.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-block: 3.5em;
}
.method__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
	text-align: center;
}

/* 見出し */
.method__title {
	position: relative;
	color: var(--orange);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2rem, 6vw, 3rem);
	letter-spacing: 0.08em;
	margin: 0 0 1.4em;
	padding-bottom: 0.7em;
	font-family: var(--mincho);
}
/* ▼ 見出し下のあしらい画像（以前と同じURL） */
.method__title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 200px;
	height: 20px;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/ashirai.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* リード文 */
.method__lead {
	color: var(--text);
	font-weight: 600;
	font-size: clamp(1.6rem, 3.4vw, 2rem);
	margin: 0;
}

/* ラベル枠（横並び・折り返し） */
.method__items {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.8em;
	padding: 0;
	margin: 0 0 1em;
}
.method__items li {
    background: var(--white);
    color: var(--text);
    font-weight: 600;
    font-size: clamp(1.3rem, 3.4vw, 1.8rem);
    border: 1px solid var(--brown);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: .3rem 1rem;
}
/* 横幅いっぱいに広げる項目（エレクトロポレーション） */
.method__item--wide {
	flex-basis: 67%;
}

/* 締めの文 */
.method__end {
	color: var(--text);
	font-weight: 600;
	font-size: clamp(1.6rem, 4vw, 2rem);
	line-height: 1.5;
	margin: 0;
}
.method__em {
	color: var(--orange);
}
/* ◆◆◆ /施術の紹介 ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ 施術の紹介 ◆◆◆ */
	.method {
		padding-block: 2.5em;
	}
	.method__items {
		gap: 0.6em;
	}
	.method__items li {
		padding: 0.5em 0.8em;
	}
	.method__item--wide {
    	flex-basis: 68%;
	}
	/* ◆◆◆ /施術の紹介 ◆◆◆ */
}


/* ◆◆◆ 施術アプローチ ◆◆◆ */
.approach {
	/* ▼ 茶色枠の外側の背景画像。URL を差し込む */
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/approach_bg-scaled.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-block: 6em;
}
.approach__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
}

/* 一覧（カウンター初期化） */
.approach__items {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: approach-counter;
}

/* カード（茶色枠＋影） */
.approach__item {
	position: relative;
	counter-increment: approach-counter;
	background: #F9F7F4;
	border: 2px solid var(--brown-grad2);
	box-shadow: 0 4px 14px rgba(165, 120, 98, 0.3);
	padding: 3em 1.8em 2.2em;
	margin-bottom: 4em;
}
.approach__item:last-child {
	margin-bottom: 0;
}

/* approach 円バッジ（枠上端中央に重ねる・番号自動採番） */
.approach__badge {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 5em;
	height: 5em;
	background: #B96F49;
	border: 3px solid var(--brown-grad2);
	border-radius: 50%;
	color: var(--white);
	line-height: 1;
}
.approach__badge::before {
	content: counter(approach-counter, decimal-leading-zero);
	font-weight: 600;
	font-size: 2em;
}
.approach__badge::after {
	content: "approach";
	font-size: 0.75em;
	letter-spacing: 0.05em;
	margin-top: 0;
}

/* カード見出し */
.approach__item-title {
	color: var(--orange);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.5rem, 4vw, 2rem);
	letter-spacing: 0.04em;
	margin: 0 0 .5em;
}

/* 画像 */
.approach__item-img {
	margin: 0 0 1.4em;
}
.approach__item-img img {
	display: block;
	width: 100%;
	height: auto;
}

/* 本文 */
.approach__item-text {
	color: var(--text);
	font-family: var(--gothic);
	line-height: 1.9;
	text-align: justify;
	margin: 0;
}
.approach__em {
	color: var(--orange);
}
/* ◆◆◆ /施術アプローチ ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ 施術アプローチ ◆◆◆ */
	.approach {
		padding-block: 2.2em;
	}
	.approach__item {
		padding: 2.6em 1.2em 1.8em;
		margin-bottom: 3.2em;
	}
	.approach__badge {
		width: 4.4em;
		height: 4.4em;
	}
	/* ◆◆◆ /施術アプローチ ◆◆◆ */
}

/* ◆◆◆ 初回体験の流れ ◆◆◆ */
.flow {
	background: var(--bg4, #FAF7F4);
	padding-block: 3em;
}
.flow__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
}

/* 茶色枠 */
.flow__inner_1st {
	background: var(--white);
	border: 6px solid #AD8976;
	box-shadow: 0 4px 14px rgba(173, 137, 118, 0.25);
	padding: 2.5em 1.5em;
	margin: 0 5%;
}

/* 見出し */
.flow__title_1st {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.7rem, 5.6vw, 2.5rem);
	letter-spacing: 0.06em;
	margin: 0 0 0.1em;
	padding-bottom: 0;
	font-family: var(--mincho);
}
.flow__sub {
    color: var(--text);
    text-align: center;
    font-weight: 600;
    font-size: clamp(1.2rem, 2.8vw, 1.5rem);
    margin: 0 0 .5em;
}

/* 円形画像3つ（横並び維持） */
.flow__steps {
	list-style: none;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	padding: 0;
	margin: 0 0 1.2em;
}
.flow__step {
	flex: 1 1 0;
	position: relative;
	text-align: center;
}
/* ＋（擬似要素・ステップ間に表示） */
.flow__step:not(:last-child)::after {
	content: "＋";
	position: absolute;
	top: 35%;
	right: -0.5em;
	transform: translateY(-50%);
	z-index: 2;
	color: var(--brown);
	font-weight: 600;
	font-size: clamp(1.6rem, 4vw, 2.6rem);
	line-height: 1;
	text-shadow:
		2px 0 0 #fff,
		-2px 0 0 #fff,
		0 2px 0 #fff,
		0 -2px 0 #fff,
		1.5px 1.5px 0 #fff,
		-1.5px 1.5px 0 #fff,
		1.5px -1.5px 0 #fff,
		-1.5px -1.5px 0 #fff;
}

/* 円形画像（影付き） */
.flow__step-img {
	width: 100%;
	max-width: 170px;
	aspect-ratio: 1 / 1;
	margin: 0 auto 0.6em;
	border-radius: 50%;
	overflow: hidden;
}
.flow__step-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.flow__step-label {
	color: var(--brown);
	font-weight: 500;
	font-size: clamp(1.2rem, 2.8vw, 1.4rem);
	line-height: 1.4;
	margin: 0;
	font-family: var(--gothic);
}

/* 吹き出し（上にしっぽ） */
.flow__balloon {
	position: relative;
	background: #F6F4F0;
	border-radius: 0.8em;
    padding: 1.7em 1em;
	margin-top: 1.8em;
}
/* しっぽ（上中央・clip-path で三角） */
.flow__balloon::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	width: 1.8em;
	height: 1em;
	background: #F6F4F0;
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.flow__balloon-text {
	color: var(--text);
	text-align: center;
	font-weight: 600;
	line-height: 1.7;
	margin: 0;
	font-size: clamp(1rem, 1.6vw, 1rem);
}
.flow__em {
	color: var(--orange);
}
/* ◆◆◆ /初回体験の流れ ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ 初回体験の流れ ◆◆◆ */
	.flow {
		padding-block: 2.2em;
	}
	.flow__inner {
		padding: 2em 1em;
	}
	/* 円形3つは横並び維持（縦にしない） */
	.flow__step-label {
		font-size: clamp(.9rem, 2.8vw, 1.4rem);
	}
	.flow__balloon-text {
		line-height: 1.8;
	}
	.flow__inner_1st {
		padding: 2.5em 1em;
	}
	.flow__balloon-text {
		text-align: justify;
	}
	/* ◆◆◆ /初回体験の流れ ◆◆◆ */
}


/* ◆◆◆ 初回体験お申し込み後の流れ ◆◆◆ */
.\31 st_experience_flow {
	background: var(--bg4, #F9F7F3);
	padding-block: 3em;
}
.flow2__inner {
	max-width: 600px;
	margin-inline: auto;
	padding-inline: 1.2em;
}

/* 見出し */
.flow2__title {
	position: relative;
	color: var(--orange);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2.2rem, 5.2vw, 3rem);
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin: 0 0 1em;
	padding-bottom: 0.8em;
	font-family: var(--mincho);
}
/* ▼ 見出し下のあしらい画像（以前と同じURL） */
.flow2__title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 200px;
	height: 20px;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/ashirai.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* 一覧（カウンター初期化） */
.flow2__items {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: flow2-counter;
}

/* ステップ（白カード・薄い影） */
.flow2__item {
	position: relative;
	counter-increment: flow2-counter;
	display: flex;
	align-items: center;
	gap: 1em;
	background: var(--white);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	padding: 1.4em 0 1.4em 1.2em;
	margin-bottom: 1.4em;
}
.flow2__item:last-child {
	margin-bottom: 0;
}
/* ▼ カード間の下向き三角（グラデ画像）。最後以外の下に表示 */
.flow2__item:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1.5em;
	transform: translateX(-50%);
	width: 3.4em;
	height: 2.6em;
	background-image: url("https://xs986046.xsrv.jp/Fujimino/wp-content/uploads/2026/06/arrow.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* 左のイラスト画像 */
.flow2__item-img {
	flex: 0 0 auto;
	width: 4.5em;
	margin: 0;
}
.flow2__item-img img {
	display: block;
	width: 100%;
	height: auto;
}
/* 2番目・7番目のイラストだけ小さめに */
.flow2__item:nth-child(2) .flow2__item-img,
.flow2__item:nth-child(7) .flow2__item-img {
	width: 3.5em;
}

/* 本文側 */
.flow2__item-body {
	flex: 1 1 0;
	min-width: 0;
}

/* タイトル行（六角形＋ブラウン帯を横並び） */
.flow2__item-title {
	position: relative;
	display: flex;
	align-items: center;
	font-family: var(--mincho);
	margin: 0 0 0.6em;
	padding-left: 2.4em; /* 六角形の幅ぶん空ける */
}
/* 六角形・外側（ブラウン＝枠の色） */
.flow2__item-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 2.2em;
	height: 2.5em;
	background: var(--brown);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
/* 六角形・内側（白）＋番号（明朝・ブラウン） */
.flow2__item-title::after {
	content: counter(flow2-counter);
	position: absolute;
	left: 0;
	top: 50%;
	width: 2.2em;
	height: 2.5em;
	transform: translateY(-50%) scale(0.85);
	transform-origin: center;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	color: var(--brown);
	font-family: var(--mincho);
	font-weight: 600;
	font-size: 0.95em;
	line-height: 1;
}
/* ブラウン帯（六角形の右辺に軽く接する・白字ゴシック） */
.flow2__item-title-text {
	flex: 1 1 0;
	position: relative;
	z-index: 0;
	background: var(--brown);
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 600;
	font-size: clamp(1rem, 3vw, 1.3rem);
	line-height: 1.3;
	letter-spacing: 0.05em;
	padding: 0.5em 0.8em 0.5em 1em;
	margin-left: -0.9em;
}

/* 本文 */
.flow2__item-text {
	color: var(--text);
	font-family: var(--gothic);
	font-size: clamp(1.1rem, 2.2vw, 1.2rem);
	line-height: 1.7;
	text-align: justify;
	margin: 0;
	padding-right: 1.4em;
}
/* ◆◆◆ /初回体験お申し込み後の流れ ◆◆◆ */

@media (max-width: 768px) {
	/* ◆◆◆ 初回体験お申し込み後の流れ ◆◆◆ */
	.\31 st_experience_flow {
		padding-block: 2.2em;
	}
	.flow2__item {
        gap: 0.8em;
        padding: 1.2em 0 1.2em 1.2em;
    }
	.flow2__item-img {
		width: 3.6em;
	}
	.flow2__item:nth-child(2) .flow2__item-img,
	.flow2__item:nth-child(7) .flow2__item-img {
		width: 2.8em;
	}
	.flow2__item-text {
		padding-right: 1em;
	}
	/* ◆◆◆ /初回体験お申し込み後の流れ ◆◆◆ */
	
	/* 横幅いっぱいに広げる項目（エレクトロポレーション） */
	.method__item--wide {
		flex-basis: 80%;
	}
	
}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ TB ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

@media (max-width: 1024px) {

}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ SP ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

@media (max-width: 768px) {
	
	.offer {
    	margin-top: -1.8em;
	}

	/* ◆◆◆ 問い合わせボタン ◆◆◆ */
	.lp-contact__btn {
		margin-block: 0.5em;
	}
	/* ◆◆◆ /問い合わせボタン ◆◆◆ */


	/* ◆◆◆ お悩み ◆◆◆ */
	.problem {}

	ul.problem__items {
		padding: 0;
	}

	.problem__items li:before {
		width: 1.4rem;
		height: 1.4rem;
		top: 0rem;
		left: 0.5rem;
	}
	/* ◆◆◆ /お悩み ◆◆◆ */
	

	/* ◆◆◆ 喜びの声 ◆◆◆ */
	.voice {}

	li.voice__item {
		padding: 1.5em 1.5em 0.6em 1.5em;
	}

	figure.voice__item-img {
		float: left;
		width: 100%;
		padding: 0 0 1.6em 0;
	}

	p.voice__item-text {}
	/* ◆◆◆ /喜びの声 ◆◆◆ */


	/* ◆◆◆ BA ◆◆◆ */
	.ba {}

	li.ba__item {
		margin-bottom: 2em;
	}
		.ba__item-img::after {
		left: 80%;
	}
	/* ◆◆◆ /BA ◆◆◆ */


	/* ◆◆◆ 理由 ◆◆◆ */
	.reason {}
	/* ◆◆◆ /理由 ◆◆◆ */


	/* ◆◆◆ フッターボタン ◆◆◆ */
	.footer-btn__contact {
		bottom: 0;
		right: 0;
		width: 100%;
	}

	.footer-btn__contact .sp:has(.footer-btn__contact-item:nth-child(2)) {
		display: flex;
		flex-direction: row;
	}

	.footer-btn__contact .sp .footer-btn__contact-item {
		flex: 1;
		padding: 0.1em;
		margin-bottom: 0;
	}
	/* ◆◆◆ /フッターボタン ◆◆◆ */


	.entry_title {
		padding-inline: 5%;
	}


	/* ◆◆◆ cf7 ◆◆◆ */
	.contact__form {
		padding: 2em 5%;
	}

	.contact__form-item {
		margin-bottom: 1em;
	}

	.contact__consent {
		margin: 2em 0;
	}

	.wpcf7-submit {
		margin-top: 2em;
	}

	.contact__consent-check input {
		width: 1.2em;
	}
	/* ◆◆◆ /cf7 ◆◆◆ */

}