/* A/B提案用プレビュー。通常LPでは読み込まない。 */
.proposal-banner{height:30px;display:flex;align-items:center;justify-content:center;background:#253244;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.proposal-official .hero-inner{min-height:min(720px,calc(100svh - 104px));padding-block:13px 21px}
.proposal-official .hero-audience{color:var(--accent);font-size:15px;font-weight:800;margin-bottom:7px}
.proposal-official .hero h1{font-size:clamp(35px,3.5vw,49px);white-space:normal;line-height:1.23}
.proposal-official .official-name{color:var(--accent)}
.proposal-official .official-mobile-break{display:none}
.proposal-official .official-break{display:block}
.proposal-official .hero-product{flex:1 1 200px;min-height:200px;max-height:225px;width:min(390px,100%);display:flex;flex-direction:column;justify-content:center}
.proposal-official .official-photo-frame{width:100%;height:195px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}
.proposal-official .official-photo-frame img{height:195px;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(19,31,50,.12))}
.proposal-official .official-device-docomo .official-photo-frame img{height:218px}
.proposal-official .official-device-air .official-photo-frame img{height:187px}
.theme-rakuten.official-compact .hero{background:#fffafd}
.theme-wimax.official-compact .hero{background:#f7faff}
.proposal-official.official-compact .hero-inner{min-height:0;padding-block:25px 29px}
.proposal-official.official-compact .hero-reasons{color:#5d6470;font-size:14px;font-weight:600;gap:16px;margin-bottom:11px}
.proposal-official.official-compact .hero h1{font-size:clamp(36px,3.6vw,48px);font-weight:800;line-height:1.25;letter-spacing:-.045em}
.proposal-official.official-compact .official-first-line{display:inline-block;font-size:.9em;white-space:nowrap}
.proposal-official.official-compact .official-second-line{display:inline-block;font-size:1.02em;white-space:nowrap}
.proposal-official.official-compact .hero-product{flex:0 0 auto;height:auto;min-height:0;max-height:none;margin-block:8px 13px}
.proposal-official.official-compact .official-device-rakuten.hero-product{width:min(420px,100%)}
.proposal-official.official-compact .official-device-wimax.hero-product{width:min(290px,100%)}
.proposal-official.official-compact .official-photo-frame{height:auto;overflow:visible}
.proposal-official.official-compact .official-device-rakuten .official-photo-frame{aspect-ratio:2160 / 1216}
.proposal-official.official-compact .official-device-wimax .official-photo-frame{aspect-ratio:1}
.proposal-official.official-compact .hero-product .official-photo-frame img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;transform:none}
.theme-wimax.official-compact .official-photo-frame img{mix-blend-mode:multiply}
.proposal-official.official-compact .hero-card{width:min(760px,100%);padding:15px 24px 17px;border-radius:8px;box-shadow:0 4px 18px rgba(30,25,36,.045)}
.proposal-official.official-compact .hero-card-title{font-size:22px;font-weight:700;letter-spacing:-.035em;margin-bottom:4px}
.proposal-official.official-compact .hero-card-text{font-size:13px;margin-bottom:11px}
.proposal-official.official-compact .hero-button{min-height:54px;width:min(600px,100%);border-radius:6px;font-size:20px;box-shadow:none}
.proposal-official.official-compact .hero-button:hover{box-shadow:0 7px 15px rgba(19,37,67,.1)}
.proposal-official.official-compact .section h2{font-size:clamp(28px,2.6vw,38px);font-weight:700}
.proposal-official.official-compact .form-intro h2{font-size:clamp(30px,3vw,40px)}
.proposal-official .hero-card{padding-block:15px 16px}
@media(max-width:720px){
  .proposal-banner{height:26px;font-size:9px}
  .proposal-official .hero-inner{min-height:0;padding-block:12px 22px}
  .proposal-official .hero-audience{font-size:12px;margin-bottom:5px}
  .proposal-official .hero h1{font-size:clamp(25px,7vw,32px);line-height:1.28}
  .proposal-official .official-mobile-break{display:block}
  .proposal-official .hero-product{flex:0 0 148px;min-height:0;max-height:none;width:min(250px,100%);margin-block:4px 7px}
  .proposal-official .official-photo-frame{height:128px}
  .proposal-official .official-photo-frame img{height:128px}
  .proposal-official .official-device-docomo .official-photo-frame img{height:143px}
  .proposal-official .official-device-air .official-photo-frame img{height:128px}
  .proposal-official.official-compact .hero-inner{padding-block:18px 22px}
  .proposal-official.official-compact .hero-reasons{font-size:11px;gap:8px;margin-bottom:8px}
  .proposal-official.official-compact .hero h1{font-size:clamp(27px,7.5vw,32px);line-height:1.28}
  .proposal-official.official-compact .official-first-line{font-size:.88em}
  .proposal-official.official-compact .official-second-line{font-size:1.05em}
  .proposal-official.official-compact .official-device-rakuten.hero-product{width:min(330px,100%);margin-block:6px 10px}
  .proposal-official.official-compact .official-device-wimax.hero-product{width:min(230px,100%);margin-block:6px 10px}
  .proposal-official.official-compact .hero-card{padding:14px 15px 15px}
  .proposal-official.official-compact .hero-card-title{font-size:17px}
  .proposal-official.official-compact .hero-card-text{font-size:12px;margin-bottom:10px}
  .proposal-official.official-compact .hero-button{min-height:50px;font-size:18px}
  .proposal-official.official-compact .section h2{font-size:29px}
  .proposal-official .hero-card{padding-block:12px 13px}
}