/* サービス詳細ページ（/service/{領域}/{サービス}/）の head に直書きされている追加スタイルと同じもの。
   サービス領域ページ（/service/strategy/ など）で同じコンポーネントを使うために、ファイルとして読み込む */
/* ===== サービス詳細（オウンドメディア・コンテンツ） ===== */
.p-svcd .l-layout__topBg{display:none}
.p-svcd__h3{margin:0;padding-top:16px;border-top:2px solid var(--color-line-strong);display:inline-block;
  font-size:var(--fs-20);font-weight:var(--fw-bold);line-height:1.6;color:var(--color-text)}
.p-svcd__block{margin-top:64px}
/* パンくず */
/* FV */
/* 01 よくある課題 */
.p-svcd__issues{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;
  background:var(--color-bg-muted);border:1px solid var(--color-line)}
.p-svcd__issue{background:var(--color-bg);padding:28px 26px 24px;display:flex;flex-direction:column}
.p-svcd__issueMark{font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:var(--tracking);color:var(--color-text);
  font-family:var(--font-num)}
.p-svcd__issueTitle{margin:12px 0 0;font-size:var(--fs-20);font-weight:var(--fw-bold);line-height:1.65;color:var(--color-text)}
.p-svcd__issueText{margin:12px 0 0;font-size:var(--fs-13);line-height:1.9;color:var(--color-text);flex:1 1 auto}
@media(max-width:1023px){.p-svcd__issues{grid-template-columns:1fr 1fr}}
@media(max-width:639px){.p-svcd__issues{grid-template-columns:1fr}.p-svcd__issue{padding:24px 20px}}
/* 02 THE MOLTSなら */
.p-svcd__whys{margin-top:44px;display:flex;flex-direction:column;gap:1px;background:var(--color-bg-muted);border:1px solid var(--color-line)}
.p-svcd__why{background:var(--color-bg);display:grid;grid-template-columns:120px minmax(0,1fr);gap:0}
.p-svcd__whyNum{padding:34px 0 0 30px;font-size:var(--fs-48);font-weight:var(--fw-bold);line-height:1;letter-spacing:var(--tracking);
  color:var(--color-text);font-family:var(--font-num)}
.p-svcd__whyBody{padding:34px 36px 32px 0}
.p-svcd__whyTitle{margin:0;font-size:var(--fs-heading-3);font-weight:var(--fw-bold);line-height:1.5;letter-spacing:var(--tracking);color:var(--color-text)}
.p-svcd__whyText{margin:16px 0 0;font-size:var(--fs-14);line-height:2;color:var(--color-text)}
@media(max-width:767px){.p-svcd__why{grid-template-columns:1fr}
  .p-svcd__whyNum{padding:26px 22px 0;font-size:var(--fs-32)}.p-svcd__whyBody{padding:14px 22px 26px}}
/* 03 実績 */
.p-svcd__works{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px}
.p-svcd__more{margin-top:34px}
@media(max-width:1023px){.p-svcd__works{grid-template-columns:repeat(2,1fr)}}
@media(max-width:639px){.p-svcd__works{grid-template-columns:1fr;gap:22px}}
/* 04 支援範囲 */
.p-svcd__scopes{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:44px;
  background:var(--color-bg-muted);border:1px solid var(--color-line)}
.p-svcd__scope{background:var(--color-bg);padding:30px 30px 28px}
.p-svcd__scope.is--wide{grid-column:1/-1}
.p-svcd__scopeHead{display:flex;align-items:baseline;gap:14px}
.p-svcd__scopeNum{font-size:var(--fs-12);font-weight:var(--fw-bold);letter-spacing:var(--tracking);color:var(--color-text);font-family:var(--font-num)}
.p-svcd__scopeName{margin:0;font-size:var(--fs-heading-3);font-weight:var(--fw-bold);line-height:1.5;color:var(--color-text)}
.p-svcd__scopeLead{margin:10px 0 0;font-size:var(--fs-13);line-height:1.85;color:var(--color-text)}
.p-svcd__scopeList{margin:18px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;
  border-top:1px solid var(--color-line-subtle)}
.p-svcd__scope.is--wide .p-svcd__scopeList{grid-template-columns:repeat(3,1fr)}
.p-svcd__scopeList li{position:relative;padding:11px 0 11px 16px;border-bottom:1px solid var(--color-line-subtle);
  font-size:var(--fs-14);line-height:1.6;color:var(--color-text)}
.p-svcd__scopeList li::before{content:"";position:absolute;left:0;top:1.28em;width:7px;height:1px;background:var(--color-bg-dark)}
@media(max-width:1023px){.p-svcd__scopes{grid-template-columns:1fr}
  .p-svcd__scope.is--wide .p-svcd__scopeList{grid-template-columns:1fr 1fr}}
@media(max-width:639px){.p-svcd__scope{padding:24px 20px}
  .p-svcd__scopeList,.p-svcd__scope.is--wide .p-svcd__scopeList{grid-template-columns:1fr}}
/* 05 提供形態 */
.p-svcd__plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;
  background:var(--color-bg-muted);border:1px solid var(--color-line)}
.p-svcd__plan{background:var(--color-bg);padding:32px 28px 28px;display:flex;flex-direction:column}
.p-svcd__planWho{font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:var(--tracking);color:var(--color-text);
  font-family:var(--font-copy)}
.p-svcd__planName{margin:10px 0 0;font-size:var(--fs-heading-3);font-weight:var(--fw-bold);line-height:1.4;color:var(--color-text)}
.p-svcd__planPrice{margin:20px 0 0;padding:18px 0;border-top:1px solid var(--color-line-subtle);border-bottom:1px solid var(--color-line-subtle);
  display:flex;align-items:baseline;gap:4px;color:var(--color-text)}
.p-svcd__planPriceUnit{font-size:var(--fs-13);font-weight:var(--fw-bold)}
.p-svcd__planPriceValue{font-size:var(--fs-40);font-weight:var(--fw-bold);line-height:1;letter-spacing:var(--tracking);
  font-family:var(--font-num);font-variant-numeric:tabular-nums}
.p-svcd__planPriceSuffix{font-size:var(--fs-14);font-weight:var(--fw-bold)}
.p-svcd__planText{margin:20px 0 0;font-size:var(--fs-14);line-height:1.95;color:var(--color-text)}
.p-svcd__planFit{margin:16px 0 0;font-size:var(--fs-13);line-height:1.85;color:var(--color-text)}
.p-svcd__planFit b{display:block;margin-bottom:4px;font-size:var(--fs-11);letter-spacing:var(--tracking);color:var(--color-text)}
.p-svcd__planNote{margin:20px 0 0;font-size:var(--fs-12);line-height:1.9;color:var(--color-text)}
@media(max-width:1023px){.p-svcd__plans{grid-template-columns:1fr}.p-svcd__plan{padding:26px 22px}}
/* CTA */
/* 06 他のサービスと連動可能 */
.p-svcd__links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;
  background:var(--color-bg-muted);border:1px solid var(--color-line)}
.p-svcd__linkArea{background:var(--color-bg);padding:30px 28px 28px;display:flex;flex-direction:column}
.p-svcd__linkCombo{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;
  font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:var(--tracking);color:var(--color-text)}
.p-svcd__linkCombo span:last-child{color:var(--color-text)}
.p-svcd__linkX{font-family:var(--font-num);font-weight:var(--fw-regular);color:var(--color-text)}
.p-svcd__linkTitle{margin:16px 0 0;padding-top:16px;border-top:2px solid var(--color-line-strong);display:inline-block;
  align-self:flex-start;font-size:var(--fs-20);font-weight:var(--fw-bold);line-height:1.6;color:var(--color-text)}
.p-svcd__linkText{margin:14px 0 0;font-size:var(--fs-14);line-height:1.95;color:var(--color-text)}
.p-svcd__linkList{margin:auto 0 0;padding:22px 0 0;list-style:none}
.p-svcd__linkList li{border-top:1px solid var(--color-line-subtle)}
.p-svcd__linkList li:last-child{border-bottom:1px solid var(--color-line-subtle)}
.p-svcd__linkList a{display:flex;flex-direction:column;gap:3px;padding:13px 26px 13px 0;position:relative;
  text-decoration:none;color:var(--color-text);transition:padding-left .3s cubic-bezier(0.215,0.61,0.355,1)}
.p-svcd__linkList a:hover{padding-left:6px}
.p-svcd__linkList b{font-size:var(--fs-14);font-weight:var(--fw-bold);line-height:1.6}
.p-svcd__linkList span{font-size:var(--fs-12);line-height:1.7;color:var(--color-text)}
@media(max-width:1023px){.p-svcd__links{grid-template-columns:1fr}}
@media(max-width:639px){.p-svcd__linkArea{padding:24px 20px}}
/* CTA */
.p-svcd__cta{background:var(--color-bg-dark);color:var(--color-text-on-dark);padding:104px 0 96px}
.p-svcd__ctaGrid{display:grid;grid-template-columns:var(--cols-1-1);gap:var(--gap-cols);align-items:start}
.p-svcd__ctaTitle{margin:0;font-size:var(--fs-display-2);font-weight:var(--fw-bold);line-height:1.5;letter-spacing:var(--tracking)}
.p-svcd__ctaText{margin:26px 0 0;max-width:520px;font-size:var(--fs-14);line-height:2;color:var(--color-text-on-dark)}
.p-svcd__ctaButtons{margin:40px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.p-svcd__ctaSide{border:1px solid var(--color-line-on-dark);padding:32px 30px}
.p-svcd__ctaSideLabel{margin:0;font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:var(--tracking);color:var(--color-text-on-dark)}
.p-svcd__ctaFlow{margin:22px 0 0;padding:0;list-style:none;counter-reset:fl}
.p-svcd__ctaFlow li{counter-increment:fl;position:relative;padding:0 0 22px 46px;display:flex;flex-direction:column;gap:4px}
.p-svcd__ctaFlow li::before{content:counter(fl,decimal-leading-zero);position:absolute;left:0;top:1px;
  font-size:var(--fs-13);font-weight:var(--fw-bold);color:var(--color-text-on-dark);font-family:var(--font-num)}
.p-svcd__ctaFlow li::after{content:"";position:absolute;left:9px;top:24px;bottom:4px;width:1px;background:var(--color-bg-on-dark)}
.p-svcd__ctaFlow li:last-child{padding-bottom:0}
.p-svcd__ctaFlow li:last-child::after{display:none}
.p-svcd__ctaFlow b{font-size:var(--fs-14);font-weight:var(--fw-bold);line-height:1.5}
.p-svcd__ctaFlow span{font-size:var(--fs-13);line-height:1.8;color:var(--color-text-on-dark)}
.p-svcd__ctaPromise{margin:26px 0 0;padding-top:22px;border-top:1px solid var(--color-line-on-dark);
  font-size:var(--fs-13);line-height:1.9;color:var(--color-text-on-dark)}
.p-svcd__ctaPromise b{display:block;margin-bottom:4px;font-size:var(--fs-14);color:var(--color-text-on-dark)}
.p-svcd__ctaTopics{margin:64px 0 0;padding-top:30px;border-top:1px solid var(--color-line-on-dark)}
.p-svcd__ctaTopicsLabel{margin:0;font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:var(--tracking);color:var(--color-text-on-dark)}
.p-svcd__ctaTopicsList{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.p-svcd__ctaTopicsList li{padding:9px 16px;border:1px solid var(--color-line-on-dark);font-size:var(--fs-13);line-height:1.5;
  color:var(--color-text-on-dark)}
@media(max-width:1023px){.p-svcd__ctaGrid{grid-template-columns:1fr}}
@media(max-width:639px){.p-svcd__cta{padding:72px 0 64px}.p-svcd__ctaSide{padding:26px 22px}
  .p-svcd__ctaButtons{flex-direction:column}}

/* 制作の流れ・よくあるご質問（service-ai.css と同じ土台。見た目の上書きは renewal/service.css） */
.p-svcd__flow{margin-top:24px;border-top:1px solid var(--color-line-subtle)}
.p-svcd__flowItem{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 20px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--color-line-subtle)}
.p-svcd__flowNum{font-size:var(--fs-20);font-weight:var(--fw-bold);line-height:1;color:var(--color-text);font-family:var(--font-num)}
.p-svcd__flowBody b{display:block;font-size:var(--fs-14);font-weight:var(--fw-bold);line-height:1.55;color:var(--color-text)}
.p-svcd__flowBody span{display:block;margin-top:6px;font-size:var(--fs-13);line-height:1.9;color:var(--color-text)}
@media(max-width:767px){
  .p-svcd__flowItem{grid-template-columns:48px minmax(0,1fr)}
  .p-svcd__flowBody{grid-column:1/-1}
}
/* よくある質問 */
.p-svcd__faq{margin-top:44px}  /* 中身は共通のアコーディオン（<Accordion qa />・components.css の .c-acc） */

/* 料金を載せないプラン（クリエイティブ領域）：「個別見積り」を数字より小さく */
.p-svcd__planPriceValue[data-text]{font-family:var(--font-copy);font-size:var(--fs-22);letter-spacing:var(--tracking)}