@charset "UTF-8";
/* =========================================================
   LP型の組み直し（2026-10）
   自社LP（lp01・lpiso01・aga）の型に合わせる：
   写真に文字を重ねる／濃い帯で強弱／大きな数字／白い帯ラベル
   寸法は U(n)=スマホ375px基準の n/3.75px。PCでは同じ形を中央の列に縮小表示
   ========================================================= */
.v3, .v3-cv { --u: 1vw; }
@media screen and (min-width: 960px) {
  .v3, .v3-cv { --u: .46vw; }
  .v3__in, .v3-stats, .v3-stats__note, .v3-ing, .v3-flow, .v3-sonna__body { width: 46vw; margin-right: auto !important; margin-left: auto !important; }
}
.v3 mark { color: inherit; background: linear-gradient(transparent 58%, #ffd2c4 58%); font-weight: 700; }

/* 共通の見出し */
.v3-label { font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*3.4); letter-spacing:.2em; color:#ed6354; text-align:center; }
.v3-h { position:relative; margin-top:calc(var(--u)*2); padding-bottom:calc(var(--u)*6); font-family:"Noto Sans JP",sans-serif; font-weight:700; font-size:calc(var(--u)*6.4); line-height:1.5; letter-spacing:.06em; text-align:center; }
.v3-h::after { position:absolute; left:50%; bottom:0; width:calc(var(--u)*10); height:2px; margin-left:calc(var(--u)*-5); content:""; background:#ed6354; }
.v3-h em { font-style:normal; font-size:128%; color:#ed6354; }
.v3-h small { display:block; font-family:"Noto Sans JP",sans-serif; font-size:52%; font-weight:500; color:#8a7068; letter-spacing:.14em; }

/* ---------- お悩み ---------- */
.p-worry.v3-worry { padding:calc(var(--u)*14) 0 0; background:#fdf6f2; }
.v3-worry .v3__in { padding:0 calc(var(--u)*5.3); }
.v3-worry__photo { position:relative; margin-top:calc(var(--u)*8); overflow:hidden; border-radius:calc(var(--u)*2); }
.v3-worry__photo img { display:block; width:100%; filter:grayscale(.55) contrast(1.05) brightness(.92); }
.v3-worry__photo::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,rgba(61,51,48,0) 40%,rgba(61,51,48,.35)); }
.v3-worry__list { margin-top:calc(var(--u)*6); }
.v3-worry__list li { position:relative; padding:calc(var(--u)*2.6) 0 calc(var(--u)*2.6) calc(var(--u)*9); font-size:calc(var(--u)*4.4); font-weight:500; line-height:1.5; letter-spacing:.04em; border-bottom:1px dashed #e3cfc5; }
.v3-worry__list li::before { position:absolute; left:calc(var(--u)*1); top:calc(var(--u)*3.2); width:calc(var(--u)*5.2); height:calc(var(--u)*5.2); content:""; border:calc(var(--u)*.45) solid #3d3330; border-radius:50%; }
.v3-worry__list li::after { position:absolute; left:calc(var(--u)*2.7); top:calc(var(--u)*3.5); width:calc(var(--u)*1.7); height:calc(var(--u)*3.2); content:""; border-right:calc(var(--u)*.6) solid #ed6354; border-bottom:calc(var(--u)*.6) solid #ed6354; transform:rotate(42deg); }
.v3-worry__list mark { padding:0 calc(var(--u)*1.2); color:#fff; background:#5a4a44; font-weight:700; }
/* そんな方に */
.v3-sonna { position:relative; margin-top:calc(var(--u)*12); padding:calc(var(--u)*20) 0 calc(var(--u)*16); text-align:center; background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,236,228,.9)), url("../scene_taking.webp") center/cover no-repeat; }
.v3-sonna::before { position:absolute; top:0; left:0; width:100%; height:calc(var(--u)*10); content:""; background:#fdf6f2; clip-path:polygon(0 0,100% 0,50% 100%); }
.v3-sonna__arrow { position:absolute; top:calc(var(--u)*-3); left:0; right:0; font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*5.6); font-weight:700; letter-spacing:.2em; }
.v3-sonna__body p { font-weight:700; letter-spacing:.08em; line-height:1; }
.v3-sonna__body span { display:inline-block; padding:calc(var(--u)*1.6) calc(var(--u)*3) calc(var(--u)*1.9); background:#fff; }
.v3-sonna__l1 { font-size:calc(var(--u)*5.2); }
.v3-sonna__l2 { margin-top:calc(var(--u)*2); font-size:calc(var(--u)*4.6); }
.v3-sonna__l3 { margin-top:calc(var(--u)*2); font-size:calc(var(--u)*5.2); }
.v3-sonna__l3 span { color:#ed6354; font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*6.2); }
.v3-sonna__l4 { display:inline-block; margin-top:calc(var(--u)*5); padding:0 calc(var(--u)*2); font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*9); background:linear-gradient(transparent 62%, #ffe27a 62%); }

/* ---------- 数字の丸バッジ ---------- */
.v3-stats { display:flex; justify-content:center; gap:calc(var(--u)*2.4); margin-top:calc(var(--u)*10); padding:0 calc(var(--u)*3); }
.v3-stats li { position:relative; display:flex; flex-wrap:wrap; align-items:baseline; align-content:center; justify-content:center; width:calc(var(--u)*29.6); height:calc(var(--u)*29.6); color:#fff; border-radius:50%; background:radial-gradient(circle at 30% 22%, #f79585 0%, #ed6354 58%, #c9443a 100%); box-shadow:0 calc(var(--u)*1.6) calc(var(--u)*3.6) rgba(200,70,55,.32); }
.v3-stats li::before { position:absolute; inset:calc(var(--u)*1.2); content:""; border:1px solid rgba(255,255,255,.6); border-radius:50%; }
.v3-stats small { width:100%; margin-bottom:calc(var(--u)*.6); font-size:calc(var(--u)*2.9); font-weight:700; text-align:center; letter-spacing:.06em; }
.v3-stats b { font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*13); font-weight:900; line-height:.95; }
.v3-stats li:nth-child(3) b { font-size:calc(var(--u)*10.4); }
.v3-stats span { margin-left:calc(var(--u)*.6); font-size:calc(var(--u)*3.4); font-weight:700; }
.v3-stats i { position:absolute; right:calc(var(--u)*4.6); top:calc(var(--u)*9); font-size:calc(var(--u)*2.4); font-style:normal; }
.v3-stats__note { margin-top:calc(var(--u)*3); padding:0 calc(var(--u)*5.3); font-size:calc(var(--u)*2.5); line-height:1.6; color:#8a7068; text-align:center; }

/* ---------- 成分カード ---------- */
.v3-ing { margin-top:calc(var(--u)*6); }
.v3-ing > li { display:flex; align-items:center; gap:calc(var(--u)*4); padding:calc(var(--u)*4) calc(var(--u)*4); background:#fff; border-left:calc(var(--u)*1.2) solid #ed6354; box-shadow:0 calc(var(--u)*.8) calc(var(--u)*3) rgba(160,110,95,.14); }
.v3-ing > li + li { margin-top:calc(var(--u)*3); }
.v3-ing__no { font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*10); font-weight:500; font-style:italic; line-height:1; color:#f0b3a7; }
.v3-ing h3 { font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*5.2); font-weight:700; letter-spacing:.06em; }
.v3-ing h3 small { margin-left:calc(var(--u)*2); font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*2.9); font-weight:500; color:#8a7068; letter-spacing:.04em; }
.v3-ing div > p { margin-top:calc(var(--u)*1.6); font-size:calc(var(--u)*3.6); font-weight:500; letter-spacing:.04em; }
.v3-ing ul { display:flex; gap:calc(var(--u)*1.6); margin-top:calc(var(--u)*2); }
.v3-ing ul li { padding:calc(var(--u)*.8) calc(var(--u)*2.6) calc(var(--u)*1); font-size:calc(var(--u)*3); font-weight:700; color:#ed6354; background:#fdebe5; border-radius:999px; }

/* ---------- 配合量：濃い帯 ---------- */
.p-dose__box { border:0; }

/* ---------- 選ばれる理由 ---------- */
.p-service.v3-reason { padding:calc(var(--u)*14) 0 calc(var(--u)*12); background:#fdf1ec; }
.v3-reason .v3__in { padding:0 calc(var(--u)*4); }
.v3-reason__list { margin-top:calc(var(--u)*8); }
.v3-reason__list > li { padding:calc(var(--u)*5) calc(var(--u)*5) calc(var(--u)*6); background:#fff; border-radius:calc(var(--u)*10) 0 0 0; box-shadow:0 calc(var(--u)*1) calc(var(--u)*4) rgba(160,110,95,.16); }
.v3-reason__list > li + li { margin-top:calc(var(--u)*6); }
.v3-reason__list h3 { display:flex; align-items:flex-end; gap:calc(var(--u)*3); padding-bottom:calc(var(--u)*2); border-bottom:2px solid #ed6354; }
.v3-reason__list h3 b { font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*12); font-style:italic; font-weight:500; line-height:.9; color:#ed6354; }
.v3-reason__list h3 span { font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*5); font-weight:700; line-height:1.4; letter-spacing:.06em; }
.v3-reason__list h3 em { font-style:normal; color:#ed6354; }
.v3-reason__img { height:calc(var(--u)*42); margin-top:calc(var(--u)*4); overflow:hidden; }
.v3-reason__img img { display:block; width:100%; height:100%; object-fit:cover; }
.v3-reason__list > li > p { margin-top:calc(var(--u)*4); font-size:calc(var(--u)*3.7); font-weight:400; line-height:1.9; letter-spacing:.06em; }

/* ---------- 料金の帯 ---------- */
.p-price { padding-top:0 !important; }
.v3-priceband { position:relative; margin:0 calc(var(--u)*-2.2) calc(var(--u)*8); padding:calc(var(--u)*9) 0 calc(var(--u)*11); color:#fff; text-align:center; background:linear-gradient(135deg,#ee7263,#ed6354 55%,#d54c40); }
.v3-priceband::after { position:absolute; left:50%; bottom:calc(var(--u)*-4.6); margin-left:calc(var(--u)*-6); content:""; border:calc(var(--u)*6) solid transparent; border-bottom:0; border-top:calc(var(--u)*4.8) solid #dc5346; }
.v3-priceband__s { font-size:calc(var(--u)*4.4); font-weight:700; letter-spacing:.2em; }
.v3-priceband__h { margin-top:calc(var(--u)*1); font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*11); font-weight:900; letter-spacing:.08em; text-shadow:0 calc(var(--u)*.8) 0 rgba(140,40,30,.3); }
.v3-priceband__t { display:inline-block; margin-top:calc(var(--u)*3); padding:calc(var(--u)*1.2) calc(var(--u)*4) calc(var(--u)*1.5); font-size:calc(var(--u)*3.4); font-weight:700; color:#ed6354; background:#fff; border-radius:999px; }

/* ---------- 診療の流れ ---------- */
.v3-flow > li { position:relative; display:flex; align-items:center; height:calc(var(--u)*24); padding-left:calc(var(--u)*3); overflow:hidden; background:#fff; border:2px solid #ed6354; border-radius:999px; }
.v3-flow > li + li { margin-top:calc(var(--u)*5); }
.v3-flow__no { display:flex; flex:none; flex-direction:column; align-items:center; justify-content:center; width:calc(var(--u)*17); height:calc(var(--u)*17); font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*7); font-weight:700; line-height:1; color:#fff; background:#ed6354; border-radius:50%; }
.v3-flow__no small { margin-bottom:calc(var(--u)*.6); font-size:calc(var(--u)*2.8); font-weight:500; letter-spacing:.06em; }
.v3-flow__t { position:relative; z-index:1; margin-left:calc(var(--u)*4); font-size:calc(var(--u)*4.6); font-weight:700; line-height:1.45; letter-spacing:.06em; }
.v3-flow__t small { margin-left:calc(var(--u)*1); font-size:calc(var(--u)*2.8); font-weight:500; }
.v3-flow > li img { position:absolute; top:0; right:0; width:calc(var(--u)*30); height:100%; object-fit:cover; -webkit-mask-image:linear-gradient(90deg,transparent,#000 55%); mask-image:linear-gradient(90deg,transparent,#000 55%); }
@media screen and (max-width: 959px) { .p-flow { padding-right:4vw; padding-left:4vw; } }
@media screen and (min-width: 960px) { .v3-worry .v3-h { white-space: nowrap; } }

/* ===== 追加（広告LPの型）：写真に重ねたお悩み／POINT／ボタン前のひとこと ===== */
.v3-worry__stage { margin:calc(var(--u)*8) calc(var(--u)*-5.3) 0; padding:calc(var(--u)*30) calc(var(--u)*5.3) calc(var(--u)*8); background:linear-gradient(180deg,rgba(61,51,48,.05) 0%,rgba(61,51,48,.72) 34%,rgba(61,51,48,.86) 100%), url("../worry_pills.webp") center top/cover no-repeat; }
.v3-worry__stage .v3-worry__list { margin-top:0; }
.v3-worry__stage .v3-worry__list li { color:#fff; border-bottom-color:rgba(255,255,255,.3); }
.v3-worry__stage .v3-worry__list li::before { border-color:#fff; background:#fff; }
.v3-worry__stage .v3-worry__list mark { color:#ffe27a; background:none; padding:0; }
.v3-sonna { margin-top:0; }
.v3-sonna::before { background:#463a36; }
.v3-sonna__arrow { top:calc(var(--u)*1.2); z-index:1; color:#fff; }

.p-vs.v3-point { padding:0 0 calc(var(--u)*14); background:#fff; }
.v3-point__head { padding:calc(var(--u)*16) calc(var(--u)*4) calc(var(--u)*12); background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.92)), url("../vs_model.webp?v=20261007e") center 22%/cover no-repeat; }
.v3-point__list { margin-top:calc(var(--u)*-4); padding:0 calc(var(--u)*5.3); }
.v3-point__list > li { position:relative; padding:calc(var(--u)*6) calc(var(--u)*5) calc(var(--u)*6) calc(var(--u)*5); background:#fdf1ec; }
.v3-point__list > li:nth-child(even) { background:#4a3a35; color:#fff; }
.v3-point__list > li + li { margin-top:calc(var(--u)*4); }
.v3-point__no { position:absolute; right:calc(var(--u)*4); top:calc(var(--u)*3); font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*15); font-style:italic; font-weight:500; line-height:1; color:#ed6354; opacity:.9; }
.v3-point__list > li:nth-child(even) .v3-point__no { color:#f6b8ab; }
.v3-point__no small { display:block; font-size:calc(var(--u)*3); font-style:normal; letter-spacing:.2em; }
.v3-point__list h3 { font-family:"Noto Sans JP",sans-serif; font-size:calc(var(--u)*5.4); font-weight:700; line-height:1.5; letter-spacing:.06em; }
.v3-point__list li > p:last-child { margin-top:calc(var(--u)*3); font-size:calc(var(--u)*3.6); line-height:1.9; letter-spacing:.05em; }

.v3-cv__lead { display:flex; align-items:center; justify-content:center; gap:calc(var(--u)*2.4); margin-bottom:calc(var(--u)*2); }
.v3-cv__lead b { padding:calc(var(--u)*1) calc(var(--u)*3) calc(var(--u)*1.2); font-size:calc(var(--u)*3.6); color:#fff; background:#ed6354; border-radius:999px; }
.v3-cv__lead span { position:relative; padding:0 calc(var(--u)*3.4); font-size:calc(var(--u)*3.4); font-weight:700; letter-spacing:.06em; color:#3d3330; }
.v3-cv__lead span::before, .v3-cv__lead span::after { position:absolute; top:10%; width:1.5px; height:80%; content:""; background:#3d3330; }
.v3-cv__lead span::before { left:calc(var(--u)*.8); transform:rotate(-22deg); }
.v3-cv__lead span::after { right:calc(var(--u)*.8); transform:rotate(22deg); }
@media screen and (min-width: 960px) {
  .v3-worry__stage { margin-right:0; margin-left:0; border-radius:1vw 1vw 0 0; }
  .v3-point__head .v3-h, .v3-point__head .v3-label { width:46vw; margin-right:auto; margin-left:auto; }
}

.v3-cv__lead { line-height:1.3; }
.v3-cv__lead b { font-weight:700; white-space:nowrap; }
.c-line.-floating .v3-cv__lead { display:none; }

/* イソトレLPの「肌投資」ブロックを流用 */
.p-onepill__invest { margin-top:8vw; }
.p-onepill__invest img { display:block; width:100%; height:auto; }
@media screen and (min-width: 960px) { .p-onepill__invest { width:100%; margin-top:3vw; } }

/* ===== クーポン・開閉式FAQ（2026-10-07） ===== */
.c-coupon { background:linear-gradient(180deg,#ffe9df,#fdf4f0); padding-top:2vw; }
.c-coupon__inner { margin:0 auto; }
.c-coupon__note { margin-top:3.2vw; font-size:3.2vw; line-height:1.6; text-align:center; letter-spacing:.04em; color:#5a4a44; }
.p-price__discount { margin:8vw 0 0 !important; }
.p-price__discount + .p-price__table { margin-top:0; }
.p-flow + .c-line.v3-cv { padding:8vw 0; background:#fdf6f2; max-width:none; }
.p-flow + .c-line.v3-cv a { display:block; max-width:89.6vw; margin:0 auto; }
details.v3-acc > summary { list-style:none; cursor:pointer; padding-right:9vw; }
details.v3-acc > summary::-webkit-details-marker { display:none; }
details.v3-acc > summary::after { position:absolute; right:.5vw; top:50%; width:2.4vw; height:2.4vw; content:""; border-right:2px solid #ed6354; border-bottom:2px solid #ed6354; transform:translateY(-70%) rotate(45deg); transition:transform .2s; }
details.v3-acc[open] > summary::after { transform:translateY(-30%) rotate(-135deg); }
details.v3-acc .p-faq__list--answer { display:block; }
@media screen and (min-width: 960px) {
  .c-coupon { padding-top:1vw; }
  .c-coupon__note { margin-top:1vw; font-size:.9375vw; }
  .p-price__discount { margin-top:2.6vw !important; }
  .p-flow + .c-line.v3-cv { padding:3vw 0; }
  .p-flow + .c-line.v3-cv a { max-width:35vw; }
  details.v3-acc > summary { padding-right:3vw; }
  details.v3-acc > summary::after { width:.7vw; height:.7vw; }
}
@media screen and (min-width: 960px) { .c-coupon { display:flex; flex-direction:column; align-items:center; justify-content:center; } }

/* ===== 2026-10-07b：悩み→成分の見せ方／余白の引き締め ===== */
/* 「これまでの美容内服」：錠剤の絵＋何のケアか＋薬の名前を1行ずつ */
.p-onepill__kinds { --k:1vw; margin-top:calc(var(--k)*2.6); text-align:left; }
.p-onepill__kinds li { display:flex; align-items:center; gap:calc(var(--k)*3); padding:calc(var(--k)*2.1) 0; border-bottom:1px dashed #dccfc8; }
.p-onepill__kinds li:last-child { border-bottom:0; }
.p-onepill__kinds i { position:relative; display:block; flex:none; margin:0 calc((var(--k)*13 - var(--w))/2); width:var(--w); height:var(--h); box-shadow:0 2px 5px rgba(120,100,70,.26), inset 0 1px 2px rgba(255,255,255,.85); border-radius:50%; }
.p-onepill__kinds i.-capsule { --w:calc(var(--k)*12.4); --h:calc(var(--k)*5.4); overflow:hidden; border-radius:999px; }
.p-onepill__kinds i.-capsule > span { position:absolute; inset:0 auto 0 0; width:50%; border-radius:999px 0 0 999px; background:linear-gradient(158deg,#d6eee0 0%,#b2dbc3 60%,#96c8ae 100%); }
.p-onepill__kinds i.-softgel { --w:calc(var(--k)*9.2); --h:calc(var(--k)*6.6); }
.p-onepill__kinds i.-oval { --w:calc(var(--k)*10.4); --h:calc(var(--k)*5.9); }
.p-onepill__kinds i.-round { --w:calc(var(--k)*6.6); --h:calc(var(--k)*6.6); }
.p-onepill__kinds i.-round::after { position:absolute; top:18%; bottom:18%; left:50%; width:1px; content:""; background:rgba(140,125,100,.45); }
.p-onepill__kinds i.-white, .p-onepill__kinds i.-green { background:linear-gradient(158deg,#fff 0%,#faf9f6 45%,#e4e2db 100%); }
.p-onepill__kinds i.-cream { background:linear-gradient(158deg,#fff 0%,#f9f3e5 42%,#e6d9be 100%); }
.p-onepill__kinds i.-yellow { background:linear-gradient(158deg,#fffae0 0%,#fde28a 45%,#eec24e 100%); }
.p-onepill__kinds b { flex:none; width:calc(var(--k)*25); font-size:calc(var(--k)*3.9); font-weight:700; letter-spacing:.04em; color:#3d3330; white-space:nowrap; }
.p-onepill__kinds small { font-size:calc(var(--k)*2.9); letter-spacing:.02em; color:#8a7068; white-space:nowrap; }
.p-onepill__compare--all { margin-top:calc(var(--k,1vw)*3); font-size:3.7333vw; font-weight:700; letter-spacing:.08em; color:#ed6354; }
.p-onepill__compare--all + .p-onepill__compare--count { margin-top:1.6vw; }
/* 成分カード：はたらきを見出しに、薬の名前は小さく */
.v3-ing.-benefit h3 { font-size:calc(var(--u)*4.3); line-height:1.45; letter-spacing:.02em; }
.v3-ing.-benefit div > p { margin-top:calc(var(--u)*1.2); font-size:calc(var(--u)*3.2); font-weight:400; line-height:1.6; letter-spacing:.02em; }
.v3-ing.-benefit div > small { display:inline-block; margin-top:calc(var(--u)*1.6); padding:calc(var(--u)*.6) calc(var(--u)*2.4) calc(var(--u)*.8); font-size:calc(var(--u)*2.8); font-weight:700; color:#ed6354; background:#fdebe5; border-radius:999px; }
.v3-ing.-benefit > li { padding:calc(var(--u)*3.4) calc(var(--u)*3.6); gap:calc(var(--u)*3.2); }
.v3-ing.-benefit > li + li { margin-top:calc(var(--u)*2.4); }
.v3-ing.-benefit .v3-ing__no { font-size:calc(var(--u)*8.6); }

/* スマホの余白を引き締める */
@media screen and (max-width: 959px) {
  .l-main .c-cta { padding:5vw 5.3333vw 4vw; }
  .l-main .c-cta > .c-line { margin-top:0; }
  .l-main .c-coupon { padding:2vw 8vw 6vw; }
  .l-main .c-coupon__note { margin-top:2.4vw; }
  .l-main .v3-h { padding-bottom:calc(var(--u)*4.4); }
  .l-main .p-worry.v3-worry { padding-top:calc(var(--u)*9); }
  .l-main .v3-worry__stage { margin-top:calc(var(--u)*5); padding-top:calc(var(--u)*17); padding-bottom:calc(var(--u)*5); }
  .l-main .v3-worry__list li { padding-top:calc(var(--u)*2.1); padding-bottom:calc(var(--u)*2.1); }
  .l-main .v3-sonna { padding:calc(var(--u)*15) 0 calc(var(--u)*9); }
  .l-main .v3-sonna__l4 { margin-top:calc(var(--u)*3.4); }
  .l-main .p-onepill { padding:9vw 0 8vw; }
  .l-main .p-onepill__read { margin-top:4.2vw; line-height:1.8; }
  .l-main .p-onepill__compare { margin-top:5vw; }
  .l-main .p-onepill__compare--col { padding:3.6vw 4vw 3.6vw; }
  .l-main .p-onepill__compare--arrow { padding:2.4vw 0 6.4vw; }
  .l-main .p-onepill__compare--product { width:30vw; margin-top:2.4vw; }
  .l-main .v3-stats { margin-top:calc(var(--u)*6); }
  .l-main .p-onepill__also { margin-top:5vw; }
  .l-main .p-onepill__invest { margin-top:4vw; }
  .l-main .p-service.v3-reason { padding-top:calc(var(--u)*9); padding-bottom:calc(var(--u)*8); }
  .l-main .v3-reason__list { margin-top:calc(var(--u)*5); }
  .l-main .p-price { padding-bottom:8vw; }
  .l-main .v3-priceband { margin-bottom:5vw; }
  .l-main .p-price__plan, .l-main .p-price__period, .l-main .p-price__discount { margin-top:5vw; }
  .l-main .c-title { padding-bottom:10vw; }
  .l-main .c-title::after { bottom:5.6vw; }
  .l-main .p-ingredient, .l-main .p-dose, .l-main .p-about, .l-main .p-evidence { padding-top:9.6vw; padding-bottom:9vw; }
  .l-main .p-ingredient__photo { display:none; }
  .l-main .v3-ing { margin-top:4.5vw; }
  .l-main .v3-point__head { padding-top:calc(var(--u)*11); padding-bottom:calc(var(--u)*8); }
  .l-main .p-vs.v3-point { padding-bottom:calc(var(--u)*9); }
  .l-main .p-about__title { margin-bottom:5vw; }
  .l-main .p-about__scene { margin-top:5vw; }
  .l-main .p-flow { padding-top:9.6vw; padding-bottom:8vw; }
  .l-main .p-flow + .c-line.v3-cv { padding:5vw 0; }
  .l-main .p-faq { padding-top:9.6vw; padding-bottom:10vw; }
  .l-main .p-attention { padding-top:9.6vw; }
  .l-main .p-attention__detail { margin-top:8vw; }
  .l-main .p-attention__detail--inner { margin-top:6vw; }
  .l-main .p-attention__detail--subtitle { margin-top:6vw; }
  .l-main .p-legal { padding-top:7vw; padding-bottom:7vw; }
}
@media screen and (min-width: 960px) {
  .p-onepill__kinds { --k:.3vw; }
  .p-onepill__compare--all { margin-top:.9vw; font-size:1.05vw; }
  .p-onepill__compare--all + .p-onepill__compare--count { margin-top:.4vw; }
  .l-main .p-ingredient__photo { display:none; }
}
/* 選ばれる理由：写真を左・文章を右にして縦を短く */
.v3-reason__list > li { display:grid; grid-template-columns:calc(var(--u)*31) 1fr; column-gap:calc(var(--u)*4); align-items:center; padding:calc(var(--u)*4) calc(var(--u)*4.4) calc(var(--u)*4.6); }
.v3-reason__list > li + li { margin-top:calc(var(--u)*4); }
.v3-reason__list h3 { grid-column:1 / -1; }
.v3-reason__list h3 b { font-size:calc(var(--u)*10); }
.v3-reason__list h3 span { font-size:calc(var(--u)*4.7); }
.v3-reason__img { height:calc(var(--u)*24); margin-top:calc(var(--u)*3.4); border-radius:calc(var(--u)*1.4); }
.v3-reason__list > li > p { margin-top:calc(var(--u)*3.4); font-size:calc(var(--u)*3.4); line-height:1.75; letter-spacing:.03em; }
.v3-ing.-benefit div > p { font-size:calc(var(--u)*3.1); }

/* ===== 2026-10-07c：「これまで」は実物のシート写真＋悩みと薬の名前 ===== */
.p-onepill__sheets { width:calc(var(--k,1vw)*46); margin:calc(var(--k,1vw)*2) auto 0; }
.p-onepill__compare--col.-before { --k:1vw; }
.p-onepill__sheets img { display:block; width:100%; height:auto; mix-blend-mode:multiply; }
.p-onepill__kinds.-text { margin-top:calc(var(--k)*1); }
.p-onepill__kinds.-text li { justify-content:center; gap:calc(var(--k)*2.4); padding:calc(var(--k)*1.5) 0; }
.p-onepill__kinds.-text b { width:calc(var(--k)*27); text-align:right; }
.p-onepill__kinds.-text small { width:calc(var(--k)*38); text-align:left; }
@media screen and (min-width: 960px) { .p-onepill__compare--col.-before { --k:.3vw; } }
.p-onepill__imgnote { margin-top:1vw; padding-right:4vw; font-size:2.4vw; color:#8a7068; text-align:right; }
@media screen and (min-width: 960px) { .p-onepill__imgnote { margin-top:.3vw; padding-right:27vw; font-size:.7vw; } }
/* 2026-10-07d：トップ画像の下端が白になったので、直下のボタン帯も白から始める */
.p-kv + .c-cta { background:linear-gradient(180deg,#fff 0%,#ffe9df 100%); }