/* 第五改修: デザインレビューの修正。pricing.css の後に読み込む。 */

/* 見出し横の説明文は本文の大きさで、見出しの下に置く */
.section-head{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px}
.section-head>p{max-width:640px;font-size:15px;line-height:1.9;color:#5b5266}
.section-head>p br{display:none}

/* ヒーロー: 料金の入口 */
.hero-price{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:18px;padding:9px 14px;border:1px solid #d5c6e6;border-radius:8px;background:#fff;color:var(--ink);font-size:14px;line-height:1.5}
.hero-price>span{font-size:12px;font-weight:700;color:var(--green)}
.hero-price strong{font-size:17px;font-weight:700}
.hero-price small{font-size:12px;color:#5b5266}
.hero-price b{color:var(--green);font-weight:400}
.hero-price:hover{border-color:var(--green)}

/* ヒーロー下の帯: 番号をやめたので左端の余白を整える */
.value-strip>a{gap:12px}

/* 対応SNS: 形式の一覧 */
.format-list{list-style:none;margin:22px 0;padding:0;border-top:1px solid #e4d9ea}
.format-list li{border-bottom:1px solid #e4d9ea}
.format-list li>a,.format-list li>div{display:grid;grid-template-columns:8.5em 1fr auto;align-items:center;gap:4px 14px;padding:14px 2px;font-size:14px;line-height:1.6}
.format-list strong{font-weight:700;color:var(--ink)}
.format-list span{color:#5b5266}
.format-list b{color:var(--green);font-weight:400}
.format-list li>a:hover{background:#faf6fd}
.channel-output p{font-size:14px}

/* 制作例: Xの目的切替を1行に */
.x-purpose-tabs{width:100%;max-width:440px;margin-inline:auto}
.x-purpose-tabs button{white-space:nowrap;font-size:13px;padding:10px 8px;color:#5e4a6c}

/* 料金: X・初期費用・共通内容・相談 */
.plan-x{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.1fr) 1.4fr auto;align-items:center;gap:12px 28px;margin-top:16px;padding:24px 26px}
.plan-x-head{display:flex;align-items:center;gap:10px}
.plan-x-head .sns-logo{width:36px;height:36px;border-radius:9px}
.plan-x-head .x-logo img{width:18px;height:18px}
.plan-x-head h3{font-size:18px;line-height:1.5}
.plan-x .plan-price{margin-top:0}
.plan-x .plan-tax{margin-bottom:0}
.plan-x .plan-spec{margin-top:0}
.plan-x .plan-sample{margin-top:0;padding-top:0}
.plan-initial-band{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;align-items:center;gap:12px 28px;margin-top:16px;padding:22px 26px;border:1px dashed #c9b6dc;border-radius:12px;background:#fbf8ff}
.plan-initial-price h3{font-size:16px;line-height:1.5;display:flex;align-items:baseline;gap:10px}
.plan-initial-price h3 small{font-size:12px;font-weight:500;color:#5b5266}
.plan-initial-price .plan-price{margin:4px 0 2px}
.plan-initial-price .plan-tax{margin-bottom:0}
.plan-initial-band ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:14px;line-height:1.6}
.plan-initial-band li::before,.plan-included li::before{content:"✓";color:var(--green);margin-right:8px}
.plan-included{margin-top:16px;padding:26px 26px 24px;border:1px solid #dccfe8;border-radius:12px;background:#fff}
.plan-included h3{font-size:17px;line-height:1.5;margin-bottom:14px}
.plan-included ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px;font-size:14px;line-height:1.6}
.plan-included p{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:#5b5266}
.price-cta{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:28px;padding:30px 34px;border-radius:14px;background:#e5d7f7;border:1px solid #c9b3da}
.price-cta-kicker{font-size:12px;font-weight:700;color:var(--green);margin-bottom:4px}
.price-cta h3{font-size:24px;line-height:1.5}
.price-cta p:not(.price-cta-kicker){font-size:14px;margin-top:6px;color:#4a4156}
.price-cta .button{flex:none;min-width:260px}

/* スマホ: 固定の相談ボタンはヒーローのボタンが見えなくなってから */
@media(max-width:640px){
  .js .mobile-cta{transform:translateY(110%);transition:transform .25s ease;visibility:hidden}
  .js .mobile-cta.is-visible{transform:none;visibility:visible}
}
@media(prefers-reduced-motion:reduce){.js .mobile-cta{transition:none}}

@media(max-width:1100px){
  .plan-x{grid-template-columns:1fr 1fr;align-items:start}
  .plan-included ul{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .plan-initial-band{grid-template-columns:1fr}
  .price-cta{flex-direction:column;align-items:flex-start}
  .price-cta .button{width:100%;min-width:0}
}
@media(max-width:640px){
  .section-head{gap:14px}
  .section-head>p{font-size:14px}
  .format-list li>a,.format-list li>div{grid-template-columns:1fr auto;gap:2px 10px}
  .format-list strong{grid-column:1}
  .format-list span{grid-column:1;font-size:13px}
  .format-list b{grid-column:2;grid-row:1/span 2}
  .plan-x{grid-template-columns:1fr;padding:24px 20px 20px}
  .plan-initial-band{padding:22px 20px}
  .plan-initial-band ul,.plan-included ul{grid-template-columns:1fr}
  .plan-included{padding:22px 20px}
  .price-cta{padding:24px 20px}
  .price-cta h3{font-size:20px}
}
@media(max-width:370px){.header-inner .brand small{display:none}}

/* 本文として読む文章は14px以上、注記は13px */
.hero-lead{font-size:15px;line-height:1.9}
.hero .micro,.contact-copy .micro{font-size:13px;line-height:1.8}
.faq-list details>p{font-size:14px;line-height:1.9}
.finished-caption,.caption-details .finished-caption{font-size:14px;line-height:1.9}
.real-copy .case-problem,.sample-explanation .case-problem{font-size:14px}
.portfolio-close p,.journey-card>p,.contact-copy>p:not(.eyebrow):not(.micro),.harness-note p{font-size:14px;line-height:1.9}
.portfolio-disclaimer p,.scope-extras p,.board-foot,.plan-note,.plan-included p,.journey-section .fine,.real-copy .fine,.sample-explanation p.fine{font-size:13px;line-height:1.8}
@media(max-width:640px){.hero-lead{font-size:14px}}
@media(max-width:640px){.hero-platforms small{display:none}}
@media(max-width:640px){.portfolio-studio .tab-copy small{display:none}}
@media(max-width:640px){.hero-price{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;row-gap:0;width:100%}.hero-price>span{grid-area:1/1}.hero-price strong{grid-area:1/2}.hero-price b{grid-area:1/3}.hero-price small{grid-area:2/2/3/4}}

/* 集客パックへの案内（2026-10-01）: 料金表より目立たせない1行 */
.pack-note{margin-top:16px;font-size:13px;line-height:1.8;color:var(--muted)}
.pack-note a{font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.pack-note .nowrap{white-space:nowrap}
.pack-note a span[aria-hidden]{display:inline-block;margin-left:4px;text-decoration:none}

/* 料金の税抜表示（2026-10-01）: 税込額の併記をやめ、税抜を主表示に。注記は料金欄の説明文の下に1か所 */
.hero-price strong small{font-weight:500;margin-left:1px}
.price-tax-note{display:block;margin-top:4px;font-size:13px;line-height:1.8}
.plan-card>.plan-price{margin-bottom:12px}
@media(min-width:641px) and (max-width:899px){.hero-price{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;column-gap:10px;row-gap:0}.hero-price>span{grid-area:1/1}.hero-price>strong{grid-area:1/2}.hero-price>b{grid-area:1/3}.hero-price>small{grid-area:2/2/3/4}}