/* WING WEB ショート動画・SNS（sns.html）。pop.css の上に重ねる。索引: ヒーロー / 実績 / 目的 / 料金 / くわしく / 流れ / 決まり / 質問 */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nw{white-space:nowrap}

/* ヒーロー：右側の「やることは3つ」 */
.vsteps{position:relative;margin:0;padding:1.5rem 1.3rem 1.3rem;border:var(--bd);border-radius:var(--r);background:#fff;box-shadow:var(--sh-l);rotate:1.2deg}
.vsteps__title{margin:0 0 1rem;font-size:1.1rem;font-weight:900}
.vsteps ol{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.vsteps li{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem .9rem;border:2px solid var(--ink);border-radius:16px;background:var(--paper)}
.vsteps li:nth-child(1){background:#fff6cf}
.vsteps li:nth-child(2){background:#e3fbf2}
.vsteps li:nth-child(3){background:#eef0ff}
.vsteps__no{display:grid;place-items:center;flex:0 0 auto;width:2.3rem;height:2.3rem;border:var(--bd);border-radius:50%;background:var(--yellow);font-size:1.1rem;font-weight:900;line-height:1}
.vsteps li:nth-child(2) .vsteps__no{background:var(--mint)}
.vsteps li:nth-child(3) .vsteps__no{background:var(--lilac)}
.vsteps__txt b{display:block;font-size:1.02rem;font-weight:900;line-height:1.5}
.vsteps__txt small{display:block;font-size:.85rem;line-height:1.7;color:var(--ink-2)}

/* 実績 */
.vresults{background:var(--paper);border-block:var(--bd);margin-top:-1.2rem;padding-top:calc(clamp(3.2rem,8vw,5.5rem) + 1.2rem)}
.vstats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0 0;padding:0;list-style:none}
@media(min-width:820px){.vstats{grid-template-columns:repeat(4,1fr);gap:1.2rem}}
.vstat{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem 1rem 1rem;border:var(--bd);border-radius:18px;background:#fff;box-shadow:var(--sh)}
.vstat--y{background:var(--yellow)}
.vstat--m{background:var(--mint)}
.vstat__k{font-size:.82rem;font-weight:900;color:var(--ink-2)}
.vstat b{font-size:clamp(1.9rem,7.4vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.01em}
.vstat b small{margin-left:.1em;font-size:.95rem}
.vstat b small:first-child{margin:0 .1em 0 0}
.vstat__s{font-size:.78rem;color:var(--ink-2)}
.vresults__body{margin:1.6rem 0 0;font-size:1.05rem;line-height:1.95}
.vresults__note{margin:.8rem 0 0;font-size:.8rem;line-height:1.8;color:var(--ink-2)}
.vresults__note a{display:inline-flex;align-items:center;gap:.25rem;margin-left:.3rem;color:var(--blue);font-weight:900;white-space:nowrap}

/* 目的 */
.vgoal__list{display:grid;gap:1.1rem;margin:2rem 0 0;padding:0;list-style:none}
@media(min-width:620px){.vgoal__list{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.vgoal__list{grid-template-columns:repeat(4,1fr)}}
.vgoal{padding:1.2rem 1.2rem 1.1rem;border:var(--bd);border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.vgoal:nth-child(odd){rotate:-.6deg}
.vgoal:nth-child(even){rotate:.5deg}
.vgoal__ic{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.6rem;border:var(--bd);border-radius:50%;background:var(--sky)}
.vgoal:nth-child(2) .vgoal__ic{background:#fff0b3}
.vgoal:nth-child(3) .vgoal__ic{background:#ffe0ec}
.vgoal:nth-child(4) .vgoal__ic{background:#dff8ee}
.vgoal__ic .ic{width:1.5rem;height:1.5rem}
.vgoal h3{margin:0 0 .35rem;font-size:1.12rem;font-weight:900;line-height:1.5}
.vgoal p{margin:0;font-size:.93rem;line-height:1.85;color:var(--ink-2)}

/* 料金：足し算 */
.vprice{background:var(--cream)}
.vsum{display:flex;flex-wrap:wrap;align-items:stretch;gap:.7rem;margin:2rem 0 0;padding:clamp(1rem,3vw,1.6rem);border:var(--bd);border-radius:26px;background:#fff;box-shadow:var(--sh-l)}
.vsum__b{flex:1 1 11rem;display:flex;flex-direction:column;gap:.15rem;padding:1rem 1rem .9rem;border:var(--bd);border-radius:18px}
.vsum__b--base{background:var(--yellow)}
.vsum__b--shoot{background:var(--sky)}
.vsum__b--post{background:var(--mint)}
.vsum__b--learn{background:var(--lilac)}
.vsum__k{align-self:flex-start;padding:.05rem .65rem;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:.74rem;font-weight:900}
.vsum__b b{margin-top:.35rem;font-size:1.08rem;font-weight:900;line-height:1.45}
.vsum__p{font-size:1.3rem;font-weight:900;line-height:1.3}
.vsum__b small{font-size:.82rem;line-height:1.65;color:var(--ink-2)}
.vsum__plus{align-self:center;flex:0 0 auto;font-size:1.8rem;font-weight:900;line-height:1}
@media(max-width:819px){.vsum__plus{flex-basis:100%;text-align:center;font-size:1.4rem}}
.vh3{margin:3rem 0 0;font-size:clamp(1.25rem,4.4vw,1.6rem);font-weight:900;line-height:1.5}
.vsum--two .vsum__b{flex-basis:14rem}
.vladder{margin:1.4rem 0 0;padding:0;list-style:none}
.vstep{display:block;margin-bottom:.25rem;font-size:.78rem;letter-spacing:.06em;color:var(--ink-2)}
.vunyo{display:grid;gap:1rem;margin-top:2.2rem;padding:clamp(1.2rem,4vw,1.8rem);border:var(--bd);border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
@media(min-width:820px){.vunyo{grid-template-columns:1.4fr 1fr;align-items:center;gap:2rem}}
.vunyo__k{display:inline-block;margin:0 0 .5rem;padding:.1rem .8rem;border:2px solid var(--ink);border-radius:999px;background:var(--mint);font-size:.82rem;font-weight:900}
.vunyo h3{margin:0 0 .3rem;font-size:clamp(1.2rem,4.2vw,1.45rem);font-weight:900;line-height:1.5}
.vunyo__main p:last-child{margin:0;line-height:1.85;color:var(--ink-2)}
.vunyo__side{display:grid;gap:.6rem;justify-items:center}
.vunyo__price{margin:0;text-align:center}
.vunyo__price b{display:block;font-size:2rem;font-weight:900;line-height:1.2}
.vunyo__price small{display:block;font-size:.8rem;color:var(--ink-2)}
.vunyo .pbtn{width:100%}
.ccard--sky{background:var(--sky)}
.vchoose .ccard__price small{font-size:.8rem}

/* くわしく */
.vdetail{background:var(--paper);border-block:var(--bd)}
.vblock{margin-top:2.2rem;padding:clamp(1.2rem,4vw,2rem);border:var(--bd);border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.vblock__title{display:flex;align-items:center;gap:.7rem;margin:0 0 1.1rem;font-size:clamp(1.2rem,4.4vw,1.5rem);font-weight:900;line-height:1.45}
.vblock__no{display:grid;place-items:center;flex:0 0 auto;width:2.4rem;height:2.4rem;border:var(--bd);border-radius:50%;background:var(--yellow);font-size:1.1rem;line-height:1}
#shoot .vblock__no{background:var(--sky)}
#unyo .vblock__no{background:var(--mint)}
#course .vblock__no{background:var(--lilac)}
#examples .vblock__no{background:var(--pink)}
.vtable{width:100%;border-collapse:separate;border-spacing:0;border:var(--bd);border-radius:16px;overflow:hidden}
.vtable th,.vtable td{padding:.85rem 1rem;border-bottom:2px dashed rgba(20,26,61,.25);text-align:left;vertical-align:top;line-height:1.7}
.vtable tr:last-child th,.vtable tr:last-child td{border-bottom:0}
.vtable th{font-weight:700}
.vtable td{text-align:right;font-weight:900;font-size:1.05rem}
.vinout{display:grid;gap:1rem;margin-top:1.2rem}
@media(min-width:760px){.vinout{grid-template-columns:1fr 1fr}}
.vinout > div{padding:1rem 1.1rem;border:2px solid var(--ink);border-radius:16px}
.vinout__yes{background:#e3fbf2}
.vinout__no{background:#fff1ec}
.vinout__h{display:flex;align-items:center;gap:.4rem;margin:0 0 .4rem;font-weight:900}
.vinout__yes .ic{color:#0f8a5f;stroke-width:3}
.vinout ul{margin:0;padding-left:1.2em;font-size:.93rem;line-height:1.85}
.vnote{margin:.9rem 0 0;font-size:.93rem;line-height:1.9;color:var(--ink-2)}
.vscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.vcompare{width:100%;min-width:30rem;border-collapse:separate;border-spacing:0;border:var(--bd);border-radius:16px;overflow:hidden}
.vcompare th,.vcompare td{padding:.8rem .9rem;border-bottom:2px dashed rgba(20,26,61,.25);text-align:center;vertical-align:top;line-height:1.6}
.vcompare thead th{background:var(--cream);border-bottom:var(--bd);font-weight:900}
.vcompare tbody th{text-align:left;font-weight:900;background:var(--paper)}
.vcompare tr:last-child th,.vcompare tr:last-child td{border-bottom:0}
.vcompare td small{display:block;font-size:.78rem;color:var(--ink-2);font-weight:700}
.vcompare .vcompare__us{background:#e3fbf2;color:#0b6b4a;font-weight:900}
.vcompare thead .vcompare__us{background:var(--mint);color:var(--ink)}
.vcompare__money td{font-size:1.02rem;font-weight:900}
.vcompare__money .nw{display:block}
.vcourse__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0 0 1rem}
.vcourse__price b{font-size:2rem;font-weight:900;line-height:1.2}
.vcourse__price span{font-weight:900}
.vcourse__price small{flex-basis:100%;font-size:.85rem;color:var(--ink-2)}
.vcourse{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
@media(min-width:820px){.vcourse{grid-template-columns:repeat(3,1fr)}}
.vcourse li{padding:1rem 1.1rem;border:2px solid var(--ink);border-radius:16px;background:#f4f1ff}
.vcourse__m{display:inline-block;margin-bottom:.3rem;padding:.05rem .75rem;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:.85rem;font-weight:900}
.vcourse p{margin:0;font-size:.95rem;line-height:1.85}
.vex{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.vex li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:baseline;padding:.95rem 1.1rem;border:2px solid var(--ink);border-radius:16px;background:var(--paper)}
.vex__say{font-weight:900;line-height:1.6}
.vex__total{font-size:1.2rem;font-weight:900;text-align:right;line-height:1.4}
.vex__total .nw{display:inline-block}
.vex small{grid-column:1/-1;font-size:.84rem;line-height:1.7;color:var(--ink-2)}
@media(max-width:620px){.vex li{grid-template-columns:1fr}.vex__total{text-align:left}}

/* 流れ */
.vflow__list{display:grid;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;counter-reset:none}
@media(min-width:900px){.vflow__list{grid-template-columns:repeat(5,1fr);gap:.9rem}}
.vflow__list li{position:relative;padding:1.6rem 1.1rem 1.1rem;border:var(--bd);border-radius:20px;background:#fff;box-shadow:var(--sh)}
.vflow__no{position:absolute;top:-1rem;left:1rem;display:grid;place-items:center;width:2.3rem;height:2.3rem;border:var(--bd);border-radius:50%;background:var(--yellow);font-size:1.05rem;font-weight:900;line-height:1}
.vflow__list li:nth-child(2) .vflow__no{background:var(--sky)}
.vflow__list li:nth-child(3) .vflow__no{background:var(--mint)}
.vflow__list li:nth-child(4) .vflow__no{background:var(--pink)}
.vflow__list li:nth-child(5) .vflow__no{background:var(--lilac)}
.vflow__list h3{margin:.2rem 0 .35rem;font-size:1.05rem;font-weight:900;line-height:1.5}
.vflow__list p{margin:0;font-size:.9rem;line-height:1.8;color:var(--ink-2)}
@media(max-width:899px){.vflow__list{gap:1.6rem}}

/* 決まり */
.vrules{padding-top:0}
.vrules__box{padding:clamp(1.3rem,4vw,2.2rem);border:var(--bd);border-radius:26px;background:var(--sky);box-shadow:var(--sh-l)}
.vrules__box h2{margin:0 0 1rem;font-size:clamp(1.35rem,4.6vw,1.9rem);font-weight:900;line-height:1.45}
.vrules__box ul{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.vrules__box li{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem 1rem;border:2px solid var(--ink);border-radius:14px;background:#fff;line-height:1.85}
.vrules__box .ic{margin-top:.3em;color:#0f8a5f;stroke-width:3.2}

/* 質問 */
.vfaq{background:var(--paper);border-top:var(--bd)}
.vfaq__list{display:grid;gap:.8rem;margin-top:1.6rem}
.vfaq details{border:var(--bd);border-radius:16px;background:#fff;box-shadow:4px 4px 0 var(--ink)}
.vfaq summary{position:relative;padding:1rem 3.2rem 1rem 1.1rem;font-weight:900;line-height:1.6;cursor:pointer;list-style:none}
.vfaq summary::-webkit-details-marker{display:none}
.vfaq summary::after{content:"+";position:absolute;right:1rem;top:50%;translate:0 -50%;display:grid;place-items:center;width:1.9rem;height:1.9rem;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:1.1rem;line-height:1}
.vfaq details[open] summary::after{content:"−"}
.vfaq details p{margin:0;padding:0 1.1rem 1.1rem;line-height:1.9;color:var(--ink-2)}
.vfaq details a{color:var(--blue);font-weight:900}
.vfaq + .maker{padding-top:clamp(3.2rem,8vw,5.5rem)}