/* 分野別LP：門司港LPの土台（lp-frame.css）に、会社のLPとして必要な部分だけを足す */
body.lpf { background: var(--paper); }
.lpf .brand-header a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: var(--ink); }
.lpf .brand-header b { font: 800 19px/1 Inter, sans-serif; letter-spacing: -.02em; }
.lpf .side-brand { font-family: Inter, sans-serif; font-weight: 800; letter-spacing: -.01em; text-transform: none; }
.lpf .side-brand > span { font-family: var(--serif); font-size: 17px; letter-spacing: .08em; margin-top: 6px; }
.lpf .hero-media img, .lpf .scene-media img, .lpf .photo-wide img, .lpf .concept-gallery img, .lpf .reservation-photo img { object-fit: cover; }
/* コラムのカードは、中央の列に1列で */
.lpf .lpf-cards { grid-template-columns: 1fr; gap: 16px; margin-top: 28px; }
.lpf .lpf-cards .cx-card a { flex-direction: row; }
.lpf .lpf-cards .cx-card-visual { flex: 0 0 38%; aspect-ratio: auto; }
.lpf .lpf-cards .cx-card-desc { display: none; }
.lpf .lpf-cards .cx-card-text { padding: 16px 18px; gap: 8px; }
.lpf .lpf-cards .cx-card-title { font-size: 15.5px; }
.lpf .lpf-more { margin: 22px 0 0; text-align: center; }
.lpf .lpf-more a { font-family: var(--serif); color: var(--blue); text-decoration: none; border-bottom: 1px solid currentColor; }
/* フォーム：中央の列の幅に合わせる */
.lpf .lpf-form { background: #fff; }
.lpf .lpf-form h2 { font-size: clamp(20px, 5.4vw, 26px); line-height: 1.6; }
.lpf .lpf-form-sub { font-size: 14px; line-height: 1.9; color: #586375; margin: 0 0 22px; }
.lpf .cf-row, .lpf .cf-grid { grid-template-columns: 1fr !important; }
.lpf .footer { text-align: center; }
.lpf .footer p { font-size: 12.5px; line-height: 2; }
.lpf .footer .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin: 14px 0; }
.lpf .footer .footer-links a { color: inherit; font-size: 12.5px; }
.lpf .section-copy p { text-wrap: pretty; }
.lpf { word-break: keep-all; line-break: strict; overflow-wrap: anywhere; }
/* 生成写真を既存の枠に収める。レイアウト・文字組み・演出は土台を維持。 */
.lpf .hero-media img[src*="seo-llmo-hero-1"] { object-position: 65% center; }
/* 会社フォームのボタン基礎スタイル。LPでは共通ヘッダー用CSSを読み込まないため補完する。 */
.lpf .cf-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 54px; width: 100%; padding: 14px 24px; border: 1px solid transparent; border-radius: 0; font: 500 14px/1.7 var(--sans); cursor: pointer; }
.lpf .cf-actions .btn svg { flex: 0 0 20px; width: 20px; height: 20px; }
.lpf .cf-actions .btn-ghost { border-color: var(--line); background: transparent; color: var(--ink); }
.lpf .cf-actions .btn:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.production-light.lpf .lpf-form.cta-light h2 { color: var(--ink); text-wrap: balance; }
.lpf .cf-field + .cf-row { margin-top: 18px; }
@media(max-width:780px) { .lpf .cf-field input, .lpf .cf-field select, .lpf .cf-field textarea { font-size: 16px; } }