/* CECIL Official v1.0.90 — first page base */
/* ==========================================================
   v1.0.6 / first — 初めての方へ
   ========================================================== */
.first-page{background:#FAF7EF;color:#4B4238}.first-page .container{width:min(calc(100% - 30px),1220px)}
.section--first-light{background:#FAF7EF}.section--first-dark{background:#665D52;color:#FAF7EF}.first-section-head{text-align:center;margin:0 0 26px}.first-section-head h2{margin:0;font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:.055em;font-size:clamp(1.45rem,2.5vw,2.05rem);color:#756A5D}.first-section-head--dark h2{color:#EAE2D3}.first-section-head--left{text-align:left}.first-kicker{display:block;color:#C9D8A6;letter-spacing:.16em;font-size:.7rem;margin-bottom:8px;font-family:Georgia,serif}.first-kicker--gold{color:#C9D8A6}
.first-hero{position:relative;min-height:600px;color:#FAF7EF;background:#665D52;overflow:hidden}.first-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(102,93,82,.98) 0%,rgba(102,93,82,.88) 45%,rgba(102,93,82,.16) 72%,rgba(102,93,82,.05) 100%),url('../images/cecil-bodycare-woman-v134.webp');background-size:cover;background-position:center right}.first-hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(201,216,166,.1),transparent 34%),linear-gradient(180deg,rgba(75,66,56,.05),rgba(75,66,56,.22))}.first-hero-inner{position:relative;z-index:2;padding:22px 0 50px}.first-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.68rem;color:rgba(250,247,239,.55);margin:0 0 44px}.first-hero-copy{max-width:650px}.first-eyebrow{display:block;color:#C9D8A6;font-family:Georgia,serif;letter-spacing:.16em;font-size:.78rem;margin-bottom:8px}.first-hero h1{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,3.4vw,3.1rem);font-weight:500;letter-spacing:.07em;line-height:1.35;margin:0 0 20px}.first-hero-catch{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,4vw,3.45rem);line-height:1.48;letter-spacing:.05em;margin:0 0 16px}.first-hero-lead{font-size:.86rem;line-height:1.9;color:rgba(250,247,239,.82);margin:0 0 18px;max-width:620px}.first-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.first-hero-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(201,216,166,.46);background:rgba(102,93,82,.65);font-size:.72rem;color:#EAE2D3}.first-hero-badges svg{width:18px;height:18px;color:#C9D8A6}.first-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.first-hero-actions .btn{min-width:205px}
.first-know{padding:28px 0 34px}.first-know-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.first-know-grid article{position:relative;background:#FAF7EF;border:1px solid #EAE2D3;padding:22px 16px 18px;text-align:center;box-shadow:0 6px 20px rgba(75,66,56,.05);min-height:180px}.first-card-no{position:absolute;top:12px;left:13px;color:#C9D8A6;font-family:Georgia,serif;font-size:1.15rem}.first-card-icon svg{width:36px;height:36px;color:#C9D8A6;margin:4px auto 9px}.first-know-grid h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.02rem;font-weight:500;color:#756A5D;line-height:1.55;margin:0 0 6px}.first-know-grid p{font-size:.72rem;color:#736C62;line-height:1.7;margin:0}
.first-choose{padding:34px 0 38px;border-top:1px solid rgba(201,216,166,.25);border-bottom:1px solid rgba(201,216,166,.25)}.first-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.first-choice-card{position:relative;min-height:330px;border:1px solid rgba(201,216,166,.48);overflow:hidden}.first-choice-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.first-choice-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(102,93,82,.2),rgba(102,93,82,.96))}.first-choice-body{position:relative;z-index:2;height:100%;padding:22px 22px 18px;display:flex;flex-direction:column;justify-content:flex-end}.first-choice-body>span{position:absolute;top:15px;left:18px;font-family:Georgia,serif;font-size:2rem;color:#C9D8A6}.first-choice-body h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.35rem;font-weight:500;margin:0 0 6px;color:#FAF7EF}.first-choice-body p{font-size:.75rem;color:rgba(250,247,239,.78);margin:0 0 8px}.first-choice-body ul{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:.68rem;color:#EAE2D3}.first-choice-body li:before{content:"✓";color:#C9D8A6;margin-right:5px}.first-choice-body a{display:block;background:linear-gradient(135deg,#C9D8A6,#C9D8A6);color:#4B4238;text-align:center;padding:9px 10px;font-weight:700;font-size:.73rem}.first-choice-card:nth-child(2) .first-choice-body a,.first-choice-card:nth-child(3) .first-choice-body a{background:#756A5D;color:#FAF7EF;border:1px solid rgba(201,216,166,.5)}
.first-about{padding:0}.first-split{display:grid;grid-template-columns:.9fr 1.1fr;background:#FAF7EF;border-left:1px solid #EAE2D3;border-right:1px solid #EAE2D3}.first-split-image{min-height:290px}.first-split-image img{width:100%;height:100%;object-fit:cover}.first-split-copy{padding:34px 40px;display:flex;flex-direction:column;justify-content:center}.first-split-copy h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:1.55rem;color:#756A5D;margin:0 0 9px}.first-split-copy h3{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:1.35rem;margin:0 0 11px;color:#756A5D}.first-split-copy p{font-size:.78rem;color:#4B4238;line-height:1.85;margin:0 0 10px}.first-inline-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;background:#756A5D;color:#FAF7EF;padding:9px 14px;font-size:.72rem;max-width:max-content;margin-top:4px}
.first-aroma{padding:34px 0}.first-aroma-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.first-aroma-copy h2{font-family:Georgia,"Yu Mincho",serif;font-size:1.65rem;font-weight:500;line-height:1.55;color:#EAE2D3;margin:0 0 20px}.first-formula{display:flex;align-items:center;gap:10px}.first-formula>div{width:135px;height:135px;border:1px solid rgba(201,216,166,.55);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px}.first-formula>div strong{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:.9rem}.first-formula>div small{font-size:.62rem;color:rgba(250,247,239,.7);line-height:1.55;margin-top:6px}.first-formula>b{color:#C9D8A6;font-size:1.35rem}.first-formula .is-gold{background:rgba(201,216,166,.11);color:#C9D8A6}.first-aroma-visual{display:grid;grid-template-columns:1fr;gap:12px}.first-aroma-visual img{width:100%;height:220px;object-fit:cover;border:1px solid rgba(201,216,166,.35)}.first-aroma-visual p{font-size:.72rem;line-height:1.8;color:rgba(250,247,239,.75);margin:0}.first-aroma-visual .btn{justify-self:end;min-height:42px;padding:0 18px;font-size:.72rem}
.first-concerns{padding:30px 0}.first-concern-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.first-concern-grid a{display:flex;align-items:center;justify-content:center;gap:8px;background:#FAF7EF;border:1px solid #EAE2D3;padding:12px 8px;color:#4B4238;font-size:.75rem;box-shadow:0 4px 14px rgba(75,66,56,.035)}.first-concern-grid svg{width:20px;height:20px;color:#C9D8A6}.first-center-link{text-align:center;margin-top:16px}.first-center-link a{display:inline-flex;align-items:center;gap:25px;background:#756A5D;color:#FAF7EF;padding:8px 19px;font-size:.7rem}
.first-reassure{padding:30px 0}.first-reassure-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;align-items:end}.first-reassure-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.first-reassure-grid article{background:#FAF7EF;color:#756A5D;border:1px solid #EAE2D3;text-align:center;padding:15px 8px 13px;min-height:145px}.first-reassure-grid svg{width:28px;height:28px;color:#C9D8A6;margin:0 auto 8px}.first-reassure-grid h3{font-family:Georgia,"Yu Mincho",serif;font-size:.78rem;line-height:1.5;font-weight:500;margin:0 0 5px}.first-reassure-grid p{font-size:.61rem;color:#736C62;line-height:1.55;margin:0}.first-reassure-photo{position:relative;min-height:235px;overflow:hidden;border:1px solid rgba(201,216,166,.35)}.first-reassure-photo img{width:100%;height:100%;min-height:235px;object-fit:cover}.first-reassure-photo span{position:absolute;left:0;right:0;bottom:0;padding:9px;background:rgba(102,93,82,.88);text-align:center;color:#EAE2D3;font-size:.7rem}
.first-compare{padding:30px 0}.first-compare-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:0;border:1px solid #EAE2D3;background:#FAF7EF}.first-compare-layout>div:first-child{padding:26px}.first-table-wrap{overflow:auto}.first-table{width:100%;border-collapse:collapse;font-size:.7rem;min-width:520px}.first-table th,.first-table td{border:1px solid #EAE2D3;padding:8px 10px;text-align:center}.first-table thead th{background:#F7F3EA;color:#756A5D}.first-table tbody th{background:#FAF7EF;color:#4B4238;font-weight:500}.first-table tbody td:first-of-type{color:#756A5D;font-weight:700}.first-dual-actions{display:flex;gap:10px;margin-top:10px}.first-dual-actions a{flex:1;text-align:center;padding:8px;background:#C9D8A6;color:#4B4238;font-size:.7rem;font-weight:700}.first-dual-actions a:last-child{background:#756A5D;color:#FAF7EF}.first-compare-photo img{width:100%;height:100%;object-fit:cover;min-height:310px}
.first-flow{padding:28px 0}.first-flow-border{border-top:1px solid #EAE2D3}.first-flow-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.first-flow-grid article{background:#FAF7EF;border:1px solid #EAE2D3;text-align:center;padding:14px 8px;min-height:155px}.first-flow-grid article>span{display:block;font-family:Georgia,serif;color:#C9D8A6;font-size:.67rem;margin-bottom:7px}.first-flow-grid svg{width:28px;height:28px;color:#C9D8A6;margin:0 auto 8px}.first-flow-grid h3{font-family:Georgia,"Yu Mincho",serif;font-size:.78rem;font-weight:500;margin:0 0 4px}.first-flow-grid p{font-size:.59rem;color:#736C62;line-height:1.55;margin:0}
.first-price-choose{padding:30px 0}.first-price-choose-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.first-price-box,.first-choose-shop{background:#FAF7EF;border:1px solid #EAE2D3;padding:24px}.first-price-box table{width:100%;border-collapse:collapse;margin:0 0 8px}.first-price-box th,.first-price-box td{padding:5px 16px;border-bottom:1px solid #EAE2D3;font-family:Georgia,"Yu Mincho",serif}.first-price-box th{text-align:left;font-weight:500}.first-price-box td{text-align:right;font-size:1.03rem;font-weight:700}.first-price-box p{font-size:.63rem;color:#736C62;line-height:1.6}.first-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.first-shop-grid article{border:1px solid #EAE2D3;background:#FAF7EF;padding:14px 10px;text-align:center;min-height:170px}.first-shop-grid span{font-family:Georgia,serif;color:#C9D8A6;font-size:1.2rem}.first-shop-grid h3{font-family:Georgia,"Yu Mincho",serif;font-size:.78rem;font-weight:500;line-height:1.5;margin:5px 0 7px}.first-shop-grid p{font-size:.58rem;color:#736C62;line-height:1.55;margin:0}.first-choose-shop .first-inline-btn{margin:12px auto 0;display:flex}
.first-faq{padding:28px 0}.first-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.first-faq details{background:#FAF7EF;border:1px solid #EAE2D3}.first-faq summary{list-style:none;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#4B4238;cursor:pointer}.first-faq summary::-webkit-details-marker{display:none}.first-faq summary svg{width:16px;height:16px;color:#C9D8A6;transition:.2s}.first-faq details[open] summary svg{transform:rotate(180deg)}.first-faq details p{margin:0;padding:0 14px 12px;font-size:.68rem;color:#736C62;line-height:1.7}
.first-next{padding:28px 0 34px}.first-next-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.first-next-grid a{position:relative;min-height:205px;overflow:hidden;border:1px solid rgba(201,216,166,.38);background:#665D52}.first-next-grid img{width:100%;height:110px;object-fit:cover}.first-next-grid div{padding:12px 12px 14px;color:#FAF7EF}.first-next-grid span{display:block;color:#C9D8A6;font-family:Georgia,serif;font-size:1.1rem}.first-next-grid strong{display:block;font-family:Georgia,"Yu Mincho",serif;font-size:.8rem;font-weight:500;margin:1px 0 4px}.first-next-grid small{font-size:.58rem;color:rgba(250,247,239,.66);line-height:1.5}
.first-final-cta{padding:48px 0 42px;background-image:linear-gradient(90deg,rgba(102,93,82,.96),rgba(102,93,82,.86)),url('../images/cecil-bodycare-woman-v134.webp');background-size:cover;background-position:center;color:#FAF7EF;border-top:1px solid rgba(201,216,166,.35)}.first-final-inner{text-align:center}.first-final-inner h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:.05em;margin:0 0 8px}.first-final-inner>p{font-size:.76rem;color:rgba(250,247,239,.72);margin:0 0 20px}.first-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.first-final-actions .btn{min-width:220px}.first-final-features{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:19px 0 11px;color:#C9D8A6;font-size:.7rem}.first-final-features span{display:flex;align-items:center;gap:6px}.first-final-features svg{width:17px;height:17px}.first-final-inner small{font-size:.6rem;color:rgba(250,247,239,.5)}
@media (max-width:1050px){.first-know-grid{grid-template-columns:repeat(2,1fr)}.first-choose-grid{grid-template-columns:1fr 1fr}.first-choice-card:last-child{grid-column:1/-1}.first-aroma-layout{grid-template-columns:1fr}.first-reassure-layout{grid-template-columns:1fr}.first-reassure-grid{grid-template-columns:repeat(3,1fr)}.first-reassure-photo{max-height:320px}.first-flow-grid{grid-template-columns:repeat(4,1fr)}.first-price-choose-grid{grid-template-columns:1fr}.first-next-grid{grid-template-columns:repeat(3,1fr)}.first-next-grid a:nth-child(4),.first-next-grid a:nth-child(5){min-height:190px}}
@media (max-width:760px){.first-page .container{width:calc(100% - 24px)}.first-hero{min-height:650px}.first-hero-bg{background-image:linear-gradient(180deg,rgba(102,93,82,.9),rgba(102,93,82,.93)),url('../images/cecil-bodycare-woman-v134.webp');background-position:65% center}.first-breadcrumb{margin-bottom:30px}.first-hero-catch{font-size:2rem}.first-hero-lead{font-size:.8rem}.first-hero-badges{display:grid;grid-template-columns:1fr 1fr}.first-hero-badges span{justify-content:center}.first-hero-actions .btn{width:100%}.first-know-grid{grid-template-columns:1fr 1fr}.first-know-grid article{min-height:165px}.first-choose-grid{grid-template-columns:1fr}.first-choice-card:last-child{grid-column:auto}.first-split{grid-template-columns:1fr}.first-split-image{min-height:250px}.first-split-copy{padding:26px 22px}.first-formula{justify-content:center}.first-formula>div{width:92px;height:92px;padding:7px}.first-formula>div strong{font-size:.7rem}.first-formula>div small{font-size:.52rem}.first-aroma-visual .btn{justify-self:stretch}.first-concern-grid{grid-template-columns:1fr 1fr}.first-reassure-grid{grid-template-columns:1fr 1fr}.first-compare-layout{grid-template-columns:1fr}.first-compare-layout>div:first-child{padding:20px}.first-compare-photo img{min-height:220px}.first-flow-grid{grid-template-columns:1fr 1fr}.first-flow-grid article{min-height:135px}.first-shop-grid{grid-template-columns:1fr 1fr}.first-faq-grid{grid-template-columns:1fr}.first-next-grid{grid-template-columns:1fr 1fr}.first-next-grid a{min-height:180px}.first-final-actions{flex-direction:column}.first-final-actions .btn{width:100%}.first-final-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.first-final-features span{justify-content:center}}
@media (max-width:420px){.first-know-grid{grid-template-columns:1fr}.first-hero-badges{grid-template-columns:1fr}.first-formula{gap:5px}.first-formula>div{width:82px;height:82px}.first-reassure-grid{grid-template-columns:1fr 1fr}.first-shop-grid{grid-template-columns:1fr}.first-next-grid{grid-template-columns:1fr}.first-next-grid a{min-height:170px}}

