/* ==========================================================
   YouTube運用ページ（service-youtube）専用
   トップページ（css/top.css）のデザインを踏襲：
   黒地の質感・斜めの太いゴシック見出し・座布団（ribbon）・グラデーション文字
   ========================================================== */
body.ytlp{
  --ribbon:linear-gradient(105deg,#ff8900 0%,#ef602a 48%,#dc096d 100%);
  --warm-text:linear-gradient(100deg,#ff739b 0%,#ff8050 36%,#ffad29 66%,#ffe16b 100%);
  --deep-text:linear-gradient(100deg,#0a1655 0%,#343b64 36%,#884027 66%,#a9430d 100%);
  --num:linear-gradient(110deg,#cb2467,#d55e12 55%,#a75c08);
  --dark:#1c1b1f;
  --light:#fffdfa;
  --ink:#252326;
  --sub:#514b48;
  --sub-dark:#d4cfd0;
  background:var(--dark);
}
.ytlp main{font-family:'Noto Sans JP',sans-serif}
.ytlp main h2,.ytlp main h3,.ytlp main p{margin:0}

/* ---------- 地 ---------- */
.yl-sec{position:relative;isolation:isolate;padding:clamp(72px,8vw,120px) 7%}
.yl-dark{background-color:var(--dark);color:#fff;
  background-image:radial-gradient(rgba(255,255,255,.045) .5px,transparent .8px),radial-gradient(rgba(0,0,0,.3) .5px,transparent .8px),linear-gradient(110deg,#17161a,#242326);
  background-size:3px 3px,5px 5px,100% 100%;background-position:0 0,1px 2px,0 0}
.yl-light{background:var(--light);color:var(--ink);background-image:radial-gradient(at 0% 100%,rgba(213,94,18,.07),transparent 60%)}
.yl-light::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23847663' filter='url(%23grain)' d='M0 0h240v240H0z'/%3E%3C/svg%3E");background-size:240px 240px}
.yl-dark+.yl-dark{border-top:1px solid #ffffff12}
.yl-inner{max-width:1100px;margin:0 auto}

/* ---------- 見出し ---------- */
.yl-label{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#ff963b;margin:0 0 20px!important}
.yl-light .yl-label{color:#bd4e0b}
.yl-h2{font-size:clamp(27px,3.4vw,52px);font-weight:900;line-height:1.6;letter-spacing:-.025em;transform:skewX(-6deg);word-break:auto-phrase}
.yl-center{text-align:center}
.ribbon{background:var(--ribbon);color:#fff;padding:0 .25em .09em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.yl-lead{margin-top:clamp(24px,2.6vw,36px)!important;font-size:clamp(14px,1.15vw,16.5px);font-weight:700;line-height:2.1;color:var(--sub)}
.yl-dark .yl-lead{color:var(--sub-dark)}
.yl-center .yl-lead{margin-inline:auto;max-width:760px}
.nb{display:inline-block}
.yl-warm{display:inline-block;transform:skewX(-6deg);padding:0 .08em;color:#ff963b}
.yl-deep{color:#0a1655}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .yl-warm{background-image:var(--warm-text);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .yl-deep{background-image:var(--deep-text);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .yl-num{background:var(--num);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
.yl-num{font:900 italic clamp(44px,5vw,80px)/1.15 Arial,sans-serif;letter-spacing:-.06em;color:#ffad4d;display:inline-block;padding:.05em .2em .1em .05em}
.yl-dark .yl-num{background-image:linear-gradient(110deg,#ff739b,#ff8050 45%,#ffad29)}

/* ---------- FV ---------- */
.yl-fv{position:relative;isolation:isolate;min-height:min(100svh,920px);display:flex;align-items:center;padding:140px 7% 96px;color:#fff;overflow:hidden}
.yl-fv__img{position:absolute;inset:0;z-index:-2;background:url('../images/youtube-lp/yt-fv.webp') center/cover no-repeat}
.yl-fv::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(17,16,20,.82) 0%,rgba(17,16,20,.7) 45%,rgba(17,16,20,.5) 100%)}
.yl-fv__inner{max-width:1100px;width:100%;margin:0 auto;text-align:center}
.yl-fv .yl-fv__body{margin-inline:auto}
.yl-fv__sub{margin-bottom:26px!important}
.yl-fv__sub span{display:inline-block;background:var(--ribbon);color:#fff;font:900 clamp(17px,1.8vw,26px)/1.5 'Noto Sans JP',sans-serif;letter-spacing:.01em;padding:.06em .5em .1em;transform:skewX(-6deg);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.yl-fv h1{font-size:clamp(30px,4.4vw,66px);font-weight:900;line-height:1.55;letter-spacing:-.035em;transform:skewX(-6deg);margin:0;word-break:auto-phrase}
.yl-fv__body{margin-top:32px!important;max-width:900px;font-size:clamp(16px,1.55vw,22px);font-weight:700;line-height:2;color:#f3eeec;text-align:center}
.yl-btn{display:inline-flex;justify-content:center;align-items:center;min-height:60px;min-width:280px;max-width:100%;padding:14px 34px;background:var(--ribbon);font-size:17px;font-weight:900;color:#fff;text-decoration:none;transition:transform .25s,filter .25s}
.yl-btn:hover{transform:translateY(-3px);filter:brightness(1.12)}
.yl-btn:focus-visible{outline:3px solid #fff;outline-offset:6px}
.yl-fv .yl-btn{margin-top:36px}

/* ---------- 1 お悩み（トップの「リードを獲得したい」の形） ---------- */
.yl-needs{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:clamp(36px,4vw,52px) auto 0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;padding:24px 0;list-style:none}
.yl-needs li{padding:10px 22px;font-size:clamp(20px,2vw,30px);font-weight:900;line-height:1.55;letter-spacing:-.04em;text-align:center;display:flex;align-items:center;justify-content:center}
.yl-needs li+li{border-left:1px solid #ffffff26}
.yl-needs li:nth-child(2) .yl-warm{background-image:linear-gradient(100deg,#ffe16b 0%,#ffb337 33%,#ff8050 66%,#ff739b 100%)}

/* ---------- 2 時代 ---------- */
.yl-needs--2{grid-template-columns:repeat(2,1fr);max-width:900px}
.yl-needs--2 li{flex-direction:column;gap:6px;font-size:clamp(28px,3.4vw,50px)}
.yl-needs small{display:block;font-size:clamp(16px,1.6vw,21px);font-weight:900;letter-spacing:0;color:var(--ink);transform:skewX(-6deg)}
.yl-lead--lg{font-size:clamp(16px,1.5vw,20px);line-height:2.1;color:var(--ink)}
.yl-light .yl-needs{border-color:#d9c9bd}
.yl-light .yl-needs li+li{border-color:#d9c9bd}
.yl-light .yl-warm{color:#ef602a}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .yl-light .yl-warm,.yl-light .yl-needs li:nth-child(2) .yl-warm{background-image:linear-gradient(100deg,#d6336c 0%,#ef602a 50%,#f08c00 100%)}
}
/* 3 横長の大きな写真・1行の見出し・数字 */
.yl-wide{aspect-ratio:21/9;overflow:hidden;margin:0 auto clamp(40px,5vw,64px)}
.yl-wide img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.yl-oneline{white-space:nowrap;font-size:clamp(24px,4.2vw,58px)}
.yl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(40px,5vw,64px)}
.yl-ways{list-style:none;padding:0;margin:0}
.yl-ways li{padding:22px 0;border-top:1px solid #d9c9bd}
.yl-ways li:last-child{border-bottom:1px solid #d9c9bd}
.yl-ways small{display:block;font-size:13px;font-weight:700;color:var(--sub);margin-bottom:4px}
.yl-ways b{font-size:clamp(24px,2.6vw,38px);font-weight:900;letter-spacing:-.03em;display:inline-block;transform:skewX(-6deg)}
.yl-fig{width:100%;height:auto;display:block;box-shadow:0 18px 50px rgba(37,35,38,.12)}

/* ---------- 写真と文の行（トップのサービス一覧の形） ---------- */
.yl-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center;padding:clamp(36px,4vw,52px) 0;border-top:1px solid #ffffff26}
.yl-light .yl-row{border-top-color:#d9c9bd}
.yl-row--rev .yl-row__img{order:2}
.yl-row__img{overflow:hidden;aspect-ratio:16/10;background:#2a2930}
.yl-row__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.yl-row:hover .yl-row__img img{transform:scale(1.03)}
.yl-row h3{font-size:clamp(25px,2.8vw,40px);font-weight:900;line-height:1.55;letter-spacing:-.03em;transform:skewX(-5deg);margin-bottom:16px!important;word-break:auto-phrase}
.yl-light .yl-row h3{display:table;padding-right:.12em}
.yl-row--right>div:not(.yl-row__img){text-align:right}
.yl-row--right h3{margin-left:auto}
.yl-row p{font-size:clamp(15.5px,1.35vw,18.5px);font-weight:700;line-height:2;color:#3a3536}
.yl-dark .yl-row p{color:#e9e3e1}
.yl-row p+p{margin-top:12px!important}
.yl-em{font-weight:900;color:#ff6b00}
.yl-dark .yl-em{color:#ff963b}

/* 教える→語り合う */
.yl-convo{list-style:none;padding:0;margin:clamp(28px,3vw,40px) auto 0;display:grid;gap:0;max-width:960px}
.yl-convo li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);gap:clamp(14px,2vw,28px);align-items:center;padding:20px 0;border-top:1px solid #d9c9bd}
.yl-convo li:last-child{border-bottom:1px solid #d9c9bd}
.yl-convo__from{font-size:clamp(16px,1.5vw,21px);font-weight:900;color:var(--ink);text-align:right;line-height:1.55}
.yl-convo li.yl-convo__head{border-top:0;padding:0 0 12px}
.yl-convo__head span{font-size:13px;font-weight:900;letter-spacing:.04em}
.yl-convo__head span:first-child{text-align:right;color:#8d8079}
.yl-convo__head span:last-child{justify-self:start;background:var(--ribbon);color:#fff;padding:3px 12px;transform:skewX(-6deg)}
.yl-convo__arw{color:#d55e12;font-weight:900;font-size:20px}
.yl-convo__to{font-size:clamp(17px,1.6vw,23px);font-weight:900;line-height:1.55;letter-spacing:-.03em;transform:skewX(-5deg)}
.yl-sub-h{font-size:clamp(22px,2.4vw,34px);font-weight:900;line-height:1.6;letter-spacing:-.03em;transform:skewX(-6deg);margin-top:clamp(56px,6vw,88px)!important;word-break:auto-phrase}

/* お悩みへの答え */
.yl-answers-wrap{max-width:960px;margin:clamp(56px,6vw,88px) auto 0}
.yl-answers-wrap .yl-sub-h{margin-top:0!important}
.yl-answers{list-style:none;padding:0;margin:clamp(24px,3vw,36px) 0 0}
.yl-answers li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr);gap:clamp(14px,2.4vw,36px);padding:28px 0;border-top:1px solid #d9c9bd;align-items:center}
.yl-answers li:last-child{border-bottom:1px solid #d9c9bd}
.yl-answers small{font-size:clamp(17px,1.7vw,23px);font-weight:900;color:var(--ink);line-height:1.6;text-align:right}
.yl-answers__arw{color:#ef602a;font-weight:900;font-size:clamp(20px,2vw,28px)}
.yl-answers b{font-size:clamp(19px,2vw,27px);font-weight:900;line-height:1.6;letter-spacing:-.03em;transform:skewX(-5deg);display:block}

.yl-fv__body,.yl-answers small,.yl-answers b,.yl-convo__from,.yl-convo__to,.yl-step h3,.yl-step p,.yl-row p,.yl-lead{word-break:auto-phrase;text-wrap:pretty}
/* ---------- 3 データ ---------- */
.yl-data{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(36px,4vw,52px);border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.yl-data div{padding:28px clamp(16px,3vw,40px);text-align:center}
.yl-data div+div{border-left:1px solid #ffffff26}
.yl-data .yl-num{font-size:clamp(64px,7.5vw,116px);line-height:1.1}
.yl-data .yl-num small{font-size:.38em;letter-spacing:0;font-style:normal;margin-left:.18em}
.yl-data p{font-size:clamp(16px,1.4vw,19px);font-weight:900;line-height:1.85;color:#fff;margin-top:10px!important}
.yl-data cite{display:block;font-style:normal;font-size:12.5px;color:#b5aca8;margin-top:12px;line-height:1.6}
.yl-data div{padding-block:40px}

/* ---------- 5 伴走のステップ ---------- */
.yl-steps{list-style:none;padding:0;margin:clamp(36px,4vw,56px) auto 0;max-width:820px}
.yl-step{display:grid;grid-template-columns:clamp(70px,8vw,120px) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;padding:clamp(22px,2.4vw,30px) 0;border-top:1px solid #ffffff26}
.yl-step:last-child{border-bottom:1px solid #ffffff26}
.yl-step .yl-num{font-size:clamp(40px,4.4vw,64px)}
.yl-step h3{font-size:clamp(19px,1.8vw,26px);font-weight:900;line-height:1.5;letter-spacing:-.03em;transform:skewX(-5deg);word-break:auto-phrase}
.yl-step p{margin-top:8px!important;font-size:clamp(13.5px,1.05vw,15px);line-height:2;color:var(--sub-dark)}
.yl-who{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:900;padding:3px 12px;border:1px solid #ff963b;color:#ffad4d;transform:skewX(-6deg)}
.yl-who--us{background:var(--ribbon);border-color:transparent;color:#fff}
.yl-step__fig{width:100%;height:auto;display:block}
.yl-after{margin-top:clamp(28px,3vw,40px)!important;text-align:center;font-size:clamp(17px,1.7vw,24px);font-weight:900;line-height:1.8;transform:skewX(-6deg)}

/* 撮影の流れ（5つを矢印でつなぐ） */
.yl-flow{list-style:none;padding:0;margin:clamp(36px,4vw,56px) auto 0;max-width:760px}
.yl-flow__step{display:grid;grid-template-columns:clamp(72px,8vw,110px) minmax(0,1fr);align-items:center;gap:clamp(14px,2.4vw,28px);padding:clamp(18px,2vw,24px) clamp(18px,2.6vw,32px);border:1px solid #ffffff2e;background:rgba(255,255,255,.03)}
.yl-flow__step .yl-num{font-size:clamp(40px,4.4vw,62px);text-align:center}
.yl-flow__step h3{font-size:clamp(18px,1.9vw,26px);font-weight:900;line-height:1.5;letter-spacing:-.03em;transform:skewX(-5deg);word-break:auto-phrase;text-wrap:pretty}
.yl-flow__step:last-child{border:0;background:var(--ribbon)}
.yl-flow__step:last-child .yl-num{background:none;-webkit-text-fill-color:#fff;color:#fff}
.yl-flow__arw{height:44px;position:relative}
.yl-flow__arw::before{content:'';position:absolute;left:50%;top:8px;width:2px;height:20px;background:#ff963b;transform:translateX(-50%)}
.yl-flow__arw::after{content:'';position:absolute;left:50%;bottom:8px;width:12px;height:12px;border-right:2px solid #ff963b;border-bottom:2px solid #ff963b;transform:translateX(-50%) rotate(45deg)}
/* ---------- 6 選ばれる理由（トップの「3つの強み」の形） ---------- */
.yl-strength{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,6vw,90px)}
.yl-strength__intro{align-self:center}
.yl-strength__intro .yl-h2{font-size:clamp(28px,3vw,44px)}
.yl-strength__intro .ribbon{white-space:nowrap}
.yl-strength__intro p:last-child{margin-top:20px!important;font-size:14px;line-height:2;color:var(--sub)}
.yl-reason{padding:28px 0;border-top:1px solid #d9c9bd}
.yl-reason:first-child{border-top:0;padding-top:0}
.yl-reason h3{font-size:clamp(21px,2vw,28px);font-weight:900;line-height:1.6;letter-spacing:-.035em;transform:skewX(-5deg);display:table;padding-right:.12em}
.yl-reason p{font-size:14px;line-height:2;color:var(--sub);margin-top:12px!important}
.yl-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(32px,3.4vw,48px)}
.yl-ghost{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:12px 26px;border:1px solid #bd4e0b;color:#bd4e0b;font-weight:900;font-size:15px;text-decoration:none;background:transparent;cursor:pointer;font-family:inherit}
.yl-ghost:hover{background:#bd4e0b;color:#fff}
.yl-ghost svg{width:14px;height:14px;fill:currentColor}

/* ---------- 7 お願いすること ---------- */
.yl-roles{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(36px,4vw,52px);border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.yl-roles>div{padding:28px clamp(16px,3vw,40px)}
.yl-roles>div+div{border-left:1px solid #ffffff26}
.yl-roles h3{font-size:clamp(19px,1.8vw,24px);font-weight:900;transform:skewX(-6deg);margin-bottom:16px!important}
.yl-roles ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.yl-roles li{position:relative;padding-left:20px;font-size:15px;font-weight:700;line-height:1.7;color:#ece6e3}
.yl-roles li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--ribbon)}
.yl-roles--us ul{grid-template-columns:1fr 1fr;column-gap:20px}
.yl-pats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,32px);margin-top:clamp(28px,3vw,40px)}
.yl-pat__img{aspect-ratio:3/2;overflow:hidden}
.yl-pat__img img{width:100%;height:100%;object-fit:cover;display:block}
.yl-pat small{display:block;margin-top:18px;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#ff963b}
.yl-pat h4{margin:6px 0 8px;font-size:clamp(18px,1.6vw,22px);font-weight:900;transform:skewX(-5deg)}
.yl-pat p{font-size:14px;line-height:2;color:var(--sub-dark)}

/* ---------- 弊社の想い（料金の下） ---------- */
.yl-message{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,7vw,104px) 7%;color:#fff;text-align:center;font-family:'Noto Sans JP',sans-serif;background:#141317}
.yl-message__img{position:absolute;inset:-4%;z-index:-3;background:url('../images/youtube-lp/yt-angle.webp') center 35%/cover no-repeat;filter:saturate(.7) brightness(.26) blur(1.5px)}
.yl-message::before{content:'';position:absolute;inset:0;z-index:-2;
  background:radial-gradient(ellipse 70% 55% at 50% 115%,rgba(255,107,0,.3),transparent 70%),radial-gradient(ellipse 60% 40% at 50% -10%,rgba(220,9,109,.18),transparent 70%),linear-gradient(180deg,rgba(14,13,16,.95) 0%,rgba(14,13,16,.72) 45%,rgba(14,13,16,.93) 100%)}
.yl-message::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23g)' opacity='.35' d='M0 0h240v240H0z'/%3E%3C/svg%3E");background-size:240px 240px}
.yl-message__inner{max-width:880px;margin:0 auto}
.yl-message__line{display:block;width:1px;height:44px;margin:0 auto clamp(24px,2.6vw,36px);background:linear-gradient(180deg,transparent,#ff963b)}
.yl-message p{font-size:clamp(15.5px,1.55vw,21px);font-weight:700;line-height:2.2;letter-spacing:.05em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55);word-break:auto-phrase;text-wrap:pretty}
.yl-message p+p{margin-top:clamp(22px,2.4vw,32px)!important}
.yl-message__last{display:inline-block;margin-top:clamp(10px,1.2vw,16px);font-size:clamp(19px,2.1vw,30px);font-weight:900;line-height:1.75;letter-spacing:-.01em;transform:skewX(-6deg);color:#ffad4d;text-shadow:none}
.yl-message__hl{color:#ffad4d;text-shadow:none}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .yl-message__hl{background-image:var(--warm-text);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .yl-message__last{background-image:var(--warm-text);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media (max-width:650px){.yl-message{padding:56px 6%}.yl-message p{line-height:2.1}}

/* ---------- 料金・FAQ・お問い合わせ ---------- */
/* 料金表は今のページの部品。Montserrat を使わず、トップと同じ書体にそろえる */
.ytlp #price,.ytlp #price *{font-family:'Noto Sans JP',sans-serif!important}
.ytlp #price .plan__price,.ytlp #price .plan__per b,.ytlp #price .pbox__big,.ytlp #price .punit li b,.ytlp #price .plan__rows li span:last-child{font-family:Arial,'Noto Sans JP',sans-serif!important;font-weight:900!important;letter-spacing:-.02em}
.ytlp #price .plan__price small,.ytlp #price .pbox__big small,.ytlp #price .punit li b small{font-family:'Noto Sans JP',sans-serif!important}
.ytlp #price .plan__name{transform:skewX(-6deg);font-weight:900}
.ytlp #price .sechead{display:none}
.ytlp #price{background:var(--light)}
.yl-faq .faq-item{border-bottom:1px solid #ffffff26}
.yl-faq .faq-item summary{color:#fff}
.yl-faq .faq-a{color:var(--sub-dark)}
.yl-faq .faq{margin-top:clamp(36px,4vw,52px)}
.yl-note{max-width:840px;margin:28px auto 0!important;font-size:13px;line-height:1.9;color:#a59c98}
.yl-contact{text-align:center}
.yl-contact .yl-lead{color:var(--sub-dark)}
.yl-contact .yl-btn{margin-top:36px}
.yl-contact__img{position:absolute;inset:0;z-index:-2;background:url('../images/youtube-lp/yt-mic.webp') center/cover no-repeat;opacity:.18}

/* ---------- スマホ ---------- */
@media (max-width:900px){
  .yl-split,.yl-row,.yl-strength{grid-template-columns:1fr}
  .yl-row--rev .yl-row__img{order:0}
  .yl-step{grid-template-columns:clamp(56px,14vw,80px) minmax(0,1fr)}
  .yl-row--right>div:not(.yl-row__img){text-align:left}
  .yl-row--right h3{margin-left:0}
}
@media (max-width:650px){
  .yl-sec{padding:64px 6%}
  .yl-fv{padding:120px 6% 72px;min-height:auto}
  .yl-fv::after{background:linear-gradient(180deg,rgba(17,16,20,.55) 0%,rgba(17,16,20,.88) 55%,rgba(17,16,20,.95) 100%)}
  .yl-needs{grid-template-columns:1fr;padding:6px 0}
  .yl-needs li{padding:18px 0}
  .yl-needs li+li{border-left:0;border-top:1px solid #ffffff26}
  .yl-data,.yl-roles,.yl-pats{grid-template-columns:1fr}
  .yl-data div+div,.yl-roles>div+div{border-left:0;border-top:1px solid #ffffff26}
  .yl-roles--us ul{grid-template-columns:1fr}
  .yl-convo li{grid-template-columns:1fr;gap:4px;text-align:left}
  .yl-convo__from{text-align:left}
  .yl-convo__arw{transform:rotate(90deg);justify-self:start;font-size:16px}
  .yl-answers li{grid-template-columns:1fr;gap:6px}
  .yl-answers small{text-align:left}
  .yl-answers__arw{transform:rotate(90deg);justify-self:start;font-size:18px}
  .yl-convo li.yl-convo__head{display:none}
  .yl-convo__from::before{content:'従来のYouTube';display:block;font-size:11.5px;color:#a3958d;margin-bottom:2px}
  .yl-convo__to::before{content:'ビデオポッドキャスト形式';display:table;font-size:11.5px;background:var(--ribbon);color:#fff;-webkit-text-fill-color:#fff;padding:1px 8px;margin-bottom:4px;transform:skewX(-6deg)}
  .yl-row p br{display:none}
  .yl-needs--2{grid-template-columns:1fr}
  .yl-wide{aspect-ratio:16/10}
  .yl-btn{min-width:0;width:100%}
  .nb{display:inline}
  .yl-h2 .nb,.yl-fv h1 .nb,.yl-needs .nb,.yl-sub-h .nb,.yl-row h3 .nb,.yl-strength .nb{display:inline-block}
}
@media (max-width:340px){.yl-h2 .nb,.yl-fv h1 .nb{display:inline}}
@media (prefers-reduced-motion:reduce){.yl-btn,.yl-row__img img{transition:none}}
@media (forced-colors:active){.yl-warm,.yl-deep,.yl-num{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* ---------- 発信にも営業にも・料金の2段（2026-11-03 マーケ支援プラン追加） ---------- */
.yl-mk-ways li{flex-direction:column;gap:8px}
.yl-mk-ways li>.yl-warm{font-size:clamp(24px,2.6vw,38px)}
.yl-dark .yl-mk-ways small{color:var(--sub-dark);font-size:clamp(13px,1.1vw,15px);transform:none;font-weight:700;letter-spacing:0}
#marketing .yl-step h3{font-size:clamp(19px,1.8vw,26px)}
#marketing .yl-after{color:#fff}
.yl-price-h{margin-bottom:clamp(28px,3vw,40px)!important}
.yl-price-h:not([style]){margin-top:clamp(72px,8vw,112px)!important}
.yl-price-sub{margin:calc(-1 * clamp(14px,1.6vw,22px)) auto clamp(28px,3vw,40px)!important}
.yl-roles--us li.yl-roles__wide{grid-column:1/-1}