/* ============================================================
BASICARE — B案「暁の白 / Aurora」 standalone stylesheet
明るい生成り × 暁グラデ × 余白 × 大明朝 × 金のヘアライン
（A案＝宵の青/Celestial とは対極。ブランド要素は共通）
============================================================ */
:root{
--ink:#33302b; /* 温かみのある墨（黒は排す） */
--ink-soft:#6a655c;
--ink-faint:#9a938a;
--paper:#faf6ef; /* 生成りの紙 */
--paper2:#f3ece0; /* 一段深いアイボリー */
--cream-deep:#efe6d7;
--gold:#b48f4e; /* 明地で映える金 */
--gold-soft:#d7bd8f;
--gold-line:rgba(180,143,78,.34);
--gold-bg:rgba(180,143,78,.08);
--rose:#d9a98f; /* 暁の淡い朱 */
--twilight:#8fa6bd; /* Aとの橋渡し：宵の青の残照 */
--sumi:#26221e; /* フッター用の深い墨（黒ではない） */
--line:rgba(51,48,43,.12);
--line-soft:rgba(51,48,43,.08);
--shadow:0 24px 60px rgba(80,66,44,.10);
--shadow-sm:0 12px 30px rgba(80,66,44,.08);
--radius:4px;
--maxw:1200px;
}
:root{--gold-soft:#d7bd8f}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
font-weight:400;color:var(--ink);line-height:1.95;
-webkit-font-smoothing:antialiased;overflow-x:hidden;
background:var(--paper);
/* 暁：上部にほのかな夜明けグラデ、以降は生成り一色 */
background-image:linear-gradient(180deg,#f7efe6 0%,#fbf5ec 12%,var(--paper) 30%);
background-repeat:no-repeat;background-size:100% 900px;
}
.serif{font-family:"Cormorant Garamond","Shippori Mincho",serif}
.mincho{font-family:"Shippori Mincho",serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}
.wrap-narrow{max-width:940px;margin:0 auto;padding:0 40px}
.center{text-align:center}
::selection{background:rgba(180,143,78,.22)}
/* ===== 暁のオーロラ層（極薄・上品な光のにじみ・固定） ===== */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.aurora .a1{width:620px;height:620px;left:-160px;top:-140px;background:radial-gradient(circle,rgba(217,169,143,.30),transparent 66%);animation:auf1 30s ease-in-out infinite alternate}
.aurora .a2{width:560px;height:560px;right:-160px;top:22%;background:radial-gradient(circle,rgba(143,166,189,.26),transparent 66%);animation:auf2 34s ease-in-out infinite alternate}
.aurora .a3{width:520px;height:520px;left:24%;bottom:-160px;background:radial-gradient(circle,rgba(199,168,111,.20),transparent 64%);animation:auf3 28s ease-in-out infinite alternate}
@keyframes auf1{from{transform:translate(0,0)}to{transform:translate(60px,40px) scale(1.1)}}
@keyframes auf2{from{transform:translate(0,0)}to{transform:translate(-50px,30px) scale(.94)}}
@keyframes auf3{from{transform:translate(0,0)}to{transform:translate(40px,-40px) scale(1.08)}}
header,section,footer,main{position:relative;z-index:1}
/* ===== header（明るい・薄い紙のバー） ===== */
header{display:flex;align-items:center;justify-content:space-between;padding:20px 44px;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,246,239,.82);backdrop-filter:blur(12px) saturate(1.1);border-bottom:1px solid var(--line-soft);transition:padding .4s,background .4s,box-shadow .4s}
header.scrolled{padding:13px 44px;background:rgba(250,246,239,.94);box-shadow:0 1px 0 var(--line-soft),0 10px 30px rgba(80,66,44,.06)}
.logo{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.logo img{height:23px;width:auto;display:block}
.logo .s{font-family:"Shippori Mincho",serif;font-size:11px;font-weight:600;letter-spacing:.3em;color:var(--ink-soft);margin-top:5px;padding-left:.3em}
nav.main ul{display:flex;gap:34px;list-style:none;align-items:center}
nav.main a{position:relative;font-size:13.5px;letter-spacing:.14em;color:var(--ink);opacity:.82;padding-bottom:5px;transition:opacity .3s}
nav.main a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .35s}
nav.main a:hover,nav.main a.active{opacity:1}
nav.main a:hover::after,nav.main a.active::after{width:100%}
nav.main a .nle{position:absolute;left:-14%;right:-14%;top:0;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:"Cormorant Garamond",serif;font-style:italic;letter-spacing:.14em;opacity:0;transition:opacity .3s;pointer-events:none;color:var(--gold)}
nav.main a:hover .nlj{opacity:0}
nav.main a:hover .nle{opacity:1}
.nlj{transition:opacity .3s}
.hdr-right{display:flex;align-items:center;gap:18px}
.pill{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--ink);font-size:13px;letter-spacing:.12em;font-weight:500;padding:11px 22px;border-radius:40px;border:1px solid var(--gold-line);transition:background .35s,color .35s,box-shadow .35s,transform .3s}
.pill:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 24px rgba(180,143,78,.30)}
.pmoon{position:relative;display:inline-block;width:12px;height:12px;border-radius:50%;overflow:hidden;background:var(--gold);vertical-align:-1px;box-shadow:inset 0 0 0 .5px rgba(51,48,43,.2)}
.pmoon::after{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--paper);transform:translateX(var(--pmoon-x,6px));transition:transform .3s}
.pill:hover .pmoon{background:#fff}.pill:hover .pmoon::after{background:var(--gold)}
.menu-btn{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:10px;min-width:44px;min-height:44px}
.menu-btn span{width:24px;height:1.5px;background:var(--ink);transition:.3s}
.mnav{position:fixed;inset:0;z-index:99;background:rgba(250,246,239,.98);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:opacity .4s}
.mnav.open{opacity:1;pointer-events:auto}
/* メニューを開いている間はヘッダーのハンバーガーを隠し、×（閉じる）のみ表示（重なり防止） */
body:has(.mnav.open) .menu-btn{opacity:0;pointer-events:none}
.mnav a{font-family:"Shippori Mincho",serif;font-size:21px;letter-spacing:.16em;color:var(--ink)}
.mnav .close{position:absolute;top:18px;right:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:30px;color:var(--ink);background:none;border:none;cursor:pointer}
/* ===== A/B 切替スイッチャー ===== */
.ab-switch{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;align-items:center;gap:2px;background:rgba(250,246,239,.9);backdrop-filter:blur(10px);border:1px solid var(--gold-line);border-radius:40px;padding:5px;box-shadow:var(--shadow-sm);font-family:"Cormorant Garamond",serif}
.ab-switch a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;letter-spacing:.02em;color:var(--ink-soft);transition:.3s}
.ab-switch a.on{background:var(--gold);color:#fff}
.ab-switch a:not(.on):hover{color:var(--gold)}
.ab-switch .lb{font-family:"Noto Sans JP";font-size:9px;letter-spacing:.18em;color:var(--ink-faint);padding:0 8px 0 6px;writing-mode:horizontal-tb}
/* ===== buttons ===== */
.btn-gold{display:inline-flex;align-items:center;gap:36px;background:var(--gold);color:#fff;padding:17px 34px;border-radius:var(--radius);font-size:14px;font-weight:500;letter-spacing:.14em;transition:filter .35s,transform .3s,box-shadow .3s;box-shadow:0 10px 26px rgba(180,143,78,.26)}
.btn-gold:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 16px 34px rgba(180,143,78,.36)}
.btn-outline{display:inline-flex;align-items:center;gap:36px;border:1px solid var(--ink);padding:16px 38px;font-size:13.5px;letter-spacing:.16em;color:var(--ink);border-radius:var(--radius);transition:background .35s,color .35s,border-color .35s}
.btn-outline:hover{background:var(--ink);color:var(--paper)}
.btn-line{display:inline-flex;align-items:center;gap:14px;font-size:13.5px;letter-spacing:.18em;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--gold)}
.btn-line svg{transition:transform .3s}
.btn-line:hover svg{transform:translateX(6px)}
.arrow path{stroke:currentColor;fill:none}
/* ===== sections / type（大きな明朝と余白） ===== */
section{padding:132px 0}
.eyebrow{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:15px;letter-spacing:.18em;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);display:inline-block}
.eyebrow.c{justify-content:center}
.sec-title{font-family:"Shippori Mincho",serif;font-weight:500;font-size:clamp(28px,3.8vw,46px);letter-spacing:.08em;color:var(--ink);line-height:1.55}
.sec-sub{font-size:15px;color:var(--ink-soft);letter-spacing:.03em;margin-top:22px;line-height:2.1}
.lead{font-family:"Shippori Mincho",serif;font-size:clamp(20px,2.3vw,27px);letter-spacing:.05em;color:var(--ink);line-height:1.85;font-weight:500}
.head-c{text-align:center;max-width:760px;margin:0 auto 64px}
.kicker-num{font-family:"Cormorant Garamond",serif;font-size:14px;letter-spacing:.3em;color:var(--gold);font-style:italic}
/* ===== page hero（サブページ・明るい暁） ===== */
.page-hero{position:relative;padding:190px 0 96px;overflow:hidden}
.page-hero .inner{position:relative;z-index:3;max-width:820px}
.page-hero.center .inner{margin:0 auto;text-align:center}
.page-hero .eyebrow{margin-bottom:26px}
.page-hero.center .eyebrow{justify-content:center}
.page-hero h1{font-family:"Shippori Mincho",serif;font-weight:500;font-size:clamp(36px,5.4vw,68px);line-height:1.4;letter-spacing:.04em;color:var(--ink)}
.page-hero .sub{margin-top:28px;font-size:15.5px;color:var(--ink-soft);letter-spacing:.03em;max-width:36em;line-height:2.1}
.page-hero.center .sub{margin-left:auto;margin-right:auto}
.page-hero .cta-row{margin-top:44px;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.page-hero.center .cta-row{justify-content:center}
/* 暁の月：ヒーロー右上の細い金環＋淡い光 */
.hero-moon{position:absolute;right:6%;top:20%;width:230px;height:230px;border-radius:50%;z-index:1;
background:radial-gradient(circle at 40% 36%,#fffdf8,#f6ecd9 46%,#ecdcbf 72%,#e2cfa6);
box-shadow:0 0 0 1px var(--gold-line),0 30px 80px rgba(180,143,78,.22),inset -14px -16px 40px rgba(180,143,78,.14)}
.hero-moon::after{content:"";position:absolute;inset:-30px;border-radius:50%;border:1px solid var(--gold-line);opacity:.5}
@media(max-width:940px){.hero-moon{width:150px;height:150px;right:-4%;top:9%;opacity:.7}}
/* grids */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.grid-2.wide{gap:86px}
.grid-2.ratio-5-7{grid-template-columns:5fr 7fr}
.grid-2.ratio-7-5{grid-template-columns:7fr 5fr}
/* ===== light cards ===== */
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s,border-color .4s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-line)}
.card-pad{padding:38px 34px}
.tint{background:linear-gradient(158deg,#fff,var(--paper2))}
/* ===== feature / trust row ===== */
.feat-grid{display:grid;gap:26px}
.feat-5{grid-template-columns:repeat(5,1fr)}
.feat-4{grid-template-columns:repeat(4,1fr)}
.feat-3{grid-template-columns:repeat(3,1fr)}
.feat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;padding:14px 10px}
.feat .ic{width:46px;height:46px}
.feat .ic svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.2}
.feat h4{font-family:"Shippori Mincho",serif;font-size:15px;letter-spacing:.08em;color:var(--ink);font-weight:600}
.feat p{font-size:13px;letter-spacing:.03em;color:var(--ink-soft);line-height:1.85}
.feat .en{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:10.5px;letter-spacing:.14em;color:var(--gold)}
.feat-line{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.feat-line .feat{border-right:1px solid var(--line-soft)}
.feat-line .feat:last-child{border-right:none}
/* ===== horizontal timeline ===== */
.timeline-h{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.timeline-h::before{content:"";position:absolute;left:9%;right:9%;top:32px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),var(--gold),var(--gold-line),transparent)}
.tl-item{text-align:center;position:relative}
.tl-node{width:13px;height:13px;border-radius:50%;background:var(--paper);border:1px solid var(--gold);margin:26px auto 22px;box-shadow:0 0 0 6px var(--paper),0 0 0 7px rgba(180,143,78,.16)}
.tl-year{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:600;color:var(--gold);letter-spacing:.02em}
.tl-title{font-family:"Shippori Mincho",serif;font-size:15px;color:var(--ink);margin:8px 0;font-weight:600}
.tl-desc{font-size:13px;color:var(--ink-soft);line-height:1.85}
/* vertical timeline */
.timeline-v{position:relative;padding-left:34px}
.timeline-v::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,transparent,var(--gold),transparent)}
.tv{position:relative;padding:0 0 40px}
.tv::before{content:"";position:absolute;left:-34px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:1px solid var(--gold);box-shadow:0 0 0 4px var(--paper)}
.tv .y{font-family:"Cormorant Garamond",serif;font-size:23px;color:var(--gold);font-weight:600;font-style:italic}
.tv h4{font-family:"Shippori Mincho",serif;font-size:17px;color:var(--ink);margin:4px 0 8px;font-weight:600}
.tv .e{font-size:14px;color:var(--ink-soft);line-height:1.9}
/* ===== product cards（明るいエディトリアル） ===== */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.prod-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .45s,box-shadow .45s,border-color .45s}
.prod-card:hover{transform:translateY(-10px);border-color:var(--gold-line);box-shadow:var(--shadow)}
.prod-card .pimg{aspect-ratio:4/5;overflow:hidden;position:relative;background:linear-gradient(158deg,#fbf7f0,#efe7d9)}
.prod-card .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.prod-card:hover .pimg img{transform:scale(1.05)}
.prod-card .phase{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:8px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:12px;letter-spacing:.04em;color:var(--ink);background:rgba(255,255,255,.86);padding:5px 13px;border-radius:30px;border:1px solid var(--line-soft)}
.prod-card .pbody{padding:30px 26px 32px;text-align:center;flex:1;display:flex;flex-direction:column}
.prod-card .step{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:12px;letter-spacing:.16em;color:var(--gold)}
.prod-card h3{font-family:"Cormorant Garamond",serif;font-size:27px;font-weight:500;letter-spacing:.03em;color:var(--ink);margin-top:4px}
.prod-card .jp{font-family:"Shippori Mincho",serif;font-size:13px;color:var(--ink-soft);letter-spacing:.08em;margin-top:6px}
.prod-card .desc{font-size:13.5px;color:var(--ink-soft);line-height:1.95;margin:18px 0}
.prod-card .price{font-size:15px;color:var(--ink);letter-spacing:.05em;margin-top:auto;font-family:"Shippori Mincho",serif}
.prod-card .price small{font-size:11px;color:var(--ink-faint)}
.shop-btn{display:inline-block;width:100%;text-align:center;margin-top:18px;background:var(--gold);color:#fff;padding:14px;border-radius:var(--radius);font-size:12.5px;letter-spacing:.14em;transition:filter .3s}
.shop-btn:hover{filter:brightness(1.05)}
/* moon phase cards（明地・線画の月） */
.moon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.mcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-align:center;transition:transform .4s,box-shadow .4s,border-color .4s}
.mcard:hover{transform:translateY(-8px);border-color:var(--gold-line);box-shadow:var(--shadow)}
.mcard .disc{margin:38px auto 8px;width:88px;height:88px;position:relative}
.mcard .body{padding:8px 18px 34px}
.mcard .en{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:12.5px;color:var(--gold);letter-spacing:.05em}
.mcard h3{font-family:"Shippori Mincho",serif;font-size:19px;letter-spacing:.16em;color:var(--ink);font-weight:600;margin-top:4px}
.mcard .rule{width:26px;height:1px;background:var(--gold-line);margin:14px auto}
.mcard p{font-size:13px;color:var(--ink-soft);line-height:1.9}
/* framed photo */
.frame{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.frame img{width:100%;display:block}
.frame.photo img{aspect-ratio:4/5;object-fit:cover}
.frame.r169 img{aspect-ratio:16/9}
.frame.r219 img{aspect-ratio:21/9}
.frame.r45 img{aspect-ratio:4/5}
.frame .cap{position:absolute;left:0;bottom:0;right:0;padding:22px;background:linear-gradient(0deg,rgba(38,34,30,.5),transparent);color:#fff;font-family:"Shippori Mincho",serif;font-size:14px;letter-spacing:.06em}
/* ===== spec table ===== */
.spec{border-top:1px solid var(--gold-line)}
.spec .row{display:grid;grid-template-columns:230px 1fr;gap:26px;padding:22px 10px;border-bottom:1px solid var(--line-soft);align-items:start}
.spec dt,.spec .k{font-family:"Shippori Mincho",serif;font-size:14px;color:var(--gold);letter-spacing:.05em;font-weight:600}
.spec dd,.spec .v{font-size:15px;color:var(--ink);line-height:1.95}
.spec .v small{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:4px}
.spec a{color:var(--gold);text-decoration:underline}
/* ===== 特商法（表＋補足カード列の2カラム） ===== */
.tk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.tk .spec{margin-top:0}
.tk > aside{position:sticky;top:120px}
@media(max-width:940px){
.tk{grid-template-columns:1fr;gap:40px}
.tk > aside{position:static}
}
/* ===== policy ===== */
.policy{display:grid;grid-template-columns:240px 1fr;gap:60px;align-items:start}
.pol-index{position:sticky;top:120px}
.pol-index .lbl{font-family:"Cormorant Garamond",serif;font-style:italic;letter-spacing:.2em;color:var(--gold);font-size:13px;margin-bottom:18px}
.pol-index ol{list-style:none;display:flex;flex-direction:column;gap:12px}
.pol-index a{display:flex;gap:12px;font-size:13.5px;color:var(--ink-soft);transition:color .3s}
.pol-index a:hover,.pol-index a.active{color:var(--gold)}
.pol-index a .n{font-family:"Cormorant Garamond",serif;color:var(--gold);font-size:13px}
.pol-card{margin-top:30px;padding:26px 22px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.pol-card .ic{width:40px;height:40px;margin:0 auto 12px}
.pol-card .ic svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.2}
.pol-card p{font-size:13px;color:var(--ink-soft);line-height:1.8}
.pol-sec{padding:6px 0 32px;border-bottom:1px solid var(--line-soft);margin-bottom:32px}
.pol-sec:last-child{border-bottom:none}
.pol-sec .num{font-family:"Cormorant Garamond",serif;font-size:32px;color:var(--gold-line);font-weight:600;float:left;margin:-4px 20px 0 0;line-height:1}
.pol-sec h3{font-family:"Shippori Mincho",serif;font-size:19px;color:var(--ink);font-weight:600;letter-spacing:.05em;margin-bottom:14px;padding-top:8px}
.pol-sec p{font-size:15px;color:var(--ink-soft);line-height:2.05}
.pol-sec ul{margin:14px 0 0;padding-left:0;list-style:none}
.pol-sec li{font-size:14px;color:var(--ink-soft);line-height:1.95;padding-left:20px;position:relative}
.pol-sec li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
/* ===== form ===== */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.field{margin-bottom:26px}
.field label{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.05em;color:var(--ink);margin-bottom:10px;font-weight:500}
.req{font-size:12px;letter-spacing:.08em;background:var(--rose);color:#fff;padding:2px 8px;border-radius:3px}
.opt{font-size:12px;letter-spacing:.08em;color:var(--ink-faint);border:1px solid var(--line);padding:1px 8px;border-radius:3px}
.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px 17px;color:var(--ink);font-family:inherit;font-size:14px;transition:border-color .3s,box-shadow .3s}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-bg)}
.field textarea{min-height:158px;resize:vertical}
.field select{appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 17px center}
.consent{font-size:12px;color:var(--ink-soft);margin:6px 0 20px}
.consent a{color:var(--gold);text-decoration:underline}
.form-note{display:none;margin-top:18px;padding:15px 19px;border-radius:var(--radius);background:var(--gold-bg);border:1px solid var(--gold-line);font-size:13px;color:var(--gold)}
/* choice cards */
.choice{display:flex;flex-direction:column;gap:18px}
.choice-card{display:flex;align-items:center;gap:20px;padding:24px 26px;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .3s,border-color .3s,box-shadow .3s}
.choice-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow-sm)}
.choice-card .ic{width:42px;height:42px;flex:none}
.choice-card .ic svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.2}
.choice-card .tx{flex:1}
.choice-card h4{font-family:"Cormorant Garamond",serif;font-size:21px;color:var(--ink);font-weight:500;letter-spacing:.03em}
.choice-card .sl{font-family:"Shippori Mincho",serif;font-size:12.5px;color:var(--gold);margin:3px 0 5px}
.choice-card p{font-size:12.5px;color:var(--ink-soft);line-height:1.7}
.choice-card .go{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none;color:var(--gold)}
.checks{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:8px}
.checks li{display:flex;gap:12px;font-size:13.5px;color:var(--ink-soft);line-height:1.7}
.checks li::before{content:"✓";color:var(--gold);font-weight:700}
/* ===== CTA bands（明るい・金の枠） ===== */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(158deg,#fff,var(--paper2));border:1px solid var(--gold-line);border-radius:8px;padding:70px 64px}
.cta-inner{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:52px;flex-wrap:wrap}
.cta-inner h2{font-family:"Shippori Mincho",serif;font-weight:500;font-size:clamp(26px,3.4vw,40px);letter-spacing:.07em;color:var(--ink);line-height:1.6}
.cta-inner p{margin-top:16px;color:var(--ink-soft);font-size:14.5px}
.cta-split{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.cta-col{padding:50px 46px;background:#fff;border:1px solid var(--line);border-radius:8px}
.cta-col .eyebrow{margin-bottom:12px}
.cta-col h3{font-family:"Shippori Mincho",serif;font-size:23px;color:var(--ink);font-weight:600;line-height:1.6;margin-bottom:28px}
/* ===== ribbon（大きな引用/宣言） ===== */
.ribbon{text-align:center;padding:120px 0}
.ribbon .q{font-family:"Shippori Mincho",serif;font-weight:500;font-size:clamp(24px,3.4vw,40px);line-height:2;letter-spacing:.08em;color:var(--ink)}
.ribbon .q em{font-style:normal;color:var(--gold)}
/* ===== trust strip ===== */
.trust{padding:80px 0;background:var(--paper2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
/* ===== footer（深い墨・生成り文字で接地） ===== */
footer{background:var(--sumi);color:#c9c2b6;padding:84px 0 32px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
.foot-brand .b{font-family:"Cormorant Garamond",serif;font-size:27px;letter-spacing:.32em;color:#f3ecdd}
.foot-brand .s{font-family:"Cormorant Garamond",serif;font-size:10px;letter-spacing:.3em;color:var(--gold-soft);margin:5px 0 18px}
.foot-brand p{font-size:13px;color:#9d968b;line-height:1.95;max-width:24em}
.foot-soc{display:flex;gap:14px;margin-top:20px}
.foot-soc span{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-soft);transition:background .3s,border-color .3s}
.foot-soc span:hover{background:rgba(215,189,143,.14);border-color:var(--gold-soft)}
.foot-soc svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4}
.foot-col h5{font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.18em;color:var(--gold-soft);margin-bottom:18px}
.foot-col a{display:block;position:relative;font-size:13.5px;letter-spacing:.05em;color:#b3aca0;margin-bottom:12px;transition:color .3s}
.foot-col a:hover{color:var(--gold-soft)}
/* フッターメニュー：日本語を表示し英語ラベルはホバー時のみ（site.css / ヘッダーnav と挙動を統一） */
.foot-col a .nlj{transition:opacity .3s}
.foot-col a .nle{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;white-space:nowrap;font-family:"Cormorant Garamond",serif;font-style:italic;letter-spacing:.14em;opacity:0;transition:opacity .3s;pointer-events:none;color:var(--gold-soft)}
.foot-col a:hover .nlj{opacity:0}
.foot-col a:hover .nle{opacity:1}
.foot-col .hrs{font-size:13px;color:#9d968b;margin-bottom:18px;line-height:1.85}
.copy{margin-top:28px;font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.16em;color:#7c766c;text-align:center}
/* reveal */
.rv{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}
/* ===== 画像プレースホルダー（明地版） ===== */
.is-ph{position:relative;background:repeating-linear-gradient(135deg,rgba(180,143,78,.05) 0 16px,rgba(180,143,78,.02) 16px 32px);border:1px dashed var(--gold-line)}
.is-ph .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:26px;text-align:center;color:var(--ink-soft)}
.is-ph .ph svg{width:40px;height:40px;stroke:var(--gold);fill:none;stroke-width:1.2;opacity:.8}
.is-ph .ph .ph-t{font-family:"Cormorant Garamond",serif;font-style:italic;letter-spacing:.2em;font-size:14px;color:var(--gold)}
.is-ph .ph .ph-d{font-size:12px;letter-spacing:.04em;color:var(--ink-faint);line-height:1.75;max-width:26em}
/* ===== 日本語タイポ ===== */
h1,h2,h3,h4,.sec-title,.page-hero h1,.cta-inner h2,.ribbon .q{text-wrap:balance;line-break:strict}
.sec-sub,.page-hero .sub,.lead,.prod-card .desc{text-wrap:pretty;line-break:strict}
/* ===== responsive ===== */
@media(max-width:940px){
header{padding:15px 22px}
nav.main,.hdr-right .pill{display:none}
.menu-btn{display:flex}
section{padding:88px 0}
.wrap,.wrap-narrow{padding:0 24px}
.page-hero{padding:150px 0 70px}
.grid-2,.grid-2.ratio-5-7,.grid-2.ratio-7-5,.form-grid{grid-template-columns:1fr;gap:44px}
.timeline-h{grid-template-columns:repeat(2,1fr);gap:36px}
.timeline-h::before{display:none}
.feat-5,.feat-4{grid-template-columns:repeat(2,1fr);gap:30px}
.feat-line .feat{border-right:none;border-bottom:1px solid var(--line-soft)}
.feat-line .feat:last-child{border-bottom:none}
.feat-3{grid-template-columns:1fr;gap:26px}
.prod-grid{grid-template-columns:1fr;gap:30px}
.moon-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.policy{grid-template-columns:1fr;gap:34px}
.pol-index{position:static}
.pol-index ol{flex-flow:row wrap;gap:10px 18px}
.spec .row{grid-template-columns:1fr;gap:9px;padding:20px 2px}
.spec dt,.spec .k{letter-spacing:.09em}
.cta-split{grid-template-columns:1fr}
.cta-inner{flex-direction:column;text-align:center}
.cta-band{padding:52px 30px}
.foot-grid{grid-template-columns:1fr 1fr;gap:32px}
.ab-switch{right:12px;bottom:12px}
}
@media(max-width:560px){
section{padding:70px 0}
.feat-5,.feat-4{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr}
.cta-band{padding:40px 24px}
.btn-gold,.btn-outline{gap:22px;padding:15px 26px}
.ab-switch .lb{display:none}
/* iOSの入力フォーカス時オートズーム防止（16px以上） */
.field input,.field select,.field textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.rv{opacity:1;transform:none}
}
/* ===== 互換エイリアス（既存の法務/サイトマップ等の断片をB地に載せるため） ===== */
:root{--accent:#b48f4e;--text:#33302b;--muted:#9a938a;--gold2:#a8894e}
.glass{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.cta-dark{position:relative;padding:104px 0}
.cta-dark .cta-inner h2{color:var(--ink)}
.cta-dark .cta-inner p{color:var(--ink-soft)}
.topscrim{display:none}
/* ==================================================================
C案：宵の青スキン上書き（B案のレイアウト構造はそのまま、色だけ再定義）
================================================================== */
:root{
--ink:#f3eee3; --ink-soft:#c3c9d8; --ink-faint:#98a0b4;
--paper:#31497a; --paper2:#2a3f6b; --cream-deep:#243458;
--gold:#e3c88f; --gold-soft:#f0cf9f; --gold-line:rgba(214,189,134,.34);
--gold-bg:rgba(214,189,134,.12); --rose:#e0b6a0; --twilight:#8fa6bd;
--sumi:#0f1a38; --line:rgba(214,189,134,.20); --line-soft:rgba(255,255,255,.09);
--shadow:0 26px 64px rgba(6,10,26,.55); --shadow-sm:0 14px 34px rgba(6,10,26,.42);
--accent:#f0cf9f; --text:#f3eee3; --muted:#9aa1b5; --gold2:#c4a468;
}
/* 夜空（固定）＋星空キャンバス */
body{background-color:#2c416f;background-image:linear-gradient(180deg,#22355f 0%,#2c416f 22%,#395886 48%,#456a96 72%,#5582a8 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
#sky{position:fixed;inset:0;z-index:0;pointer-events:none}
.neb{position:fixed;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;will-change:transform,opacity}
.neb.b1{width:760px;height:760px;left:-160px;top:-120px;background:radial-gradient(circle,rgba(96,150,214,.42),transparent 65%);animation:auf1 26s ease-in-out infinite alternate}
.neb.b2{width:680px;height:680px;right:-180px;top:34%;background:radial-gradient(circle,rgba(126,162,214,.30),transparent 66%);animation:auf2 32s ease-in-out infinite alternate}
.neb.b3{width:620px;height:620px;left:18%;bottom:-160px;background:radial-gradient(circle,rgba(228,196,150,.18),transparent 64%);animation:auf3 30s ease-in-out infinite alternate}
.aurora{display:none}
/* header：暗いガラス＋白ロゴ地 */
header{background:rgba(18,28,54,.66);backdrop-filter:blur(12px) saturate(1.1);border-bottom:1px solid rgba(214,189,134,.16)}
header.scrolled{background:rgba(16,25,50,.88);box-shadow:0 8px 30px rgba(6,10,26,.42)}
.logo .s{color:#c7ccda}
.menu-btn span{background:var(--ink)}
.mnav{background:rgba(16,25,50,.96)}
.pmoon{background:#fff7e4}
.pmoon::after{background:#263a63}
.pill:hover .pmoon{background:#fff}
.pill:hover .pmoon::after{background:var(--gold)}
/* buttons：金地は暗文字 */
.btn-gold{color:#1b1407;background:linear-gradient(135deg,#e6cf98,#c4a468)}
.btn-outline{color:var(--ink);border-color:var(--gold-line)}
.btn-outline:hover{background:var(--gold);color:#1b1407;border-color:var(--gold)}
.pill{color:var(--ink);border-color:var(--gold-line)}
.pill:hover{color:#1b1407;background:var(--gold);border-color:var(--gold)}
/* cards → グラス */
.card,.tint,.prod-card,.mcard,.choice-card,.pol-card,.cta-col,.feat-line,.cta-band{background:linear-gradient(158deg,rgba(86,114,164,.30),rgba(28,40,72,.5));border-color:var(--gold-line)}
.prod-card .pimg{background:radial-gradient(62% 66% at 50% 46%,rgba(255,255,255,.13),rgba(255,255,255,0) 72%),linear-gradient(158deg,rgba(255,255,255,.10),rgba(150,178,216,.04) 50%,rgba(255,255,255,.07))}
.prod-card .phase{background:rgba(18,28,54,.72);color:var(--ink);border-color:var(--gold-line)}
.trust{background:rgba(18,28,54,.42);border-top:1px solid rgba(214,189,134,.16);border-bottom:1px solid rgba(214,189,134,.16)}
/* timeline nodes */
.tl-node{background:#22355f;border-color:var(--gold);box-shadow:0 0 0 6px rgba(28,40,72,.55),0 0 14px rgba(240,207,159,.4)}
.tv::before{background:#22355f;border-color:var(--gold);box-shadow:0 0 0 4px rgba(28,40,72,.6)}
/* page-hero の月 */
.hero-moon{background:radial-gradient(circle at 40% 36%,#fffaf0,#efe2c8 55%,#d6bd86);box-shadow:0 0 0 1px var(--gold-line),0 30px 80px rgba(240,207,159,.3),inset -14px -16px 40px rgba(120,96,52,.3)}
.hero-moon::after{border-color:var(--gold-line)}
/* 実写は青の世界へ寄せる */
.frame.photo img{filter:saturate(.92) brightness(.97) contrast(1.02)}
/* form */
.field input,.field select,.field textarea{background:rgba(12,18,38,.42);color:var(--ink);border-color:var(--gold-line)}
.field input::placeholder,.field textarea::placeholder{color:#8a90a4}
.field select{background-image:url("data:image/svg+xml;utf8,")}
/* footer navy */
footer{background:var(--sumi)}
.foot-brand .b{color:#f1eadb}
.foot-brand p,.foot-col .hrs{color:#9aa1b5}
.foot-col a{color:#c2c8d6}
.copy{color:#7c85a0}
/* A/B/C スイッチャー暗色 */
.ab-switch{background:rgba(18,28,54,.72);border-color:var(--gold-line)}
.ab-switch a{color:#c7ccda}
.ab-switch a.on{background:linear-gradient(135deg,#e6cf98,#c4a468);color:#1b1407}
.ab-switch .lb{color:#9aa1b5}
/* select：ネイティブ制御の地を確実に暗く（ヘッダー環境差の保険） */
.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#243458}
.field select option{background:#22355f;color:#f3eee3}
/* select 最終確定：矢印SVGのタイリング(ハッチ化)を防ぐ＝背景を一括指定で確定 */
.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#243458;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 17px center}
.field select option{background:#22355f;color:#f3eee3}
/* === ヘッダーは白ベース（トップページ index と統一） === */
header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(28,40,72,.10)}
header.scrolled{background:#fff;box-shadow:0 2px 18px rgba(20,28,55,.10)}
.logo .s{color:#5a6478}
nav.main a{color:#1d2740;opacity:.85}
nav.main a:hover,nav.main a.active{opacity:1}
nav.main a::after{background:var(--gold)}
nav.main a .nle{color:#b08a4a}
.menu-btn span{background:#1d2740}
.pill{background:linear-gradient(135deg,#e6cf98,#c4a468);color:#1b1407;border:1px solid transparent;box-shadow:0 6px 22px rgba(214,189,134,.36)}
.pill:hover{background:linear-gradient(135deg,#e6cf98,#c4a468);color:#1b1407;filter:brightness(1.06)}
.pmoon{background:#fff7e4}
.pmoon::after{background:#6e5118}
.pill:hover .pmoon{background:#fff7e4}
.pill:hover .pmoon::after{background:#6e5118}
.mnav{background:rgba(255,255,255,.98)}
.mnav a{color:#1d2740}
.mnav .close{color:#1d2740}
/* === 全ページ視覚統一：site.css とトークン・意匠を一致させる（宵の青1本化・末尾で最優先） === */
:root{
--gold:#d6bd86; /* site.css と一致（シャンパン系） */
--gold-soft:#f0cf9f;
--gold-line:rgba(214,189,134,.30);
--maxw:1180px; /* site.css と一致 */
}
/* カード類の角丸を site.css の16pxへ統一（company/contact だけ角が立って見える差を解消） */
.card,.prod-card,.mcard,.glass,.frame,.feat-line,.pol-card,.choice-card,.cta-band,.cta-col,.form-card{border-radius:16px}
/* ボタンは site.css と同じ6px */
.btn-gold,.btn-outline,.shop-btn{border-radius:6px}
/* フォーム入力は site.css と同じ10px */
.field input,.field select,.field textarea,.form-note{border-radius:10px}