/* ヒーロー背景 */
.member-hero {
	background-image: url('../img/member/hero.jpg');
	background-size: cover;
	background-position: center top;
}

/* 会員様限定プランページ（plan.css の差分） */

.page-template-page-member-plan #content.site-content {
	flex-direction: column;
}

/* ページタイトル */
.member-plan-page-title {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}

/* 会員についてボタン（イントロ下） */
.member-plan-sub-nav {
	display: flex;
	justify-content: center;
	margin-top: 12px;
}

.member-plan-member-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 28px;
	border-radius: 40px;
	text-decoration: none;
	color: #fff;
	background: #4da487;
	transition: opacity 0.2s;
}

.member-plan-member-btn:hover {
	opacity: 0.85;
	color: #fff;
}

/* プラン名下セパレーター */
.plan-name-sep {
	height: 3px;
	border-radius: 2px;
	background: #f18849;
	margin: 10px 0 20px;
}

.plan-section--green .plan-name-sep { background: #4da487; }
.plan-section--red   .plan-name-sep { background: #c06061; }

/* キャッチコピー */
.plan-catch-copy {
	font-size: 22px;
	font-weight: bold;
	color: #f18849;
	line-height: 1.5;
	margin-bottom: 12px;
}

.plan-section--green .plan-catch-copy { color: #4da487; }
.plan-section--red   .plan-catch-copy { color: #c06061; }

/* プラン説明文 */
.plan-plan-desc {
	font-size: 18px;
	line-height: 1.8;
	color: #333;
	margin-bottom: 20px;
}

/* プランサブタイトル */
.plan-subtitle {
	font-size: 15px;
	color: #666;
	margin-bottom: 12px;
	line-height: 1.6;
}

/* 非会員価格（打ち消し線） */
.plan-regular-price {
	font-size: 22px;
	color: #000;
	margin-bottom: 8px;
}

.plan-regular-price-num {
	font-size: 30px;
	text-decoration: line-through;
	text-decoration-color: #d94444;
	text-decoration-thickness: 2px;
}

/* 会員価格ラベル */
.plan-price-label {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: #f18849;
	padding: 2px 10px;
	border-radius: 4px;
	margin-right: 8px;
	vertical-align: middle;
}

.plan-section--green .plan-price-label { background: #4da487; }
.plan-section--red   .plan-price-label { background: #c06061; }

/* 説明文（小さい文字） */
.plan-monthly-note {
	font-size: 12px;
	color: #888;
	line-height: 1.8;
	margin: 12px 0 16px;
}

/* 毎月バナー */
.plan-monthly-banner {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 16px 20px;
	border-radius: 8px;
	margin-top: 36px;
	margin-bottom: 36px;
	line-height: 1.4;
	max-width: 600px;
	margin: auto;
}

.plan-section--orange .plan-monthly-banner { background: #f18849; }
.plan-section--green  .plan-monthly-banner { background: #4da487; }
.plan-section--red    .plan-monthly-banner { background: #c06061; }

/* プラン画像2枚 */
.plan-imgs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.plan-imgs .plan-img {
	height: 200px;
}

@media screen and (max-width: 768px) {
	.plan-imgs {
		grid-template-columns: 1fr 1fr;
	}

	.plan-imgs .plan-img {
		height: 140px;
	}
}

/* 互助会についてセクション */
.member-plan-about-section {
	background: #fef5f0;
	padding: 52px 0;
	text-align: center;
}

.member-plan-about-title {
	font-size: 24px;
	font-weight: bold;
	color: #f18849;
	margin-bottom: 16px;
}

.member-plan-about-text {
	font-size: 15px;
	line-height: 1.9;
	color: #555;
	margin-bottom: 28px;
}

.member-plan-about-btns {
	display: flex;
	justify-content: center;
}
.chu-wrap {
	background: #fef5f0;
}
.chu {
	max-width: 850px;
	margin: auto;
	font-size: 16px;
	@media screen and (max-width: 768px) {
		width: 90%;
	}
}