/* ============================================================
   デザイン案B: ポップ&カラフル(コーポレート版適用)
   style.css / extra.css / site.css の後に読み込む
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&display=swap');
:root{
  --cream:#fffdf6;
  --cream-2:#fff2e0;
  --white:#ffffff;
  --coffee:#4a3f38;
  --coffee-light:#8a7a6e;
  --gold:#ff7a59;          /* コーラル */
  --gold-light:#ffb347;
  --line:#ffe1c9;
  --radius:24px;
  --shadow:0 12px 30px rgba(255,122,89,.14);
  --font-serif:"Zen Maru Gothic","Noto Sans JP",sans-serif;
  --teal:#2ec4b6;
  --yellow:#ffc94d;
}
body{background:#fffdf6}
h1,h2,h3,.brand-name{font-family:"Zen Maru Gothic",sans-serif!important}

/* header */
.header{background:rgba(255,253,246,.94);border-bottom:3px solid var(--yellow)}
.nav a::after{height:3px;border-radius:3px;background:var(--teal)}
.nav .btn-contact{background:var(--gold);font-weight:700}
.nav .btn-contact:hover{background:var(--teal)}

/* hero */
.hero{background:linear-gradient(160deg,#fff8ec 0%,#ffe9d2 55%,#ffe0e6 100%)}
.hero h1{font-weight:900}
.hero h1 em{color:var(--gold);background:linear-gradient(transparent 68%,var(--yellow) 68%)}
.hero-tags span{border-width:2px;border-radius:14px;font-weight:700}
.hero-tags span:nth-child(1){border-color:var(--teal);color:var(--teal)}
.hero-tags span:nth-child(2){border-color:var(--gold);color:var(--gold)}
.hero-tags span:nth-child(3){border-color:var(--yellow);color:#d99a17}
.hero-tags span:nth-child(4){border-color:#f06292;color:#f06292}
.btn{font-weight:700}
.btn-primary{background:var(--gold)}
.btn-primary:hover{background:var(--teal);transform:scale(1.04)}
.btn-ghost{border-width:2.5px}
.hero-img .main{border:8px solid #fff}
.hero-img .sub{border-color:#fff}

/* sections */
.sec-head .en{color:var(--teal);font-weight:900}
.sec-head h2{font-weight:900}
.sec-head h2::after{content:"";display:block;width:56px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--gold),var(--yellow));margin:14px auto 0}
.about-card{border-width:2px;border-radius:26px}
.about-card .num{color:var(--teal)}
.lineup{background:#e9f8f4}
.card{border-radius:26px}
.card .cat{color:var(--teal)}
.card .more{color:var(--gold);font-weight:700}
.prod-label{background:var(--teal);border-radius:99px}
.prod .copy{color:var(--gold)}
.feature-list li{border-radius:16px;border-width:2px}
.feature-list li::before{content:"●";color:var(--yellow)}
.spec caption{color:var(--teal)}
.dl-btn{background:var(--gold);font-weight:700}
.dl-btn:hover{background:var(--teal)}

/* gallery */
.gallery{background:#fff2e0}
.gallery-grid figure{border-radius:22px}

/* scene / works / plan / flow / faq */
.scene{border-radius:26px}
.works{background:#e9f8f4}
.works-list span{border-width:2px;border-radius:16px;font-weight:500}
.works-list span:nth-child(3n+1){border-color:#bfe9e2}
.works-list span:nth-child(3n+2){border-color:#ffd9a8}
.works-list span:nth-child(3n){border-color:#ffd0da}
.plan-card{border-radius:26px;border-width:2px}
.plan-card .icon{color:var(--teal)}
.flow{background:#fff0f3}
.flow-step{border-radius:26px}
.flow-step .n{background:var(--teal)}
.flow-step::after{color:var(--gold)}
.faq-list details{border-radius:18px;border-width:2px}
.faq-list summary::before,.faq-list .a::before{color:var(--teal)}
.faq-list summary::after{color:var(--gold)}

/* movie */
.movie{background:linear-gradient(160deg,#2ec4b6,#1a9c90)}
.movie-note{color:#d9f5f1}

/* contact */
.contact{background:linear-gradient(160deg,#ff7a59,#f2543d)}
.contact-lead{color:#ffe3da}
.form input,.form select,.form textarea{background:#fff;border-color:#fff;color:#4a3f38}
.form label{color:#fff}
.form label .req{color:#ffe08a}
.form button{background:#ffc94d;color:#5a3c00}
.form button:hover{background:#fff;color:#f2543d}
.contact-tel{color:#ffe3da}
.contact-tel strong{color:#fff}

/* footer */
.footer{background:#274248;color:#bcd6d2}
.copyright{color:#88a5a1}

/* ---------- コーポレート版専用(下層ページ・CTA) ---------- */
.page-head{background:linear-gradient(160deg,#fff8ec 0%,#ffe9d2 100%);border-bottom:none}
.page-head .en{color:var(--teal)}
.page-head h1{font-weight:900}
.page-head .crumb a{color:var(--teal)}
.cta-banner{background:linear-gradient(160deg,#ff7a59,#f2543d)}
.cta-banner p{color:#ffe3da}
.cta-banner .btn-primary{background:#ffc94d;color:#5a3c00}
.cta-banner .btn-primary:hover{background:#fff;color:#f2543d}
.cta-banner .tel{color:#ffe3da}
.cta-banner .tel strong{color:#fff}
.related{background:#e9f8f4}
.card .mini-spec{border-top-color:#ffe1c9}