/* コラーゲン LP の「5つのこだわり」の帯（includes/lp-points.php）。アイボリーの地に白いカード、金のグラデーションの線のアイコン */
.lp-points { position: relative; z-index: 2; padding-block: calc(46 * var(--u)) calc(40 * var(--u)); background:
	radial-gradient(50% 70% at 15% 20%, rgba(255,255,255,.95), rgba(255,255,255,0) 70%),
	radial-gradient(40% 60% at 85% 80%, rgba(236,224,198,.55), rgba(236,224,198,0) 70%),
	linear-gradient(180deg, #F8F4EC 0%, #F3EEE4 100%); }
.lp-points::before, .lp-points::after { content: ""; position: absolute; left: 50%; translate: -50% 0; width: calc(940 * var(--u)); height: 1px; background: linear-gradient(90deg, rgba(194,154,85,0), rgba(194,154,85,.55), rgba(194,154,85,0)); }
.lp-points::before { top: 0; }
.lp-points::after { bottom: 0; }
.lp-points-head { text-align: center; margin-bottom: calc(26 * var(--u)); }
.lp-points-eyebrow { margin: 0; font-family: "Cormorant Garamond", "Times New Roman", serif; font-weight: 600; font-size: calc(15 * var(--u)); letter-spacing: .32em; text-transform: uppercase; color: #B38C4A; }
.lp-points-title { display: flex; align-items: center; justify-content: center; gap: calc(18 * var(--u)); margin: calc(6 * var(--u)) 0 0; font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif; font-weight: 600; font-size: calc(24 * var(--u)); letter-spacing: .08em; color: #1E2B45; }
.lp-points-title::before, .lp-points-title::after { content: ""; width: calc(56 * var(--u)); height: 1px; background: linear-gradient(90deg, rgba(194,154,85,0), #C29A55); }
.lp-points-title::after { transform: scaleX(-1); }

.lp-points-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(16 * var(--u)); width: calc(940 * var(--u)); margin: 0 auto; padding: 0; list-style: none; }
.lp-point { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: calc(176 * var(--u)); padding: calc(24 * var(--u)) calc(10 * var(--u)) calc(22 * var(--u)); border-radius: calc(10 * var(--u)); background: linear-gradient(180deg, #FFFFFF 0%, #FDFBF7 100%); box-shadow: 0 calc(14 * var(--u)) calc(34 * var(--u)) rgba(90,70,30,.10), 0 1px 0 rgba(255,255,255,.9) inset; text-align: center; }
.lp-point-icon { width: calc(58 * var(--u)); height: calc(58 * var(--u)); fill: none; stroke: url(#lpGold); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; color: #C29A55; }
.lp-point-rule { display: block; width: calc(22 * var(--u)); height: 1px; margin: calc(14 * var(--u)) 0 calc(12 * var(--u)); background: #D6BC85; }
.lp-point-label { margin: 0; font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif; font-weight: 600; font-size: calc(16 * var(--u)); line-height: 1.6; letter-spacing: .06em; color: #1E2B45; }

.lp-points-note { margin: calc(14 * var(--u)) auto 0; width: calc(940 * var(--u)); text-align: right; font-size: calc(12 * var(--u)); color: #7A7360; }

@media (max-width: 1023px) {
	.lp-points { padding-block: 30px 26px; }
	.lp-points::before, .lp-points::after { width: calc(100% - 32px); }
	.lp-points-head { margin-bottom: 16px; }
	.lp-points-eyebrow { font-size: 12px; letter-spacing: .26em; }
	.lp-points-title { gap: 12px; font-size: 18px; letter-spacing: .06em; }
	.lp-points-title::before, .lp-points-title::after { width: 32px; }
	.lp-points-list { grid-template-columns: repeat(2, 1fr); gap: 10px; width: auto; padding: 0 16px; }
	.lp-point { min-height: 0; padding: 18px 8px 16px; border-radius: 10px; }
	.lp-point:last-child { grid-column: 1 / -1; flex-direction: row; gap: 14px; padding: 14px; }
	.lp-point:last-child br { display: none; }
	.lp-point:last-child .lp-point-rule { display: none; }
	.lp-point-icon { width: 42px; height: 42px; }
	.lp-point-rule { width: 18px; margin: 10px 0 8px; }
	.lp-points-note { width: auto; padding: 0 16px; font-size: 11px; }
	.lp-point-label { font-size: 14px; letter-spacing: .03em; }
}