/* ==================================================
  【案件ごとの調整パネル（ここだけ触る）】
  - セクション間の余白は section個別の margin-top で調整しない
    → 調整するなら :root の --hp-gap-section を変更する
  - 背景セクションの厚み（上下padding）を変えるなら --hp-pad-bg を変更する
================================================== */

:root {
	--black: #3D3D3D;
	--gold: #AD9558;
	--orange: #FFA02B;
	--l-orange: #FFF8F0;
	--yellow: #FAF3A0;
	--gray: #626262;
	--pink: #F490A2;
	--l-pink: #FFF7F8;
	--green: #00AA2B;
	--l-green: #F5FFFA;
	--gothic: 'Helvetica Neue', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, sans-serif;
	--mincho: '游明朝体', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;

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

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

}

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

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

html {
	font-size: 62.5%;
}

/* ◆◆◆ 枠外背景 ◆◆◆ */
@media (min-width: 769px) {
	.l-wrapper {
		background: #FFF7ED;
	}
}

/* ◆◆◆ /枠外背景 ◆◆◆ */

body {
	color: var(--black);
}

img {
	display: block;
}


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

h3 {
	color: var(--black);
	font-size: clamp(1.9rem, 2.2vw, 2.1rem);
	min-height: 0;
	margin: 0;
	padding: 0;
}

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

p {
	margin-bottom: 0;
}

ul,
li {
	margin: 0;
	padding: 0;
}

/* ◆◆◆ /フォントサイズ ◆◆◆ */


/* ◆◆◆ 文字色 ◆◆◆ */
.o-font {
	color: var(--orange);
}

.p-font {
	color: var(--pink);
}

.g-font {
	color: #00AA2B;
}

.t-center {
	text-align: center;
}

/* ◆◆◆ /文字色 ◆◆◆ */

/* ◆◆◆ /フォント太さ ◆◆◆ */
.f-600 {
	font-weight: 600;
}


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

.marker-b {
	font-weight: bold;
	background: linear-gradient(transparent 60%, #e6f3ff 60%);
}

/* ◆◆◆ /マーカー ◆◆◆ */

/* ◆◆◆ /ホバー調整 ◆◆◆ */
a {
	transition: 0.7s;
}

a:hover {
	opacity: 0.7;
}


/* ◆◆◆ 見出し ◆◆◆ */
h2.title__orange,
h2.title__pink,
h2.title__light-pink {
	text-align: center;
	line-height: 1.4 !important;
	padding-bottom: 0.5em;
}

h2.title__orange {
	border-bottom: solid 0.3rem var(--primary);
}

h2.title__pink {
	color: #ffffff;
	background: var(--pink);
	padding-block: 0.8em;
}

h2.title__light-pink {
	border-bottom: solid 0.3rem var(--pink);
}

p.sub-title__pink {
	color: white;
	font-size: clamp(1.3rem, 2.2vw, 1.8rem);
	font-weight: 600;
	text-align: center;
	padding: 0.5em;
	margin-top: 1em;
}

p.sub-title__orange span {
	color: #F9FF62;
}

/* ◆◆◆ /見出し ◆◆◆ */


/* ◆◆◆ 背景 ◆◆◆ */
.section__inner-ivory {
	background: var(--bg4);
	border-radius: 2rem;
	box-shadow: 0 0 0.5rem var(--shadow);
	padding-block: 3em;
}

.section__inner-light-green {
	background: #FDFDF4;
	border-radius: 2rem;
	box-shadow: 0 0 0.5rem var(--shadow);
	padding-block: 3em;
}

/* ◆◆◆ /背景 ◆◆◆ */


/* ◆◆◆ ヘッダー ◆◆◆ */
.l-header__body.l-container {
	padding-block: 1.8em !important;
}

@media (max-width: 768px){
.l-header__body.l-container {
	padding-block: 0!important;
}
}

.bo-header__right-box-info p {
	/*診療時間など文字数に合わせて調整*/
	color: var(--black);
	font-size: 1.8rem;
	margin-top: 0.5em;
}

.bo-header__right-box-info.bo-header__right-box-info--p {
	font-size: 2rem;
	font-weight: 600;
	margin-top: 0.7em;
	display: flex;
	text-align: center;
	align-items: center;
	gap: 1em;
}


.bo-header__right-box-info.bo-header__right-box-info--p::before,
.bo-header__right-box-info.bo-header__right-box-info--p::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #333;
}

.bo-header__right-box-info p span {
	font-size: 1.9rem;
	font-weight: 600;
}

.tb {
	display: none;
}

@media (max-width: 1024px) {
	.tb {
		display: block;
	}
}

/* ◆◆◆ /ヘッダー ◆◆◆ */


/* ◆◆◆ グロナビ ◆◆◆ */
.l-header {
	background: #FAFAFA;
}

.l-headerUnder {
	background: #FAFAFA;
	border-top: solid 1.5px #BFBFBF;
	border-bottom: solid 1.5px #BFBFBF;
}

.l-headerUnder .c-gnav a {
	font-size: clamp(1rem, 1.2vw, 1.2rem);
	color: var(--black);
}

.c-gnav__li.-current,
.c-gnav__li.focus,
.c-gnav__li:hover {
	color: var(--orange);
}

.c-gnav__li {
	border-right: solid 1px #BFBFBF;
}

.c-gnav__li:first-child {
	border-left: solid 1px #BFBFBF;
}

.menu-item-402 a::after {
	position: absolute;
	content: "" !important;
	background: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/menu-sankaku.webp);
	width: 10px;
	height: 5px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 44%;
	right: 10%;
}

.menu-item-402 a:hover:after {
	position: absolute;
	content: "" !important;
	background: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/menu-sankaku.webp);
	width: 10px;
	height: 5px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 44%;
	right: 10%;
	transform: rotate(180deg);
}

.sub-menu.c-gnav__depth1 li a::after {
	background: none;
}


/*副項目のフォントカラー*/
.sub-menu .__mainText {
	color: white;
}

.c-gnav__depth1:before {
    background-color: var(--pink);
}

/* ↓↓1列にする場合は削除↓↓ */
.c-gnavWrap ul.c-gnav li ul.sub-menu {
	width: 400px;
	display: flex;
	flex-wrap: wrap;
	background: var(--pink);
}

.c-gnavWrap ul.c-gnav li ul.sub-menu a {
	color: #fff;
}


.c-gnavWrap ul.c-gnav li ul.sub-menu li {
	width: 50%;
	text-align: center;
}

@media (min-width: 768px) {

	.c-gnavWrap ul.c-gnav li ul.sub-menu li:nth-child(odd) {
		border-right: 1px solid var(--ark-color--border);
	}

	.c-gnavWrap ul.c-gnav li ul.sub-menu li:nth-child(2) {
		padding-top: 11px;
	}

	.c-gnav .__mainText,
	.c-gnav .__subText {
		color: inherit;
		display: block;
		line-height: 1;
	}

	.c-gnav li a span.__mainText span {
		display: block;
	}
}



/* ↑↑1列にする場合は削除↑↑ */
/* ◆◆◆ /グロナビ ◆◆◆ */


/* ◆◆◆ サイドバー ◆◆◆ */
/*サイドバーアクセス*/
.side__box-name {
	margin-top: 2em;
	position: relative;
	left: -12px;
}

.side__box-address {
	margin-top: 0.8em;
	font-size: 1.9rem;
	line-height: 1.6;
}

.side__box dl {
	margin-top: 1.8em;
	line-height: 1.4;
}

.side__box dl dt {
	font-size: 1.9rem;
	font-weight: 600;
}

.side__box dl dd {
	font-size: 1.45rem;
	margin-top: 0.7em;
}

.side__box dl dd span {
	font-weight: 600;
}

.side__box-contact {
	margin-top: 1.8em;
	display: grid;
	gap: 1.5em;
}

/* ◆◆◆ /サイドバー ◆◆◆ */


/* ◆◆◆ こんなにも根本改善 ◆◆◆ */
.fine {}

.fine__inner {
	border: solid 0.2rem var(--secondary);
	background: url(https://bigoasisxsv3.xsrv.jp/juushou-hp-01/wp-content/uploads/2025/07/fine-bg.webp);
	background-size: cover;
}

p.fine__sub-title {
	color: var(--bold);
	text-align: center;
	font-size: clamp(1.1rem, 2.2vw, 1.9rem);
	font-weight: 600;
	margin-bottom: 0;
}

.home .p-fine__sub-title,
.front-page .p-fine__sub-title {
	padding-top: 1em;
}

h2.fine__title {
	position: relative;
	text-align: center;
}

h2.fine__title span {
	color: var(--orange);
}

h2.fine__title:before,
h2.fine__title:after {
	position: absolute;
	content: "";
	background: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/fine-banzai.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 2em;
	height: 3em;
	top: 3%;
}

h2.fine__title:before {
	left: 13rem;
}

h2.fine__title:after {
	right: 13rem;
	transform: scaleX(-1);
}

.top-fine__images {
	display: flex;
	justify-content: center;
	gap: 1em;
}

.top-fine__list {
	list-style: none;
	display: grid;
	gap: 3em;
	margin-top: 4em;
}

.top-fine__item {}

.top-fine__content {
	background-color: var(--l-orange);
	padding: 1.8em;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08);
}

.top-fine__title {
	color: var(--orange);
}

.top-fine__name {
	font-size: 1.6rem;
	font-weight: 600;
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--black);
}

.top-fine__text {
	font-size: 1.9rem;
	text-align: justify;
	margin-top: 1em;
}

.top-fine__attention {
	text-align: right;
	margin-top: 0.8em;
}

/* ◆◆◆ /こんなにも根本改善 ◆◆◆ */


/* ◆◆◆ 推薦 ◆◆◆ */
.recommend__list {
	list-style: none;
	padding: 0;
	margin-top: 4em;
	display: grid;
	gap: 3rem;
}

.recommend__list-item {
	border: solid var(--pink);
	border-radius: 2em;
}

.recommend__list-inner {
	padding: 2em 3.5em;
	display: flex;
	align-items: flex-start;
	gap: 2em;
}

.recommend__list-text {
	text-align: justify;
	width: 65%;
}

.recommend__list-text p {
	font-size: 1.9rem;
	line-height: 1.6;
}

.recommend__list-title {
	color: var(--pink);
	font-size: 2.6rem;
	text-align: center;
	background: var(--l-pink);
	padding-block: 0.7em;
	margin-top: 1.5em;
}

.recommend__list-img {
	width: 35%;
}

.recommend__list-name {
	background: var(--l-pink);
	padding: 0.3em 1em;
	line-height: 1.4;
}

p.recommend__list-name {
	margin-bottom: 0.7em;
}


/* ◆◆◆ /推薦 ◆◆◆ */


/* ◆◆◆ 私たちも推薦します ◆◆◆ */


/* 基本は非表示、トップページのみ表示
.recommend-img {
    display: none;
}
.home .recommend-img {
    display: block;
}*/

.recommend-img {
	/*margin-top: 2.5em;*/
}

.recommend-img__inner {
	border: solid 0.2rem var(--secondary);
	background: url(https://bigoasisxsv3.xsrv.jp/juushou-hp-01/wp-content/uploads/2025/07/fine-bg.webp);
	background-size: cover;
	margin-bottom: 0.3em;
}

h2.recommend-img__title {
	text-align: center;
	line-height: 1.5;
	background: rgba(255, 255, 255, 0.6);
	padding: 0.8em;
}

.recommend-img__title-small {
	font-size: clamp(1.4rem, 2vw, 1.8rem);
}

.recommend-img__img-box {
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	gap: 0.5em;
}

.recommend-img__img-box div {
	width: calc((100% - 1.5em) / 4);
	/* width: calc((100% - 1em) / 3);  ←3列の場合*/
	box-sizing: border-box;
	object-fit: cover;
	display: block;
}

.recommend-img__img-box div figure {
	aspect-ratio: 2 / 2.3;
	overflow: hidden;
}

.recommend-img__img-box div figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recommend-img__img-box div p {
	font-size: clamp(0.5rem, 1.2vw, 1rem);
	color: white;
	text-align: center;
	line-height: 1.4;
	background: var(--secondary);
	padding: 0.4em 0.2em;
	margin-bottom: 0;
}

.recommend-img__img-box div p span {
	font-size: 85%;
}

/* ◆◆◆ /私たちも推薦します ◆◆◆ */


/* ◆◆◆ 喜びの声 ◆◆◆ */
.voice {
	background: white;
}

.c-postContent .voice:first-of-type {
	margin-top: 2em;
}

.voice__inner {
	margin-bottom: 3em;
}

p.voice__not-pro {
	position: relative;
	font-size: clamp(1.4rem, 2.8vw, 2.5rem);
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 3em;
}

p.voice__not-pro::after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background: var(--secondary);
	width: 2em;
	height: 1.2em;
	bottom: -2em;
	left: 50%;
	transform: translatex(-50%);
}

p.voice__sub-title {
	color: var(--bold);
	text-align: center;
	font-weight: 600;
	font-size: clamp(1.2rem, 2.2vw, 1.9rem);
	margin-block: 2em 0;
}

h2.voice__title {
	position: relative;
	color: var(--third);
	text-align: center;
}

h2.voice__title:before,
h2.voice__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--third);
	height: 0.2rem;
	width: 25%;
	top: 25%;
}

h2.voice__title:before {
	left: -3rem;
}

h2.voice__title:after {
	right: -3rem;
}

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

li.voice__item {
	background: var(--bg4);
	border-radius: 1.2em;
	box-shadow: 0 0 4px #c8c2be;
	padding: 2.6rem 2.6rem 0.6rem 2.6rem;
	margin-bottom: 2rem;
}

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

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

li.voice__item h3.voice__item-title {
	color: var(--third);
	margin: 0 !important;
}

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

p.voice__item-text {
	line-height: 1.6;
	text-align: justify;
}

p.voice-note {
	font-size: clamp(0.8rem, 1.1vw, 1rem);
	text-align: right;
	margin: 0;
}

.voice__more-btn {
	text-align: center;
}

.voice__more-btn a {
	position: relative;
	color: var(--primary);
	text-decoration: none;
	display: inline-block;
	background: white;
	border: solid 1px;
	border-radius: 0.6rem;
	padding: 0.5em 2em 0.5em 1.2em;
	margin-bottom: 0.3rem;
	box-shadow: 0 0.3rem var(--primary);
	transition: 0.6s;
}

.voice__more-btn a:hover {
	margin-top: 0.3rem;
	margin-bottom: 0;
	box-shadow: 0 0 var(--primary);
}

.voice__more-btn a:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background: var(--primary);
	width: 0.8rem;
	height: 1.3rem;
	top: 50%;
	right: 1em;
	transform: translatey(-50%);
}

.is-lp .voice__item-text-box.lp-stack {
	gap: 0.8rem;
}

/* ◆◆◆ /喜びの声 ◆◆◆ */


/*◆◆◆ 当院との違い ◆◆◆ */
.difference {}

.difference__title {
	display: flex;
	align-items: center;
	border-bottom: solid 4px var(--primary)
}

.difference__title figure,
.difference__title-box {
	width: 50%;
}

.difference__title-box {
	text-align: center;
	padding-right: 7%;
}

.difference__title-box p {
	color: white;
	display: inline-block;
	background: var(--primary);
	border-radius: 2em;
	padding: 0.2em 1.5em;
	margin-block: 3em 1.6em;
}

.difference__title-box h2 {
	font-size: clamp(2rem, 4.2vw, 3.8rem);
	color: var(--primary);
	line-height: 1.2;
	padding-bottom: 0.5em;
}

.difference__title-box h2 span {
	color: var(--text);
	font-size: 80%;
}

/*比較表*/
ul.difference__items {
	list-style: none;
	padding: 0;
}

li.difference__item {
	text-align: center;
}

li.difference__item h3 {
	font-size: clamp(1.6rem, 2.8vw, 2.4rem);
	color: var(--primary);
}

.difference__item-box {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin-block: 0.5em;
}

.difference__item-box-item {
	flex: 0 0 calc((100% - 0.5em) / 2);
	background: #DDDDDD;
}

.difference__item-box-item:nth-of-type(2) {
	background: #FAF7F4;
}

.difference__item-box-item h4 {
	font-size: clamp(0.9rem, 1.8vw, 1.4rem);
	color: white;
	background: #6F6F6F;
	padding: 0.4em;
}

.difference__item-box-item:nth-of-type(2) h4 {
	background: var(--primary);
}

.difference__item-box-item p {
	font-weight: 600;
	padding: 1.5em 0.5em;
	margin-bottom: 0;
}

.difference__item-box-item:nth-of-type(2) p {
	color: var(--primary);
}

/*◆◆◆ /当院との違い ◆◆◆ */


/* ◆◆◆ メリット ◆◆◆ */
h2.merit__title {
	font-size: 5.6rem;
	line-height: 1.3;
	padding-bottom: 0.6em;
}

.merit__title {
	background: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/merit-image@2x.webp);
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 2.6em;
}

.merit__title span {
	color: var(--pink);
	font-size: 120%;
	padding-right: 0.1em;
}

.merit__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
}

.merit__list p {
	font-size: 2.5rem;
	color: white;
	font-weight: 600;
	text-align: center;
	background: var(--pink);
	flex: 0 0 calc((100% - 0.8em) / 2);
	padding: 1em 0;
	margin-bottom: 0;
}

.merit__list p:nth-of-type(1),
.merit__list p:nth-of-type(4) {
	background: #9D6168;
}

@media (max-width: 1024px) {
	h2.merit__title {
		font-size: 4rem;
		line-height: 1.3;
		padding-bottom: 0.6em;
	}
}


/* ◆◆◆ BA ◆◆◆ */
.ba {
	/*padding-block: 3rem 0.5em;
	margin-top: 1rem;*/
}

.ba__inner {}

p.ba__sub-title {
	color: var(--bold);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2rem, 1.9vw, 3.2rem);
	margin-bottom: 0;
}

h2.ba__title {
	position: relative;
	color: var(--black);
	text-align: center;
}

h2.ba__title span {
	color: var(--orange);
}

h2.ba__title:before,
h2.ba__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--orange);
	height: 0.2rem;
	width: 19%;
	top: 30%;
}

h2.ba__title:before {
	left: -3.5rem;
}

h2.ba__title:after {
	right: -3.5rem;
}

ul.ba__items {
	list-style: none;
	display: grid;
	gap: 2em;
}

li.ba__item {
	background: white;
	padding: 1.5em 1.5em 0.1em;
}

.ba__item-img {
	position: relative;
	display: flex;
	gap: 1.5em;
}

.ba__item-img::before {
	position: absolute;
	content: "";
	background: url(https://bigoasisxsv3.xsrv.jp/hp-default-template/wp-content/uploads/2025/12/ba-arrow.webp);
	background-size: cover;
	width: 4em;
	height: 3em;
	top: 40%;
	left: 50%;
	transform: translatex(-50%);
	z-index: 1;
}

figure.ba__img {
	position: relative;
	flex: 0 0 calc((100% - 1.5em) / 2);
	margin: 0;
}

figure.ba__img:before {
	position: absolute;
	content: "BEFORE";
	font-size: clamp(1.6rem, 2.6vw, 2.4rem);
	color: #fff;
	text-align: center;
	background: var(--black);
	width: 100%;
	padding: 0.2em;
	bottom: 0;
}

figure.ba__img:last-of-type::before {
	position: absolute;
	content: "AFTER";
	background: var(--orange);
}

.ba__item-content {
	margin-top: 3em;
	padding: 1.8em;
	border: 2px solid #707070;

}

.ba__item-title {
	font-size: 2.4rem;
	font-weight: 600;
	text-align: center;
}

.ba__item-name {
	font-size: 1.5rem;
	font-weight: 500;
	text-align: right;
	margin-top: 0.5em;
	border-bottom: 1px solid var(--black);
}

.ba__item--text {
	font-size: 1.9rem;
	text-align: justify;
	margin-top: 1em;
}

.ba__item-note {
	text-align: right;
	font-size: 1.4rem;
	margin-top: 0.7em;
}

/* ◆◆◆ /BA ◆◆◆ */


/* ◆◆◆ オファー ◆◆◆ */
.offer {
	/*padding-bottom: 2em;
	margin: 4em 0 2em;*/
}

.offer p {
	font-weight: 600;
}

.offer {
	text-align: center;
}

h2.offer__title {
	color: white;
	background: var(--secondary);
	padding-block: 0.8em;
	margin-bottom: 1em;
}

p.offer__price {
	position: relative;
	font-size: clamp(2.8rem, 5vw, 4.6rem);
	color: var(--primary);
	text-align: center;
	display: inline;
	padding-left: 1em;
	margin-bottom: 0;
}

p.offer__price span {
	font-size: 40%;
	padding-left: 0.3em;
}

p.offer__price:before {
	position: absolute;
	content: "";
	background: url(https://bigoasisxsv3.xsrv.jp/hp-default-template/wp-content/uploads/2025/12/first.webp) no-repeat left top / cover;
	width: 0.4em;
	height: 0.8em;
	top: 0.2em;
	left: 0.4em;
}

p.offer__usually {
	font-weight: 400;
	margin-top: -1em;
}

p.offer__first-come {
	font-size: clamp(1.4rem, 2.8vw, 2.4rem);
}

p.offer__rest {
	font-size: clamp(2rem, 3.4vw, 3rem);
	color: var(--primary);
}

/* ◆◆◆ /オファー ◆◆◆ */


/* ◆◆◆ 支払い方法 ◆◆◆ */
.payment {
	background-color: var(--l-orange);
}

p.payment__sub-title {
	color: var(--bold);
	text-align: center;
	font-size: clamp(2.3rem, 2.2vw, 3.2rem);
	font-weight: 600;
	margin-bottom: 0;
}

h2.payment__title {
	position: relative;
	color: var(--black);
	text-align: center;
}

h2.payment__title span {
	color: var(--orange);
}

h2.payment__title:before,
h2.payment__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--orange);
	height: 0.2rem;
	width: 8%;
	top: 17%;
}

h2.payment__title:before {
	left: -0.1rem;
}

h2.payment__title:after {
	right: -0.1rem;
}

.payment__type p {
	font-size: clamp(1.2rem, 2vw, 1.6rem);
	color: white;
	font-weight: 600;
	text-align: center;
	background: #AFA9A9;
	margin-bottom: 0;
}

.payment__type img {
	padding: 0 14em;
}

/* ◆◆◆ /支払い方法 ◆◆◆ */


/* ◆◆◆ 問合 ◆◆◆ */
.is-hp .c-postContent>.hp-contact {
	margin-top: 0;
}

.hp-contact__inner {
	display: flex;
	gap: 1em;
	width: 100%;
	margin:0 auto;
}

.bo-footer__contact .hp-contact__inner {
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: 70%;
	margin: 0 auto 0 0;
}

.hp-contact__btn {
	transition-duration: 0.6S;
	margin-bottom: 1rem;
}

/*基本：上下余白あり*/
.is-hp .hp-contact {
	padding-block: var(--hp-contact-pad);
}

/*上だけ詰める*/
.is-hp .hp-contact.is-top-tight {
	padding-top: var(--hp-contact-tight);
}

/*下だけ詰める*/
.is-hp .hp-contact.is-bottom-tight {
	padding-bottom: var(--hp-contact-tight);
}

.hp-contact__btn:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	transition-property: all;
	transition-duration: 0.6S;
}

@media (max-width: 768px) {
	.is-hp .hp-contact {
		padding-block: 1em;
	}

	.hp-contact__inner {
		flex-direction: column;
		gap: 1em;
		width: 90%;
		margin-inline: auto !important;
	}
}


/* ◆◆◆ /問合 ◆◆◆ */


/* ◆◆◆ アクセス ◆◆◆ */
	body.home .access,
	body.front-page .access {
		margin-block: 3em;
	}

.access {
	margin-top: 7em;
}

.access__inner {}

h2.access__title {
	text-align: center;
}

.access figure {
	margin-top: 4em;
}

table.access__table {
	margin-block: 4em 2em;
}

table.access__table th {
	color: #ffffff !important;
	background: var(--pink) !important;
	text-align: center;
	vertical-align: middle;
	width: 28%;
}

table.access__table th,
table.access__table td {
	color: var(--black);
	font-size: clamp(1rem, 1.8vw, 2rem);
	border: solid 1px var(--black);
	padding: 0.5em 1em !important;
}

.access__map {
	aspect-ratio: 3 / 2;
	margin-top: 4em;
}

.access__map iframe {
	width: 100%;
	height: 100%;
}

/*アクセスページだけh2を非表示*/
.page-id-124 h2.access__title {
	display: none !important;
}

/* ◆◆◆ /アクセス ◆◆◆ */


/* ◆◆◆ メディア掲載<追加用> ◆◆◆ */
.media {
	/*margin-top: 4em;*/
}

.media__img {
	display: flex;
	flex-wrap: no-wrap;
	gap: 0.5em;
}

/* ◆◆◆ /メディア掲載<追加用> ◆◆◆ */


/* ◆◆◆ 当院について<追加用> ◆◆◆ */
.about {
	/*margin-top: 2em;*/
}

.about figure,
.about .iframe-wrapper {
	margin-top: 2em;
}

/* ◆◆◆ 当院について<追加用> ◆◆◆ */


/* ◆◆◆ 流れ ◆◆◆ */
ul.flow__items {
	list-style: none;
	padding-left: 5em;
	margin-top: 5em;
	display: grid;
	gap: 4em;
	position: relative;
}

ul.flow__items::before {
	position: absolute;
	content: "";
	background: var(--pink);
	width: 1px;
	height: calc(6/ 6.8 * 100%);
	left: 1%;
	top: 0;
}

li.flow__item .flow__content {
	display: flex;
	justify-content: center;
	gap: 1.5em;
	margin-top: 0.8em;
}

li.flow__item h3 {
	font-size: clamp(2rem, 2vw, 3rem);
	color: var(--pink);
	position: relative;
}

/*li.flow__item figure {
	aspect-ratio: 1.2 / 1;
	overflow: hidden;
}

li.flow__item figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/

li.flow__item h3::before {
	position: absolute;
	content: "";
	width: 2.4em;
	height: 2.4em;
	left: -11%;
	top: 50%;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: var(--step-img);
}

li.flow__item:nth-child(1) {
	--step-img: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/s1.webp);
}

li.flow__item:nth-child(2) {
	--step-img: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/s2.webp);
}

li.flow__item:nth-child(3) {
	--step-img: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/s3.webp);
}

li.flow__item:nth-child(4) {
	--step-img: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/s4.webp);
}

li.flow__item:nth-child(5) {
	--step-img: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/s5.webp);
}

li.flow__item:nth-child(6) {
	--step-img: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/s6.webp);
}

li.flow__item:nth-child(7) {
	--step-img: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/s7.webp);
}


li.flow__item figure.flow__img {
	width: 40%;
	flex-shrink: 1;
}

.flow_texts {
	display: grid;
	gap: 0.6em;
	width: 60%;
}

.flow_texts dl dd,
.flow_texts dl dt {
	font-size: 2rem!important;	
}

li.flow__item p {
	font-size: 2rem;
	width: 60%;
	text-align: justify;
	line-height: 1.6;
	color: var(--black);
}

li.flow__item .flow_texts p {
	width: 100%;
}

/* ◆◆◆ /流れ ◆◆◆ */

/* ◆◆◆ フッターボタン ◆◆◆ */

/*PCでも表示させる場合は下記を削除*/
.footer__contact .pc {
	display: none;
}

/*PCでも表示させる場合は上記を削除*/

.footer__contact {
	position: fixed;
	bottom: 0.5em;
	right: 1em;
	width: 400px;
	z-index: 10;
}

/*1つの場合*/
.footer__contact-btn1 {
	transition: 0.6s;
}

.footer__contact-btn1:hover {
	transform: scale(1.05, 1.05);
}

/*2つの場合*/
.footer__contact-btn2 {}

.footer__btn2-item img {
	display: block;
}

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

.footer__btn2-item:hover {
	transform: scale(1.05, 1.05);
}

/* ◆◆◆ /フッターボタン ◆◆◆ */


/* ◆◆◆ フッター ◆◆◆ */
.c-postContent {
	padding-bottom: 4em;
}

.bo-footer {
	background: var(--l-pink);
}

.bo-footer__title h2 {
	color: var(--black);
}

.bo-footer__list li a {
	color: var(--black);
}

.l-footer__foot {
	background: var(--l-pink);
}

p.c-copyright {
	color: var(--black);
}

.p-breadcrumb {
    background:#ffe1e7!important;
}

/* ◆◆◆ /フッター ◆◆◆ */


/* ◆◆◆ 下層ページ ◆◆◆ */
body.page:not(.home) .l-content__body {
	margin-top: 1em;
}

/* FV */
.fv figure {
	margin: 0;
}

/* ページタイトル */
.p-archive__title p.c-pageTitle__main,
p.bo-page-title {
	color:#fff;
	font-size: clamp(1.8rem, 2.8vw, 3.1rem);
	font-weight: 600;
	padding-block: 0.6em!important;
	background:var(--pink);
	text-align:center;
}

p.bo-page-title {
	margin-bottom: 1em;
}

.p-postList .p-postList__title {
    font-size: 1.8rem;
}

/*.p-archive__title p.c-pageTitle__main:first-letter,
p.bo-page-title:first-letter {
	font-size: clamp(2rem, 3.4vw, 3.6rem);
	color: var(--third);
}*/

/* ◆◆◆ /下層ページ ◆◆◆ */


/* ◆◆◆ 症状ページ ◆◆◆ */
/* ◆◆◆ なぜこんなにも ◆◆◆ */
.shojo-why {
	/*margin-top: 4em;*/
}

/* ◆◆◆ お悩み ◆◆◆ */
.problem {
	position: relative;
}

.problem__inner {
	position: relative;
	margin-bottom: 3em;
}

h2.problem__title {
	position: relative;
	color: var(--black);
	text-align: center;
}

h2.problem__title span {
	color: var(--pink);
}

h2.problem__title:before,
h2.problem__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--pink);
	height: 0.2rem;
	width: 22%;
	top: 30%;
}

h2.problem__title:before {
	left: 0;
}

h2.problem__title:after {
	right: 0;
}

ul.problem__items {
	padding: 2.5em 3em 2.5em 3.5em;
	background: #F8F8F8;
	box-shadow: 2px 2px 4px #c8c2be;
	position: relative;
	display: grid;
	gap: 1.4em;
}

.problem__img {
	position: absolute;
	width: 25%;
	height: auto;
	aspect-ratio: 480 / 502;
	bottom: -3em;
	right: 0em;
	z-index: 1;
}

.problem__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.problem__sankaku {
	width: 20%;
	margin-inline: auto;
	margin-top: 8rem;
}


@media (max-width: 1280px) {

	.problem__img {
		position: absolute;
		width: 25%;
		right: -2%;
	}

	ul.problem__items {
		padding: 2.5em 2em 2.5em 2.5em;
	}
}

@media (max-width: 1150px) {
	.problem__img {
		position: absolute;
		width: 18%;
		right: 1.5%;
	}
}


@media (max-width: 1120px) {
	.problem__img {
		display: none;
	}
}

.problem__items li {
	position: relative;
	font-size: clamp(1.4rem, 1.8vw, 2.3rem);
	list-style: none;
	padding-left: 2.1em;
}

.problem__items li:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1.5%;
	content: "";
	background: url(https://light-kurayoshi.com/wp-content/uploads/2025/12/check.webp);
	background-size: contain;
	width: 2.5rem;
	height: 2.5rem;
}


/* ◆◆◆ /お悩み ◆◆◆ */

/* ◆◆◆ なぜ◆◆◆ */
h2.problem__title--second:before,
h2.problem__title--second:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--pink);
	height: 0.2rem;
	width: 20%;
	top: 57%;
}

/*共通テキスト部分*/
.common {
	margin-block: 3em 5em;
	display: grid;
	gap: 2.5em;
}

.common__lead {
	display: grid;
	gap: 0.8em;
}

.text-lead {
	font-size: 3.3rem;
	line-height: 1.5;

}

.text-sub {
	font-size: 2.4rem;
	line-height: 1.6;

}

.text-sub--l {
	font-size: 115%;
}

.text-body {
	font-size: 2rem;
	text-align: justify;
	line-height: 1.5;
}

.common ul {
	padding-left:2em;	
}

.common ul li {
	font-size: 2rem;	
}

.text-body.text-body--m {
	margin-top: 1em;
}

.common__wrap {
	display: grid;
	gap: 1.4em;
}


.common__item {
	display: flex;
}

.common__label {
	font-size: 2rem;
	flex-shrink: 0;
	width: 23.5%;

}

.common__content {
	font-size: 2rem;
}

@media (max-width: 1024px) {
	.common__label {
		font-size: 1.7rem;
		flex-shrink: 0;
		width: 25%;

	}

	.common__content {
		font-size: 1.7rem;
	}

}

/*院長挨拶*/
.message__sub-title {
	color: var(--bold);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2.3rem, 2.2vw, 3.2rem);
	margin-bottom: 0;
}

h2.message__title {
	position: relative;
	color: var(--third);
	text-align: center;
	margin: 0;
}

h2.message__title:before,
h2.message__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--orange);
	height: 0.2rem;
	width: 35%;
	top: 30%;
}

h2.message__title:before {
	left: -3.5rem;
}

h2.message__title:after {
	right: -3.5rem;
}

.message__wrap {
	padding: 3.5em 2.5em;
	background-color: var(--l-orange);
	box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
	margin-top: 1em;
}

.message__wrap figure {
	float: left;
	width: calc(239 / 799 * 100%);
	margin-right: 1.5em;
	margin-bottom: 0.5em;
}

/* ◆◆◆ 5つのメリット ◆◆◆ */
.point__sub-title {
	color: var(--bold);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2.3rem, 2.2vw, 3.2rem);
	margin-bottom: 0;
}

h2.point__title {
	position: relative;
	color: var(--third);
	text-align: center;
	margin: 0;
}

h2.point__title:before,
h2.point__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--orange);
	height: 0.2rem;
	width: 32%;
	top: 30%;
}

h2.point__title:before {
	left: -3.5rem;
}

h2.point__title:after {
	right: -3.5rem;
}

.point__list {
	list-style: none;
	padding: 0;
	margin-top: 2em;
	display: grid;
	gap: 3rem;
}

.point__list-item {
	border: solid var(--orange);
	border-radius: 2em;
}

.point__list-inner {
	padding: 2em 3.5em;
	display: flex;
	align-items: flex-start;
	gap: 2em;
}

.point__list-text {
	text-align: justify;
	width: 65%;
}

.point__list-text p {
	font-size: 1.8rem;
	line-height: 1.6;
}

.point__list-title {
	color: var(--orange);
	font-size: 2.6rem;
	text-align: center;
	background: var(--l-orange);
	padding-block: 0.7em;
	margin-top: 1.5em;
}

.point__list-img {
	width: 35%;
}

/* ◆◆◆ 5つのメリット ◆◆◆ */


/*症状の説明*/
.shojo-contents {
	/*margin-block: 5em 6em;*/
	counter-reset: shojocontent;
}

p.shojo-contents__sub-title {
	color: var(--bold);
	text-align: center;
	font-weight: 600;
	font-size: clamp(2rem, 1.9vw, 3.2rem);
	margin-block: 0;
}

/*ピンク文字*/
h2.shojo-contents__title {
	position: relative;
	color: var(--pink);
	text-align: center;
	padding-bottom: 0;
}

h2.shojo-contents__title::before,
h2.shojo-contents__title::after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--pink);
	height: 0.2rem;
	width: 23%;
    top: 49%;
}

h2.shojo-contents__title::before {
	left: -3rem;
}

h2.shojo-contents__title::after {
	right: -3rem;
}

/*オレンジ線*/
h2.shojo-contents__title.shojo-contents__title--orange {
	position: relative;
	color: var(--black);
	text-align: center;
	padding-bottom: 0;
}

h2.shojo-contents__title.shojo-contents__title--orange::before,
h2.shojo-contents__title.shojo-contents__title--orange::after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--orange);
	height: 0.2rem;
	width: 17%;
    top: 49%;
}

h2.shojo-contents__title.shojo-contents__title--orange::before {
	left: -3rem;
}

h2.shojo-contents__title.shojo-contents__title--orange::after {
	right: -3rem;
}

/*オレンジ線理由*/
h2.shojo-contents__title.shojo-contents__title--reason {
	position: relative;
	color: var(--black);
	text-align: center;
	padding-bottom: 0;
}

h2.shojo-contents__title.shojo-contents__title--reason::before,
h2.shojo-contents__title.shojo-contents__title--reason::after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--orange);
	height: 0.2rem;
	width: 17%;
    top: 49%;
}

h2.shojo-contents__title.shojo-contents__title--reasone::before {
	left: -3rem;
}

h2.shojo-contents__title.shojo-contents__title--reason::after {
	right: -3rem;
}


.shojo-contents__item {}

h3.shojo-contents__item-title {
	position: relative;
	color: white;
	font-size: clamp(1.9rem, 2.2vw, 2.4rem);
	background: var(--pink);
	padding: 0.6em 1em 0.6em 3em;
	margin-top: 1.6em;
}

@media (max-width: 768px){
h2.shojo-contents__title::before,
h2.shojo-contents__title::after {
	width: 19%;
}
	
/*ダイエットP*/
.post-428 .about h2.shojo-contents__title.shojo-contents__title--orange::before,
.post-428 .about h2.shojo-contents__title.shojo-contents__title--orange::after {
	top: 79%;
}
	
h3.shojo-contents__item-title {
	padding: 0.4em 1em 0.4em 3em;
}
}


.shojo-contents__item h3.shojo-contents__item-title::before {
	position: absolute;
	content: counter(shojocontent, decimal-leading-zero);
	counter-increment: shojocontent;
	top: 50%;
	left: 1.2em;
	transform: translatey(-50%);
}

figure.shojo-contents__item-img {
	aspect-ratio: 2 / 1;
	overflow: hidden;
	margin-top: 1.6em;
}

figure.shojo-contents__item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shojo-contents__item-text {
	text-align: justify;
	margin-top: 1em;
	font-size:1.8rem;
}

.shojo-contents__item-text p {
	font-size:1.8rem;	
}

/* ◆◆◆ /症状ページ ◆◆◆ */


/* ◆◆◆ 対応症状リスト ◆◆◆ */
.shojo {}

ul.shojo__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	gap: 1.5em;
	width: 100%;
	padding: 0 0 6em 0;
	margin: 0;
}

ul.shojo__list li {
	text-align: center;
	flex: 1 1 calc(33.333% - 1.5em);
	max-width: calc(33.333% - 1em);
	margin-bottom: 0;
}

ul.shojo__list li a {
	color: white;
	font-size: clamp(1rem, 1.6vw, 1.8rem);
	text-decoration: none;
	border-radius: 0.5rem;
	background: -moz-linear-gradient(bottom, #E05F2F, #F5AE66);
	background: -webkit-linear-gradient(bottom, #E05F2F, #F5AE66);
	background: linear-gradient(to top, #E05F2F, #F5AE66);
	display: block;
	padding: 0.6em;
	transition: 0.6s;
}

ul.shojo__list li a:hover {
	opacity: 0.6;
}

@media (max-width: 768px){
ul.shojo__list {
	padding: 0 0 3em 0;
}
}


/* ◆◆◆ /対応症状リスト ◆◆◆ */


/* ◆◆◆はじめての方へ ◆◆◆ */
/*院内紹介*/
.clinic-img {}

.clinic-img__box {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin-top: 2em;
}

.clinic-img__box>figure {
	flex: 0 0 calc((100% - 1em) / 3);
	box-sizing: border-box;
}

.clinic-img__box img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

/* ◆◆◆　/はじめての方へ ◆◆◆ */


/* ◆◆◆ 料金ページ ◆◆◆ */
table.price__list {
	margin-block: 2em;
}

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

ul.price__items li.price__item {
	margin: 3em 0 5em;
}

ul.price__items li.price__item:last-child {
	margin: 3em 0 0;
}

table.price__list th,
table.price__list td {
	border: solid 1px var(--secondary) !important;
	text-align: center;
	vertical-align: middle;
}

table.price__list th {
	background: var(--bg3);
	font-size: clamp(1.4rem, 2.4vw, 2rem);
}

.price__list td {
	font-size: clamp(1.3rem, 2vw, 1.5rem);
}

/* ◆◆◆ /料金ページ ◆◆◆ */


/* ◆◆◆ 執筆者情報 ◆◆◆ */
.writer {
	background-color: var(--l-green) !important;
	height: 370px;
	padding: 3em 6% 8rem 6% !important;
}

.writer__title {
	margin-bottom: 2rem;
}

@media (max-width: 768px) {
	.writer {
		width:95%;
		height: 520px;
		padding: 3em 5% 8rem 4% !important;
	}
}
/* ◆◆◆ /執筆者情報 ◆◆◆ */


/* ◆◆◆ よくある質問 ◆◆◆ */
.qa-list dt,
.qa-list dd {
	position: relative;
	font-size: clamp(1.1rem, 1.8vw, 1.6rem);
}

.qa-list dt {
	margin-bottom: 1rem;
	padding: 0 0 1rem 4rem;
}

.qa-list dd {
	padding: 0 0 3rem 4rem;
}

.qa-list dt:before,
.qa-list dd:before {
	position: absolute;
	font-size: clamp(1.1rem, 1.8vw, 1.6rem);
	color: white;
	top: 0;
	left: 0;
	width: 2.9rem;
	padding-block: 1em;
	vertical-align: middle;
	text-align: center;
}

.qa-list dt:before {
	content: "Q";
	background: var(--secondary);
	border-radius: 0.5rem;
}

.qa-list dd:before {
	content: "A";
	border: solid 1px var(--secondary);
	background-color: #ffffff;
	color: var(--secondary);
	border-radius: 0.5rem;
}

/* ◆◆◆ よくある質問 ◆◆◆ */


/* ◆◆◆ 投稿 ◆◆◆ */
.c-pageTitle__main {
font-size: 2.4rem;	
}

body.single .c-postContent p {
	margin-bottom: 1.3rem;
	font-size:1.6rem;
}

.news-col figure {
	margin-block: 2em;
}

.bo-credit {
	margin-top: 6em;
}

.bo-credit p,
.bo-credit a {
	font-size: 1rem!important;
	color: #d4dcda;
}

.single-post .hp-contact {
padding-block:8em 5em!important;	
}

.p-postList--notfound {
	font-size:1.5rem;
}

@media (max-width: 768px) {
.c-pageTitle__main {
font-size: 2rem;	
}
	
.single-post .hp-contact {
padding-block: 5em 2em !important;
}
}

/*.post__cta .inner {
	padding: 0;
}*/

/* ◆◆◆ 投稿 ◆◆◆ */


/* ◆◆◆ 投稿記事下CTA ◆◆◆ */
.post__cta {
	padding-bottom: 2em;
	margin: 0 0 2em;
}

/* ◆◆◆ /投稿記事下CTA ◆◆◆ */


/* ◆◆◆ パンくず ◆◆◆ */
li.p-breadcrumb__item {
	margin-bottom: 0;
}

/* ◆◆◆ /パンくず ◆◆◆ */


/* ◆◆◆ アーカイブ ◆◆◆ */
/* ◆◆◆ /アーカイブ ◆◆◆ */


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

@media (max-width: 1024px) {

	/* ◆◆◆ ハンバーガーメニュー ◆◆◆ */
	/*ボタン背景色*/
	.l-header__drawerBtn {
		background: var(--orange);
		opacity: 0.7;
		border-radius: 3px;
	}

	/*ボタン３本線*/
	.c-iconBtn__icon {
		color: white;
	}

	/* ◆◆◆ ハンバーガーメニュー ◆◆◆ */

	/* ◆◆◆ ドロワーメニュー ◆◆◆ */
	.p-drawer {
		background: var(--orange);
        border-top: #F0F1F3;
        border-bottom: #F0F1F3;
	}

	/*メニューの文字*/
	.c-drawerNav__a {
		color: #fff;
		font-size:1.6rem;
		padding: 0.5em 0;
	}

	/*メニュードロップダウンの文字*/
	.c-drawerNav__a .__mainText {
		color: #fff;
	}

	/*サブメニューアイコン*/
	.c-submenuToggleBtn {
		background: #ffffff !important;
	}

	.c-submenuToggleBtn .c-submenuToggleBtn__svg {
		fill: black;
	}

	.c-submenuToggleBtn:after {
		box-shadow: inset 0 0 0 1px black;
		opacity: 1;
	}
	
	.menu-item-402 a::after {
	position: absolute;
	content: "" !important;
	background: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/menu-sankaku.webp);
	width: 10px;
	height: 5px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 44%;
	right: 10%;
}
	
.menu-item-402 a::after,
.menu-item-402 a:hover:after {
display:none;
}


	/*メニューリスト内設定*/
	.c-drawerNav {
		text-align: center;
	}


	/*TOP FV下*/
	h2.fine__title:before {
		left: 7rem;
	}

	h2.fine__title:after {
		right: 7rem;
		transform: scaleX(-1);
	}


	/*お悩み*/
	ul.problem__items {
		padding: 1.5em 3em 1.5em 2.5em;
	}

	ul.problem__items:after {
		background: none;
	}


}


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

@media (max-width: 768px) {
	body.home .l-main__body {
		margin-top: 0 !important;
	}

	.c-postContent {
		padding-bottom: 0;
	}

	h2 {
		line-height: 1.4;
	}

	/* ◆◆◆ 背景 ◆◆◆ */
	.section__inner-ivory {
		padding-block: 1.5em;
	}

	.section__inner-light-green {
		padding-block: 1.5em;
	}

	/* ◆◆◆ /背景 ◆◆◆ */




	/* ◆◆◆ こんなにも根本改善 ◆◆◆ */
	h2.fine__title {
		line-height: 1.3;
		padding: 0.6em;
		padding-top: 0;
	}

	h2.fine__title:before,
	h2.fine__title:after {
		display: none;
	}

	.top-fine__images {
		gap: 0.8em;
	}

	.top-fine__list {
		gap: 2em;
		margin-top: 3em;
	}


	.top-fine__content {
		padding: 1.5em;
	}

	.top-fine__name {
		font-size: 1.5rem;
		padding-bottom: 0.3em;
	}

	.top-fine__text {
		font-size: 1.7rem;
	}

	/* ◆◆◆ /こんなにも根本改善 ◆◆◆ */


	/* ◆◆◆ 喜びの声 ◆◆◆ */
	.voice {
		/*padding-bottom: 0;
		margin-top: 1em;*/
	}

	.voice__inner {
		margin-bottom: 1.5em;
	}

	p.voice__sub-title {
		margin-block: 3em 0;
	}

	h2.voice__title:before,
	h2.voice__title:after {
		display: none;
	}

	li.voice__item {
		padding: 1.5em 1.5em 0.6em 1.5em;
		margin-bottom: 1em;
	}

	figure.voice__item-img {
		width: 100%;
		padding: 0 0 0.5em 0;
	}

	p.voice-note {
		text-align: left;
	}

	/* ◆◆◆ /喜びの声 ◆◆◆ */


	/* ◆◆◆ 推薦 ◆◆◆ */
	.recommend__list {
		margin-top: 1.5em;
		gap: 2rem;
	}

	.recommend__list-item {
		border-radius: 1em;
	}

	.recommend__list-inner {
		padding: 1em 2em;
		flex-direction: column;
		gap: 1em;
	}

	.recommend__list-text {
		text-align: justify;
		width: 100%;
	}

	.recommend__list-text p {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.recommend__list-title {
		font-size: 1.9rem;
		padding-block: 0.5em;
		margin-top: 1em;
	}

	.recommend__list-img {
		width: 100%;
	}
	
		.recommend__list-img img {
		margin:auto;
	}


	/* ◆◆◆ /推薦 ◆◆◆ */


	/*◆◆◆ 当院との違い ◆◆◆ */
	.difference {
		/*margin-block: 1em 2em;*/
	}

	.difference__title-box {
		text-align: center;
		padding-right: 4%;
	}

	.difference__title-box p {
		padding: 0.2em 1.5em;
		margin-block: 1em 1em;
		font-size: 80%;
	}

	/*比較表*/
	li.difference__item h3 {
		margin-top: 1em;
	}

	.difference__item-box {
		display: block;
	}

	.difference__item-box-item {
		margin-bottom: 0.5em;
	}

	.difference__item-box-item p {
		padding: 1em 0.5em;
	}

	/*◆◆◆ /当院との違い ◆◆◆ */


	/* ◆◆◆ メリット ◆◆◆ */
	.merit__list {
		gap: 0.4em;
	}

	.merit__list p {
		flex: 0 0 calc((100% - 0.4em) / 2);
	}

	/* ◆◆◆ /メリット ◆◆◆ */


	/* ◆◆◆ BA ◆◆◆ */
	.ba {
		/*padding-block: 0rem 0.5em;*/
	}

	li.ba__item {
		padding: 0;
		margin-bottom: 1em;
	}

	h2.ba__title:before,
	h2.ba__title:after {
		display:none;
	}

	.ba__item-img {
		gap: 0.8em;
		margin-bottom: 1em;
	}

	figure.ba__img {
		flex: 0 0 calc((100% - 0.8em) / 2);
	}

	.ba__item-content {
		margin-top: 2em;
		padding: 1.5em;
	}

	.ba__item-title {
		font-size: 1.9rem;
		line-height: 1.5;
	}

	.ba__item-name {
		font-size: 1.4rem;
		margin-top: 0.7em;
	}

	.ba__item--text {
		font-size: 1.7rem;
		margin-top: 0.4em;
	}

	.ba__item-note {
		font-size: 1.3rem;
		margin-top: 0.3em;
	}

	/* ◆◆◆ /BA ◆◆◆ */


	/*共通テキスト部分*/
	.common {
		margin-top: 1em;
		gap: 1.8em;
	}

	.common__lead {
		display: grid;
		gap: 0.8em;
	}

	.text-lead {
		font-size: 2rem;
	}

	.text-sub {
		font-size: 1.7rem;
	}

	.text-body {
		font-size: 1.6rem;
	}
	
.common ul li {
		font-size: 1.7rem;
}


	.common__wrap {
		display: grid;
		gap: 0.7em;
	}


	.common__item {
		flex-direction: column;
	}

	.common__label {
		width: 100%;
	}

	/*院長挨拶*/
	h2.message__title {
		margin: 0;
	}

	h2.message__title:before,
	h2.message__title:after {
		display: none;
	}

	.message__wrap {
		padding: 2em 1em;
		margin-top: 0;
	}

	.message__wrap figure {
		float: none;
		width: 80%;
		margin: 0 auto 1em auto;
	}

	/* ◆◆◆ 5つのメリット ◆◆◆ */
	h2.point__title:before,
	h2.point__title:after {
		display: none;
	}

	.point__list {
		margin-top: 1em;
		gap: 2rem;
	}

	.point__list-item {
		border: solid var(--orange);
		border-radius: 1em;
	}

	.point__list-inner {
		padding: 1em 2em;
		flex-direction: column;
		gap: 1em;
	}

	.point__list-text {
		text-align: justify;
		width: 100%;
	}

	.point__list-text p {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.point__list-title {
		font-size: 1.9rem;
		padding-block: 0.5em;
		margin-top: 1em;
	}

	.point__list-img {
		width: 100%;
	}

	/* ◆◆◆ 推薦 ◆◆◆ */
	.recommend__list {
		margin-top: 1.5em;
		gap: 2rem;
	}

	.recommend__list-item {
		border-radius: 2em;
	}

	.recommend__list-inner {
		padding: 1.5em;
		flex-direction: column;
		gap: 1em;
	}

	.recommend__list-text {
		width: 100%;
	}

	.recommend__list-text p {
		font-size: 1.7rem;
	}

	.recommend__list-title {
		font-size: 1.9rem;
		padding-block: 0.5em;
		margin-top: 1em;
	}

	.recommend__list-img {
		width: 100%;
		float: none;
		padding: 0;
	}

	.recommend__list-name {
		text-align: center;

	}

	.recommend-img {
		/*margin-bottom: 2em;*/
	}

	/* ◆◆◆ メリット ◆◆◆ */
	h2.merit__title {
		font-size: 2.4rem;
	}

	.merit__list p {
		font-size: 1.5rem;
	}

	/* ◆◆◆ オファー ◆◆◆ */
	.offer {
		/*padding-bottom: 1em;
		margin: 1em 0 0;*/
	}

	.offer figure {
		margin-top: 1em;
	}

	.offer__text {
		margin-top: 0.6em;
	}

	/* ◆◆◆ /オファー ◆◆◆ */


	/* ◆◆◆ 支払い方法 ◆◆◆ */
	.payment__type img {
		padding:0 4em;
	}

	/* ◆◆◆ /支払い方法 ◆◆◆ */


	/* ◆◆◆ 問合 ◆◆◆ */
	.contact {
		/*margin-top: 1em;*/
	}

	.contact__btn {
		display: block;
		padding-inline: 10%;
		margin-bottom: 0.3em;
	}

	.contact__btn-item {
		width: 100%;
	}

	/* ◆◆◆ /問合 ◆◆◆ */


	/* ◆◆◆ アクセス ◆◆◆ */
	.access {
	margin-top: 4em;
}
	
	body.home .access,
	body.front-page .access {
		margin-block: 3em;
	}

	.access figure {
		margin: 1.5em 0 0;
	}

	table.access__table {
		margin-block: 1.5em 0;
	}

	table.access__table th {
		border: none;
		font-size: 1.6rem;
	}

	table.access__table td {
		border: none;
		border-bottom: solid 1px var(--black);
		font-size: 1.5rem;

	}

	table.access__table tr:last-child td {
		border-bottom: none;
	}

	table.access__table th,
	table.access__table td {
		text-align: center;
		display: block;
		width: 100%;
	}

	table.access__table {
		border: none;
		border: solid 1px var(--black);
	}

	.access__map {
		margin-top: 2em;
	}

	/* ◆◆◆ /アクセス ◆◆◆ */


	/* ◆◆◆ お悩み ◆◆◆ */
	.problem {
		/*margin-block: 3em 5em;*/
	}

	.problem img {
		width: 75%;
		margin: 0 auto 2rem auto;
	}

	.problem__inner {
		padding-block: 0;
		margin-bottom: 0;
	}

	h2.problem__title:before,
	h2.problem__title:after {
		display: none;
	}

	ul.problem__items {
		padding: 1.5em 0.8em 1.5em 1em;
		gap: 1em;
	}

	ul.problem__items li {
		padding-left: 1.4em;
	}

	.problem__items li:before {
		width: 1.3rem;
		height: 1.3rem;
		left: 0;
	}
	
	.problem__sankaku {
    width: 30%;
    margin-inline: auto;
    margin-top: 3rem;
}


	/* ◆◆◆ /お悩み ◆◆◆ */

	/* ◆◆◆ 当院について<追加用> ◆◆◆ */
	.about figure,
	.about .iframe-wrapper {
		margin-top: 1em;
	}

	/* ◆◆◆ 当院について<追加用> ◆◆◆ */

	/* ◆◆◆ 流れ ◆◆◆ */
	ul.flow__items {
		padding-left: 1.5em;
		margin-left: 0.5em;
		gap: 3em;
	}

	li.flow__item {
		padding-right: 0.5em;
	}

	li.flow__item .flow__content {
		flex-direction: column;
		gap: 1em;
		margin-top: 0.5em;
	}
	
	ul.flow__items::before {
    left: -1%;
}

	li.flow__item h3 {
		padding-left: 1em;
		margin-top: 0;
	}

	li.flow__item h3::before {
		width: 2em;
		height: 2em;
		left: -1.8em;
	}

	li.flow__item figure.flow__img {
		width: 100%;
		margin-top: 0.5em;
	}

	li.flow__item p {
		width: 100%;
		font-size: 1.7rem;
	}
	.flow_texts dl dd,
.flow_texts dl dt {
	font-size: 1.7rem!important;	
}

	li.flow__item .flow_texts {
		width: 100%;
	}

	li.flow__item .flow_texts p {
		width: 100%;
	}


	/* ◆◆◆ /流れ ◆◆◆ */


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

	/*1つの場合*/
	.footer__contact-btn1 {
		transition: 0.6s;
	}

	/*2つの場合*/
	.footer__contact-btn2 {
		display: flex;
		align-items: flex-end;
	}

	.footer__btn2-item {
		width: 50%;
		margin-bottom: 0;
	}

	/* ◆◆◆ フッターボタン ◆◆◆ */

	.entry_title {
		padding-inline: 5%;
	}


	/* ◆◆◆ 下層ページタイトル ◆◆◆ */
	p.bo-page-title {
		margin-bottom: 1em;
	}

	.p-archive__title p.c-pageTitle__main,
	p.bo-page-title {
		padding: 0.7em !important;
	}

	/* ◆◆◆ /下層ページタイトル ◆◆◆ */


	/* ◆◆◆ 対応症状リスト ◆◆◆ */
	ul.shojo__list {
		gap: 1em;
	}

	ul.shojo__list li {
		text-align: center;
		flex: 1 1 calc(50% - 0.5em);
		max-width: calc(50% - 0.5em);
	}

	ul.shojo__list li a {
		padding: 0.5em;
	}

	/* ◆◆◆ /対応症状リスト ◆◆◆ */


	/* ◆◆◆　はじめての方へ ◆◆◆ */
	.clinic-img__box>figure {
		flex: 0 0 calc((100% - 0.5em) / 2);
	}

	/* ◆◆◆　/はじめての方へ ◆◆◆ */


	/* ◆◆◆　料金P ◆◆◆ */
	ul.price__items li.price__item {
		margin: 3em 0;
	}

	/* ◆◆◆　/料金P ◆◆◆ */


	/* ◆◆◆ 症状ページ ◆◆◆ */
	.why {
		/*margin-top: 1.2em;*/
	}

	.why__sub-title {
		line-height: 1.4;
		padding: 0.5em;
	}

	h3.why__title {
		line-height: 1.2;
		padding: 0.6em 1em;
	}

	.why__text {
		background: linear-gradient(to right, rgb(255 255 255 / 100%), rgb(255 255 255 / 50%)), url(https://bigoasisxsv3.xsrv.jp/juushou-hp-01/wp-content/uploads/2025/08/why-bg.webp);
		background-size: cover;
		background-position: right;
		padding: 1em 1em;
	}

	.why__text p {
		text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
	}

	.shojo-why {
		margin-top: 2em;
	}

	.shojo-contents {
		/*margin-block: 3em 4em;*/
	}

	p.shojo-contents__sub-title {
		margin-block: 0;
	}

	/* ◆◆◆ /症状ページ ◆◆◆ */


	/* ◆◆◆ Q&A ◆◆◆ */
	.qa-list dt:before,
	.qa-list dd:before {
		width: 2rem;
	}

	/* ◆◆◆ /Q&A ◆◆◆ */

	/* ◆◆◆ 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（必要な場合は使用） ◆◆◆ */


	/* ◆◆◆ BA（必要な場合は使用）◆◆◆ */
	.ba {
		/*margin-top: 3em;*/
	}

	li.ba__item {
		margin-bottom: 2em;
	}

	/* ◆◆◆ /BA（必要な場合は使用） ◆◆◆ */


	/* ◆◆◆ 流れ-01 文章あり縦並び（必要な場合は使用）◆◆◆ */
	.flow__01 {
		/*margin-top: 3em;*/
	}

	.flow__01 li.flow__item {
		padding: 1.5em 1.5em 0.4em;
		margin-bottom: 2em;
	}

	.flow__01 li.flow__item figure {
		width: 100%;
		float: none;
		padding-left: 0;
		margin-top: 0.9em;
	}

	/* ◆◆◆ /流れ-01 文章あり縦並び（必要な場合は使用） ◆◆◆ */

}


/* ◆◆◆ 下層ページ ◆◆◆ */
body.page:not(.home) .l-content {
	padding-top: 5rem;
}

@media (max-width: 768px) {
	body.page:not(.home) .l-content {
		padding-top: 0rem;
	}
}


.page-template-symptoms-page .l-content {
	padding-top: 5rem;
}

@media (max-width: 768px) {
	.page-template-symptoms-page .l-content {
		padding-top: 0;
	}
}


/* ◆◆◆ お悩み ◆◆◆ */
.page-template-symptoms-page h2.problem__title span {
	color: var(--green);
}

.page-template-symptoms-page h2.problem__title:before,
.page-template-symptoms-page h2.problem__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--green);
	height: 0.2rem;
	width: 22%;
	top: 30%;
}

.page-template-symptoms-page h2.problem__title:before {
	left: 0;
}

.page-template-symptoms-page h2.problem__title:after {
	right: 0;
}

.u-page-problem figure {
	margin-bottom: 3em;
}

.page-template-symptoms-page ul.problem__items {
	padding: 2.5em 3em 2.5em 3.5em;
	background: #F8F8F8;
	box-shadow: 2px 2px 4px #c8c2be;
	position: relative;
	display: grid;
	gap: 1.4em;
	background: var(--l-green);
}

.page-template-symptoms-page .problem__items li {
	position: relative;
	font-size: clamp(1.4rem, 1.6vw, 2rem);
	list-style: none;
	padding-left: 2.1em;
}

.page-template-symptoms-page .problem__img {
	display: none;
}

.page-template-symptoms-page .problem__items li:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1.5%;
	content: "";
	background: url(https://light-kurayoshi.com/wp-content/uploads/2026/04/green-check.webp);
	background-size: contain;
	width: 2.5rem;
	height: 2.5rem;
}

.u-page-problem__outro {
	text-align: center;
	font-size: 2.9rem;
	font-weight: 600;
	margin-top: 5rem;
}

.u-page-problem__outro--l {
	font-size:130%;
}

.u-page-problem__sankaku {
	width: 20%;
	margin-inline: auto;
	margin:5rem auto 0 auto!important;
}


@media (max-width: 1024px) {

	/*お悩み*/
	.page-template-symptoms-page ul.problem__items {
		padding: 1.5em 3em 1.5em 2.5em;
	}

}

/*原因とは*/
h2.genin__title {
	position: relative;
	color: var(--black);
	text-align: center;
}

h2.genin__title span {
	color: var(--pink);
}

h2.genin__title:before,
h2.genin__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--pink);
	height: 0.2rem;
	width: 13%;
	top: 30%;
}

h2.genin__title:before {
	left: 0;
}

h2.genin__title:after {
	right: 0;
}

/*自立P*/
.page-id-389 h2.genin__title:before,
.page-id-389 h2.genin__title:after {
	width: 9%;
}

.genin__list {
	list-style: none;
	margin-top: 3em;
	display: grid;
	gap: 4em;
}

.genin__heading-row {
	display: flex;
	align-items: stretch;
	/* 左右の高さを揃えるポイント */
}

.genin__heading-label {
	background: #C36677;
	/* 濃いピンク */
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	padding: 10px 18px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
}

.genin__heading-title {
	background: var(--pink);
	/* 薄いピンク */
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	padding: 10px 20px;
	flex: 1;
	/* 残りの幅を全部使う */
	display: flex;
	align-items: center;
}


.genin__flex {
	display: flex;
	gap: 1.5em;
	margin-top: 1.8em;
}

.genin__flex p {
	width: 65%;
	font-size: 1.9rem;
	text-align: justify;
	line-height: 1.6;
}

.genin__flex figure {
	width: 35%;
}

.genin__summary {
	font-size: 1.9rem;
	text-align: justify;
	line-height: 1.6;
	margin-top:1em;
}

/*育毛P*/
.ba-hair__items {
	list-style: none;
	display: grid;
	gap: 4em;
}

.ba-hair__cace {
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	color: var(--pink);
	line-height: 1;
}

.ba-hair__name {
	text-align: center;
	font-size: 2.3rem;
	font-weight: 500;
	color: var(--pink);
	line-height: 1;
	margin-top: 0.5em;
}

.ba-hair__images {
	display: flex;
	justify-content: center;
	gap: 2em;
	margin-top: 1em;
}

.ba-hair__image {
	width: 45%;
}

.ba-hair__images p {
	text-align: center;
	font-size: 2.6rem;
	background: var(--black);
	color: #fff;
	padding: 7px 0;
}

.ba-hair__image:nth-of-type(2) p {
	background: var(--orange);
}

.ba-hair__attention {
	text-align: right;
	font-size: 1.4rem;
	margin-right: 1em;
	margin-top: 0.5em;
}

.shojo-contents__item figure {
	margin-top:2em;
}

/*症状ページh3*/
.u-page-sub-title {
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 1.5em;
	color:var(--orange);
	padding-left:2rem;
	border-bottom:1px solid var(--orange);
}

.u-page-texts {
	margin-top:1.7em;
	display:grid;
	gap:1.5em;
}

.f-border {
	border:2px solid var(--orange);
}

@media (max-width: 1024px) {
	/*下層Pお悩み*/
	.page-template-symptoms-page .problem__items li:before {
    left: 0.5%;
    width: 2.3rem;
    height: 2.3rem;
}
	/*自立P*/
	.page-id-389 h2.genin__title:before, 
	.page-id-389 h2.genin__title:after {
    width: 4%;
}
	/*自立Pお悩み*/
	.post-389 .problem__items li:nth-child(1):before, 
	.post-389 .problem__items li:nth-child(2):before {
		top: 26%;
	}
}

@media (max-width: 768px) {

	/* ◆◆◆ お悩み ◆◆◆ */
	.page-template-symptoms-page ul.problem__items {
		padding: 1.5em 1em 1.5em 1em;
		gap: 1em;
	}

	.page-template-symptoms-page .problem__items li {
		padding-left: 1.5em;
	}
	
	.page-template-symptoms-page .problem__items li:before {
		width: 1.6rem;
		height: 1.6rem;
		left: 0;
		top: 25%;
	}

	/*育毛お悩みSP*/
	  .post-1154 .problem__items li:before {
		top: 25%;
	}
	
	/*肩こりお悩みSP*/
	.post-114 .problem__items li:before {
		top: 47%;
	}
	
	.post-114 .problem__items li:nth-child(2):before, 
	.post-114 .problem__items li:nth-child(4):before,
	.post-114 .problem__items li:nth-child(6):before {
		top: 25%;
	}
	
	/*骨盤お悩みSP*/
	.post-426 .problem__items li:before {
		top: 44%;
	}
	
	.post-426 .problem__items li:nth-child(2):before {
		top: 26%;
	}
	
		/*骨盤お悩みSP*/
	.post-389 .problem__items li:before {
		top: 25%;
	}
	
	/*ダイエットお悩みSP*/
	.post-428 .problem__items li:before {
		top: 50%;
	}
	
		/*骨盤お悩みSP*/
	.post-426 .problem__items li:before {
		top: 25%;
	}

	.u-page-problem figure {
		margin-bottom: 1.5em;
	}

	.u-page-problem__outro {
		font-size: 2rem;
		margin-top: 3rem;
	}

	.u-page-problem__sankaku {
		margin: 2rem auto 0em auto !important;
	}

	/*原因とは*/
	
	/*自立P*/
	.page-id-389 h2.genin__title:before, 
	.page-id-389 h2.genin__title:after {
    width: 10%;
}
	.genin__list {
		margin-top: 2em;
		gap: 2.5em;
	}

	.genin__heading-label {
		font-size: 1.8rem;
		padding: 5px 8px;
	}

	.genin__heading-title {
		font-size: 1.7rem;
		padding: 5px 8px;
		line-height: 1.5;
	}

	.genin__flex {
		flex-direction: column-reverse;
		gap: 1.5em;
	}

	.genin__flex p {
		width: 100%;
		font-size: 1.7rem;
	}

	.genin__flex figure {
		width: 100%;
	}
	
	.genin__summary {
		font-size: 1.7rem;		
	}
	
	/*育毛P*/
		.ba-hair__items {
		gap: 3.5em;
	}

	.ba-hair__cace {
		font-size: 2.2rem;
	}

	.ba-hair__name {
		font-size: 1.9rem;
		margin-top: 0.2em;
	}

	.ba-hair__images {
		gap: 1em;
	}

	.ba-hair__image {
		width: 45%;
	}

	.ba-hair__images p {
		font-size: 1.7rem;
		padding: 2px 0;
	}


	.ba-hair__attention {
		text-align: right;
		font-size: 1.3rem;
		margin-right: 1em;
		margin-top: 0.3em;
	}
	
	.shojo-contents__item figure {
	margin-top:1em;
}

/*症状ページh3*/
.u-page-sub-title {
    font-size: 1.6rem;
    padding-left: 0.5rem;
    margin-top: 1.7em;
}

.u-page-texts {
	margin-top:1em;
	gap:1.2em;
}
}

/*肩こりページ*/
.problem__items.katakori {
position:relative;	
}

.problem__items.katakori::after {
position: absolute;
content: "";
background:url(https://light-kurayoshi.com/wp-content/uploads/2026/05/katakori-side-image.webp);
background-repeat: no-repeat;
background-size: contain;
right: 0;
bottom: 0;
height: 29rem;
width: 19em;
}

@media (max-width: 1300px){
.problem__items.katakori::after {
height: 21rem;
width: 14em;
}
}

@media (max-width: 1200px){
.problem__items.katakori::after {
display:none;
}
}




/*症状ページ about*/
h2.about__title {
	position: relative;
	color: var(--black);
	text-align: center;
}

h2.about__title span {
	color: var(--orange);
}

h2.about__title:before,
h2.about__title:after {
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	background: var(--orange);
	height: 0.2rem;
	width: 10%;
	top: 30%;
}

h2.about__title:before {
	left: -3.5rem;
}

h2.about__title:after {
	right: -3.5rem;
}


.about__inner {
margin-top:3em;
}

.about figure {
	width: 40%;
    float: right;
    margin: 0 0 1.5em 1.5em;
}

.about__topic {
font-size: 2.3rem;
line-height: 1.6;
font-weight:600;
}

.about__text {
font-size:1.9rem;
margin-top:1.5em;
}

.about__text.about__text--m {
margin-top:0;	
} 

.reason__inner {
margin-top:5em;	
}

.reason figure {
	width: 40%;
    float: right;
    margin: 0 0 1.5em 1.5em;
}

.sankaku {
width: 15%;
margin-inline: auto;
margin: 5em auto 5em !important;	
}

@media (max-width: 1024px){
h2.about__title:before,
h2.about__title:after {
	width: 7%;
}
}

@media (max-width: 768px){
/*肩こりP*/
h2.about__title.katakori:before, h2.about__title.katakori:after {
    position: absolute;
    content: "";
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    background: var(--orange);
    height: 0.2rem;
    width: 14%;
    top: 40%;
}

.about__inner {
    margin-top: -1em;
}
	
.about figure {
width: 100%;
float: none;
margin: 2em 0 0 0;
}

.about__topics {
margin-top:1em;
}

.about__topic {
font-size: 1.8rem;
}

.about__text {
font-size:1.6rem;
margin-top:1em;
}

.sankaku {
width: 15%;
margin-inline: auto;
margin: 3em auto 3em !important;
}
	
.reason__inner {
    margin-top: 1em;
}
	
.reason figure {
width: 100%;
float: none;
margin: 2em 0 0 0;
}
}


/*ヘッダーのLINEと整体と育毛P入れ替え*/
.bo-header__right-box-contact-item--hair {
display:none;	
}

.page-id-1154 .bo-header__right-box-contact {
display: flex;
gap: 1.3em;
justify-content: center;
}

.page-id-1154 .bo-header__right-box-contact-item--main {
display:none;	
}

.page-id-1154 .bo-header__right-box-contact-item--hair {
display:block;	
}

/*ヘッダー育毛PはHPB非表示*/
.page-id-1154 .bo-header__right-box-contact-item--hpb {
display:none;
}

/*サイドバー育毛PはHPB非表示*/
.page-id-1154 .side__box-contact-item--hpb {
display:none;
} 

/*サイドバーLINEと整体と育毛P入れ替え*/
.side__box-contact-item--hair {
display:none;	
}

.page-id-1154 .side__box-contact-item--main {
display:none;
} 

.page-id-1154 .side__box-contact-item--hair {
display:block;
} 

/*コンタクト育毛PHPB非表示*/
.page-id-1154 .hp-contact__btn.hp-contact__btn--hpb {
display:none;	
}

.page-id-1154 .hp-contact__inner.hp-contact__inner--main {
display: flex;
gap: 1em;
width: 55%;
margin: 0 auto;
justify-content: center;	
}

/*コンタクトLINEと整体と育毛P入れ替え*/
.hp-contact__btn--hair {
display:none;	
}

.page-id-1154 .hp-contact__btn--main {
display:none;	
}

.page-id-1154 .hp-contact__btn--hair {
display:block;	
}

/*育毛PフッターHPB非表示*/
.page-id-1154 .bo-footer__contact .hp-contact__btn--hpb {
display:none;	
}

/*育毛PフッターボタンHPB非表示*/
/*通常ページ育毛用非表示*/
.footer__btn2-item.footer__btn2-item--hair-page {
display:none;
}

/*育毛Pは通常用非表示*/
.page-id-1154 .footer__btn2-item.footer__btn2-item--main {
	display:none
}

/*育毛Pのみボタン表示*/
.page-id-1154
.footer__btn2-item.footer__btn2-item--hair-page {
display:block;
}

@media (max-width: 768px){
.post-1154 .hp-contact__inner.hp-contact__inner--main {
width: 80%;
}
	
.footer__btn2-item.footer__btn2-item--hair-page {
width: 100%;
margin-bottom: 0;
}
}


/*ダイエットP*/
.post-428 .ba__item--text {
    font-size: 3.2rem;
    text-align: center;
}

.post-428 .ba__item--text span {
    font-size: 130%;	
}

.about .about__top-image {
	width:100%;
	float:none;
	margin-top:3em;
}

.about__list {
display:grid;
gap:4em;
margin-top:3em;
list-style:none;
}

.about__list li {
display:flex;
gap:2em;
justify-content:center;
align-items:center;
}

.about__list li:nth-child(even) {
	flex-direction: row-reverse;
}

.about .about__item-image {
width:32%;
flex-shrink:0;
margin:0;
}

.about__item-image img {
	width: 100%;
	height: auto;
	display: block;
}

.about__texts {
width:63%;
}

.about__list h3 {
font-weight:600;	
padding-bottom:0.2rem;
border-bottom:2px solid var(--pink);
padding-left: 1em;
text-indent: -1em;
}

.about__list p {
font-size:1.7rem;
margin-top:0.3em;
text-align:justify;
}

@media (max-width: 1024px){
.about__list li {
flex-direction:column;
}
	
.about__list li:nth-child(even) {
flex-direction:column;
}

.about .about__item-image {
width:100%;
}

.about__texts {
width:100%;
}
}

/*アクセスP*/
.page-id-124 .access .title__light-pink {
display:none;	
}

.page-id-124 .access figure {
    margin-top: 0em;
}

/*院内写真*/
.access__photos {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 5rem;
	padding-inline: 1rem;
}

.access__photo {
	width:40%;
}

.access__photo img {
	border: 2px solid var(--orange);
	max-width: 100%;
    height: auto;
    display: block;
}


@media (max-width: 768px){
.post-428 .ba__item--text {
    font-size: 2.4rem;
}	
	
.access__photos {
		flex-direction: column;
		gap: 0.9rem;
		margin-top: 2em;
		padding-inline: 5%;
	}
	
	.access__photo {
    width: 100%;
}
	
	.access__photos-sp {
		display: flex;
		gap: 0.8rem;
	}

	.access__photo img {
		border: 2px solid var(--orange);
	}

	.access__photo-sp img {
		border: 2px solid var(--orange);
	}

}


