@charset "UTF-8";
/* =========================================================
   sakurai design renewal — skd-style.css
   0. 既存テーマ sakurai-design-v2 style.css(v2.5.2) から継承する基礎
      （WordPress組込み時は既存の定義をそのまま使い、ここは重複させない）
   1. トークン  2. 共通部品  3. ヘッダー  4. 関連/CTA/フッター/SPバー  5. トップ
   ブレークポイントは既存テーマに合わせ 1024px / 820px。
   ========================================================= */

/* ---------- 0. inherited base (sakurai-design-v2) ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-padding-top:96px}
body{overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.container{width:min(1200px,92%);margin-inline:auto}
/* 既存 :root の --font-jp と body の font-family をこの値に変更（WordPress組込み時は既存行を書き換え、追加しない） */
:root{--font-jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif}
body{font-family:var(--font-jp)}

/* ---------- 1. tokens ---------- */
:root{
  --skd-blue:#0079c8;
  --skd-blue-deep:#015091;
  --skd-yellow:#ffe36a;
  --skd-yellow-soft:#feefaa;
  --skd-navy:#0b2a5e;
  --skd-text:#23324a;
  --skd-muted:#5b6b80;
  --skd-sky:#eaf5fb;
  --skd-line:#dbe6ef;
  --skd-warm:#fef8f1;
  --skd-bg-soft:#f8f8f6;
  --skd-sec:104px;      /* 大きなセクション余白(PC) */
  --skd-head-gap:40px;  /* 見出しと本文の間 */
  --skd-curve:34px;     /* 曲線区切り（上のセクションが下へふくらむ量） */
  --skd-radius:12px;
}
@media (max-width:820px){
  :root{--skd-sec:56px;--skd-head-gap:24px;--skd-curve:16px}
}

body.skd-page{
  color:var(--skd-text);
  background:#fff;
  font-size:16px;
  line-height:1.8;
  letter-spacing:.02em;
}

/* ---------- 2. common parts ---------- */
.skd-skip-link{position:absolute;left:8px;top:-60px;z-index:100;background:#fff;color:var(--skd-navy);padding:8px 16px;border-radius:6px}
.skd-skip-link:focus{top:8px}
.skd-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skd-page a:focus-visible,.skd-page button:focus-visible,.skd-page summary:focus-visible{outline:3px solid var(--skd-yellow);outline-offset:3px}
.skd-center{text-align:center}
/* 見出しは文節単位で折り返し、1〜2文字だけの最終行を防ぐ（非対応ブラウザは通常折り返し） */
.skd-page :is(h1,h2,h3,.skd-page-hero--center .skd-page-hero__lead,.skd-page-hero__catch,.skd-answer-block__text,.skd-service-card__name,.skd-service-card__fact strong,.skd-faq__q-text,.skd-svc-included__name,.skd-check-list__item,.skd-related__name,.skd-home-trust__item){word-break:auto-phrase;text-wrap:pretty}
/* 曲線区切り：下のセクションの内側上端に、上のセクション色のふくらみを描く（負のmarginを使わない） */
.skd-bulge{position:relative}
.skd-bulge::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--skd-bulge-h,var(--skd-curve));background:var(--skd-bulge-color,#fff);border-radius:0 0 50% 50% / 0 0 100% 100%;pointer-events:none}

.skd-eyebrow{font-size:15px;font-weight:700;color:var(--skd-blue);line-height:1.4;letter-spacing:.02em}
.skd-eyebrow--white{color:#fff}
.skd-heading{font-size:clamp(24px,2.4vw,34px);font-weight:900;color:var(--skd-navy);line-height:1.4;letter-spacing:.02em;margin-top:4px}
.skd-heading--lg{font-size:clamp(28px,2.8vw,40px)}
.skd-heading--white{color:#fff}

.skd-button{
  display:inline-flex;align-items:center;justify-content:center;gap:18px;
  min-height:48px;padding:10px 32px;border-radius:999px;
  font-size:15px;font-weight:700;line-height:1.4;color:var(--skd-navy);
  border:2px solid transparent;transition:transform .2s,box-shadow .2s,background-color .2s;
}
.skd-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(6,40,90,.16)}
.skd-button--lg{min-height:56px;padding:12px 40px;font-size:16px}
.skd-button--yellow{background:var(--skd-yellow)}
.skd-button--white{background:#fff}
.skd-button--outline{background:#fff;border-color:var(--skd-blue);color:var(--skd-navy)}
.skd-button__arrow,.skd-text-link__arrow{
  display:inline-block;width:14px;height:10px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1.2 12.3 5 8.5 8.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1.2 12.3 5 8.5 8.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.skd-text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700;color:var(--skd-blue);padding-bottom:6px;border-bottom:1px solid currentColor}
.skd-text-link--white{color:#fff}
.skd-circle-arrow{
  flex:none;width:32px;height:32px;border-radius:50%;background:var(--skd-blue);position:relative;
}
.skd-circle-arrow::after{
  content:"";position:absolute;inset:0;margin:auto;width:13px;height:10px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1.2 12.3 5 8.5 8.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1.2 12.3 5 8.5 8.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.skd-badge{display:inline-block;padding:1px 10px;border-radius:4px;background:var(--skd-sky);color:var(--skd-blue);font-size:12px;font-weight:700;line-height:1.6}
.skd-chip{display:inline-block;white-space:nowrap;padding:2px 12px;border-radius:6px;background:#d7ecfa;color:var(--skd-blue);font-size:13px;font-weight:700;line-height:1.6}
.skd-answer{max-width:920px;margin-inline:auto;text-align:center;font-size:16px;line-height:2;color:var(--skd-text)}
.skd-tax-note{text-align:right;font-size:13px;color:var(--skd-muted);margin-top:8px}

/* FAQ（details/summary：開閉状態はネイティブで同期） */
.skd-faq{display:grid;gap:6px}
.skd-faq__item{border:1px solid var(--skd-line);border-radius:8px;background:#fff}
.skd-faq__q{display:flex;align-items:center;gap:20px;padding:10px 24px;cursor:pointer;list-style:none;font-weight:700;color:var(--skd-navy);font-size:16px;line-height:1.6}
.skd-faq__q::-webkit-details-marker{display:none}
.skd-faq__mark{flex:none;color:var(--skd-blue);font-size:20px;font-weight:900}
.skd-faq__q-text{flex:1}
.skd-faq__toggle{flex:none;position:relative;width:14px;height:14px}
.skd-faq__toggle::before,.skd-faq__toggle::after{content:"";position:absolute;inset:0;margin:auto;background:var(--skd-blue);width:14px;height:2px;border-radius:2px;transition:transform .2s}
.skd-faq__toggle::after{transform:rotate(90deg)}
.skd-faq__item[open] .skd-faq__toggle::after{transform:rotate(0deg)}
.skd-faq__a{padding:0 24px 14px 60px;color:var(--skd-text);font-size:15px}

/* ---------- 3. header ---------- */
.skd-header{background:var(--skd-blue);color:#fff;position:sticky;top:0;z-index:40;
  transition:translate .45s cubic-bezier(.2,.7,.2,1),background-color .35s,box-shadow .35s}
.skd-header.is-hidden{translate:0 -110%}
.skd-header.is-scrolled{background:rgba(0,121,200,.88);box-shadow:0 8px 24px rgba(0,40,90,.18);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px)}
/* 読み進めた量をヘッダー下端の黄色い線で表示（CSSのみ・対応ブラウザのみ） */
.skd-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--skd-yellow),#fff3b0);transform-origin:left center;scale:0 1;opacity:0;transition:opacity .3s;pointer-events:none}
.skd-header.is-scrolled::after{opacity:1}
.skd-header__inner{display:flex;align-items:center;gap:24px;width:min(1296px,94%);margin-inline:auto;min-height:84px;transition:min-height .35s cubic-bezier(.2,.7,.2,1)}
.skd-header.is-scrolled .skd-header__inner{min-height:66px}
.skd-header__logo{flex:none}
.skd-header__logo{transition:scale .35s cubic-bezier(.2,.7,.2,1)}
.skd-header__logo img{width:210px;height:auto}
.skd-header.is-scrolled .skd-header__logo{scale:.88;transform-origin:left center}
.skd-header__logo:hover img{animation:skd-pop .6s ease}
.skd-header__nav{margin-inline:auto}
.skd-header__nav-list{display:flex;gap:4px;background:#fff;border-radius:999px;padding:6px 20px}
.skd-header__nav-list a{position:relative;display:block;padding:8px 14px;font-size:15px;font-weight:700;color:var(--skd-blue);line-height:1.4;border-radius:999px;isolation:isolate;transition:color .2s}
/* ホバー：丸い背景が中心からふくらむ／現在のページ：下に黄色い点 */
.skd-header__nav-list a::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--skd-sky);scale:.4;opacity:0;transition:scale .3s cubic-bezier(.3,1.4,.5,1),opacity .2s}
.skd-header__nav-list a:hover::before,.skd-header__nav-list a:focus-visible::before{scale:1;opacity:1}
.skd-header__nav-list a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:1px;width:6px;height:6px;border-radius:50%;background:var(--skd-yellow);translate:-50% 0;box-shadow:0 0 0 2px #fff}

.skd-header__cta{flex:none}
.skd-header__menu-btn{display:none}
.skd-sp-menu[hidden]{display:none}

@media (max-width:1180px){
  .skd-header__nav-list{padding:4px 10px}
  .skd-header__nav-list a{padding:8px 9px;font-size:14px}
  .skd-header__logo img{width:170px}
  .skd-header__cta{padding-inline:22px}
}
@media (max-width:1024px){
  .skd-header__inner{min-height:72px}
  .skd-header__nav,.skd-header__cta{display:none}
  .skd-header__logo img{width:160px}
  .skd-header__menu-btn{
    display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:auto;
    min-width:52px;min-height:48px;padding:6px;border:0;border-radius:10px;background:#fff;color:var(--skd-blue);
    font:700 10px/1 var(--font-jp);cursor:pointer;
  }
  .skd-header__menu-icon,.skd-header__menu-icon::before,.skd-header__menu-icon::after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s}
  .skd-header__menu-icon::before,.skd-header__menu-icon::after{content:"";position:absolute;left:0}
  .skd-header__menu-icon::before{top:-7px}
  .skd-header__menu-icon::after{top:7px}
  .skd-header__menu-icon{margin:9px 0 6px}
  .skd-header__menu-btn[aria-expanded="true"] .skd-header__menu-icon{background:transparent}
  .skd-header__menu-btn[aria-expanded="true"] .skd-header__menu-icon::before{transform:translateY(7px) rotate(45deg)}
  .skd-header__menu-btn[aria-expanded="true"] .skd-header__menu-icon::after{transform:translateY(-7px) rotate(-45deg)}
  .skd-sp-menu{position:absolute;left:0;right:0;top:100%;background:var(--skd-blue);padding:8px 4% 32px;max-height:calc(100vh - 72px);overflow-y:auto;box-shadow:0 12px 24px rgba(0,30,70,.25)}
  .skd-sp-menu__list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .skd-sp-menu__list a{display:block;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.3);font-weight:700;color:#fff}
  .skd-sp-menu__cta{display:flex;width:100%;margin-top:24px}
}
@media (max-width:820px){ .skd-header__logo img{width:150px} }
.skd-is-menu-open{overflow:hidden}

/* ---------- 4. related / cta / footer / mobile bar ---------- */
.skd-related{background:var(--skd-bg-soft);padding:24px 0 32px}
.skd-related__inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:48px}
.skd-related__title{font-size:clamp(22px,2.2vw,30px);font-weight:900;color:var(--skd-navy);line-height:1.4}
.skd-related__list{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.skd-related__link{display:flex;align-items:center;gap:20px;height:100%;padding:16px 20px;background:#fff;border:1px solid var(--skd-line);border-radius:var(--skd-radius);transition:box-shadow .2s}
.skd-related__link:hover{box-shadow:0 6px 18px rgba(6,40,90,.12)}
.skd-related__thumb{flex:none;width:112px;aspect-ratio:4/3;border-radius:6px;overflow:hidden}
.skd-related__thumb img{width:100%;height:100%;object-fit:cover}
.skd-related__thumb--icon{display:grid;place-items:center;background:none}
.skd-related__thumb--icon img{width:72%;height:auto;object-fit:contain}
/* 下層カンプの関連カード帯は白地。トップのみ薄いグレー地 */
.skd-page:not(.skd-page--top) .skd-related{background:#fff}
.skd-page:not(.skd-page--top) .skd-cta{--skd-bulge-color:#fff}
.skd-related__body{flex:1;display:grid;gap:2px}
.skd-related__eyebrow{font-size:12px;font-weight:700;color:var(--skd-blue)}
.skd-related__name{font-size:18px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-related__text{font-size:14px;color:var(--skd-muted);line-height:1.7}

.skd-cta{
  position:relative;isolation:isolate;color:#fff;
  background:var(--skd-blue);--skd-bulge-color:var(--skd-bg-soft);
  padding:calc(var(--skd-curve) + 20px) 0 48px;
}
.skd-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:32px}
.skd-cta__title{font-size:clamp(28px,3.2vw,46px);font-weight:900;line-height:1.35;margin-top:4px}
.skd-cta__body{margin-top:12px;font-size:16px}
.skd-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:24px}
.skd-cta__tel{display:flex;align-items:center;gap:12px;margin-left:12px}
.skd-cta__tel-icon{width:36px;height:auto;filter:brightness(0) invert(1)}
.skd-cta__tel-text{display:grid;line-height:1.35}
.skd-cta__tel-label{font-size:12px}
.skd-cta__tel-number{font-size:28px;font-weight:700;letter-spacing:.04em}
.skd-cta__tel-hours{font-size:13px}
.skd-cta__visual{position:relative;isolation:isolate}
.skd-cta__notebook{width:100%;height:auto}
/* D04はI02のノート白紙部分（植物・ペンにかからない位置）に重ねる */
.skd-cta__lettering{position:absolute;left:27%;top:36%;width:38%;height:auto;transform:rotate(-10deg);pointer-events:none}

.skd-footer{background:var(--skd-blue-deep);color:#fff;padding:calc(var(--skd-bulge-h) + 28px) 0 36px;--skd-bulge-color:var(--skd-blue);--skd-bulge-h:24px}
.skd-footer__inner{display:grid;grid-template-columns:300px minmax(0,1fr) auto;gap:32px;align-items:start}
.skd-footer__logo img{width:190px;height:auto}
.skd-footer__desc{margin-top:14px;font-size:13px;line-height:1.9;opacity:.92}
.skd-footer__nav{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding-inline:28px;border-inline:1px solid rgba(255,255,255,.25)}
.skd-footer__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5em,1fr));align-content:start;gap:6px 16px;font-size:13px}
.skd-footer__list a:hover{text-decoration:underline}
.skd-footer__contact{display:grid;gap:8px;justify-items:end;text-align:right;font-size:13px}
.skd-footer__mail{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.skd-footer__mail-icon{width:24px;height:auto;filter:brightness(0) invert(1)}
.skd-footer__updated{margin-top:24px}
.skd-footer__copy small{font-size:12px}

.skd-mobile-bar{display:none}
@media (max-width:820px){
  .skd-mobile-bar{
    display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);box-shadow:0 -4px 16px rgba(0,30,70,.15);
  }
  .skd-mobile-bar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:999px;font-weight:700;font-size:14px;line-height:1.2}
  .skd-mobile-bar__tel{background:#fff;border:2px solid var(--skd-blue);color:var(--skd-navy)}
  .skd-mobile-bar__icon{width:18px;height:auto}
  .skd-mobile-bar__contact{background:var(--skd-yellow);color:var(--skd-navy)}
  .skd-page:has(.skd-mobile-bar) .skd-footer{padding-bottom:calc(40px + 64px + env(safe-area-inset-bottom))}
}

@media (max-width:1024px){
  .skd-related__inner{grid-template-columns:1fr;gap:20px}
  .skd-cta__inner{grid-template-columns:1fr 260px}
  .skd-cta__tel{margin-left:0}
  .skd-footer__inner{grid-template-columns:1fr 1fr}
  .skd-footer__nav{grid-column:1/-1;grid-row:2;border:0;padding:0}
  .skd-footer__contact{grid-column:2;grid-row:1}
}
@media (max-width:820px){
  .skd-related{padding:32px 0}
  .skd-related__list{grid-template-columns:1fr;gap:12px}
  .skd-related__link{padding:12px 14px;gap:14px}
  .skd-related__thumb{width:88px}
  .skd-cta{padding-bottom:40px}
  .skd-cta__inner{grid-template-columns:1fr;gap:24px}
  .skd-cta__actions{flex-direction:column;align-items:stretch;gap:12px}
  .skd-cta__actions .skd-button{width:100%}
  .skd-cta__tel{justify-content:center;margin-top:8px}
  .skd-cta__visual{width:min(260px,70%);margin-inline:auto}
  .skd-footer__inner{grid-template-columns:1fr;gap:28px}
  .skd-footer__nav{grid-row:auto;grid-template-columns:1fr 1fr;gap:16px}
  .skd-footer__list{grid-template-columns:1fr}
  .skd-footer__contact{grid-column:auto;grid-row:auto;justify-items:start;text-align:left}
  .skd-footer__updated{margin-top:8px}
}

/* ---------- 5. top page ---------- */
/* hero：背景面 → 黄色面(D05) → 写真/イラスト → 手書き(D01)。本文は通常フロー */
.skd-home-hero{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:var(--skd-blue);
  border-radius:0 0 50% 50% / 0 0 var(--skd-curve) var(--skd-curve);
  padding:0 0 40px;
}
.skd-home-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:16px;min-height:480px}
.skd-home-hero__copy{position:relative;z-index:3;padding:40px 0 24px}
.skd-home-hero__eyebrow{font-size:16px;font-weight:700;line-height:1.6}
.skd-home-hero__title{margin-top:12px;font-size:clamp(32px,4.45vw,64px);font-weight:900;line-height:1.28;letter-spacing:.02em}
.skd-home-hero__line{display:block;white-space:nowrap}
.skd-home-hero__lead{margin-top:20px;font-size:16px;line-height:1.9}
@media (min-width:1025px){.skd-home-hero__lead-part{display:block}}
.skd-home-hero__actions{display:flex;flex-wrap:wrap;gap:16px 20px;margin-top:28px}
.skd-home-hero__actions .skd-button{min-width:240px}
.skd-home-hero__visual{position:relative;align-self:stretch;min-height:480px}
.skd-home-hero__blob{position:absolute;z-index:0;left:-34%;bottom:-200px;width:175%;max-width:none;height:auto;pointer-events:none}
.skd-home-hero__photo{
  position:absolute;z-index:2;right:-9%;top:0;width:76%;aspect-ratio:1.62;overflow:hidden;
  border-radius:58% 42% 48% 52% / 58% 46% 54% 42%;
}
.skd-home-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.skd-home-hero__lettering{position:absolute;z-index:3;left:1%;top:-16px;width:24%;height:auto;filter:brightness(0) invert(1);pointer-events:none}
.skd-home-hero__desk{position:absolute;z-index:2;left:2%;bottom:-36px;width:92%;height:auto}

.skd-home-intro{padding:28px 0 0}
.skd-home-trust{display:flex;justify-content:center;margin-bottom:28px}
.skd-home-trust__item{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 28px;white-space:nowrap;font-weight:700;color:var(--skd-navy);font-size:17px;line-height:1.5}
.skd-home-trust__item+.skd-home-trust__item{border-left:1px solid var(--skd-line)}
.skd-home-trust__icon{flex:none;width:44px;height:auto}

.skd-home-reasons{padding:32px 0 40px}
.skd-home-reasons__list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}
.skd-home-reasons__item{display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:12px;padding:0 20px}
.skd-home-reasons__item:first-child{padding-left:0}
.skd-home-reasons__item+.skd-home-reasons__item{border-left:1px solid var(--skd-line)}
.skd-home-reasons__num{font-size:30px;font-weight:700;color:var(--skd-blue);line-height:1;margin-top:18px}
.skd-home-reasons__icon{width:80px;height:auto}
.skd-home-reasons__title{font-size:18px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-home-reasons__body p{margin-top:6px;font-size:14px;line-height:1.8;color:var(--skd-muted)}

.skd-home-services{background:var(--skd-bg-soft);padding:40px 0 32px}
.skd-home-services__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:48px;align-items:stretch}
.skd-home-services__head{display:flex;flex-direction:column}
.skd-home-services__lead{margin-top:14px;font-size:15px;color:var(--skd-muted);line-height:1.9}
.skd-home-services__lead+.skd-home-services__lead{margin-top:6px}
.skd-home-services__links{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:auto;padding-top:28px}
.skd-home-services__list{border-top:1px solid var(--skd-line)}
.skd-home-services__item{border-bottom:1px solid var(--skd-line)}
.skd-home-services__link{display:grid;grid-template-columns:44px 10.5em 1fr auto 32px;align-items:center;gap:16px;padding:9px 4px;transition:background-color .2s}
.skd-home-services__link:hover{background:#fff}
.skd-home-services__icon{width:44px;height:auto}
.skd-home-services__name{font-weight:900;color:var(--skd-navy);font-size:16px;line-height:1.5}
.skd-home-services__desc{font-size:13px;color:var(--skd-muted);line-height:1.7}
.skd-home-services__price{font-size:20px;font-weight:900;color:var(--skd-navy);white-space:nowrap;text-align:right}

.skd-home-cases{
  position:relative;color:#fff;background:var(--skd-blue);--skd-bulge-color:var(--skd-bg-soft);
  border-radius:0 0 50% 50% / 0 0 var(--skd-curve) var(--skd-curve);
  padding:calc(var(--skd-curve) + 12px) 0 calc(var(--skd-curve) + 16px);
}
.skd-home-cases__list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}
.skd-home-cases__item{display:flex;flex-direction:column;align-items:flex-start;padding:4px 40px}
.skd-home-cases__item:first-child{padding-left:0}
.skd-home-cases__item+.skd-home-cases__item{border-left:1px solid rgba(255,255,255,.35)}
.skd-home-cases__figure{display:grid;color:var(--skd-yellow);line-height:1.1}
.skd-home-cases__label{font-size:22px;font-weight:900}
.skd-home-cases__num{font-size:clamp(48px,5.4vw,80px);font-weight:900;letter-spacing:.02em}
.skd-home-cases__prefix{font-size:.62em;margin-right:.08em}
.skd-home-cases__name{margin:8px 0 10px;font-size:17px;font-weight:700;line-height:1.6;flex:1}

.skd-home-works{padding:32px 0 40px}
.skd-home-works__head{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:32px}
.skd-home-works__head .skd-eyebrow{grid-column:1/-1}
.skd-home-works__lead{font-size:15px;font-weight:500;color:var(--skd-navy);padding-bottom:6px}
.skd-home-works__list{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin:20px 0 28px}
.skd-home-works__thumb{display:block;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--skd-line);border-radius:8px;background:#f3f4f6}
.skd-home-works__thumb img{width:100%;height:100%;object-fit:contain}
.skd-home-works__meta{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:14px;font-weight:700;color:var(--skd-navy)}

.skd-home-voices{padding:8px 0 28px}
.skd-home-voices__list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px}
.skd-home-voices__item{--skd-face:#ffe36a;--skd-face-ring:#fff3b8;position:relative;background:var(--skd-warm);border-radius:18px;padding:22px 24px 24px;font-size:15px;line-height:1.85}
.skd-home-voices__item--2{--skd-face:#bfe2f7;--skd-face-ring:#e3f2fb}
.skd-home-voices__item--3{--skd-face:#ffd3bd;--skd-face-ring:#ffe9de}
.skd-home-voices__who{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.skd-home-voices__name{font-weight:900;color:var(--skd-navy)}
/* 顔アイコン：円の中に目・口・ほっぺ（CSSのみ。装飾のため読み上げ対象外） */
.skd-voice-face{position:relative;flex:none;width:60px;height:60px;border-radius:50%;
  background:radial-gradient(circle at 25% 64%,#ff9fa6 0 5px,transparent 5.5px),radial-gradient(circle at 75% 64%,#ff9fa6 0 5px,transparent 5.5px),var(--skd-face);
  box-shadow:0 0 0 5px #fff,0 0 0 8px var(--skd-face-ring)}
.skd-voice-face::before{content:"";position:absolute;left:calc(50% - 11px);top:40%;width:6px;height:7px;border-radius:50%;background:var(--skd-navy);box-shadow:16px 0 0 var(--skd-navy)}
.skd-voice-face::after{content:"";position:absolute;left:50%;top:57%;width:16px;height:8px;border:3px solid var(--skd-navy);border-top:0;border-radius:0 0 16px 16px;translate:-50% 0}
/* 小さな丸の飾り（吹き出し風） */
.skd-home-voices__item::after{content:"";position:absolute;right:18px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--skd-face);box-shadow:-22px 8px 0 -3px var(--skd-face-ring)}
.skd-home-voices__item:hover .skd-voice-face{animation:skd-pop .6s ease}
.skd-home-voices__note{text-align:right;font-size:13px;color:var(--skd-muted);margin-top:10px}

.skd-home-subsidy{background:var(--skd-yellow-soft);padding:18px 0}
.skd-home-subsidy__inner{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:32px}
.skd-home-subsidy__illust{width:180px;height:auto}
.skd-home-subsidy__title{font-size:clamp(20px,2vw,26px);font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-home-subsidy__copy p{margin-top:6px;font-size:14px;line-height:1.8;color:var(--skd-text)}
.skd-home-subsidy__btn{border-color:var(--skd-navy)}

.skd-home-flow{padding:36px 0 44px}
.skd-home-flow__lead{margin-top:6px;font-size:15px;color:var(--skd-muted)}
.skd-home-flow__list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:20px 0 24px}
.skd-home-flow__item{position:relative;display:grid;grid-template-columns:auto 72px 1fr;gap:12px;align-items:start}
.skd-home-flow__item:not(:last-child)::after{content:"";position:absolute;top:15px;right:-16px;width:40px;height:2px;background:#bcdcf1;pointer-events:none}
.skd-home-flow__num{font-size:32px;font-weight:700;color:var(--skd-blue);line-height:1}
.skd-home-flow__icon{width:72px;height:auto}
.skd-home-flow__title{font-size:16px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-home-flow__body{padding-right:24px}
.skd-home-flow__body p{margin-top:4px;font-size:13px;line-height:1.8;color:var(--skd-muted)}

.skd-home-about{background:var(--skd-bg-soft);border-radius:50% / 48px;padding:44px 0}
.skd-home-about__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center}
.skd-home-about__visual{position:relative;isolation:isolate}
.skd-home-about__tint{position:absolute;z-index:0;right:-4%;top:6%;width:48%;height:76%;background:#cfe8f8;border-radius:46% 54% 60% 40% / 50% 42% 58% 50%}
.skd-home-about__photo{position:relative;z-index:1;display:block;width:90%;aspect-ratio:1.85;overflow:hidden;border-radius:50%}
.skd-home-about__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.skd-home-about__lettering{position:absolute;z-index:2;right:2%;bottom:-8%;width:26%;height:auto;pointer-events:none}
.skd-home-about__body{margin-top:12px;font-size:15px;line-height:1.9}
.skd-home-about__table{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;margin:12px 0 20px;font-size:14px}
.skd-home-about__row{display:grid;grid-template-columns:5em 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--skd-line)}
.skd-home-about__row dt{color:var(--skd-muted)}
.skd-home-about__row dd{color:var(--skd-navy);font-weight:500}

.skd-home-faq{padding:40px 0 24px}
.skd-home-faq__inner{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}

.skd-home-blog{padding:24px 0 32px}
.skd-home-blog__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px}
.skd-home-blog__lead{margin-top:8px;font-size:15px;color:var(--skd-muted)}
.skd-home-blog__more{white-space:nowrap}
.skd-home-blog__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
/* トップのブログカードは白いカード＋影で「読みたくなる」見せ方に（一覧ページのカードは変えない） */
.skd-home-blog__cards .skd-blog-card__link{height:100%;padding:0 0 56px;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(6,40,90,.08);overflow:hidden;transition:translate .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.skd-home-blog__cards .skd-blog-card__link:hover{translate:0 -6px;box-shadow:0 14px 30px rgba(6,40,90,.14)}
.skd-home-blog__cards .skd-blog-card__thumb{border-radius:0}
.skd-home-blog__cards .skd-blog-card__meta,.skd-home-blog__cards .skd-blog-card__title{padding-inline:20px}
.skd-home-blog__cards .skd-blog-card__meta{margin-top:6px}
.skd-home-blog__cards .skd-blog-card__title{font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.skd-home-blog__cards .skd-blog-card__link .skd-circle-arrow{right:20px;bottom:18px}
.skd-home-blog__all-link{position:relative;display:grid;justify-items:center;align-content:center;gap:8px;height:100%;min-height:280px;padding:24px 24px 56px;border:2px dashed #b9dcf3;border-radius:16px;background:var(--skd-sky);text-align:center;transition:background-color .3s,border-color .3s}
.skd-home-blog__all-link:hover{background:#dcefff;border-color:var(--skd-blue)}
.skd-home-blog__all-illust{width:130px;height:auto}
.skd-home-blog__all-title{font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-home-blog__all-text{font-size:13px;line-height:1.7;color:var(--skd-muted)}
.skd-home-blog__all-link .skd-circle-arrow{position:absolute;right:20px;bottom:18px}

@media (max-width:1024px){
  .skd-home-hero__inner{grid-template-columns:1fr;min-height:0}
  .skd-home-trust{flex-wrap:wrap;gap:8px 0}
  .skd-home-trust__item{padding:4px 18px;font-size:15px}
  .skd-home-hero__visual{order:-1;min-height:0;aspect-ratio:1.3;width:min(560px,100%);margin:16px auto 0}
  .skd-home-hero__photo{right:0}
  .skd-home-hero__blob{left:-14%;bottom:-4%;width:128%}
  .skd-home-hero__desk{bottom:0}
  .skd-home-hero__lettering{top:0}
  .skd-home-hero__copy{padding-top:24px}
  .skd-home-services__inner{grid-template-columns:1fr;gap:28px}
  .skd-home-services__links{margin-top:16px;padding-top:0}
  .skd-home-services__link{grid-template-columns:44px 9.5em 1fr auto 32px}
  .skd-home-reasons__item{grid-template-columns:auto 1fr;padding:0 18px}
  .skd-home-reasons__icon{grid-column:1;grid-row:2;width:64px}
  .skd-home-reasons__body{grid-column:2;grid-row:1/3}
  .skd-home-flow__list{grid-template-columns:1fr 1fr;gap:28px 32px}
  .skd-home-flow__item:not(:last-child)::after{content:none}
  .skd-home-cases__item{padding:4px 24px}
  .skd-home-faq__inner{grid-template-columns:1fr;gap:16px}
  .skd-home-blog__cards{grid-template-columns:1fr 1fr}
  .skd-home-subsidy__inner{grid-template-columns:140px 1fr;gap:20px 28px}
  .skd-home-subsidy__illust{width:140px}
  .skd-home-subsidy__btn{grid-column:2;justify-self:start}
}
@media (max-width:820px){
  .skd-home-hero{padding:0 0 48px}
  .skd-home-hero__eyebrow{font-size:13px}
  .skd-home-hero__title{font-size:clamp(28px,8vw,38px)}
  .skd-home-hero__line{white-space:normal}
  .skd-home-hero__lead{font-size:15px}
  .skd-home-hero__actions{flex-direction:column;gap:12px}
  .skd-home-hero__actions .skd-button{width:100%;min-width:0}
  .skd-home-hero__visual{width:min(420px,100%);margin-top:12px}
  .skd-home-trust{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:28px}
  .skd-home-trust__item{justify-content:flex-start;font-size:15px;padding:4px 0;white-space:normal}
  .skd-home-trust__item+.skd-home-trust__item{border-left:0}
  .skd-home-trust__icon{width:32px}
  .skd-answer{text-align:left;font-size:15px;line-height:1.9}
  .skd-home-reasons__list{grid-template-columns:1fr;gap:20px;margin-top:20px}
  .skd-home-reasons__item,.skd-home-reasons__item:first-child{grid-template-columns:auto 56px 1fr;padding:0}
  .skd-home-reasons__icon{grid-column:auto;grid-row:auto;width:56px}
  .skd-home-reasons__body{grid-column:auto;grid-row:auto}
  .skd-home-reasons__item+.skd-home-reasons__item{border-left:0;border-top:1px solid var(--skd-line);padding-top:20px}
  .skd-home-reasons__num{font-size:24px;margin-top:12px}
  .skd-home-services__link{grid-template-columns:40px 1fr auto;grid-template-areas:"icon name arrow" "icon desc arrow" "icon price arrow";gap:2px 14px;padding:14px 0}
  .skd-home-services__icon{grid-area:icon;width:40px;align-self:start}
  .skd-home-services__name{grid-area:name}
  .skd-home-services__desc{grid-area:desc}
  .skd-home-services__price{grid-area:price;text-align:left;font-size:18px}
  .skd-home-services__link .skd-circle-arrow{grid-area:arrow}
  .skd-home-cases__list{grid-template-columns:1fr;gap:24px}
  .skd-home-cases__item,.skd-home-cases__item:first-child{padding:0}
  .skd-home-cases__item+.skd-home-cases__item{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding-top:20px}
  .skd-home-cases__name{flex:none}
  .skd-home-works__head{grid-template-columns:1fr}
  .skd-home-works__lead{padding:8px 0 0}
  .skd-home-works__list{grid-template-columns:1fr;gap:24px}
  .skd-home-voices__list{grid-template-columns:1fr;gap:12px}
  .skd-home-voices__item{padding:20px}
  .skd-voice-face{width:52px;height:52px}
  .skd-home-subsidy{padding:28px 0}
  .skd-home-subsidy__inner{grid-template-columns:1fr;justify-items:start;gap:14px}
  .skd-home-subsidy__illust{width:120px}
  .skd-home-subsidy__btn{grid-column:auto;width:100%}
  .skd-home-flow__list{grid-template-columns:1fr;gap:20px}
  .skd-home-about{border-radius:50% / 24px;padding:40px 0}
  .skd-home-about__inner{grid-template-columns:1fr;gap:28px}
  .skd-home-about__visual{order:2;width:min(420px,100%);margin-inline:auto}
  .skd-home-about__table{grid-template-columns:1fr}
  .skd-home-about .skd-button{width:100%}
  .skd-faq__q{padding:14px 16px;gap:12px;font-size:15px}
  .skd-faq__a{padding:0 16px 16px 44px}
  .skd-home-blog__cards{grid-template-columns:1fr;gap:16px}
  .skd-home-blog__all-link{min-height:0;grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:14px;padding:18px 56px 18px 18px}
  .skd-home-blog__all-illust{grid-row:1/3;width:72px}
}

/* ---------- 6. 下層共通：パンくず・ページヒーロー・チェックリスト・見出し下線 ---------- */
.skd-breadcrumb{padding:14px 0 0}
.skd-breadcrumb__list{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13px;color:var(--skd-muted)}
.skd-breadcrumb__item+.skd-breadcrumb__item::before{content:">";margin:0 12px;color:#9aa8b8}
.skd-breadcrumb__item a{color:var(--skd-navy)}
.skd-breadcrumb__item a:hover{text-decoration:underline}

.skd-page-hero{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--skd-blue);
  border-radius:0 0 50% 50% / 0 0 var(--skd-curve) var(--skd-curve);
  padding:0 0 48px;
}
.skd-page-hero__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:24px;min-height:420px}
.skd-page-hero__copy{position:relative;z-index:3;padding:28px 0 8px}
.skd-page-hero__eyebrow{font-size:16px;font-weight:700;line-height:1.5}
.skd-page-hero__title{margin-top:6px;font-size:clamp(32px,4.2vw,60px);font-weight:900;line-height:1.25;letter-spacing:.02em}
.skd-page-hero__catch{margin-top:10px;font-size:clamp(20px,2.3vw,32px);font-weight:900;line-height:1.45}
.skd-page-hero__catch span{display:block}
.skd-page-hero__lead{margin-top:18px;font-size:16px;line-height:1.9;max-width:40em}
@media (min-width:1025px){.skd-page-hero__lead-part{display:block}}
.skd-page-hero__facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.skd-page-hero__fact{display:grid;align-content:center;justify-items:center;min-width:150px;min-height:84px;padding:12px 20px;border-radius:14px;background:#fff;color:var(--skd-navy);text-align:center;line-height:1.35}
.skd-page-hero__fact dt{font-size:13px;font-weight:700}
.skd-page-hero__fact dd{font-size:22px;font-weight:900;display:grid}
.skd-page-hero__fact-note{font-size:12px;font-weight:500}
.skd-page-hero__visual{position:relative;align-self:stretch;min-height:420px}
.skd-page-hero__blob{position:absolute;z-index:0;left:-4%;bottom:-40px;width:112%;max-width:none;height:auto;transform:rotate(-14deg) scaleY(1.75);transform-origin:50% 60%;pointer-events:none}
.skd-page-hero__illust{position:absolute;z-index:1;left:4%;top:50%;width:92%;height:auto;transform:translateY(-44%)}

.skd-check-list{display:grid;gap:18px;margin-top:20px}
.skd-check-list__item{display:flex;align-items:center;gap:18px;font-size:17px;font-weight:700;color:var(--skd-navy);line-height:1.6}
.skd-check-list__title{font-size:18px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-check-list__text{margin-top:2px;font-size:14px;font-weight:400;color:var(--skd-muted);line-height:1.8}
.skd-check-list__icon{flex:none;width:64px;height:64px;padding:14px;border-radius:50%;background:#fdf3dc}

.skd-underline{display:inline-block;position:relative;padding-bottom:10px}
.skd-underline::after{content:"";position:absolute;left:-1%;bottom:0;width:78%;height:22px;z-index:-1;background:url("../assets/00-shared/decorations/decoration-underline-yellow.svg") left bottom/contain no-repeat;pointer-events:none}

.skd-faq--circle .skd-faq__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--skd-blue);color:#fff;font-size:15px}
.skd-faq--circle .skd-faq__q{padding:14px 24px;font-size:17px}
.skd-faq--circle .skd-faq__a{padding-left:76px}

/* ---------- 7. ホームページ制作 /services/website/ ---------- */
.skd-svc-suits{padding:24px 0 48px}
.skd-svc-suits__inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.skd-svc-suits__photo{display:block;aspect-ratio:1.6;overflow:hidden;border-radius:46% 54% 42% 58% / 58% 48% 52% 42%}
.skd-svc-suits__photo img{width:100%;height:100%;object-fit:cover;object-position:60% 55%}

.skd-svc-included{padding:24px 0 40px;isolation:isolate}
.skd-svc-included__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px}
.skd-svc-included__extra{font-size:14px;color:var(--skd-muted);max-width:34em}
.skd-svc-included__list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px;border-top:1px solid var(--skd-line)}
.skd-svc-included__item{display:grid;justify-items:center;align-content:start;gap:14px;padding:28px 16px;text-align:center;border-bottom:1px solid var(--skd-line)}
.skd-svc-included__item:not(:nth-child(4n)){border-right:1px solid var(--skd-line)}
.skd-svc-included__icon{width:84px;height:auto}
.skd-svc-included__name{font-size:17px;font-weight:900;color:var(--skd-navy);line-height:1.6}
.skd-svc-included__text{margin-top:-6px;font-size:14px;color:var(--skd-muted);line-height:1.8}

.skd-svc-case{padding:16px 0 48px}
.skd-svc-case__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;align-items:center;gap:32px;padding:36px 48px;border-radius:16px;background:var(--skd-warm)}
.skd-svc-case__tag{display:inline-block;padding:2px 12px;border-radius:4px;background:var(--skd-yellow);color:var(--skd-navy);font-size:13px;font-weight:700}
.skd-svc-case__title{margin-top:10px;font-size:clamp(24px,2.6vw,36px);font-weight:900;color:var(--skd-navy);line-height:1.35}
.skd-svc-case__title span{display:block}
.skd-svc-case__sub{margin-top:10px;font-size:17px;font-weight:500;color:var(--skd-navy);line-height:1.7}
.skd-svc-case__body{padding-left:32px;border-left:1px solid #d8cdb4;font-size:15px;line-height:1.9}
.skd-svc-case__body .skd-text-link{margin-top:14px}
.skd-svc-case__visual{position:relative;display:grid;justify-items:end}
.skd-svc-case__icon{width:150px;height:auto}

.skd-svc-faq{padding:8px 0 56px}
.skd-svc-faq .skd-faq{margin-top:20px}

@media (max-width:1024px){
  .skd-page-hero__inner{grid-template-columns:1fr;min-height:0}
  .skd-page-hero__visual{min-height:0;aspect-ratio:1.5;width:min(520px,100%);margin-inline:auto}
  .skd-svc-suits__inner{gap:32px}
  .skd-svc-case__card{grid-template-columns:1fr 1fr;padding:32px}
  .skd-svc-case__visual{grid-column:1/-1}
  .skd-svc-case__icon{width:110px}
}
@media (max-width:820px){
  .skd-page-hero{padding:0 0 32px}
  .skd-page-hero__title{font-size:clamp(30px,8.5vw,40px)}
  .skd-page-hero__lead{font-size:15px}
  .skd-page-hero__facts{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
  .skd-page-hero__fact{min-width:0;padding:10px 12px}
  .skd-page-hero__fact:first-child{grid-column:1/-1}
  .skd-page-hero__fact dd{font-size:17px;white-space:nowrap}
  .skd-page-hero__visual{width:min(400px,100%)}
  .skd-svc-suits__inner{grid-template-columns:1fr;gap:24px}
  .skd-svc-suits__visual{order:2}
  .skd-check-list__item{font-size:16px;gap:14px}
  .skd-check-list__icon{width:52px;height:52px;padding:11px}
  .skd-svc-included__list{grid-template-columns:1fr 1fr}
  .skd-svc-included__item:not(:nth-child(4n)){border-right:0}
  .skd-svc-included__item:nth-child(odd){border-right:1px solid var(--skd-line)}
  .skd-svc-included__item{padding:20px 10px}
  .skd-svc-included__icon{width:48px}
  .skd-svc-included__name{font-size:14px}
  .skd-svc-included__text{font-size:12.5px}
  .skd-svc-case__card{grid-template-columns:1fr;padding:28px 20px;gap:16px}
  .skd-svc-case__body{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid #d8cdb4}
  .skd-svc-case__icon{width:88px}
}

/* ---------- 8. 制作実績 /works/ ---------- */
.skd-page-hero--center .skd-page-hero__inner{grid-template-columns:1fr minmax(0,2.6fr) 1fr;min-height:0;padding:8px 0 16px}
.skd-page-hero--center .skd-page-hero__copy{text-align:center;padding:16px 0}
.skd-page-hero--center .skd-page-hero__lead{margin-inline:auto;font-weight:700;font-size:18px;max-width:none}
.skd-page-hero__side{align-self:center}
.skd-page-hero__side-illust{width:100%;max-width:260px;height:auto}

.skd-works-cases{padding:32px 0 24px}
.skd-works-cases__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px}
.skd-works-cases__link{display:flex;align-items:flex-start;gap:16px;height:100%;padding:22px 24px;border-radius:12px;background:var(--skd-blue);color:#fff;transition:transform .2s,box-shadow .2s}
.skd-works-cases__link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,60,120,.25)}
.skd-works-cases__icon{flex:none;width:56px;height:auto;filter:brightness(0) invert(1)}
.skd-works-cases__body{display:grid;align-content:start;gap:2px}
.skd-works-cases__label{font-size:15px;font-weight:700;color:var(--skd-yellow)}
.skd-works-cases__num{font-size:clamp(34px,3.4vw,48px);font-weight:900;line-height:1.1;color:var(--skd-yellow)}
.skd-works-cases__prefix{font-size:.62em}
.skd-works-cases__name{margin-top:4px;font-size:15px;font-weight:700;line-height:1.6}
.skd-works-cases__more{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;justify-self:start;padding-bottom:4px}

.skd-works-nav{padding:16px 0 8px}
.skd-works-nav__list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.skd-works-nav__link{display:inline-flex;align-items:center;min-height:44px;padding:8px 28px;border:2px solid #b9dcf3;border-radius:999px;font-size:15px;font-weight:700;color:var(--skd-navy);background:#fff;transition:background-color .2s,color .2s}
.skd-works-nav__link:hover{background:var(--skd-blue);border-color:var(--skd-blue);color:#fff}

.skd-works-cat{padding:32px 0 16px;scroll-margin-top:16px}
.skd-works-cat__list{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin-top:16px}
.skd-work-card__thumb{position:relative;display:block;overflow:hidden;border:1px solid var(--skd-line);border-radius:8px;background:#f3f4f6}
.skd-work-card__thumb img{width:100%;height:100%;object-fit:contain}
/* 本番CMS画像の表示比率（原稿10章）。デモ画像は元の3:2を切らずに表示 */
.skd-work-card__thumb--web{aspect-ratio:1163/679}
.skd-work-card__thumb--square{aspect-ratio:1}
.skd-work-card__thumb--wide{aspect-ratio:16/9}
.skd-work-card__thumb--demo{aspect-ratio:3/2}
.skd-work-card__badge{position:absolute;left:10px;top:10px;background:#fff;border:1px solid #b9dcf3}
.skd-work-card__cat{margin-top:10px;font-size:13px;font-weight:700;color:var(--skd-blue)}
.skd-work-card__title{font-size:17px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-work-card__text{margin-top:4px;font-size:14px;color:var(--skd-muted);line-height:1.8}

@media (max-width:1024px){
  .skd-page-hero--center .skd-page-hero__inner{grid-template-columns:1fr}
  .skd-page-hero--center .skd-page-hero__side:last-child{display:none}
  .skd-page-hero--center .skd-page-hero__side{order:-1;justify-self:center}
  .skd-page-hero__side-illust{max-width:180px}
  .skd-works-cases__list{grid-template-columns:1fr}
}
@media (max-width:820px){
  .skd-page-hero--center .skd-page-hero__lead{font-size:16px}
  .skd-works-nav__list{justify-content:flex-start;gap:8px}
  .skd-works-nav__link{padding:6px 18px;font-size:14px}
  .skd-works-cat__list{grid-template-columns:1fr;gap:24px}
}

/* ---------- 9. 料金 /price/ ---------- */
.skd-price-hero{position:relative;isolation:isolate;min-height:300px}
.skd-price-hero__blob{position:absolute;z-index:0;left:4%;top:12%;width:92%;height:auto;transform:rotate(-10deg);pointer-events:none}
.skd-price-hero__calc{position:absolute;z-index:1;left:14%;top:14%;width:30%;height:auto}
.skd-price-hero__note{position:absolute;z-index:2;left:40%;top:6%;width:34%;height:auto;transform:rotate(6deg)}
.skd-price-hero__plant{position:absolute;z-index:3;right:6%;bottom:2%;width:20%;height:auto}
.skd-page-hero--price .skd-page-hero__inner{min-height:340px}

.skd-anchor-nav{padding:16px 0 8px}
.skd-anchor-nav__list{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;padding:10px 16px;border-radius:999px;background:var(--skd-sky);width:min(960px,92%)}
.skd-anchor-nav__list li+li{border-left:1px solid #b9dcf3}
.skd-anchor-nav__list a{display:block;padding:6px 24px;font-size:14px;font-weight:700;color:var(--skd-navy)}
.skd-anchor-nav__list a:hover{color:var(--skd-blue);text-decoration:underline}

.skd-price-sec{padding:44px 0 16px;scroll-margin-top:16px}
.skd-price-sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px}
.skd-price-sec__title{display:flex;align-items:baseline;gap:18px;font-size:clamp(22px,2.3vw,30px);font-weight:900;color:var(--skd-navy);line-height:1.4}
.skd-price-sec__num{font-size:1.2em;color:var(--skd-blue);font-weight:700}
.skd-price-sec__lead{margin-top:8px;font-size:15px;color:var(--skd-muted)}
.skd-price-sec__note{margin-top:16px;font-size:13px;color:var(--skd-muted);text-align:center}

.skd-price-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.skd-price-plan{display:flex;flex-direction:column;padding:24px;border:1px solid var(--skd-line);border-radius:12px;background:#fff}
.skd-price-plan__head{display:flex;align-items:center;gap:16px}
.skd-price-plan__icon{flex:none;width:64px;height:auto}
.skd-price-plan__name{font-size:18px;font-weight:900;color:var(--skd-navy);line-height:1.4}
.skd-price-plan__price{font-size:clamp(26px,2.5vw,34px);font-weight:900;color:var(--skd-blue);line-height:1.2}
.skd-price-plan__meta{display:grid;gap:6px;margin:16px 0 12px;padding:12px 0;border-block:1px solid var(--skd-line);font-size:14px}
.skd-price-plan__meta div{display:grid;grid-template-columns:24px auto 1fr;align-items:center;gap:8px}
.skd-price-plan__meta-icon{width:22px;height:auto}
.skd-price-plan__meta dt{color:var(--skd-muted)}
.skd-price-plan__meta dd{font-weight:700;color:var(--skd-navy)}
.skd-price-plan__items{display:grid;gap:4px;font-size:14px;line-height:1.7}
.skd-price-plan__items li{position:relative;padding-left:1.1em}
.skd-price-plan__items li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--skd-blue)}
.skd-price-plan__link{margin-top:auto;padding-top:16px;align-self:flex-start}

.skd-price-print{margin-top:36px;padding:32px 0;background:#fdf8ea;scroll-margin-top:16px}
.skd-price-print__inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 40px}
.skd-price-print__table{border-collapse:collapse;width:100%;max-width:640px;justify-self:end}
.skd-price-print__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skd-price-print__table tbody{display:grid;grid-template-columns:repeat(3,1fr)}
.skd-price-print__table tr{display:grid;justify-items:center;gap:4px;padding:8px 16px;text-align:center}
.skd-price-print__table tr+tr{border-left:1px solid #eadfbd}
.skd-price-print__table th{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--skd-navy)}
.skd-price-print__table td{font-size:24px;font-weight:900;color:var(--skd-blue)}
.skd-price-print__icon{width:40px;height:auto}
.skd-price-print__note{grid-column:1/-1;text-align:right;font-size:13px;color:var(--skd-muted)}

.skd-maint-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;align-items:stretch}
.skd-maint-plan{position:relative;display:flex;flex-direction:column;padding:24px;border:2px solid var(--skd-line);border-radius:12px;background:#fff}
.skd-maint-plan--rec{border-color:var(--skd-yellow);box-shadow:0 6px 18px rgba(200,160,0,.15)}
.skd-maint-plan__badge{position:absolute;left:50%;top:-14px;transform:translateX(-50%);padding:2px 18px;border-radius:999px;background:var(--skd-yellow);font-size:13px;font-weight:700;color:var(--skd-navy)}
.skd-maint-plan__name{font-size:18px;font-weight:900;color:var(--skd-navy);text-align:center}
.skd-maint-plan__price{font-size:32px;font-weight:900;color:var(--skd-blue);text-align:center;line-height:1.3}
.skd-maint-plan__price span{font-size:15px;margin-left:2px}
.skd-maint-plan__one{margin-top:8px;font-size:14px;text-align:center;color:var(--skd-text)}
.skd-maint-plan__items{display:grid;gap:4px;margin:14px 0;padding-top:14px;border-top:1px solid var(--skd-line);font-size:14px;line-height:1.7}
.skd-maint-plan__items li{position:relative;padding-left:1.4em}
.skd-maint-plan__items li::before{content:"";position:absolute;left:0;top:.45em;width:.9em;height:.55em;border-left:2px solid var(--skd-blue);border-bottom:2px solid var(--skd-blue);transform:rotate(-45deg)}
.skd-maint-plan__foot{margin-top:auto;padding:10px 12px;border-radius:8px;background:var(--skd-bg-soft);font-size:13px;color:var(--skd-muted)}
.skd-maint-after{margin-top:16px;text-align:center;font-weight:700;color:var(--skd-navy)}

.skd-table-scroll{margin-top:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.skd-compare{width:100%;min-width:720px;border-collapse:collapse;font-size:15px;line-height:1.6}
.skd-compare th,.skd-compare td{padding:9px 14px;border-bottom:1px solid var(--skd-line);text-align:center}
.skd-compare thead th{background:var(--skd-blue);color:#fff;font-weight:700}
.skd-compare thead th.skd-compare__rec{background:var(--skd-yellow);color:var(--skd-navy)}
.skd-compare tbody th{text-align:left;font-weight:700;color:var(--skd-navy);background:var(--skd-sky);white-space:nowrap}
.skd-compare thead th:first-child,.skd-compare tbody th{position:sticky;left:0;z-index:1}
.skd-table-hint{display:none}
.skd-compare tbody td.skd-compare__rec{background:#fffbe3}
.skd-compare tbody tr:nth-child(even) td:not(.skd-compare__rec){background:#fafcfe}

.skd-price-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:20px}
.skd-price-rules__item{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:16px 20px;border:1px solid var(--skd-line);border-radius:10px}
.skd-price-rules__icon{grid-row:1/3;width:40px;height:auto}
.skd-price-rules__item dt{font-weight:900;color:var(--skd-navy)}
.skd-price-rules__item dd{font-size:14px;line-height:1.8;color:var(--skd-text)}

.skd-price-est{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}
.skd-price-est__list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.skd-price-est__item{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;font-size:13px;line-height:1.7;color:var(--skd-muted)}
.skd-price-est__item:not(:last-child)::after{content:"";position:absolute;top:16px;right:-24px;width:28px;height:2px;background:#bcdcf1}
.skd-price-est__num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--skd-blue);color:#fff;font-weight:700;font-size:14px}
.skd-price-est__icon{width:56px;height:auto}
.skd-price-est__title{font-size:16px;font-weight:900;color:var(--skd-navy)}

.skd-price-faq{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start;padding-bottom:40px}
.skd-price-faq__more{margin-top:16px;text-align:right}

@media (max-width:1024px){
  .skd-price-plans,.skd-maint-plans{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
  .skd-maint-plans{gap:28px}
  .skd-price-print__inner{grid-template-columns:1fr}
  .skd-price-print__table{justify-self:stretch;max-width:none}
  .skd-price-est,.skd-price-faq{grid-template-columns:1fr;gap:20px}
  .skd-page-hero--price .skd-page-hero__visual{aspect-ratio:1.8;min-height:0}
}
@media (max-width:820px){
  .skd-anchor-nav__list{border-radius:16px;justify-content:flex-start;padding:8px}
  .skd-anchor-nav__list li+li{border-left:0}
  .skd-anchor-nav__list a{padding:6px 12px;font-size:13px}
  .skd-price-sec{padding:36px 0 8px}
  .skd-price-print__table tbody{grid-template-columns:1fr}
  .skd-price-print__table tr{grid-template-columns:1fr auto;justify-items:start;align-items:center;padding:10px 0}
  .skd-price-print__table tr+tr{border-left:0;border-top:1px solid #eadfbd}
  .skd-price-print__table td{font-size:20px}
  .skd-price-print__note{text-align:left}
  .skd-price-rules{grid-template-columns:1fr}
  .skd-price-rules__item{grid-template-columns:32px 1fr;padding:14px}
  .skd-price-rules__icon{width:32px}
  .skd-price-est__list{grid-template-columns:1fr 1fr;gap:24px 16px}
  .skd-price-est__item:not(:last-child)::after{content:none}
  .skd-price-faq__more{text-align:left}
  .skd-table-hint{display:block;margin-top:16px;font-size:12px;color:var(--skd-muted)}
  .skd-table-hint+.skd-table-scroll{margin-top:6px}
  .skd-compare tbody th{white-space:normal;min-width:9em}
}

/* ---------- 10. お問い合わせ /contact/ ---------- */
.skd-button--blue{background:var(--skd-blue);color:#fff}
.skd-page-hero--light{background:#fdfaf4;color:var(--skd-navy);padding-top:var(--skd-curve);--skd-bulge-color:var(--skd-blue)}
.skd-page-hero--light .skd-page-hero__inner{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);min-height:300px}
.skd-page-hero--light .skd-page-hero__copy{text-align:center;padding-left:18%}
.skd-page-hero--light .skd-page-hero__eyebrow{color:var(--skd-blue)}
.skd-page-hero--light .skd-page-hero__catch{font-size:clamp(20px,2vw,28px)}
.skd-page-hero--light .skd-page-hero__lead{margin-inline:auto;font-size:20px;font-weight:700;line-height:1.8;max-width:25em;word-break:auto-phrase}
.skd-contact-hero{min-height:300px}
.skd-contact-hero__illust{position:absolute;z-index:1;left:10%;top:8%;width:80%;height:auto}
.skd-contact-hero__lines{position:absolute;z-index:2;left:2%;top:18%;width:18%;height:auto;pointer-events:none}

.skd-contact-points{padding:24px 0 8px}
.skd-contact-points__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.skd-contact-points__item{display:flex;gap:18px;padding:24px 26px;border-radius:12px;background:var(--skd-warm)}
.skd-contact-points__icon{flex:none;width:64px;height:64px;padding:12px;border-radius:50%;background:var(--skd-yellow-soft)}
.skd-contact-points__num{font-size:20px;font-weight:700;color:var(--skd-blue);line-height:1.2}
.skd-contact-points__title{font-size:19px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-contact-points__text{margin-top:4px;font-size:14px;line-height:1.8}

.skd-contact-main{padding:40px 0 24px}
.skd-contact-main__inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.skd-form__intro{margin-top:8px;font-size:14px;color:var(--skd-muted)}
.skd-form{display:grid;gap:18px;margin-top:20px}
.skd-form__row{display:grid;gap:6px;min-width:0}
.skd-form__fieldset{border:0}
.skd-form__label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--skd-navy);padding:0}
.skd-form__tag{display:inline-block;padding:0 8px;border-radius:4px;background:#e7ebf0;color:var(--skd-muted);font-size:12px;font-weight:700;line-height:1.7}
.skd-form__tag--req{background:var(--skd-yellow);color:var(--skd-navy)}
.skd-form__input{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid #9ccbeb;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:var(--skd-text)}
.skd-form__input::placeholder{color:#9aa7b6}
.skd-form__input:focus{outline:3px solid rgba(0,121,200,.25);border-color:var(--skd-blue)}
.skd-form__input[aria-invalid="true"]{border-color:#d93a3a;background:#fff7f7}
.skd-form__select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%230079c8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 16px center/12px no-repeat;padding-right:40px}
.skd-form__textarea{min-height:150px;resize:vertical;line-height:1.7}
.skd-form__choices{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:6px}
.skd-form__choice{display:flex;align-items:center;gap:10px;min-height:36px;font-size:15px;cursor:pointer}
.skd-form__choice input,.skd-form__agree input{flex:none;width:20px;height:20px;accent-color:var(--skd-blue)}
.skd-form__agree{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.skd-form__agree a{color:var(--skd-blue);text-decoration:underline}
.skd-form__error{font-size:13px;color:#c62828;font-weight:700}
.skd-form__submit-wrap{text-align:center;margin-top:8px}
.skd-form__submit{min-width:min(320px,100%);border:0;cursor:pointer;font-family:inherit}
.skd-form__status{padding:14px 18px;border-radius:8px;font-size:14px;font-weight:700}
.skd-form__status--notice{background:#fff4d6;color:#6b4e00;border:1px solid #f0d27a}

.skd-contact-main__side{display:grid;gap:20px;position:sticky;top:96px}
.skd-contact-ok{padding:24px;border-radius:12px;background:#fdf5d6;font-size:14px;line-height:1.8}
.skd-contact-ok__title{margin-bottom:8px;font-size:19px;font-weight:900;color:var(--skd-navy)}
.skd-contact-ok__list{display:grid;gap:10px;margin-top:14px}
.skd-contact-ok__list li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--skd-navy)}
.skd-contact-ok__icon{width:22px;height:auto}
.skd-contact-tel{position:relative;padding:24px;border-radius:12px;background:var(--skd-sky)}
.skd-contact-tel__title{font-size:19px;font-weight:900;color:var(--skd-navy)}
.skd-contact-tel__row{display:flex;align-items:center;gap:10px;margin-top:10px}
.skd-contact-tel__icon{width:32px;height:auto}
.skd-contact-tel__number{font-size:26px;font-weight:900;color:var(--skd-navy);letter-spacing:.03em}
.skd-contact-tel__hours{margin-left:42px;font-size:13px;color:var(--skd-muted)}
.skd-contact-tel__device{position:absolute;right:16px;bottom:12px;width:48px;height:auto}

.skd-contact-after{padding:32px 0 48px}
.skd-contact-after__list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.skd-contact-after__item{display:grid;justify-items:center;align-content:start;gap:8px;padding:22px 18px;border-radius:12px;background:var(--skd-warm);text-align:center;font-size:14px;line-height:1.8;position:relative}
.skd-contact-after__num{position:absolute;left:16px;top:12px;font-size:22px;font-weight:700;color:var(--skd-blue)}
.skd-contact-after__icon{width:48px;height:auto}
.skd-contact-after__title{font-size:16px;font-weight:900;color:var(--skd-navy)}

@media (max-width:1024px){
  .skd-page-hero--light .skd-page-hero__inner{grid-template-columns:1fr}
  .skd-page-hero--light .skd-page-hero__copy{padding-left:0}
  .skd-contact-hero{min-height:0;aspect-ratio:2.2;width:min(420px,100%);margin-inline:auto}
  .skd-contact-points__list{grid-template-columns:1fr}
  .skd-contact-main__inner{grid-template-columns:1fr}
  .skd-contact-main__side{position:static;grid-template-columns:1fr 1fr}
  .skd-contact-after__list{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .skd-page-hero--light .skd-page-hero__lead{font-size:16px;text-align:left}
  .skd-page-hero--light .skd-page-hero__copy{text-align:left}
  .skd-contact-main__side{grid-template-columns:1fr}
  .skd-form__choices{grid-template-columns:1fr}
  .skd-contact-after__list{grid-template-columns:1fr}
}

/* ---------- 11. 答えブロック（下層・パンくず直後） ---------- */
.skd-answer-block{padding:20px 0 8px}
.skd-answer-block__text{max-width:880px;margin-inline:auto;text-align:center;font-size:16px;line-height:2;color:var(--skd-text);text-wrap:pretty}
.skd-answer-block__notes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-top:10px;font-size:13px;color:var(--skd-muted)}
@media (max-width:820px){
  .skd-answer-block{padding:16px 0 4px}
  .skd-answer-block__text{text-align:left;font-size:15px;line-height:1.9}
  .skd-answer-block__notes{justify-content:flex-start}
}

/* ---------- 12. /services/website/ Our Approach（青帯） ---------- */
.skd-svc-approach{
  color:#fff;background:var(--skd-blue);--skd-bulge-color:#fff;
  border-radius:0 0 50% 50% / 0 0 var(--skd-curve) var(--skd-curve);
  padding:calc(var(--skd-curve) + 20px) 0 calc(var(--skd-curve) + 28px);
}
.skd-svc-approach__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px}
.skd-svc-approach__title{margin-top:4px;font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1.35}
.skd-svc-approach__lead{font-size:15px;line-height:1.9}
.skd-svc-approach__lead span{display:block}
.skd-svc-approach__list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px}
.skd-svc-approach__item{display:grid;grid-template-columns:72px 1fr;align-items:start;gap:10px 18px;padding:0 32px}
.skd-svc-approach__item:first-child{padding-left:0}
.skd-svc-approach__item+.skd-svc-approach__item{border-left:1px solid rgba(255,255,255,.35)}
.skd-svc-approach__item-head{grid-column:1/-1;display:flex;align-items:baseline;gap:16px}
.skd-svc-approach__num{font-size:34px;font-weight:700;color:var(--skd-yellow);line-height:1}
.skd-svc-approach__item-title{font-size:19px;font-weight:900}
.skd-svc-approach__icon{width:64px;height:auto;filter:brightness(0) invert(1)}
.skd-svc-approach__text{font-size:14px;line-height:1.9}
@media (max-width:1024px){
  .skd-svc-approach__list{grid-template-columns:1fr;gap:20px}
  .skd-svc-approach__item,.skd-svc-approach__item:first-child{padding:0}
  .skd-svc-approach__item+.skd-svc-approach__item{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding-top:20px}
}
@media (max-width:820px){
  .skd-svc-approach__item{grid-template-columns:52px 1fr}
  .skd-svc-approach__icon{width:48px}
  .skd-svc-approach__num{font-size:28px}
}

/* ---------- 13. 補助コピー・ラベル類 ---------- */
.skd-home-hero__price{margin-top:14px;font-size:14px;font-weight:700;opacity:.95}
.skd-works-cases__link{position:relative}
.skd-works-cases__tag{position:absolute;right:14px;top:12px;padding:1px 12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;font-size:12px;font-weight:700}
.skd-price-sec__desc{margin-top:6px;font-size:15px;color:var(--skd-text)}
.skd-contact-tel__body{margin-top:6px;font-size:14px}
.skd-contact-after__lead{margin-top:6px;font-size:15px;color:var(--skd-muted)}
.skd-contact-after__sub{display:block;font-size:14px}
@media (max-width:820px){
  .skd-home-hero__price{font-size:13px}
}

/* ---------- 14. /price/ 目安：制作カードの説明・保守の概要（横長1枠） ---------- */
.skd-price-plan__desc{margin-top:12px;font-size:14px;line-height:1.8;color:var(--skd-text)}
.skd-price-plan__tag{display:inline-block;margin-left:6px;padding:0 10px;border-radius:999px;background:var(--skd-sky);color:var(--skd-blue);font-size:12px;font-weight:700;line-height:1.8;vertical-align:1px;white-space:nowrap}
.skd-price-maint-summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:16px 28px;margin-top:20px;padding:20px 28px;border:1px solid var(--skd-line);border-radius:12px;background:#fff}
.skd-price-maint-summary__icon{width:64px;height:auto}
.skd-price-maint-summary__name{font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-price-maint-summary__body p{margin-top:4px;font-size:14px;line-height:1.8}
.skd-price-maint-summary__price{font-size:clamp(24px,2.3vw,32px);font-weight:900;color:var(--skd-blue);white-space:nowrap}
@media (max-width:1024px){
  .skd-price-maint-summary{grid-template-columns:56px 1fr;max-width:640px;margin-inline:auto;padding:20px}
  .skd-price-maint-summary__icon{width:56px;grid-row:1/3}
  .skd-price-maint-summary__price,.skd-price-maint-summary .skd-text-link{grid-column:2}
}

/* ---------- 15. サービス一覧 /services/ ---------- */
.skd-block{display:block}
.skd-page-hero__title--sm{font-size:clamp(20px,1.8vw,24px);margin-top:2px}
.skd-page-hero__catch--xl{font-size:clamp(30px,3.8vw,54px);line-height:1.3;margin-top:8px}
.skd-page-hero__actions{margin-top:24px}
.skd-services-hero{min-height:420px}
.skd-services-hero__photo{position:absolute;z-index:1;right:-12%;top:4%;width:108%;aspect-ratio:1.62;overflow:hidden;border-radius:62% 38% 46% 54% / 52% 58% 42% 48%}
.skd-services-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.skd-services-hero__lettering{position:absolute;z-index:2;right:4%;bottom:0;width:22%;height:auto;pointer-events:none}

.skd-services-list{padding:32px 0 48px}
.skd-services-list__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px}
.skd-services-list__lead{margin-top:8px;font-size:15px;color:var(--skd-muted)}
.skd-services-list__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.skd-service-card__link{display:grid;grid-template-columns:auto 150px 1fr;grid-template-rows:1fr auto;gap:0 20px;height:100%;padding:24px 28px;border:1px solid var(--skd-line);border-radius:14px;background:#fff;transition:box-shadow .2s,transform .2s}
.skd-service-card__link:hover{box-shadow:0 8px 22px rgba(6,40,90,.12);transform:translateY(-2px)}
.skd-service-card__num{font-size:30px;font-weight:700;color:var(--skd-blue);line-height:1}
.skd-service-card__icon{display:grid;place-items:center}
.skd-service-card__icon img{width:130px;height:auto}
.skd-service-card__body{display:grid;align-content:start;gap:4px}
.skd-service-card__en{font-size:13px;font-style:italic;font-weight:500;color:var(--skd-blue)}
.skd-service-card__name{font-size:22px;font-weight:900;color:var(--skd-navy);line-height:1.4}
.skd-service-card__desc{font-size:15px;line-height:1.8;color:var(--skd-text)}
.skd-service-card__facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:0 20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--skd-line)}
.skd-service-card__fact{display:grid;font-size:12px;color:var(--skd-muted);line-height:1.5}
.skd-service-card__fact+.skd-service-card__fact{padding-left:18px;border-left:1px solid var(--skd-line)}
.skd-service-card__fact strong{font-size:19px;font-weight:900;color:var(--skd-navy)}
.skd-service-card__facts .skd-circle-arrow{grid-column:3;grid-row:1}

.skd-services-support{padding:0 0 32px}
.skd-services-support__band{background:#fdf6e4;border-radius:0 0 50% 50% / 0 0 var(--skd-curve) var(--skd-curve);padding:48px 0 calc(40px + var(--skd-curve))}
.skd-services-support__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px}
.skd-services-support__body{margin-top:14px;font-size:16px;line-height:1.9}
.skd-services-support__illust{width:100%;max-width:400px;height:auto;justify-self:end}
.skd-services-support__points{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}
.skd-services-support__point{display:grid;justify-items:center;gap:8px;padding:8px 28px;text-align:center;font-size:14px;line-height:1.8}
.skd-services-support__point+.skd-services-support__point{border-left:1px solid var(--skd-line)}
.skd-services-support__icon{width:72px;height:auto}
.skd-services-support__point-title{font-size:19px;font-weight:900;color:var(--skd-navy)}

@media (max-width:1024px){
  .skd-services-hero{min-height:0;aspect-ratio:1.6;width:min(560px,100%);margin-inline:auto}
  .skd-services-hero__photo{right:0;width:100%}
  .skd-services-list__grid{grid-template-columns:1fr;max-width:720px;margin-inline:auto}
}
@media (max-width:820px){
  .skd-page-hero__catch--xl{font-size:clamp(26px,7.5vw,34px)}
  .skd-page-hero__actions .skd-button{width:100%}
  .skd-service-card__link{grid-template-columns:auto 72px 1fr;padding:20px 18px;gap:0 12px}
  .skd-service-card__icon img{width:72px}
  .skd-service-card__name{font-size:19px}
  .skd-service-card__desc{font-size:14px}
  .skd-service-card__fact strong{font-size:17px}
  .skd-service-card__fact+.skd-service-card__fact{padding-left:12px}
  .skd-services-support__band{padding:36px 0 calc(28px + var(--skd-curve))}
  .skd-services-support__inner{grid-template-columns:1fr}
  .skd-services-support__illust{max-width:260px;justify-self:center}
  .skd-services-support__points{grid-template-columns:1fr;gap:16px}
  .skd-services-support__point+.skd-services-support__point{border-left:0;border-top:1px solid var(--skd-line);padding-top:20px}
}

/* ---------- 16. 下層共通：FAQセクション・見出し中央・導入（H1＋答えブロック）・ピル ---------- */
.skd-heading--center{text-align:center}
.skd-heading--rule::after{content:"";display:block;width:56px;height:3px;margin:12px auto 0;border-radius:2px;background:var(--skd-blue)}
.skd-faq-section{padding:40px 0 48px}
.skd-faq-section__inner{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.skd-svc-intro{padding:24px 0 16px}
.skd-svc-intro__title{margin-top:4px;font-size:clamp(28px,3.2vw,44px);font-weight:900;color:var(--skd-navy);line-height:1.3}
.skd-svc-intro__answer{margin-top:14px;max-width:48em;font-size:16px;line-height:2}
.skd-page-hero__pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.skd-page-hero__pill{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 24px 8px 14px;border-radius:999px;background:#fff;color:var(--skd-navy);font-size:18px;font-weight:900}
.skd-page-hero__pill small{font-size:12px;font-weight:500;margin-left:2px}
.skd-page-hero__pill-icon{width:30px;height:auto}
@media (max-width:1024px){ .skd-faq-section__inner{grid-template-columns:1fr;gap:16px} }
@media (max-width:820px){
  .skd-svc-intro__answer{font-size:15px;line-height:1.9}
  .skd-page-hero__pill{font-size:16px;min-height:48px}
}

/* ---------- 17. サイトリニューアル /services/renewal/ ---------- */
.skd-renewal-hero{min-height:440px}
.skd-renewal-hero__blob{position:absolute;z-index:0;left:-30%;bottom:-150px;width:160%;max-width:none;height:auto;transform:rotate(-6deg);pointer-events:none}
.skd-renewal-hero__photo{position:absolute;z-index:1;right:-6%;top:6%;width:92%;aspect-ratio:1.45;overflow:hidden;border-radius:50% 50% 46% 54% / 56% 50% 50% 44%}
.skd-renewal-hero__photo img{width:100%;height:100%;object-fit:cover}
.skd-renewal-hero__illust{position:absolute;z-index:2;right:-2%;bottom:0;width:26%;height:auto}

.skd-renewal-pains{padding:40px 0 48px;background:var(--skd-bg-soft);border-radius:50% / 40px}
.skd-renewal-pains__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.skd-renewal-pains__item{display:grid;justify-items:center;align-content:start;gap:10px;padding:28px 24px;border-radius:12px;background:#fff;text-align:center;font-size:16px;line-height:1.8}
.skd-renewal-pains__icon{width:80px;height:80px;object-fit:contain}
.skd-renewal-pains__icon--down{display:block;background:
  linear-gradient(var(--skd-blue),var(--skd-blue)) 14px 22px/12px 46px no-repeat,
  linear-gradient(var(--skd-blue),var(--skd-blue)) 32px 34px/12px 34px no-repeat,
  linear-gradient(var(--skd-blue),var(--skd-blue)) 50px 46px/12px 22px no-repeat,
  linear-gradient(var(--skd-navy),var(--skd-navy)) 6px 68px/68px 3px no-repeat;opacity:.85}
.skd-renewal-pains__title{font-size:20px;font-weight:900;color:var(--skd-navy)}

.skd-renewal-improve{padding:48px 0 40px}
.skd-renewal-improve__inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start;margin-top:28px}
.skd-renewal-improve__photo{display:block;aspect-ratio:1;overflow:hidden;border-radius:50% 50% 48% 52% / 46% 54% 46% 54%}
.skd-renewal-improve__photo img{width:100%;height:100%;object-fit:cover}
.skd-renewal-improve__body{font-size:15px;line-height:1.9}
.skd-renewal-improve__list{display:grid;gap:8px;margin-top:16px}
.skd-renewal-improve__item{display:grid;grid-template-columns:36px minmax(0,15em) 1fr;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--skd-line);border-radius:8px;font-size:13px;line-height:1.7;color:var(--skd-muted)}
.skd-renewal-improve__num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--skd-blue);color:#fff;font-weight:700;font-size:14px}
.skd-renewal-improve__name{font-size:15px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-renewal-improve__note{margin-top:10px;font-size:13px;color:var(--skd-muted)}

.skd-renewal-domain{background:var(--skd-yellow-soft);padding:28px 0}
.skd-renewal-domain__inner{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:28px;max-width:960px}
.skd-renewal-domain__icon{width:110px;height:auto}
.skd-renewal-domain__title{font-size:clamp(20px,2vw,26px);font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-renewal-domain__inner p{margin-top:6px;font-size:15px;line-height:1.9}

.skd-renewal-case{color:#fff;background:var(--skd-blue);border-radius:0 0 50% 50% / 0 0 var(--skd-curve) var(--skd-curve);padding:32px 0 calc(var(--skd-curve) + 24px)}
.skd-renewal-case__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}
.skd-renewal-case__figure{display:flex;align-items:baseline;gap:20px;margin-top:4px;line-height:1.1}
.skd-renewal-case__figure span{font-size:clamp(26px,2.8vw,38px);font-weight:900}
.skd-renewal-case__figure strong{font-size:clamp(48px,5vw,72px);font-weight:900;color:var(--skd-yellow)}
.skd-renewal-case__name{margin-top:10px;font-size:18px;font-weight:700;line-height:1.6}
.skd-renewal-case__note{margin:4px 0 12px;font-size:12px;opacity:.9}
.skd-renewal-case__icon{width:180px;height:auto;filter:brightness(0) invert(1)}

@media (max-width:1024px){
  .skd-renewal-hero{min-height:0;aspect-ratio:1.5;width:min(560px,100%);margin-inline:auto}
  .skd-renewal-hero__blob{left:-10%;bottom:-20%;width:120%}
  .skd-renewal-hero__photo{right:2%;width:88%}
  .skd-renewal-improve__inner{grid-template-columns:1fr}
  .skd-renewal-improve__photo{width:min(420px,100%);margin-inline:auto}
}
@media (max-width:820px){
  .skd-renewal-pains{border-radius:50% / 20px}
  .skd-renewal-pains__list{grid-template-columns:1fr;gap:12px}
  .skd-renewal-pains__item{grid-template-columns:64px 1fr;justify-items:start;text-align:left;column-gap:16px;padding:18px}
  .skd-renewal-pains__icon{grid-row:1/3;width:64px;height:64px}
  .skd-renewal-pains__title{font-size:18px}
  .skd-renewal-improve__item{grid-template-columns:32px 1fr;row-gap:2px}
  .skd-renewal-improve__item p{grid-column:2}
  .skd-renewal-improve__num{width:32px;height:32px;grid-row:1/3}
  .skd-renewal-domain__inner{grid-template-columns:72px 1fr;gap:16px}
  .skd-renewal-domain__icon{width:72px}
  .skd-renewal-case__inner{grid-template-columns:1fr}
  .skd-renewal-case__icon{width:110px;justify-self:end;margin-top:-80px}
}

/* ---------- 18. LP制作 /services/lp/ ---------- */
.skd-page-hero__title--inline{display:flex;align-items:baseline;gap:14px}
.skd-page-hero__en{font-size:14px;font-style:italic;font-weight:500;opacity:.9}
/* 装飾の英字はH1の外（H1の文字列を日本語だけにするため）。H1の中にあったときと同じ見た目にそろえる */
.skd-page-hero__title-row{margin-top:2px}
.skd-page-hero__title-row>.skd-page-hero__title{margin-top:0}
.skd-page-hero__title-row>.skd-page-hero__en,.skd-page-hero__en--after{line-height:1.25;letter-spacing:.02em}
.skd-page-hero__pill--yellow{background:var(--skd-yellow)}
.skd-lp-hero{min-height:440px}
.skd-lp-hero__blob{position:absolute;z-index:0;left:-20%;bottom:-120px;width:150%;max-width:none;height:auto;transform:rotate(-14deg);pointer-events:none}
.skd-lp-hero__illust{position:absolute;z-index:1;left:14%;top:2%;width:74%;height:auto}

.skd-lp-intro{padding:28px 0 32px;text-align:center}
.skd-lp-intro__label{font-size:15px;font-weight:700;color:var(--skd-blue)}
.skd-lp-intro__answer{max-width:52em;margin:10px auto 0;font-size:16px;line-height:2;word-break:auto-phrase;text-wrap:pretty}
.skd-lp-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;text-align:left}
.skd-lp-uses__item{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:12px;background:var(--skd-bg-soft)}
.skd-lp-uses__icon{flex:none;width:72px;height:auto}
.skd-lp-uses__title{font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-lp-uses__item p{margin-top:4px;font-size:14px;line-height:1.8}

.skd-lp-approach{background:#faf8f3;border-radius:50% / 40px;padding:56px 0}
.skd-lp-approach__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.skd-lp-diagram{position:relative;container-type:inline-size}
.skd-lp-diagram__img{width:100%;height:auto}
/* I06の黄色い吹き出し（文字なし）にHTMLの文字を重ねる。位置はSVGの吹き出し中心に合わせた％指定 */
.skd-lp-diagram__labels{position:absolute;inset:0;pointer-events:none}
.skd-lp-diagram__label{position:absolute;width:30%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(10px,3cqw,15px);font-weight:700;line-height:1.35;color:var(--skd-navy)}
.skd-lp-diagram__label--1{left:77%;top:12.5%}
.skd-lp-diagram__label--2{left:79%;top:37.5%}
.skd-lp-diagram__label--3{left:79%;top:62%}
.skd-lp-diagram__label--4{left:83%;top:84%}
.skd-lp-approach__lead{margin-top:12px;font-size:15px;line-height:1.9}
.skd-lp-steps{display:grid;gap:14px;margin-top:20px}
.skd-lp-steps__item{display:grid;grid-template-columns:40px 64px 1fr;align-items:center;gap:14px}
.skd-lp-steps__num{font-size:26px;font-weight:700;color:var(--skd-blue)}
.skd-lp-steps__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#dcecf8}
.skd-lp-steps__icon img{width:36px;height:auto}
.skd-lp-steps__title{font-size:17px;font-weight:900;color:var(--skd-navy)}
.skd-lp-steps__item p{font-size:14px;line-height:1.7;color:var(--skd-text)}

.skd-lp-included{padding:48px 0 40px}
.skd-lp-included__list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.skd-lp-included__item{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:12px;background:var(--skd-bg-soft)}
.skd-lp-included__icon{flex:none;width:48px;height:auto}
.skd-lp-included__name{font-size:16px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-lp-included__item p{margin-top:4px;font-size:13px;line-height:1.8}
.skd-lp-included__note{margin-top:14px;text-align:center;font-size:13px;color:var(--skd-muted)}

.skd-lp-case{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--skd-blue);border-radius:50% / var(--skd-curve);padding:calc(var(--skd-curve) + 16px) 0 calc(var(--skd-curve) + 16px)}
.skd-lp-case__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px}
.skd-lp-case__title{margin-top:6px;font-size:clamp(26px,3.2vw,44px);font-weight:900;line-height:1.35}
.skd-lp-case__sub{margin:10px 0 24px;font-size:clamp(17px,1.6vw,22px);font-weight:700}
.skd-lp-case__visual{position:relative;isolation:isolate}
.skd-lp-case__blob{position:absolute;z-index:-1;left:4%;right:-10%;bottom:-18%;height:60%;border-radius:60% 40% 0 0 / 70% 60% 0 0;background:var(--skd-yellow)}
.skd-lp-case__illust{width:100%;height:auto}

@media (max-width:1024px){
  .skd-lp-hero{min-height:0;aspect-ratio:1.3;width:min(460px,100%);margin-inline:auto}
  .skd-lp-hero__blob{left:-10%;bottom:-20%;width:120%}
  .skd-lp-approach__inner{grid-template-columns:1fr}
  .skd-lp-diagram{width:min(520px,100%);margin-inline:auto}
  .skd-lp-included__list{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .skd-lp-intro{text-align:left}
  .skd-lp-intro__answer{font-size:15px;line-height:1.9}
  .skd-lp-uses{grid-template-columns:1fr;gap:12px}
  .skd-lp-uses__item{padding:16px}
  .skd-lp-uses__icon{width:56px}
  .skd-lp-approach{border-radius:50% / 20px;padding:40px 0}
  .skd-lp-included__list{grid-template-columns:1fr}
  .skd-lp-case__inner{grid-template-columns:1fr}
  .skd-lp-case__visual{width:min(360px,100%);margin-inline:auto}
  .skd-lp-case .skd-button{width:100%}
}
@media (max-width:480px){
  /* 小さい画面では吹き出し文字が読めなくなるため、図の下に番号付きで並べる */
  .skd-lp-diagram__labels{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;counter-reset:skd-lp-label}
  .skd-lp-diagram__label{position:static;width:auto;transform:none;padding:6px 10px;border-radius:999px;background:var(--skd-yellow);font-size:13px;counter-increment:skd-lp-label}
  .skd-lp-diagram__label br{display:none}
}

/* ---------- 19. 動線改善・サイト診断 /services/improvement/ ---------- */
.skd-heading--yellow-rule::after{content:"";display:block;width:64px;height:12px;margin:6px auto 0;background:url("../assets/00-shared/decorations/decoration-underline-yellow.svg") center/contain no-repeat}
.skd-improve-hero{min-height:420px}
.skd-improve-hero__blob{position:absolute;z-index:0;left:-2%;bottom:-120px;width:130%;max-width:none;height:auto;transform:rotate(-12deg);pointer-events:none}
.skd-improve-hero__illust{position:absolute;z-index:1;left:4%;top:6%;width:98%;height:auto}
.skd-improve-hero__free{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;font-size:15px;font-weight:700}
.skd-improve-hero__pill{display:inline-flex;align-items:baseline;gap:12px;padding:8px 24px;border:2px solid var(--skd-yellow);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;font-weight:900}
.skd-improve-hero__pill strong{color:var(--skd-yellow)}
.skd-improve-hero__pill strong{font-size:28px}

.skd-improve-intro{padding:20px 0 28px}
.skd-improve-intro__inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:start}
.skd-improve-intro__answer{font-size:17px;font-weight:500;line-height:1.95;color:var(--skd-navy);word-break:auto-phrase}
.skd-improve-intro__side{font-size:14px;line-height:1.9;color:var(--skd-muted)}

.skd-improve-causes__box{padding:36px 40px 32px;border-radius:20px;background:#faf6ea}
.skd-improve-causes__label{text-align:center;font-size:clamp(20px,2vw,26px);font-weight:900;color:var(--skd-navy)}
.skd-improve-causes__box .skd-heading{margin-top:4px;font-size:clamp(17px,1.5vw,20px);color:var(--skd-blue)}
.skd-improve-causes__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.skd-improve-causes__item{display:flex;align-items:flex-start;gap:18px;padding:22px;border-radius:12px;background:#fff}
.skd-improve-causes__icon{flex:none;width:72px;height:auto}
.skd-improve-causes__title{font-size:17px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-improve-causes__item p{margin-top:6px;font-size:13px;line-height:1.8;color:var(--skd-text)}
.skd-improve-causes__after{margin-top:20px;text-align:center;font-weight:700;color:var(--skd-navy)}

.skd-improve-view{padding:48px 0 32px}
.skd-improve-view__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:40px;align-items:center}
.skd-improve-view__lead{margin-top:10px;font-size:15px;line-height:1.9}
.skd-improve-view__list{margin-top:18px;border-top:1px solid var(--skd-line)}
.skd-improve-view__item{display:grid;grid-template-columns:36px 32px minmax(0,15em) 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--skd-line);font-size:13px;line-height:1.7;color:var(--skd-muted)}
.skd-improve-view__num{font-size:22px;font-weight:700;color:var(--skd-blue)}
.skd-improve-view__icon{width:30px;height:auto}
.skd-improve-view__name{font-size:14px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-improve-view__note{margin-top:10px;font-size:13px;color:var(--skd-muted)}
.skd-improve-view__photo{display:block;aspect-ratio:.9;overflow:hidden;border-radius:44% 56% 40% 60% / 38% 42% 58% 62%}
.skd-improve-view__photo img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}

.skd-improve-ok{padding:8px 0 40px}
.skd-improve-ok__box{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:28px;padding:24px 40px;border-radius:20px;background:var(--skd-yellow-soft)}
.skd-improve-ok__illust{width:140px;height:auto}
.skd-improve-ok__title{font-size:clamp(22px,2.2vw,30px);font-weight:900;color:var(--skd-navy)}
.skd-improve-ok__box p{margin-top:6px;font-size:15px;line-height:1.9}
.skd-improve-ok__bubble{position:relative;padding:14px 24px;border:2px solid var(--skd-blue);border-radius:50%;background:#fff;text-align:center;font-size:14px;font-weight:700;color:var(--skd-navy);line-height:1.6;transform:rotate(-4deg)}

.skd-improve-case{color:#fff;background:var(--skd-blue);border-radius:50% / var(--skd-curve);padding:calc(var(--skd-curve) + 8px) 0}
.skd-improve-case__inner{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:32px}
.skd-improve-case__inner>*+*{padding-left:32px;border-left:1px solid rgba(255,255,255,.35)}
.skd-improve-case__label-ja{font-size:28px;font-weight:900}
.skd-improve-case__name{font-size:17px;font-weight:700;line-height:1.5}
.skd-improve-case__num{display:flex;align-items:baseline;gap:12px;line-height:1.1}
.skd-improve-case__num span{font-size:18px;font-weight:700}
.skd-improve-case__num strong{font-size:clamp(48px,5vw,76px);font-weight:900;color:var(--skd-yellow)}
.skd-improve-case__compare{display:inline-block;margin-top:6px;padding:2px 14px;border:1px solid rgba(255,255,255,.7);border-radius:999px;font-size:13px}
.skd-improve-case__body p{font-size:15px;line-height:1.9;margin-bottom:14px}
.skd-improve-case__body .skd-button{color:var(--skd-navy)}

@media (max-width:1024px){
  .skd-improve-hero{min-height:0;aspect-ratio:1.55;width:min(520px,100%);margin-inline:auto}
  .skd-improve-intro__inner{grid-template-columns:1fr;gap:12px}
  .skd-improve-causes__list{grid-template-columns:1fr 1fr}
  .skd-improve-view__inner{grid-template-columns:1fr}
  .skd-improve-view__photo{width:min(420px,100%);margin-inline:auto;aspect-ratio:1.2}
  .skd-improve-ok__box{grid-template-columns:110px 1fr}
  .skd-improve-ok__illust{width:110px}
  .skd-improve-case__inner{grid-template-columns:1fr 1fr}
  .skd-improve-case__body{grid-column:1/-1;padding-left:0;border-left:0}
}
@media (max-width:820px){
  .skd-improve-hero__pill{font-size:17px;padding:8px 22px}
  .skd-improve-hero__pill strong{font-size:22px}
  .skd-improve-intro__answer{font-size:15px}
  .skd-improve-causes__box{padding:28px 16px}
  .skd-improve-causes__list{grid-template-columns:1fr;gap:10px}
  .skd-improve-causes__item{padding:16px;gap:14px}
  .skd-improve-causes__icon{width:52px}
  .skd-improve-view__item{grid-template-columns:30px 28px 1fr;row-gap:2px}
  .skd-improve-view__item p{grid-column:3}
  .skd-improve-ok__box{grid-template-columns:1fr;padding:24px 20px;justify-items:start}
  .skd-improve-case__inner{grid-template-columns:1fr;gap:16px}
  .skd-improve-case__inner>*+*{padding-left:0;border-left:0}
  .skd-improve-case__body .skd-button{width:100%}
}
.skd-page-hero--improve .skd-page-hero__inner{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
@media (max-width:1024px){ .skd-page-hero--improve .skd-page-hero__inner{grid-template-columns:1fr} }

/* ---------- 20. 保守・運用 /services/maintenance/ ---------- */
.skd-maint-hero{min-height:400px}
.skd-maint-hero__blob{position:absolute;z-index:0;left:-10%;top:0;width:130%;max-width:none;height:auto;transform:rotate(-8deg) scaleY(1.4);pointer-events:none}
.skd-maint-hero__illust{position:absolute;z-index:1;left:8%;top:12%;width:88%;height:auto}
.skd-page-hero__pill--yellow>small{font-size:14px;font-weight:700}
.skd-maint-plans-sec{padding:36px 0 32px}
.skd-maint-plans-sec__lead{text-align:center;font-size:15px;color:var(--skd-muted)}
.skd-maint-plans-sec .skd-maint-plans{margin-top:28px}
.skd-maint-plan__deco{align-self:flex-end;width:64px;height:auto;margin-top:12px;opacity:.9}
.skd-maint-plan__points--check li{padding-left:0;display:flex;align-items:flex-start;gap:8px}
.skd-maint-plan__points--check li::before{content:none}
.skd-maint-plan__check{flex:none;width:18px;height:auto;margin-top:.3em}
.skd-tax-inline{font-weight:400;font-size:13px;color:var(--skd-muted)}
.skd-heading--bar::before{content:"";display:block;width:48px;height:4px;margin-bottom:14px;border-radius:2px;background:var(--skd-yellow)}
.skd-maint-grow{padding:40px 0 32px}
.skd-maint-grow__top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.skd-maint-grow__body{margin-top:14px;font-size:15px;line-height:1.95}
.skd-maint-grow__photo{display:block;aspect-ratio:1.55;overflow:hidden;border-radius:52% 48% 40% 60% / 60% 50% 50% 40%}
.skd-maint-grow__photo img{width:100%;height:100%;object-fit:cover}
.skd-maint-grow__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.skd-maint-grow__item{display:flex;align-items:flex-start;gap:16px;padding:22px;border-radius:12px;background:var(--skd-bg-soft)}
.skd-maint-grow__icon{flex:none;width:56px;height:auto}
.skd-maint-grow__title{font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-maint-grow__item p{margin-top:4px;font-size:13px;line-height:1.8}
.skd-maint-terms{padding:16px 0 24px}
.skd-maint-terms__box{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start;padding:28px 40px;border-radius:16px;background:var(--skd-yellow-soft)}
.skd-maint-terms__illust{width:120px;height:auto}
.skd-maint-terms__title{font-size:22px;font-weight:900;color:var(--skd-navy)}
.skd-maint-terms__list{display:grid;gap:10px;margin-top:12px}
.skd-maint-terms__list>div{display:grid;grid-template-columns:22px auto 1fr;gap:4px 10px;align-items:start;font-size:14px;line-height:1.8}
.skd-maint-terms__check{width:20px;height:auto;margin-top:.25em}
.skd-maint-terms__list dt{font-weight:900;color:var(--skd-navy);white-space:nowrap}
.skd-maint-terms__more{display:grid;justify-items:center;gap:10px;margin-top:20px}
.skd-maint-terms__note{font-size:13px;color:var(--skd-muted)}
.skd-faq-section__illust{width:170px;height:auto;margin-top:16px}
@media (max-width:1024px){
  .skd-maint-hero{min-height:0;aspect-ratio:1.5;width:min(500px,100%);margin-inline:auto}
  .skd-maint-grow__top{grid-template-columns:1fr}
  .skd-maint-grow__list{grid-template-columns:1fr}
  .skd-faq-section__illust{display:none}
}
@media (max-width:820px){
  .skd-maint-terms__box{grid-template-columns:1fr;padding:24px 18px}
  .skd-maint-terms__illust{width:90px}
  .skd-maint-terms__list>div{grid-template-columns:22px 1fr}
  .skd-maint-terms__list dd{grid-column:2}
}
/* 保守ページのプランカード：カンプではおすすめを控えめな青枠（料金ページは黄枠のまま） */
.skd-maint-plans-sec .skd-maint-plan--rec{border-color:var(--skd-blue);box-shadow:0 6px 18px rgba(0,80,160,.12)}
.skd-maint-plans-sec .skd-maint-plan__name{font-size:22px}
.skd-maint-plans-sec .skd-maint-plan__price{font-size:36px}

/* ---------- 21. 補助金 /subsidy/ ---------- */
.skd-subsidy-hero{min-height:340px}
.skd-subsidy-hero__illust{position:absolute;left:10%;top:6%;width:80%;height:auto}
.skd-page-hero--subsidy .skd-page-hero__inner{min-height:360px}
.skd-subsidy-points{padding:24px 0 16px}
.skd-subsidy-points__box{padding:28px 36px;border-radius:18px;background:#faf6ea}
.skd-subsidy-points__title{text-align:left}
.skd-subsidy-points__title span{display:inline-block;padding:0 12px;font-size:24px;font-weight:900;color:var(--skd-navy);background:linear-gradient(transparent 60%,var(--skd-yellow) 60%)}
.skd-subsidy-points__program{margin-top:10px;font-size:15px;font-weight:700;color:var(--skd-navy)}
.skd-subsidy-points__figures{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;margin-top:16px}
.skd-subsidy-points__figures li{display:flex;align-items:center;gap:14px;padding:4px 20px}
.skd-subsidy-points__figures li:first-child{padding-left:0}
.skd-subsidy-points__figures li+li{border-left:1px solid #e3d9bd}
.skd-subsidy-points__icon{flex:none;width:64px;height:auto}
.skd-subsidy-points__k{font-size:14px;font-weight:700;color:var(--skd-navy)}
.skd-subsidy-points__v{font-size:clamp(18px,2vw,28px);font-weight:900;color:var(--skd-blue);line-height:1.4}
.skd-subsidy-points__warn{margin-top:16px;padding:14px 22px;border-radius:12px;background:#fff1c7}
.skd-subsidy-points__warn-title{font-size:18px;font-weight:900;color:#c62828}
.skd-subsidy-points__warn p+p{margin-top:2px;font-size:14px}
.skd-subsidy-points__dates{display:grid;grid-template-columns:1.3fr 1fr;margin-top:12px;padding:14px 22px;border-radius:12px;background:var(--skd-sky)}
.skd-subsidy-points__dates>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.skd-subsidy-points__dates>div+div{padding-left:20px;border-left:1px solid #b9dcf3}
.skd-subsidy-points__date-icon{grid-row:1/3;width:40px;height:auto}
.skd-subsidy-points__dates dt{font-size:13px;font-weight:700;color:var(--skd-navy)}
.skd-subsidy-points__dates dd{font-size:20px;font-weight:900;color:var(--skd-navy)}
.skd-subsidy-points__dates>div+div dt,.skd-subsidy-points__dates>div+div dd{grid-column:1/-1}
.skd-subsidy-points__role{margin-top:12px;font-size:14px;color:var(--skd-text)}
.skd-subsidy-sec{padding:36px 0 8px}
.skd-subsidy-sec__text{margin-top:12px;font-size:15px;line-height:1.9}
.skd-subsidy-q1{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
.skd-subsidy-scale{position:relative;padding:20px 24px;border-radius:14px;background:var(--skd-sky)}
.skd-subsidy-scale__icon{position:absolute;right:16px;top:-28px;width:72px;height:auto}
.skd-subsidy-scale__table{width:100%;border-collapse:collapse;font-size:15px}
.skd-subsidy-scale__table caption{text-align:left;font-weight:900;color:var(--skd-blue);padding-bottom:10px}
.skd-subsidy-scale__table th,.skd-subsidy-scale__table td{padding:12px 14px;background:#fff;border-bottom:4px solid var(--skd-sky)}
.skd-subsidy-scale__table th{text-align:left;font-weight:500}
.skd-subsidy-scale__table td{text-align:right;font-size:20px;font-weight:900;color:var(--skd-navy);white-space:nowrap}
.skd-subsidy-q2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.skd-subsidy-q2__note{margin-top:14px;padding:14px 18px;border-radius:10px;background:#faf6ea;font-size:13px;line-height:1.9}
.skd-subsidy-table{width:100%;border-collapse:collapse;font-size:15px}
.skd-subsidy-table th,.skd-subsidy-table td{padding:14px 18px;border-bottom:1px solid var(--skd-line);text-align:center}
.skd-subsidy-table thead th{background:var(--skd-sky);color:var(--skd-navy)}
.skd-subsidy-table tbody th{font-weight:700;color:var(--skd-navy)}
.skd-subsidy-table td{font-size:20px;font-weight:900;color:var(--skd-blue)}
.skd-subsidy-flow{display:grid;gap:8px;margin-top:20px}
.skd-subsidy-flow__item{display:grid;grid-template-columns:40px minmax(0,17em) 1fr;align-items:center;gap:18px;padding:10px 18px;border:1px solid var(--skd-line);border-radius:10px;font-size:14px;line-height:1.7}
.skd-subsidy-flow__num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--skd-blue);color:#fff;font-weight:700}
.skd-subsidy-flow__title{font-size:16px;font-weight:900;color:var(--skd-navy)}
.skd-subsidy-flow__item--alert{background:#fff4cc;border-color:#f0d27a}
.skd-subsidy-flow__item--alert .skd-subsidy-flow__num{background:var(--skd-yellow);color:var(--skd-navy)}
.skd-subsidy-flow__item--alert p{color:#c62828;font-weight:700}
.skd-subsidy-help{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.skd-subsidy-help__col{position:relative;padding:24px 28px 28px;border-radius:14px;background:#faf6ea;min-height:260px}
.skd-subsidy-help__title{font-size:22px;font-weight:900;color:var(--skd-navy)}
.skd-subsidy-help__list{display:grid;gap:8px;margin-top:14px;font-size:15px;max-width:70%}
.skd-subsidy-help__list li{display:flex;align-items:flex-start;gap:10px}
.skd-subsidy-help__check{flex:none;width:20px;height:auto;margin-top:.3em}
.skd-subsidy-help__no{flex:none;position:relative;width:20px;height:20px;margin-top:.25em;border-radius:50%;background:#e8b93a}
.skd-subsidy-help__no::before,.skd-subsidy-help__no::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:2px;background:#fff;transform:rotate(45deg)}
.skd-subsidy-help__no::after{transform:rotate(-45deg)}
.skd-subsidy-help__illust{position:absolute;right:20px;bottom:20px;width:26%;max-width:150px;height:auto}
.skd-subsidy-help__after{margin-top:16px;font-size:14px;line-height:1.9}
.skd-subsidy-source{padding:8px 0 32px}
.skd-subsidy-source__inner{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center}
.skd-subsidy-source__box{display:flex;gap:16px;padding:16px 22px;border:1px solid var(--skd-line);border-radius:12px;font-size:13px;line-height:1.8}
.skd-subsidy-source__icon{flex:none;width:40px;height:auto}
.skd-subsidy-source__box li+li{margin-top:4px}
@media (max-width:1024px){
  .skd-subsidy-hero{min-height:0;aspect-ratio:1.6;width:min(420px,100%);margin-inline:auto}
  .skd-subsidy-points__figures{grid-template-columns:1fr;gap:10px}
  .skd-subsidy-points__figures li{padding:0}
  .skd-subsidy-points__figures li+li{border-left:0}
  .skd-subsidy-q1,.skd-subsidy-q2{grid-template-columns:1fr;gap:24px}
  .skd-subsidy-source__inner{grid-template-columns:1fr}
}
@media (max-width:820px){
  .skd-subsidy-points__box{padding:22px 16px}
  .skd-subsidy-points__dates{grid-template-columns:1fr;gap:10px}
  .skd-subsidy-points__dates>div+div{padding-left:0;border-left:0;padding-top:10px;border-top:1px solid #b9dcf3}
  .skd-subsidy-flow__item{grid-template-columns:36px 1fr;row-gap:2px;padding:12px}
  .skd-subsidy-flow__item p{grid-column:2}
  .skd-subsidy-flow__num{width:36px;height:36px;grid-row:1/3}
  .skd-subsidy-help{grid-template-columns:1fr}
  .skd-subsidy-help__list{max-width:none}
  .skd-subsidy-help__illust{position:static;display:block;margin:12px 0 0 auto;width:110px}
  .skd-subsidy-help__col{min-height:0}
}

/* ---------- 22. 事例ページ /case-*/ ---------- */
.skd-case-hero{min-height:400px;display:grid;grid-template-rows:1fr;place-items:center}
.skd-case-hero>div{position:absolute;inset:0}
.skd-case-hero__blob{position:absolute;z-index:0;left:2%;top:50%;width:94%;max-width:none;height:auto;transform:translateY(-50%) rotate(-8deg) scaleY(1.45);pointer-events:none}
.skd-case-hero__figure{position:absolute;z-index:2;left:44%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;text-align:center;color:var(--skd-navy);line-height:1.2;white-space:nowrap}
.skd-case-hero__label{font-size:clamp(20px,2vw,30px);font-weight:900}
.skd-case-hero__num{font-size:clamp(60px,7vw,108px);font-weight:900;line-height:1.05}
.skd-case-hero__num small{font-size:.55em}
.skd-case-hero__note{font-size:14px;font-weight:700}
.skd-case-hero__asset{position:absolute;z-index:1;height:auto}
.skd-case-hero__asset--k03{right:0;bottom:6%;width:22%}
.skd-case-hero__asset--i18{right:-4%;bottom:0;width:48%}
.skd-case-hero__asset--i19{right:-2%;bottom:8%;width:46%}
.skd-page-hero--case-bar .skd-case-hero__figure,.skd-page-hero--case-pet .skd-case-hero__figure{left:34%;top:40%}
.skd-case-hero__lines{position:absolute;z-index:2;right:18%;top:2%;width:12%;height:auto}
.skd-case-hero__bubble{position:absolute;z-index:3;right:2%;top:2%;padding:14px 16px;border-radius:50%;background:#fff;color:var(--skd-navy);font-size:14px;font-weight:700;text-align:center;line-height:1.45;transform:rotate(8deg)}
.skd-page-hero--case .skd-page-hero__title{font-size:clamp(28px,3.3vw,48px)}
.skd-page-hero--case .skd-page-hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}

.skd-case-intro{padding:20px 0 16px}
.skd-case-intro__inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
.skd-case-intro--bar .skd-case-intro__inner{grid-template-columns:1fr;gap:20px}
.skd-case-intro__title{font-size:clamp(20px,2vw,26px);font-weight:900;color:var(--skd-navy);line-height:1.5;margin-bottom:12px;word-break:auto-phrase}
.skd-case-intro__answer{font-size:16px;line-height:2}
.skd-case-overview--card{padding:10px 22px;border:1px solid var(--skd-line);border-radius:12px;box-shadow:0 4px 14px rgba(6,40,90,.06)}
.skd-case-overview--card .skd-case-overview__row{display:grid;grid-template-columns:28px 3em 1fr;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--skd-line);font-size:14px}
.skd-case-overview--card .skd-case-overview__row:last-child{border-bottom:0}
.skd-case-overview__icon{width:28px;height:auto}
.skd-case-overview dt{font-weight:700;color:var(--skd-navy)}
.skd-case-overview dd{color:var(--skd-navy)}
.skd-case-overview--bar{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 8px;border:1px solid var(--skd-line);border-radius:12px}
.skd-case-overview--bar .skd-case-overview__row{display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:4px 18px;font-size:14px}
.skd-case-overview--bar .skd-case-overview__row+.skd-case-overview__row{border-left:1px solid var(--skd-line)}
.skd-case-overview--bar .skd-case-overview__icon{grid-row:1/3;width:40px}
.skd-case-overview--bar dd{font-weight:700}
.skd-case-overview--table{border:1px solid var(--skd-line);border-radius:10px;overflow:hidden;font-size:14px}
.skd-case-overview--table .skd-case-overview__row{display:grid;grid-template-columns:5em 1fr}
.skd-case-overview--table .skd-case-overview__row+.skd-case-overview__row{border-top:1px solid var(--skd-line)}
.skd-case-overview--table dt{padding:10px 14px;background:var(--skd-sky);text-align:center}
.skd-case-overview--table dd{padding:10px 14px}

.skd-case-sec{padding:36px 0 8px}
.skd-case-sec__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}
.skd-case-sec__title{display:flex;align-items:baseline;gap:18px;font-size:clamp(22px,2.4vw,32px);font-weight:900;color:var(--skd-navy)}
.skd-case-sec__num{position:relative;font-size:1.35em;font-weight:700;color:var(--skd-blue);line-height:1}
.skd-case-sec__num::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:8px;background:url("../assets/00-shared/decorations/decoration-underline-yellow.svg") left center/contain no-repeat}
.skd-case-sec__side{font-size:14px;color:var(--skd-blue);max-width:40em}
.skd-case-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.skd-case-problems--2{grid-template-columns:1fr 1fr}
.skd-case-problems__item{display:flex;align-items:flex-start;gap:16px;padding:22px 24px;border-radius:12px;background:#fdf8ec}
.skd-case-problems__icon{flex:none;width:60px;height:auto}
.skd-case-problems__title{font-size:17px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-case-problems__item p{margin-top:6px;font-size:14px;line-height:1.8}
.skd-case-actions-wrap{display:grid;grid-template-columns:1fr;gap:32px;margin-top:20px;align-items:center}
.skd-case-sec--actions-list-photo .skd-case-actions-wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.skd-case-actions--list,.skd-case-actions--list-photo{border-top:1px solid var(--skd-line)}
.skd-case-actions--list .skd-case-actions__item,.skd-case-actions--list-photo .skd-case-actions__item{display:grid;grid-template-columns:40px 72px minmax(0,17em) 1fr;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--skd-line);font-size:14px;line-height:1.8}
.skd-case-actions--list-photo .skd-case-actions__item{grid-template-columns:40px 56px 1fr;row-gap:2px}
.skd-case-actions--list-photo .skd-case-actions__item p{grid-column:3}
.skd-case-actions--list-photo .skd-case-actions__icon{grid-row:1/3}
.skd-case-actions--list-photo .skd-case-actions__num{grid-row:1/3}
.skd-case-actions__num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--skd-blue);color:#fff;font-weight:700;font-size:15px}
.skd-case-actions--list-photo .skd-case-actions__num{background:none;color:var(--skd-blue);font-size:22px;width:auto}
.skd-case-actions__icon{width:64px;height:auto}
.skd-case-actions__title{font-size:16px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-case-actions--cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.skd-case-actions--cards .skd-case-actions__item{position:relative;display:grid;justify-items:center;align-content:start;gap:10px;padding:26px 22px;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(6,40,90,.06);text-align:center;font-size:14px;line-height:1.8}
.skd-case-actions--cards .skd-case-actions__item:not(:last-child)::after{content:"";position:absolute;right:-20px;top:50%;width:10px;height:10px;border-top:2px solid var(--skd-blue);border-right:2px solid var(--skd-blue);transform:translateY(-50%) rotate(45deg)}
.skd-case-actions--cards .skd-case-actions__num{display:none}
.skd-case-actions--cards .skd-case-actions__title{font-size:18px}
.skd-case-sec--actions-cards{background:#faf8f3;border-radius:50% / 32px;padding:40px 0;margin-top:28px}
.skd-case-photo{display:grid;gap:6px}
.skd-case-photo__img{display:block;aspect-ratio:1.6;overflow:hidden;border-radius:46% 54% 40% 60% / 56% 50% 50% 44%}
.skd-case-photo__img img{width:100%;height:100%;object-fit:cover}
.skd-case-photo figcaption{font-size:12px;color:var(--skd-muted)}
.skd-case-photo--side .skd-case-photo__img{aspect-ratio:1.3;border-radius:50%}
.skd-case-photo--side figcaption{text-align:right}
.skd-case-photo-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:28px}
.skd-case-photo-block__title{font-size:clamp(19px,2vw,24px);font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-case-photo-block p{margin-top:10px;font-size:15px;line-height:1.95}
.skd-case-result__box{display:grid;grid-template-columns:120px auto 1fr;align-items:center;gap:28px;margin-top:20px;padding:28px 40px;border-radius:14px;background:#fdf3d0}
.skd-case-result__icon{width:110px;height:auto}
.skd-case-result__figure{display:grid;color:var(--skd-navy);line-height:1.1}
.skd-case-result__figure span{font-size:22px;font-weight:900}
.skd-case-result__figure strong{font-size:clamp(56px,6vw,88px);font-weight:900}
.skd-case-result__text{padding-left:28px;border-left:1px solid #e3cf8a;font-size:14px;line-height:1.9}
.skd-case-result__sub{font-size:19px;font-weight:900;color:var(--skd-blue)}
.skd-case-result__note{margin-top:6px;font-size:12px;color:var(--skd-muted)}
.skd-case-result--band{margin-top:28px;padding:calc(var(--skd-curve) + 8px) 0 calc(var(--skd-curve) + 8px);color:#fff;background:var(--skd-blue);border-radius:50% / var(--skd-curve)}
.skd-case-result--band .skd-case-sec__title,.skd-case-result--band .skd-case-sec__num{color:#fff}
.skd-case-result--band .skd-case-sec__num{opacity:.7}
.skd-case-result__items{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}
.skd-case-result__items li{display:grid;justify-items:center;align-content:start;gap:6px;padding:0 24px;text-align:center;font-size:14px;line-height:1.8}
.skd-case-result__items li+li{border-left:1px solid rgba(255,255,255,.35)}
.skd-case-result__item-icon{width:48px;height:auto;filter:brightness(0) saturate(100%) invert(88%) sepia(46%) saturate(700%) hue-rotate(348deg)}
.skd-case-result__item-fig{display:grid;line-height:1.3}
.skd-case-result__item-fig span{font-size:16px;font-weight:700}
.skd-case-result__item-fig strong{font-size:clamp(26px,2.6vw,36px);font-weight:900;color:var(--skd-yellow)}
.skd-case-result--band .skd-case-result__note{margin-top:18px;text-align:center;color:#fff;opacity:.9}
.skd-case-result__range{margin-top:20px;padding:28px 40px;border-radius:14px;background:#fdf3d0;text-align:center}
.skd-case-result__range-fig{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;color:var(--skd-navy)}
.skd-case-result__range-label{font-size:24px;font-weight:900}
.skd-case-result__range-fig strong{font-size:clamp(48px,6vw,88px);font-weight:900;line-height:1}
.skd-case-result__range-fig strong small{font-size:.35em;margin-left:4px}
.skd-case-result__range-fig strong+.skd-case-result__arrow+strong{color:var(--skd-blue)}
.skd-case-result__arrow{width:44px;height:6px;position:relative;background:var(--skd-blue)}
.skd-case-result__arrow::after{content:"";position:absolute;right:-4px;top:50%;width:18px;height:18px;border-top:6px solid var(--skd-blue);border-right:6px solid var(--skd-blue);transform:translateY(-50%) rotate(45deg)}
.skd-case-result__badge{padding:14px 26px;border-radius:50%;background:var(--skd-yellow);font-size:24px;font-weight:900}
.skd-case-result__badge b{font-size:1.5em}
.skd-case-result__range>p:last-child{margin-top:10px;font-size:15px}
.skd-case-closing{margin-top:32px;padding:40px 0;background:#faf8f3;border-radius:50% / 32px}
.skd-case-closing__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}
.skd-case-closing__body{margin-top:12px;font-size:15px;line-height:1.95}
.skd-case-closing__visual{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:12px}
.skd-case-closing__asset{height:auto}
.skd-case-closing__asset--1{width:52%}
.skd-case-closing__asset--2{width:30%}
.skd-case-end{padding:28px 0 8px}
.skd-case-end__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;position:relative}
.skd-case-end__buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.skd-case-end__updated{font-size:13px;color:var(--skd-muted);margin-left:auto}

@media (max-width:1024px){
  .skd-case-hero{min-height:0;aspect-ratio:1.5;width:min(520px,100%);margin-inline:auto}
  .skd-page-hero--case .skd-page-hero__inner{grid-template-columns:1fr}
  .skd-case-intro__inner{grid-template-columns:1fr;gap:20px}
  .skd-case-overview--bar{grid-template-columns:1fr 1fr;row-gap:12px}
  .skd-case-overview--bar .skd-case-overview__row:nth-child(3){border-left:0}
  .skd-case-problems{grid-template-columns:1fr}
  .skd-case-sec--actions-list-photo .skd-case-actions-wrap{grid-template-columns:1fr}
  .skd-case-photo--side{width:min(420px,100%);margin-inline:auto}
  .skd-case-actions--cards{grid-template-columns:1fr;gap:16px}
  .skd-case-actions--cards .skd-case-actions__item::after{display:none}
  .skd-case-result__box{grid-template-columns:90px 1fr}
  .skd-case-result__icon{width:90px}
  .skd-case-result__text{grid-column:1/-1;padding-left:0;border-left:0;padding-top:14px;border-top:1px solid #e3cf8a}
  .skd-case-closing__inner{grid-template-columns:1fr}
}
@media (max-width:820px){
  .skd-case-intro__answer{font-size:15px;line-height:1.9}
  .skd-case-overview--bar{grid-template-columns:1fr}
  .skd-case-overview--bar .skd-case-overview__row+.skd-case-overview__row{border-left:0;border-top:1px solid var(--skd-line);padding-top:10px}
  .skd-case-problems--2{grid-template-columns:1fr}
  .skd-case-actions--list .skd-case-actions__item{grid-template-columns:34px 48px 1fr;row-gap:2px}
  .skd-case-actions--list .skd-case-actions__item p{grid-column:3}
  .skd-case-actions--list .skd-case-actions__num,.skd-case-actions--list .skd-case-actions__icon{grid-row:1/3}
  .skd-case-actions__icon{width:48px}
  .skd-case-photo-block{grid-template-columns:1fr;gap:16px}
  .skd-case-result__box{padding:22px 18px;gap:16px}
  .skd-case-result__items{grid-template-columns:1fr;gap:20px}
  .skd-case-result__items li+li{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding-top:20px}
  .skd-case-result__range{padding:22px 14px}
  .skd-case-result__range-fig{gap:8px 12px}
  .skd-case-result__arrow{width:28px}
  .skd-case-end__buttons .skd-button{width:100%}
  .skd-case-end__updated{margin-left:0}
}

/* ---------- 23. 制作の流れ /flow/ ---------- */
.skd-mask-white{filter:brightness(0) invert(1)}
.skd-page-hero--flow .skd-page-hero__side,.skd-page-hero--faq .skd-page-hero__side{position:relative;align-self:stretch;min-height:240px}
.skd-flow-hero__lettering{position:absolute;left:0;top:6%;width:44%;height:auto}
.skd-flow-hero__plane{position:absolute;left:46%;top:4%;width:30%;height:auto}
.skd-flow-hero__path{position:absolute;left:10%;top:58%;width:80%;height:auto;opacity:.9}
.skd-flow-hero__note{position:absolute;right:-6%;top:0;width:100%;height:auto}
.skd-flow-hero__note-text{position:absolute;right:30%;top:28%;width:46%;height:auto;transform:rotate(-10deg)}
.skd-flow-steps-sec,.skd-flow-sec{padding:36px 0 12px;isolation:isolate}
.skd-flow-steps-sec__accent{margin-left:14px;color:var(--skd-blue)}
.skd-flow-steps-sec__lead{font-size:14px;color:var(--skd-muted);max-width:32em}
.skd-flow-steps{position:relative;display:grid;gap:12px;margin-top:24px}
.skd-flow-steps__item{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:20px}
.skd-flow-steps__item:not(:last-child)::before{content:"";position:absolute;left:25px;top:50%;height:calc(100% + 12px);width:2px;background:#b9dcf3;z-index:-1}
.skd-flow-steps__num{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--skd-blue);color:#fff;font-size:18px;font-weight:700}
.skd-flow-steps__card{display:grid;grid-template-columns:64px minmax(0,17em) 1fr;align-items:center;gap:20px;padding:14px 24px;border:1px solid var(--skd-line);border-radius:12px;background:#fff}
.skd-flow-steps__icon{width:64px;height:auto}
.skd-flow-steps__title{font-size:20px;font-weight:900;color:var(--skd-navy)}
.skd-flow-steps__badge{display:inline-block;margin-top:4px;padding:1px 12px;border-radius:999px;background:var(--skd-yellow);font-size:12px;font-weight:700;color:var(--skd-navy)}
.skd-flow-steps__text{padding-left:20px;border-left:1px solid var(--skd-line);font-size:14px;line-height:1.8}
.skd-flow-subsidy{padding:24px 0 8px}
.skd-flow-subsidy__box{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:24px;padding:20px 32px;border-radius:16px;background:var(--skd-yellow-soft)}
.skd-flow-subsidy__illust{width:110px;height:auto}
.skd-flow-subsidy__title{font-size:20px;font-weight:900;color:var(--skd-navy)}
.skd-flow-subsidy__box p{margin-top:4px;font-size:14px;line-height:1.8}
.skd-flow-prep{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.skd-flow-prep__item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:12px;background:var(--skd-bg-soft)}
.skd-flow-prep__icon{flex:none;width:44px;height:44px;object-fit:contain}
.skd-flow-prep__title{font-size:15px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-flow-prep__item p{font-size:12.5px;color:var(--skd-muted);line-height:1.7}
.skd-flow-period{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.skd-flow-period__item{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--skd-line);border-radius:12px}
.skd-flow-period__icon{flex:none;width:52px;height:auto}
.skd-flow-period__title{font-size:15px;font-weight:700;color:var(--skd-navy)}
.skd-flow-period__value{font-size:clamp(26px,2.6vw,34px);font-weight:900;color:var(--skd-blue);line-height:1.2}
.skd-flow-period__text{font-size:12.5px;color:var(--skd-muted)}
.skd-flow-comm{margin-top:32px;padding:44px 0;background:#fdf8ec;border-radius:50% / 32px}
.skd-flow-comm__inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:32px;align-items:center}
.skd-flow-comm__catch{font-size:clamp(22px,2.4vw,30px);font-weight:900;color:var(--skd-navy)}
.skd-flow-comm__h2{margin-top:2px;font-size:15px;font-weight:700;color:var(--skd-blue)}
.skd-flow-comm__lead{margin-top:6px;font-size:14px}
.skd-flow-comm__list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.skd-flow-comm__item{padding:18px;border-radius:12px;background:#fff;font-size:13px;line-height:1.8}
.skd-flow-comm__icon{width:36px;height:auto}
.skd-flow-comm__title{margin:6px 0 4px;font-size:15px;font-weight:900;color:var(--skd-navy)}
.skd-flow-comm__photo{display:block;aspect-ratio:1.2;overflow:hidden;border-radius:52% 48% 44% 56% / 50% 56% 44% 50%}
.skd-flow-comm__photo img{width:100%;height:100%;object-fit:cover}

/* ---------- 24. よくある質問 /faq/ ---------- */
.skd-faq-hero__illust{position:absolute;left:10%;top:50%;width:70%;height:auto;transform:translateY(-50%)}
.skd-faq-hero__plant{position:absolute;right:10%;bottom:6%;width:34%;height:auto}
.skd-faq-cats{padding:20px 0 8px}
.skd-faq-cats__list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.skd-faq-cats__link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:10px 16px;border:1.5px solid #b9dcf3;border-radius:12px;font-weight:700;color:var(--skd-navy);transition:background-color .2s}
.skd-faq-cats__link:hover{background:var(--skd-sky)}
.skd-faq-cats__icon{width:32px;height:auto}
.skd-faq-cats__link .skd-text-link__arrow{color:var(--skd-blue)}
.skd-faq-group{padding:32px 0 8px;scroll-margin-top:16px}
.skd-faq-group__inner{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.skd-faq-group__num{font-size:clamp(48px,5vw,72px);font-weight:700;color:#9fd0f0;line-height:1}
.skd-faq-group__title{margin-top:6px;font-size:22px;font-weight:900;color:var(--skd-navy)}
.skd-faq-group__icons{display:flex;align-items:flex-end;gap:6px;margin-top:16px}
.skd-faq-group__icon{width:80px;height:auto}
.skd-faq-group__icon+.skd-faq-group__icon{width:50px}
.skd-faq-more{padding:32px 0 8px}
.skd-faq-more__box{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:24px;padding:24px 36px;border-radius:16px;background:var(--skd-yellow-soft)}
.skd-faq-more__icon{width:84px;height:auto}
.skd-faq-more__title{font-size:22px;font-weight:900;color:var(--skd-navy)}
.skd-faq-more__box p{margin-top:4px;font-size:14px;line-height:1.8}

@media (max-width:1024px){
  .skd-page-hero--flow .skd-page-hero__side,.skd-page-hero--faq .skd-page-hero__side{display:none}
  .skd-flow-steps__card{grid-template-columns:52px 1fr}
  .skd-flow-steps__text{grid-column:1/-1;padding-left:0;border-left:0}
  .skd-flow-prep,.skd-flow-period{grid-template-columns:1fr 1fr}
  .skd-flow-comm__inner{grid-template-columns:1fr}
  .skd-flow-comm__photo{width:min(360px,100%);margin-inline:auto}
  .skd-faq-cats__list{grid-template-columns:1fr 1fr}
  .skd-faq-group__inner{grid-template-columns:1fr;gap:12px}
  .skd-faq-group__head{display:flex;align-items:center;gap:14px}
  .skd-faq-group__num{font-size:40px}
  .skd-faq-group__title{margin-top:0}
  .skd-faq-group__icons{margin:0 0 0 auto}
  .skd-faq-group__icon{width:48px}
  .skd-faq-group__icon+.skd-faq-group__icon{width:32px}
}
@media (max-width:820px){
  .skd-flow-steps__item{grid-template-columns:40px 1fr;gap:12px}
  .skd-flow-steps__item:not(:last-child)::before{left:19px}
  .skd-flow-steps__num{width:40px;height:40px;font-size:15px}
  .skd-flow-steps__card{padding:14px;gap:10px 12px;grid-template-columns:44px 1fr}
  .skd-flow-steps__icon{width:44px}
  .skd-flow-steps__title{font-size:16px}
  .skd-flow-subsidy__box{grid-template-columns:1fr;padding:22px 18px}
  .skd-flow-subsidy__illust{width:80px}
  .skd-flow-prep,.skd-flow-period,.skd-flow-comm__list{grid-template-columns:1fr}
  .skd-flow-comm{border-radius:50% / 20px}
  .skd-faq-cats__list{gap:8px}
  .skd-faq-cats__link{min-height:52px;font-size:14px;padding:8px}
  .skd-faq-more__box{grid-template-columns:1fr;padding:22px 18px}
  .skd-faq-more__icon{width:60px}
  .skd-faq-more__box .skd-button{width:100%}
}
.skd-page-hero--flow .skd-page-hero__catch,.skd-page-hero--faq .skd-page-hero__catch{font-size:clamp(18px,1.8vw,24px);white-space:nowrap}
@media (max-width:820px){ .skd-page-hero--flow .skd-page-hero__catch,.skd-page-hero--faq .skd-page-hero__catch{white-space:normal} }

/* ---------- 25. 事業者情報 /company/・代表プロフィール /about/ ---------- */
.skd-page-hero--company{padding:0}
.skd-company-hero__copy{position:relative;z-index:2;padding:28px 0 8px;text-align:center}
.skd-company-hero__copy .skd-page-hero__lead{margin-inline:auto}
.skd-company-hero__city{display:block;width:min(1400px,100%);height:auto;margin:-20px auto 0;pointer-events:none}
.skd-company-intro{padding:24px 0 8px}
.skd-company-intro__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}
.skd-company-intro__answer{font-size:17px;line-height:2;color:var(--skd-navy)}
.skd-company-intro__visual{position:relative}
.skd-company-intro__photo{display:block;aspect-ratio:1.6;overflow:hidden;border-radius:50% 50% 44% 56% / 56% 50% 50% 44%}
.skd-company-intro__photo img{width:100%;height:100%;object-fit:cover}
.skd-company-intro__lettering{position:absolute;right:-2%;bottom:-8%;width:26%;height:auto;pointer-events:none}
.skd-company-table-sec{padding:40px 0 16px}
.skd-info-table{width:100%;margin-top:20px;border-collapse:collapse;border:1px solid #b9dcf3;font-size:15px;line-height:1.8}
.skd-info-table th,.skd-info-table td{padding:13px 22px;border-bottom:1px solid #d6e9f6;text-align:left;vertical-align:top}
.skd-info-table th{width:12em;background:var(--skd-sky);font-weight:700;color:var(--skd-navy);white-space:nowrap}
.skd-info-table td a{color:var(--skd-blue);text-decoration:underline;overflow-wrap:anywhere}
.skd-info-table__link{display:inline-flex;align-items:center;gap:8px;margin-left:14px;font-size:14px;font-weight:700}
.skd-info-table--compact{font-size:14px}
.skd-info-table--compact th,.skd-info-table--compact td{padding:10px 20px}
.skd-company-cards{padding:28px 0 16px}
.skd-company-cards__list{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.skd-company-cards__item{padding:28px 32px;border-radius:14px;background:var(--skd-bg-soft)}
.skd-company-cards__icon{width:90px;height:auto;margin-bottom:10px}
.skd-company-cards__title{font-size:20px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-company-cards__item p{margin-top:8px;font-size:15px;line-height:1.9}

.skd-about-hero{min-height:400px}
.skd-about-hero__photo{position:absolute;right:-8%;top:4%;width:100%;aspect-ratio:1.45;overflow:hidden;border-radius:56% 44% 46% 54% / 56% 50% 50% 44%}
.skd-about-hero__photo img{width:100%;height:100%;object-fit:cover}
.skd-about-story{padding:40px 0 8px}
.skd-about-story__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.skd-about-story__inner--media{align-items:center}
.skd-about-story--3 .skd-about-story__inner--media{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.skd-about-story--3 .skd-about-story__media{order:-1}
.skd-about-story--2{background:#fdf8ec;margin-top:28px;padding:44px 0;border-radius:50% / 32px}
.skd-about-story__num{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--skd-blue)}
.skd-about-story__num::after{content:"";width:36px;height:1px;background:currentColor}
.skd-about-story__en{margin-top:4px;font-size:clamp(32px,3.6vw,50px);font-weight:900;color:var(--skd-blue);line-height:1.1}
.skd-about-story__title{margin-top:10px;font-size:20px;font-weight:900;color:var(--skd-navy)}
.skd-about-story__title--lg{font-size:clamp(24px,2.6vw,34px);line-height:1.4}
.skd-about-story__body{display:grid;gap:14px;font-size:15px;line-height:2}
.skd-about-story__text .skd-about-story__body{margin-top:14px}
.skd-about-story__head+.skd-about-story__body{padding-left:40px;border-left:1px solid var(--skd-line)}
.skd-about-story__illust{width:100%;max-width:460px;height:auto;margin-inline:auto}
.skd-about-story__photo{display:block;aspect-ratio:1.5;overflow:hidden;border-radius:54% 46% 50% 50% / 50% 54% 46% 50%}
.skd-about-story__photo img{width:100%;height:100%;object-fit:cover}
.skd-about-values{padding:40px 0 16px}
.skd-about-values__list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.skd-about-values__item{padding:22px 24px;border:1px solid var(--skd-line);border-radius:12px;text-align:center;font-size:14px;line-height:1.8}
.skd-about-values__head{display:flex;align-items:center;justify-content:center;gap:16px}
.skd-about-values__num{font-size:28px;font-weight:700;color:var(--skd-blue)}
.skd-about-values__icon{width:56px;height:56px;object-fit:contain}
.skd-about-values__title{margin:8px 0 6px;font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-about-profile{padding:32px 0 16px}
.skd-about-profile__link{margin-top:24px}

@media (max-width:1024px){
  .skd-company-intro__inner{grid-template-columns:1fr}
  .skd-company-intro__visual{width:min(460px,100%);margin-inline:auto}
  .skd-about-hero{min-height:0;aspect-ratio:1.5;width:min(520px,100%);margin-inline:auto}
  .skd-about-hero__photo{right:0}
  .skd-about-story__inner,.skd-about-story--3 .skd-about-story__inner--media{grid-template-columns:1fr;gap:20px}
  .skd-about-story--3 .skd-about-story__media{order:0}
  .skd-about-story__head+.skd-about-story__body{padding-left:0;border-left:0}
  .skd-about-story__media{width:min(420px,100%);margin-inline:auto}
}
@media (max-width:820px){
  .skd-company-hero__copy{text-align:left}
  .skd-company-hero__city{margin-top:0;width:160%;max-width:none;margin-left:-30%}
  .skd-company-intro__answer{font-size:15px}
  .skd-info-table,.skd-info-table tbody,.skd-info-table tr,.skd-info-table th,.skd-info-table td{display:block;width:100%}
  .skd-info-table th{padding:8px 14px;white-space:normal}
  .skd-info-table td{padding:10px 14px 14px}
  .skd-info-table__link{margin-left:0;margin-top:6px}
  .skd-company-cards__list{grid-template-columns:1fr}
  .skd-company-cards__item{padding:22px 18px}
  .skd-about-story--2{border-radius:50% / 20px;padding:36px 0}
  .skd-about-values__list{grid-template-columns:1fr}
}

/* ---------- 26. ブログ一覧 /blog/ ---------- */
.skd-blog-hero__side{position:relative;min-height:220px}
.skd-blog-hero__illust{position:absolute;left:0;top:50%;width:90%;height:auto;transform:translateY(-50%)}
.skd-blog-cats{padding:20px 0 8px}
.skd-blog-cats__list{display:flex;flex-wrap:wrap;gap:10px}
.skd-blog-cats__link{display:inline-flex;align-items:center;min-height:40px;padding:6px 20px;border:1.5px solid #b9dcf3;border-radius:999px;font-size:14px;font-weight:700;color:var(--skd-navy)}
.skd-blog-cats__link[aria-current="page"],.skd-blog-cats__link:hover{background:var(--skd-blue);border-color:var(--skd-blue);color:#fff}
.skd-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding:20px 0 40px}
.skd-blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.skd-blog-card__link{position:relative;display:grid;gap:8px;padding-bottom:40px}
.skd-blog-card__thumb{display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:10px;background:var(--skd-bg-soft)}
.skd-blog-card__thumb img{width:100%;height:100%;object-fit:cover}
.skd-blog-card__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--skd-muted)}
.skd-blog-card__title{font-size:17px;font-weight:900;color:var(--skd-navy);line-height:1.55}
.skd-blog-card__excerpt{font-size:14px;line-height:1.8;color:var(--skd-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.skd-blog-card__link .skd-circle-arrow{position:absolute;right:0;bottom:0}
.skd-blog-card__link:hover .skd-blog-card__title{color:var(--skd-blue)}
.skd-blog-banner{grid-column:1/-1;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;padding:18px 24px;border-radius:12px;background:var(--skd-yellow-soft)}
.skd-blog-banner__icon{width:56px;height:auto}
.skd-blog-banner__title{font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-blog-side{display:grid;gap:20px}
.skd-blog-side__cta{padding:22px;border-radius:14px;background:var(--skd-sky);font-size:14px;line-height:1.8}
.skd-blog-side__cta-title{font-size:20px;font-weight:900;color:var(--skd-navy);line-height:1.45;margin-bottom:8px}
.skd-blog-side__cta-visual{position:relative;width:110px;margin:10px 0 14px auto}
.skd-blog-side__cta-illust{width:100%;height:auto}
.skd-blog-side__cta-lines{position:absolute;left:-30px;top:0;width:30px;height:auto}
.skd-blog-side__cta .skd-button{width:100%}
.skd-blog-side__block{padding:4px 0 16px;border-bottom:1px solid var(--skd-line)}
.skd-blog-side__title{font-size:16px;font-weight:900;color:var(--skd-navy);margin-bottom:8px}
.skd-blog-side__list li{border-top:1px solid var(--skd-line)}
.skd-blog-side__list a{display:block;padding:10px 4px;font-size:14px;line-height:1.6;color:var(--skd-text)}
.skd-blog-side__list a:hover{color:var(--skd-blue)}
.skd-blog-side__text{font-size:13px;line-height:1.8;margin-bottom:8px}

/* ---------- 27. ブログ記事（各記事URL） ---------- */
.skd-article-hero__inner{padding:24px 0 12px;text-align:center}
.skd-article-hero__meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:8px;font-size:13px}
.skd-chip--white{background:#fff}
.skd-article-hero__title{max-width:28em;margin:10px auto 0;font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.45;word-break:auto-phrase;text-wrap:pretty}
.skd-page-hero--article{padding-bottom:40px}
.skd-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start;padding:24px 0 16px}
.skd-article{min-width:0}
.skd-article__inner{max-width:780px}
.skd-article__eyecatch img{width:100%;height:auto;border-radius:12px}
.skd-article-toc{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;margin:28px 0;padding:20px 24px;border-radius:12px;background:#fdf8ec}
.skd-article-toc__icon{grid-row:1/3;width:44px;height:auto}
.skd-article-toc__title{font-size:16px;font-weight:900;color:var(--skd-navy)}
.skd-article-toc__list{counter-reset:skd-toc;display:grid;gap:4px;font-size:14px}
.skd-article-toc__list li{counter-increment:skd-toc;display:flex;gap:8px}
.skd-article-toc__list li::before{content:counter(skd-toc) ".";color:var(--skd-blue);font-weight:700}
.skd-article-toc__list a{color:var(--skd-navy)}
.skd-article-toc__list a:hover{color:var(--skd-blue);text-decoration:underline}
/* 本文：投稿本文のHTMLに対するスタイルは .skd-article-body の中だけに限定（R08） */
.skd-article-body{font-size:16px;line-height:1.95;color:var(--skd-text)}
.skd-article-body>*+*{margin-top:1.2em}
.skd-article-body h2{margin-top:2.4em;padding:0 0 10px 16px;border-left:5px solid var(--skd-blue);border-bottom:1px solid var(--skd-line);font-size:clamp(20px,2.2vw,26px);font-weight:900;color:var(--skd-navy);line-height:1.5;scroll-margin-top:16px}
.skd-article-body h3{margin-top:1.8em;font-size:19px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-article-body ul,.skd-article-body ol{padding-left:1.4em}
.skd-article-body ul{list-style:disc}
.skd-article-body ol{list-style:decimal}
.skd-article-body li+li{margin-top:.4em}
.skd-article-body strong{font-weight:700;background:linear-gradient(transparent 65%,#fff1a8 65%)}
.skd-article-body a:not(.skd-button){color:var(--skd-blue);text-decoration:underline}
.skd-article-body figure img{height:auto;border-radius:8px}
.skd-article-body figcaption{margin-top:6px;font-size:13px;color:var(--skd-muted);text-align:center}
.skd-article-body table{display:block;overflow-x:auto;border-collapse:collapse;font-size:14px;line-height:1.7}
.skd-article-body th,.skd-article-body td{padding:10px 14px;border:1px solid var(--skd-line);min-width:8em;vertical-align:top}
.skd-article-body th{background:var(--skd-sky);color:var(--skd-navy);text-align:left}
.skd-article-body blockquote{padding:14px 20px;border-left:4px solid var(--skd-line);background:var(--skd-bg-soft)}
.skd-article-midcta{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;margin:2.2em 0;padding:18px 22px;border-radius:12px;background:var(--skd-yellow-soft)}
.skd-article-midcta__icon{width:56px;height:auto}
.skd-article-midcta__title{font-size:17px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-article-author{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;margin-top:40px;padding:22px;border-radius:12px;background:var(--skd-bg-soft);font-size:14px;line-height:1.8}
.skd-article-author__illust{width:90px;height:auto}
.skd-article-author__label{font-size:12px;color:var(--skd-muted)}
.skd-article-author__name{font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-article-author__name span{font-size:13px;font-weight:500;margin-left:6px}
.skd-article-sub-title{font-size:20px;font-weight:900;color:var(--skd-navy)}
.skd-article-links{margin-top:32px}
.skd-article-links__list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.skd-article-links__link{display:flex;align-items:center;gap:8px;height:100%;padding:12px;border:1px solid var(--skd-line);border-radius:10px;font-size:14px;font-weight:700;color:var(--skd-navy)}
.skd-article-links__link:hover{border-color:var(--skd-blue)}
.skd-article-links__icon{flex:none;width:32px;height:auto}
.skd-article-links__link span:nth-of-type(1){flex:1}
.skd-article-more{padding:32px 0 8px}
.skd-article-more__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.skd-article-more__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:14px}
.skd-article-more__card{display:grid;gap:8px}
.skd-article-more__thumb{position:relative;display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:10px;background:var(--skd-bg-soft)}
.skd-article-more__thumb img{width:100%;height:100%;object-fit:cover}
.skd-article-more__thumb--work img{object-position:top}
.skd-article-more__title{font-size:15px;font-weight:700;color:var(--skd-navy);line-height:1.6}

/* ---------- 28. プライバシーポリシー /privacy/・404 ---------- */
.skd-privacy-hero__side{position:relative;min-height:220px}
.skd-privacy-hero__illust{position:absolute;left:0;top:50%;width:80%;height:auto;transform:translateY(-50%)}
.skd-privacy{padding:24px 0 40px}
.skd-privacy__inner{width:min(900px,92%);margin-inline:auto;padding:36px 48px;border:1px solid var(--skd-line);border-radius:16px}
.skd-privacy__updated{text-align:right;font-size:13px;color:var(--skd-muted)}
.skd-privacy__intro{margin-top:10px;font-size:17px;font-weight:700;color:var(--skd-navy);line-height:1.9}
.skd-privacy__list{margin-top:20px}
.skd-privacy__item{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--skd-line)}
.skd-privacy__num{font-size:30px;font-weight:700;color:var(--skd-blue);line-height:1.1}
.skd-privacy__title{position:relative;padding-left:14px;font-size:18px;font-weight:900;color:var(--skd-navy)}
.skd-privacy__title::before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:3px;background:var(--skd-yellow)}
.skd-privacy__item p{margin-top:6px;font-size:15px;line-height:1.9}
.skd-privacy__contact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 28px;margin-top:12px;padding:20px 26px;border-radius:12px;background:var(--skd-sky)}
.skd-privacy__logo{width:160px;height:auto}
.skd-privacy__org p{margin-top:4px;font-size:13px;font-weight:700;color:var(--skd-navy)}
.skd-privacy__mail{display:flex;align-items:center;gap:10px;font-weight:700;overflow-wrap:anywhere}
.skd-privacy__mail-icon{flex:none;width:26px;height:auto}
.skd-privacy__mail a{color:var(--skd-navy)}
.skd-notfound{padding:24px 0 64px}
.skd-notfound__inner{display:grid;justify-items:center;text-align:center;gap:12px}
.skd-notfound__illust{width:min(420px,80%);height:auto}
.skd-notfound__title{font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--skd-navy);word-break:auto-phrase}
.skd-notfound__body{font-size:15px;line-height:1.9;max-width:34em}
.skd-notfound__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}

@media (max-width:1024px){
  .skd-page-hero--blog .skd-page-hero__side,.skd-page-hero--privacy .skd-page-hero__side{display:none}
  .skd-blog-layout{grid-template-columns:1fr}
  .skd-article-links__list{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .skd-blog-grid{grid-template-columns:1fr}
  .skd-blog-banner{grid-template-columns:44px 1fr;padding:16px}
  .skd-blog-banner__icon{width:44px}
  .skd-blog-banner .skd-button{grid-column:1/-1;width:100%}
  .skd-article-hero__inner{text-align:left}
  .skd-article-hero__meta{justify-content:flex-start}
  .skd-article-midcta{grid-template-columns:44px 1fr;padding:16px}
  .skd-article-midcta__icon{width:44px}
  .skd-article-midcta .skd-button{grid-column:1/-1;width:100%}
  .skd-article-author{grid-template-columns:64px 1fr}
  .skd-article-author__illust{width:64px}
  .skd-article-author .skd-button{grid-column:1/-1;width:100%}
  .skd-article-more__grid{grid-template-columns:1fr}
  .skd-privacy__inner{padding:22px 16px}
  .skd-privacy__item{grid-template-columns:44px 1fr;gap:12px}
  .skd-privacy__num{font-size:22px}
  .skd-privacy__contact{grid-template-columns:1fr;padding:18px}
  .skd-notfound__links{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .skd-notfound__links .skd-button{width:100%;padding-inline:12px}
}
@media (max-width:480px){
  /* 月商の変化はSPで縦に積み、矢印を下向きに */
  .skd-case-result__range-fig{flex-direction:column;gap:6px}
  .skd-case-result__arrow{width:6px;height:28px}
  .skd-case-result__arrow::after{right:auto;left:50%;top:auto;bottom:-4px;width:16px;height:16px;border-width:0 6px 6px 0;border-style:solid;border-color:var(--skd-blue);border-top:0;border-right:6px solid var(--skd-blue);transform:translateX(-50%) rotate(45deg)}
}
@media (max-width:480px){
  .skd-faq-cats__link{gap:6px;font-size:13px;padding:8px 6px}
  .skd-faq-cats__link .skd-text-link__arrow{display:none}
  .skd-faq-cats__icon{width:24px}
}
@media (max-width:820px){ .skd-privacy__contact .skd-button{width:100%;padding-inline:16px} }

/* =========================================================
   29. 演出（モーション）
   - 位置・透明度・拡大率のみを動かす（レイアウトを動かさない）
   - 既存の transform と重ならないよう、動きは個別プロパティ translate / scale / rotate を使う
   - 「視差効果を減らす」設定では一切動かさない
   ========================================================= */
@keyframes skd-rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes skd-rise-sm{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes skd-pop-in{0%{opacity:0;scale:.7}70%{opacity:1;scale:1.04}100%{opacity:1;scale:1}}
@keyframes skd-breathe{0%,100%{scale:1}50%{scale:1.035}}
@keyframes skd-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes skd-sway{0%,100%{rotate:0deg}50%{rotate:-3deg}}
@keyframes skd-pop{0%{scale:1}35%{scale:1.14;rotate:-6deg}65%{scale:.96;rotate:3deg}100%{scale:1;rotate:0deg}}
@keyframes skd-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes skd-ring{0%{box-shadow:0 0 0 0 rgba(255,227,106,.75)}70%{box-shadow:0 0 0 14px rgba(255,227,106,0)}100%{box-shadow:0 0 0 0 rgba(255,227,106,0)}}
@keyframes skd-menu-in{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}

/* ---- ホバーの細かな動き（動きが小さいため常時有効。視差軽減時は下で無効化） ---- */
.skd-button{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,background-color .2s,scale .15s}
.skd-button::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);translate:-120% 0;transition:translate .7s ease;pointer-events:none}
.skd-button:hover::after{translate:120% 0}
.skd-button:active{scale:.97}
.skd-button__arrow,.skd-text-link__arrow{transition:translate .25s ease}
.skd-button:hover .skd-button__arrow,.skd-text-link:hover .skd-text-link__arrow,a:hover>.skd-text-link__arrow{translate:4px 0}
.skd-text-link{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .3s ease,color .2s}
.skd-text-link:hover{background-size:100% 1px}
.skd-circle-arrow{transition:background-color .25s,scale .25s}
a:hover .skd-circle-arrow{background:var(--skd-navy);scale:1.1}
a:hover .skd-circle-arrow::after{animation:skd-rise-sm .35s ease}
/* サムネイルはゆっくり拡大 */
:is(.skd-home-works__thumb,.skd-work-card__thumb,.skd-blog-card__thumb,.skd-article-more__thumb,.skd-related__thumb:not(.skd-related__thumb--icon)) img{transition:scale .7s cubic-bezier(.2,.7,.2,1)}
:is(.skd-home-works__item,.skd-work-card,.skd-blog-card__link,.skd-article-more__card,.skd-related__link):hover :is(.skd-home-works__thumb,.skd-work-card__thumb,.skd-blog-card__thumb,.skd-article-more__thumb,.skd-related__thumb) img{scale:1.06}
/* カード・タイルは少し浮く */
:is(.skd-service-card__link,.skd-related__link,.skd-lp-uses__item,.skd-improve-causes__item,.skd-renewal-pains__item,.skd-flow-prep__item,.skd-maint-grow__item,.skd-case-problems__item,.skd-contact-points__item,.skd-price-plan,.skd-maint-plan,.skd-flow-period__item,.skd-about-values__item,.skd-company-cards__item,.skd-lp-included__item,.skd-home-voices__item,.skd-faq-cats__link,.skd-article-links__link){transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
:is(.skd-lp-uses__item,.skd-improve-causes__item,.skd-renewal-pains__item,.skd-flow-prep__item,.skd-maint-grow__item,.skd-case-problems__item,.skd-contact-points__item,.skd-price-plan,.skd-maint-plan,.skd-flow-period__item,.skd-about-values__item,.skd-company-cards__item,.skd-lp-included__item,.skd-home-voices__item,.skd-faq-cats__link,.skd-article-links__link):hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(6,40,90,.1)}
/* アイコンがぴょこっと弾む */
:is(.skd-service-card__link,.skd-related__link,.skd-home-services__link,.skd-lp-uses__item,.skd-improve-causes__item,.skd-renewal-pains__item,.skd-svc-included__item,.skd-flow-prep__item,.skd-maint-grow__item,.skd-case-problems__item,.skd-home-reasons__item,.skd-home-flow__item,.skd-contact-points__item,.skd-flow-steps__card,.skd-lp-steps__item,.skd-about-values__item,.skd-home-trust__item,.skd-faq-cats__link,.skd-article-links__link,.skd-case-actions__item,.skd-svc-approach__item,.skd-services-support__point):hover :is(img[class*="icon"],[class*="__icon"]>img){animation:skd-pop .6s ease}

@media (prefers-reduced-motion:no-preference){
  /* ---- ページ間の切り替え（対応ブラウザのみ） ---- */
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}

  /* ---- ページ表示時：ヒーロー ---- */
  .skd-js .skd-header__inner>*{animation:skd-rise-sm .6s cubic-bezier(.2,.7,.2,1) both}
  .skd-js .skd-header__nav{animation-delay:.08s}
  .skd-js .skd-header__cta{animation:skd-rise-sm .6s .16s cubic-bezier(.2,.7,.2,1) both,skd-ring 2.6s 3s ease-out infinite}
  .skd-js :is(.skd-home-hero__copy,.skd-page-hero__copy,.skd-company-hero__copy,.skd-article-hero__inner)>*{animation:skd-rise .9s cubic-bezier(.2,.7,.2,1) both}
  .skd-js :is(.skd-home-hero__copy,.skd-page-hero__copy,.skd-company-hero__copy,.skd-article-hero__inner)>:nth-child(2){animation-delay:.1s}
  .skd-js :is(.skd-home-hero__copy,.skd-page-hero__copy,.skd-company-hero__copy,.skd-article-hero__inner)>:nth-child(3){animation-delay:.2s}
  .skd-js :is(.skd-home-hero__copy,.skd-page-hero__copy,.skd-company-hero__copy,.skd-article-hero__inner)>:nth-child(4){animation-delay:.3s}
  .skd-js :is(.skd-home-hero__copy,.skd-page-hero__copy,.skd-company-hero__copy,.skd-article-hero__inner)>:nth-child(n+5){animation-delay:.4s}
  /* 黄色い面：ぽんっと膨らんでから、ゆっくり呼吸 */
  .skd-js [class*="hero__blob"]{animation:skd-pop-in 1.1s .15s cubic-bezier(.3,1.4,.5,1) both,skd-breathe 9s 1.4s ease-in-out infinite}
  /* 写真：ふわっと拡大しながら表示 */
  .skd-js :is([class*="hero__photo"],.skd-about-hero__photo,.skd-services-hero__photo){animation:skd-pop-in 1.1s .25s cubic-bezier(.2,.8,.2,1) both}
  /* イラスト：浮かび上がってから、ゆっくり上下に揺れる */
  .skd-js :is([class*="hero__illust"],.skd-home-hero__desk,.skd-case-hero__asset,.skd-price-hero__calc,.skd-price-hero__note,.skd-price-hero__plant,.skd-flow-hero__plane,.skd-flow-hero__note,.skd-faq-hero__plant,.skd-notfound__illust){animation:skd-rise 1s .35s cubic-bezier(.2,.7,.2,1) both,skd-float 7s 1.5s ease-in-out infinite}
  .skd-js .skd-price-hero__note,.skd-js .skd-flow-hero__plane{animation-delay:.5s,2.2s}
  .skd-js .skd-price-hero__plant,.skd-js .skd-case-hero__asset{animation-delay:.6s,2.8s}
  /* 手書き文字・数字・吹き出し */
  .skd-js :is(.skd-home-hero__lettering,.skd-flow-hero__lettering,.skd-services-hero__lettering,.skd-flow-hero__note-text){animation:skd-rise .9s .7s both,skd-sway 6s 2s ease-in-out infinite}
  .skd-js .skd-case-hero__figure{animation:skd-pop-in .9s .45s cubic-bezier(.3,1.4,.5,1) both}
  .skd-js :is(.skd-case-hero__bubble,.skd-improve-ok__bubble){animation:skd-pop-in .8s .9s cubic-bezier(.3,1.5,.5,1) both,skd-sway 5s 2s ease-in-out infinite}
  .skd-js :is(.skd-case-hero__lines,.skd-flow-hero__path){animation:skd-draw .9s 1s ease both}
  .skd-js .skd-company-hero__city{animation:skd-rise 1.2s .3s cubic-bezier(.2,.7,.2,1) both}

  /* ---- スクロールで現れる（JSが .is-inview を付ける。セレクタは skd-main.js と同じ） ---- */
  /* 対象の条件は :where() で詳細度0にまとめ、表示の指定（.is-inview）が常に勝つようにする */
  .skd-js main :where(.container:not(.skd-article-layout,.skd-blog-layout)>:not(ul,ol,.skd-visually-hidden):not(:is(.skd-page-hero,.skd-home-hero,.skd-breadcrumb) *)),
  .skd-js main :where(:is([class*="__list"],[class*="__grid"],[class*="__cards"],.skd-faq,.skd-maint-plans,.skd-price-plans,.skd-flow-steps,.skd-case-actions,.skd-case-problems,.skd-case-result__items,.container)>:is(li,details):not(:is(.skd-page-hero,.skd-home-hero,.skd-breadcrumb) *)){
    opacity:0;translate:0 26px;
    transition:opacity .8s cubic-bezier(.2,.7,.2,1) calc(var(--skd-i,0) * 90ms),translate .8s cubic-bezier(.2,.7,.2,1) calc(var(--skd-i,0) * 90ms),transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;
  }
  .skd-js main .is-inview{opacity:1;translate:0 0}
  /* 表示後はホバーの浮き上がりを優先（時間差を外す） */
  .skd-js main .is-inview:hover{transition-delay:0s}
  /* 見出しの下線は描くように伸びる */
  .skd-js :is(.is-inview .skd-underline,.is-inview.skd-underline)::after,
  .skd-js :is(.is-inview .skd-heading--rule,.is-inview.skd-heading--rule)::after,
  .skd-js :is(.is-inview .skd-heading--yellow-rule,.is-inview.skd-heading--yellow-rule)::after,
  .skd-js .is-inview .skd-case-sec__num::after{animation:skd-draw .9s .35s cubic-bezier(.6,0,.2,1) both}
  /* CTAのノートとイラストはゆっくり揺れる */
  .skd-cta__visual{animation:skd-float 7s ease-in-out infinite}
  .skd-home-about__lettering,.skd-company-intro__lettering{animation:skd-sway 6s ease-in-out infinite}

  /* ---- FAQの開閉をなめらかに（対応ブラウザのみ） ---- */
  @supports (interpolate-size:allow-keywords){
    :root{interpolate-size:allow-keywords}
    .skd-faq__item::details-content{height:0;overflow:clip;transition:height .35s cubic-bezier(.2,.7,.2,1),content-visibility .35s allow-discrete}
    .skd-faq__item[open]::details-content{height:auto}
  }
  .skd-faq__item{transition:border-color .2s,box-shadow .2s}
  .skd-faq__item:hover{border-color:#9ccbeb}
  .skd-faq__item[open]{box-shadow:0 6px 18px rgba(6,40,90,.07)}

  /* ---- スマホメニュー ---- */
  .skd-sp-menu:not([hidden]){animation:skd-menu-in .35s cubic-bezier(.2,.7,.2,1) both}
  .skd-sp-menu:not([hidden]) .skd-sp-menu__list>li{animation:skd-rise-sm .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--skd-i,0) * 35ms + 60ms)}

  /* ---- 記事の太字マーカーはスクロールに合わせて引かれる（CSSのみ・対応ブラウザのみ） ---- */
  @supports (animation-timeline:view()){
    .skd-article-body strong{background:linear-gradient(#fff1a8,#fff1a8) left 88%/0% 38% no-repeat;animation:skd-marker linear both;animation-timeline:view();animation-range:entry 30% cover 40%}
  }
}
@keyframes skd-marker{from{background-size:0% 38%}to{background-size:100% 38%}}

@media (prefers-reduced-motion:reduce){
  .skd-button::after{display:none}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ---------- 30. 動線改善ページの申込ボタン ---------- */
.skd-improve-ok__side{display:grid;justify-items:center;gap:14px}
@media (max-width:1024px){ .skd-improve-ok__side{grid-column:1/-1;justify-self:stretch} }
@media (max-width:820px){ .skd-improve-ok__side .skd-button,.skd-page-hero--improve .skd-page-hero__actions .skd-button{width:100%} }

.skd-page-hero--improve .skd-page-hero__catch--xl{font-size:clamp(28px,3.3vw,46px)}

/* ---------- 31. 先頭へ戻るボタン ---------- */
.skd-top-sentinel{position:absolute;top:0;left:0;width:1px;height:100vh;pointer-events:none}
.skd-totop{
  --skd-size:64px;
  position:fixed;right:24px;bottom:24px;z-index:35;width:var(--skd-size);height:var(--skd-size);padding:0;border:0;border-radius:50%;
  background:#fff;box-shadow:0 10px 26px rgba(0,40,90,.22);cursor:pointer;
  opacity:0;visibility:hidden;translate:0 16px;scale:.7;
  transition:opacity .35s,visibility .35s,translate .45s cubic-bezier(.3,1.4,.5,1),scale .45s cubic-bezier(.3,1.4,.5,1),box-shadow .3s;
}
.skd-totop.is-visible{opacity:1;visibility:visible;translate:0 0;scale:1}
.skd-totop:hover{box-shadow:0 14px 32px rgba(0,40,90,.3)}
.skd-totop:focus-visible{outline:3px solid var(--skd-yellow);outline-offset:4px}
/* 外周：読み進めた量のリング（CSSのみ。非対応ブラウザは薄い輪のみ） */
@property --skd-progress{syntax:"<number>";inherits:false;initial-value:0}
.skd-totop__ring{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(var(--skd-blue) calc(var(--skd-progress) * 1turn),#dcecf8 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}
.skd-totop__face{position:absolute;inset:8px;display:grid;place-items:center;align-content:center;gap:1px;border-radius:50%;background:var(--skd-yellow);color:var(--skd-navy);transition:scale .3s cubic-bezier(.3,1.4,.5,1),background-color .3s}
.skd-totop__arrow{width:14px;height:14px;border-top:3px solid currentColor;border-left:3px solid currentColor;border-radius:2px;rotate:45deg;translate:0 3px}
.skd-totop__text{font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1}
.skd-totop:hover .skd-totop__face{scale:1.08;background:#ffd84a}
.skd-totop:active .skd-totop__face{scale:.94}
@media (max-width:820px){
  .skd-totop{--skd-size:56px;right:14px;bottom:16px}
  /* SP固定バーがあるページはバーの上に置く */
  .skd-page:has(.skd-mobile-bar) .skd-totop{bottom:calc(76px + env(safe-area-inset-bottom))}
}

@media (prefers-reduced-motion:no-preference){
  @keyframes skd-arrow-bob{0%,100%{translate:0 3px}50%{translate:0 -2px}}
  @keyframes skd-launch{0%{translate:0 0}30%{translate:0 6px}100%{translate:0 -140px;opacity:0}}
  @keyframes skd-progress{from{--skd-progress:0}to{--skd-progress:1}}
  @keyframes skd-read{from{scale:0 1}to{scale:1 1}}
  .skd-totop:hover .skd-totop__arrow{animation:skd-arrow-bob .8s ease-in-out infinite}
  .skd-totop.is-launch .skd-totop__face{animation:skd-launch .8s cubic-bezier(.5,0,.6,1) both}
  @supports (animation-timeline:scroll()){
    .skd-totop__ring{animation:skd-progress linear both;animation-timeline:scroll(root)}
    .skd-header::after{animation:skd-read linear both;animation-timeline:scroll(root)}
  }
  /* SPのメニューボタン：押すと弾む */
  .skd-header__menu-btn{transition:scale .2s,box-shadow .2s}
  .skd-header__menu-btn:active{scale:.92}
  .skd-header__menu-btn[aria-expanded="true"]{box-shadow:0 0 0 4px rgba(255,227,106,.7)}
}
@media (prefers-reduced-motion:reduce){ .skd-totop__ring{background:#dcecf8} }

/* ---------- 32. ブログ記事のサイドバー ---------- */
.skd-article-side{display:grid;gap:28px;align-content:start;height:100%}
.skd-article-side__block{padding:20px;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(6,40,90,.07)}
.skd-article-side__title{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:16px;font-weight:900;color:var(--skd-navy)}
.skd-article-side__mark{flex:none;width:10px;height:10px;border-radius:50%;background:var(--skd-yellow);box-shadow:0 0 0 4px #fff3b8}
.skd-article-side__mark--star{border-radius:2px;rotate:45deg;background:var(--skd-blue);box-shadow:0 0 0 4px #dcecf8}
.skd-side-rank{display:grid;gap:14px;counter-reset:none}
.skd-side-rank__link{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}
.skd-side-rank__thumb{position:relative;display:block;aspect-ratio:1200/630;border-radius:8px;overflow:visible}
.skd-side-rank__thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:scale .5s cubic-bezier(.2,.7,.2,1)}
.skd-side-rank__no{position:absolute;left:-8px;top:-8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--skd-sky);color:var(--skd-blue);font-size:13px;font-weight:900;box-shadow:0 2px 6px rgba(0,40,90,.15)}
.skd-side-rank__no--1{background:var(--skd-yellow);color:var(--skd-navy)}
.skd-side-rank__no--2{background:var(--skd-blue);color:#fff}
.skd-side-rank__no--3{background:#ffd3bd;color:var(--skd-navy)}
.skd-side-rank__body{display:grid;gap:4px}
.skd-side-rank__title{font-size:13px;font-weight:700;line-height:1.55;color:var(--skd-navy);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.skd-side-rank__date{font-size:11px;color:var(--skd-muted)}
.skd-side-rank__link:hover .skd-side-rank__title{color:var(--skd-blue)}
.skd-side-rank__link:hover img{scale:1.06}
.skd-side-rank__link[aria-current="page"] .skd-side-rank__title::before{content:"表示中";display:inline-block;margin-right:6px;padding:0 6px;border-radius:4px;background:var(--skd-sky);color:var(--skd-blue);font-size:10px;vertical-align:1px}
.skd-side-pick{display:grid;gap:14px}
.skd-side-pick__card{display:grid;gap:6px}
.skd-side-pick__thumb{display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:10px}
.skd-side-pick__thumb img{width:100%;height:100%;object-fit:cover;transition:scale .5s cubic-bezier(.2,.7,.2,1)}
.skd-side-pick__card .skd-chip{justify-self:start;font-size:11px}
.skd-side-pick__title{font-size:14px;font-weight:700;line-height:1.55;color:var(--skd-navy)}
.skd-side-pick__card:hover img{scale:1.06}
.skd-side-pick__card:hover .skd-side-pick__title{color:var(--skd-blue)}
.skd-side-cats li+li{border-top:1px solid var(--skd-line)}
.skd-side-cats a{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;font-size:14px;font-weight:700;color:var(--skd-navy)}
.skd-side-cats a:hover{color:var(--skd-blue)}
/* 追従するまとまり（目次・人気記事の簡易版・無料診断）。ヘッダーが隠れている間は上へ詰める */
.skd-article-side__sticky{position:sticky;top:96px;display:grid;gap:16px;max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;transition:top .45s cubic-bezier(.2,.7,.2,1)}
body:has(.skd-header.is-hidden) .skd-article-side__sticky{top:24px;max-height:calc(100vh - 40px)}
.skd-article-side__cta{display:grid;justify-items:center;gap:8px;padding:22px 20px;border-radius:16px;background:var(--skd-yellow-soft);text-align:center;font-size:13px;line-height:1.8}
.skd-article-side__cta-icon{width:42px;height:auto}
.skd-article-side__cta-title{font-size:16px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-article-side__cta .skd-button{width:100%;margin-top:4px;padding-inline:16px}
@media (max-width:1024px){
  .skd-article-layout{grid-template-columns:1fr;gap:32px}
  .skd-article__inner{margin-inline:auto}
  .skd-article-side{grid-template-columns:1fr 1fr;height:auto;max-width:780px;width:100%;margin-inline:auto}
  .skd-article-side__sticky{position:static;max-height:none;overflow:visible}
  .skd-side-toc{display:none}
}
@media (max-width:820px){
  .skd-article-side{grid-template-columns:1fr}
}

/* ---------- 33. 記事の回遊：本文中の記事カード・前後の記事・追従目次 ---------- */
.skd-article-body .skd-inline-post{margin:2.2em 0}
.skd-inline-post__link{position:relative;display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center;padding:30px 20px 18px;border:2px solid #cfe6f7;border-radius:16px;background:#f5faff;color:var(--skd-navy);text-decoration:none;transition:translate .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.skd-inline-post--pick .skd-inline-post__link{border-color:#f5dd84;background:#fffbea}
.skd-inline-post__link:hover{translate:0 -4px;box-shadow:0 12px 26px rgba(6,40,90,.12);border-color:var(--skd-blue)}
.skd-inline-post--pick .skd-inline-post__link:hover{border-color:#e8c440}
.skd-inline-post__label{position:absolute;left:16px;top:-14px;display:inline-flex;align-items:center;gap:8px;padding:3px 14px;border-radius:999px;background:var(--skd-blue);color:#fff;font-size:13px;font-weight:700;line-height:1.6}
.skd-inline-post--pick .skd-inline-post__label{background:var(--skd-yellow);color:var(--skd-navy)}
.skd-inline-post__mark{width:8px;height:8px;border-radius:50%;background:#fff}
.skd-inline-post--pick .skd-inline-post__mark{border-radius:1px;rotate:45deg;background:var(--skd-navy)}
.skd-inline-post__thumb{display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:10px}
.skd-inline-post__thumb img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:scale .6s cubic-bezier(.2,.7,.2,1)}
.skd-inline-post__link:hover .skd-inline-post__thumb img{scale:1.06}
.skd-inline-post__body{display:grid;gap:6px}
.skd-inline-post__meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--skd-muted)}
.skd-inline-post__title{font-size:16px;font-weight:900;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.skd-inline-post__more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--skd-blue)}
.skd-inline-post__link:hover .skd-text-link__arrow{translate:4px 0}
.skd-article-body .skd-inline-post a{text-decoration:none}

.skd-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.skd-post-nav__link{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto 1fr;gap:4px 14px;padding:14px;border:1px solid var(--skd-line);border-radius:14px;background:#fff;transition:translate .3s,box-shadow .3s}
.skd-post-nav__link:hover{translate:0 -3px;box-shadow:0 10px 22px rgba(6,40,90,.1)}
.skd-post-nav__link--next{grid-column:2}
.skd-post-nav__dir{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--skd-blue)}
.skd-post-nav__link--prev .skd-post-nav__dir::before{content:"← "}
.skd-post-nav__link--next .skd-post-nav__dir{text-align:right}
.skd-post-nav__link--next .skd-post-nav__dir::after{content:" →"}
.skd-post-nav__thumb{display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:8px}
.skd-post-nav__thumb img{width:100%;height:100%;object-fit:cover}
.skd-post-nav__title{font-size:13px;font-weight:700;line-height:1.55;color:var(--skd-navy);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.skd-side-toc{padding:18px 18px 14px;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(6,40,90,.07)}
.skd-side-toc .skd-article-side__title{margin-bottom:8px}
.skd-side-toc__list{position:relative;display:grid;gap:2px;counter-reset:skd-stoc}
.skd-side-toc__list::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--skd-line)}
.skd-side-toc__link{position:relative;display:block;padding:5px 6px 5px 28px;border-radius:8px;font-size:12.5px;line-height:1.55;color:var(--skd-muted);counter-increment:skd-stoc;transition:color .25s,background-color .25s}
.skd-side-toc__link::before{content:"";position:absolute;left:5px;top:12px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #b9dcf3;transition:background-color .25s,border-color .25s,scale .25s}
.skd-side-toc__link:hover{color:var(--skd-blue);background:var(--skd-sky)}
.skd-side-toc__link.is-active{color:var(--skd-navy);font-weight:700;background:#fff8d6}
.skd-side-toc__link.is-active::before{background:var(--skd-yellow);border-color:#e8c440;scale:1.25}
.skd-side-mini{padding:14px 18px;border-radius:16px;background:var(--skd-sky)}
.skd-side-mini__title{font-size:13px;font-weight:900;color:var(--skd-blue);margin-bottom:6px}
.skd-side-mini__list{display:grid;gap:8px}
.skd-side-mini__card{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;padding:8px;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(6,40,90,.06);transition:translate .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.skd-side-mini__card:hover{translate:0 -3px;box-shadow:0 8px 18px rgba(6,40,90,.12)}
.skd-side-mini__thumb{position:relative;display:block;aspect-ratio:1200/630}
.skd-side-mini__thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.skd-side-mini__thumb .skd-side-rank__no{left:-6px;top:-6px;width:22px;height:22px;font-size:11px}
.skd-side-mini__text{display:grid;gap:2px;min-width:0}
.skd-side-mini__name{font-size:12.5px;font-weight:700;line-height:1.5;color:var(--skd-navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.skd-side-mini__more{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--skd-blue)}
.skd-side-mini__card:hover .skd-side-mini__name{color:var(--skd-blue)}
.skd-side-mini__card:hover .skd-text-link__arrow{translate:3px 0}
.skd-side-mini:not(:has(li)){display:none}
@media (max-height:940px) and (min-width:1025px){
  /* 低い画面では追従部分を短くする */
  .skd-article-side__cta-icon,.skd-article-side__cta-text{display:none}
  .skd-article-side__cta{padding:16px}
}
@media (max-width:820px){
  .skd-inline-post__link{grid-template-columns:110px 1fr;gap:12px;padding:26px 14px 14px}
  .skd-inline-post__title{font-size:14px}
  .skd-inline-post__meta time{display:none}
  .skd-post-nav{grid-template-columns:1fr}
  .skd-post-nav__link--next{grid-column:auto}
  .skd-post-nav__link{grid-template-columns:90px 1fr}
}
@media (max-height:800px) and (min-width:1025px){
  /* さらに低い画面：人気記事の簡易版は省く（上側の「よく読まれている記事」で表示済み） */
  .skd-side-mini{display:none}
  .skd-side-toc{padding:14px 16px 10px}
}

/* ---------- 34. WordPress用：ページ送り・画像なしの代替・空の状態・補助金の受付状況・Contact Form 7 ---------- */
.skd-pagination{margin-top:36px}
.skd-pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.skd-pagination__list a,.skd-pagination__list span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:999px;border:1.5px solid #b9dcf3;font-weight:700;color:var(--skd-navy);background:#fff;transition:background-color .2s,color .2s}
.skd-pagination__list a:hover{background:var(--skd-sky)}
.skd-pagination__list .current{background:var(--skd-blue);border-color:var(--skd-blue);color:#fff}
.skd-pagination__list .dots{border:0;background:none}
.skd-thumb-empty{display:grid;place-items:center;width:100%;height:100%;background:var(--skd-sky)}
.skd-thumb-empty__logo{width:50%;max-width:160px;height:auto;opacity:.5}
.skd-works-cat__empty,.skd-blog-empty{margin-top:16px;padding:20px;border-radius:12px;background:var(--skd-bg-soft);color:var(--skd-muted);font-size:14px}
.skd-work-card__link{margin-top:6px}
.skd-page-body{margin:32px auto 48px}
.skd-subsidy-status{display:inline-flex;align-items:center;gap:10px;margin:10px 0 4px;padding:6px 16px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.6}
.skd-subsidy-status__dot{flex:none;width:10px;height:10px;border-radius:50%;background:currentColor}
.skd-subsidy-status--open{background:#e3f6ea;color:#1b7a3d}
.skd-subsidy-status--before{background:var(--skd-sky);color:var(--skd-blue)}
.skd-subsidy-status--closed{background:#f1f1f1;color:#666}
/* Contact Form 7 の出力（.wpcf7）をフォームの見た目に合わせる */
/* 外枠（.skd-form）が上余白を持つため、内側のCF7フォームには付けない */
.skd-form--cf7{display:block}
.skd-form--cf7 .wpcf7-form{display:grid;gap:18px}
.skd-form--cf7 .wpcf7-form-control-wrap{display:block}
/* CF7が先頭に置く隠し項目のまとまりは行間を取らない（送信には影響しない） */
.skd-form--cf7 .hidden-fields-container{display:none}
/* 選択肢はCF7の囲み（.wpcf7-radio）側で2列にするため、外側の2列指定を外す */
.skd-form--cf7 .skd-form__choices{display:block}
/* CF7の送信ボタンは input 要素で中に矢印を入れられないため、背景で矢印を表示 */
.skd-form--cf7 input.skd-form__submit{padding-right:56px;background:var(--skd-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1.2 12.3 5 8.5 8.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 28px center/14px 10px no-repeat;color:#fff;transition:background-position .25s,transform .2s,box-shadow .2s}
.skd-form--cf7 input.skd-form__submit:hover{background-position:right 24px center}
.skd-form--cf7 .wpcf7-not-valid{border-color:#d93a3a;background:#fff7f7}
.skd-form--cf7 .wpcf7-not-valid-tip{display:block;margin-top:4px;font-size:13px;font-weight:700;color:#c62828}
.skd-form--cf7 .wpcf7-radio{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:6px}
.skd-form--cf7 .wpcf7-list-item{margin:0}
.skd-form--cf7 .wpcf7-list-item label{display:flex;align-items:center;gap:10px;min-height:36px;font-size:15px;line-height:1.4;cursor:pointer}
.skd-form--cf7 .wpcf7-list-item input{width:20px;height:20px;accent-color:var(--skd-blue)}
.skd-form--cf7 .wpcf7-acceptance .wpcf7-list-item label{min-height:0}
.skd-form--cf7 .wpcf7-acceptance a{color:var(--skd-blue);text-decoration:underline}
.skd-form--cf7 .wpcf7-spinner{margin:0 0 0 12px}
/* CF7本体の指定（.wpcf7 form .wpcf7-response-output）より詳細にして上書き（!importantを使わない） */
.skd-form--cf7 .wpcf7 form .wpcf7-response-output{margin:8px 0 0;padding:14px 18px;border-radius:8px;font-size:14px;font-weight:700}
.skd-form--cf7 .wpcf7 form.sent .wpcf7-response-output{border-color:#9bd3ad;background:#eefaf2;color:#1b7a3d}
.skd-form--cf7 .wpcf7 form.invalid .wpcf7-response-output,.skd-form--cf7 .wpcf7 form.failed .wpcf7-response-output{border-color:#f0d27a;background:#fff4d6;color:#6b4e00}
@media (max-width:820px){ .skd-form--cf7 .wpcf7-radio{grid-template-columns:1fr} }

/* ---------- 35. 補助金ページ：補助金・助成金の比較 ---------- */
.skd-subsidy-programs{padding:36px 0 8px}
.skd-subsidy-programs__list{display:grid;gap:12px;margin-top:20px}
.skd-subsidy-programs__item{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:20px 24px;border:1px solid var(--skd-line);border-radius:14px;background:#fff}
.skd-subsidy-programs__item--main{border:2px solid var(--skd-yellow);background:#fffbea}
.skd-subsidy-programs__mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--skd-sky);color:var(--skd-blue);font-size:26px;font-weight:900;line-height:1}
.skd-subsidy-programs__item--main .skd-subsidy-programs__mark{background:var(--skd-yellow);color:var(--skd-navy)}
.skd-subsidy-programs__name{font-size:18px;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-subsidy-programs__body>p{margin-top:6px;font-size:15px;line-height:1.85}
.skd-subsidy-programs__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:12px 0 10px;padding:12px 16px;border-radius:10px;background:var(--skd-bg-soft);font-size:13px;line-height:1.75}
.skd-subsidy-programs__meta dt{font-weight:700;color:var(--skd-navy)}
.skd-subsidy-programs__note{margin-top:14px;font-size:13px;line-height:1.8;color:var(--skd-muted)}
@media (max-width:820px){
  .skd-subsidy-programs__item{grid-template-columns:44px 1fr;gap:12px;padding:16px}
  .skd-subsidy-programs__mark{width:44px;height:44px;font-size:20px}
  .skd-subsidy-programs__meta{grid-template-columns:1fr}
}

/* ---------- 36. Contact Form 7：Turnstile の確認欄（必要なときだけ表示） ---------- */
.skd-form--cf7 .skd-form__turnstile{display:flex;justify-content:center}
.skd-form--cf7 .skd-form__turnstile:empty,.skd-form--cf7 .skd-form__turnstile .wpcf7-form-control-wrap:empty{display:none}

/* ---------- 37. 記事の部品（ショートコード：inc/article-blocks.php） ---------- */
.skd-article-body .skd-ab-answer{margin:0 0 28px;padding:0;border-radius:var(--skd-radius);background:var(--skd-sky);border:1px solid #cfe6f6;border-left:6px solid var(--skd-blue)}
.skd-ab-answer__title{display:flex;align-items:center;gap:10px;margin:0!important;padding:14px 18px;font-size:14px;font-weight:900;color:var(--skd-blue-deep);letter-spacing:.04em;list-style:none;cursor:pointer}
.skd-ab-answer__title::-webkit-details-marker{display:none}
.skd-ab-answer__chip{display:inline-block;padding:2px 12px;border-radius:999px;background:var(--skd-blue);color:#fff;font-size:13px}
.skd-ab-answer__more{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--skd-blue);font-size:12px;display:grid;place-items:center}
.skd-ab-answer__more::before{content:"▲"}
.skd-ab-answer:not([open]) .skd-ab-answer__more::before{content:"▼"}
.skd-ab-answer__body{padding:0 20px 18px}
.skd-ab-answer__body p{margin:0 0 .6em!important;font-weight:700;color:var(--skd-navy)}
.skd-ab-answer__body p:last-child{margin-bottom:0!important}
.skd-article-body .skd-ab-point{margin:28px 0;padding:18px 20px;border-radius:var(--skd-radius);background:var(--skd-bg-soft);border:1px solid var(--skd-line)}
.skd-ab-point--point{background:#fffbea;border-color:var(--skd-yellow)}
.skd-ab-point--warning{background:#fff4f2;border-color:#f3c2b8}
.skd-ab-point__title{display:flex;align-items:center;gap:10px;margin:0 0 6px!important;font-weight:900;color:var(--skd-navy)}
.skd-ab-point__label{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--skd-navy);color:#fff;font-size:12px;letter-spacing:.06em}
.skd-ab-point--point .skd-ab-point__label{background:var(--skd-yellow);color:var(--skd-navy)}
.skd-ab-point--warning .skd-ab-point__label{background:#c2410c}
.skd-ab-point__body p{margin:0 0 .5em!important}
.skd-ab-point__body p:last-child{margin-bottom:0!important}
.skd-article-body .skd-ab-bar{margin:32px 0;padding:22px 24px;border:1px solid var(--skd-line);border-radius:var(--skd-radius);background:#fff}
.skd-ab-bar__title{margin-bottom:14px;font-weight:900;color:var(--skd-navy)}
.skd-ab-bar__list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:12px}
.skd-ab-bar__row{display:grid;grid-template-columns:minmax(5em,9em) 1fr auto;align-items:center;gap:12px;margin:0!important;font-size:14px}
.skd-ab-bar__row::before{content:none!important}
.skd-ab-bar__label{font-weight:700;color:var(--skd-text)}
.skd-ab-bar__track{height:14px;border-radius:999px;background:var(--skd-sky);overflow:hidden}
.skd-ab-bar__fill{display:block;height:100%;border-radius:999px;background:#9cc9e6}
.skd-ab-bar__row--hi .skd-ab-bar__fill{background:var(--skd-blue)}
.skd-ab-bar__row--hi .skd-ab-bar__value{color:var(--skd-blue-deep)}
.skd-ab-bar__value{min-width:4.5em;text-align:right;font-weight:900;color:var(--skd-navy)}
.skd-ab-source{margin:12px 0 0!important;font-size:12px;color:var(--skd-muted)}
.skd-article-body .skd-ab-stat{margin:28px 0;padding:22px 24px;border-radius:var(--skd-radius);background:var(--skd-navy);color:#fff;text-align:center}
.skd-ab-stat__value{margin:0!important;font-size:clamp(34px,6vw,48px);font-weight:900;line-height:1.1;color:var(--skd-yellow)}
.skd-ab-stat__label{margin:6px 0 0!important;font-weight:700}
.skd-ab-stat__note{margin:6px 0 0!important;font-size:12px;opacity:.85}
.skd-article-body .skd-ab-steps{list-style:none!important;margin:28px 0!important;padding:0!important;display:grid;gap:12px;counter-reset:none}
.skd-ab-steps__item{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;margin:0!important;padding:14px 16px;border-radius:var(--skd-radius);background:var(--skd-bg-soft)}
.skd-ab-steps__item::before{content:none!important}
.skd-ab-steps__no{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--skd-blue);color:#fff;font-weight:900}
.skd-ab-steps__title{display:block;font-weight:900;color:var(--skd-navy)}
.skd-ab-steps__text{display:block;margin-top:2px;font-size:14px;color:var(--skd-text)}
.skd-article-body .skd-ab-faq{margin:12px 0;border:1px solid var(--skd-line);border-radius:var(--skd-radius);background:#fff}
.skd-ab-faq__q{padding:16px 44px 16px 18px;font-weight:900;color:var(--skd-navy);cursor:pointer;position:relative;list-style:none}
.skd-ab-faq__q::-webkit-details-marker{display:none}
.skd-ab-faq__q::before{content:"Q";margin-right:10px;color:var(--skd-blue)}
.skd-ab-faq__q::after{content:"+";position:absolute;right:18px;top:50%;translate:0 -50%;font-size:20px;color:var(--skd-blue)}
.skd-ab-faq[open] .skd-ab-faq__q::after{content:"−"}
.skd-ab-faq__a{padding:0 18px 16px}
.skd-ab-faq__a p{margin:0 0 .5em!important}
.skd-article-body .skd-ab-cta{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;margin:36px 0;padding:22px 24px;border-radius:var(--skd-radius);background:var(--skd-warm);border:2px solid var(--skd-yellow)}
.skd-ab-cta__icon{width:56px;height:56px}
.skd-ab-cta__title{margin:0!important;font-weight:900;color:var(--skd-navy);line-height:1.5}
.skd-ab-cta__text{margin:4px 0 0!important;font-size:14px}
.skd-article-body .skd-ab-cta__btn{white-space:nowrap;text-decoration:none}
@media (max-width:820px){
  .skd-article-body .skd-ab-cta{grid-template-columns:44px 1fr;padding:18px}
  .skd-ab-cta__icon{width:44px;height:44px}
  .skd-article-body .skd-ab-cta__btn{grid-column:1/-1;justify-self:stretch;justify-content:center}
  .skd-ab-bar__row{grid-template-columns:1fr auto;gap:6px 10px}
  .skd-ab-bar__track{grid-column:1/-1;order:3}
}
.skd-article-body p:empty{display:none}

/* =====================================================================
   2026-10-02 ブログ・記事ページの改修（本人依頼）
   ===================================================================== */
[hidden]{display:none!important}

/* ---- ブログ一覧：検索 ---- */
.skd-blog-tools{padding:24px 0 0}
.skd-blog-tools__inner{display:grid;gap:8px}
.skd-blog-search{position:relative;display:flex;align-items:center;max-width:640px;width:100%;min-height:56px;padding:6px 6px 6px 52px;border:2px solid #b9dcf3;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(6,40,90,.06);transition:border-color .2s,box-shadow .2s}
.skd-blog-search:focus-within{border-color:var(--skd-blue);box-shadow:0 0 0 4px #d7ecfa}
.skd-blog-search__icon{position:absolute;left:20px;top:50%;width:18px;height:18px;translate:0 -50%;border:2.5px solid var(--skd-blue);border-radius:50%}
.skd-blog-search__icon::after{content:"";position:absolute;right:-6px;bottom:-5px;width:8px;height:2.5px;border-radius:2px;background:var(--skd-blue);rotate:45deg}
.skd-blog-search__input{flex:1;min-width:0;height:44px;border:0;background:transparent;font-size:16px;color:var(--skd-text);outline:none}
.skd-blog-search__input::placeholder{color:#8a99ab}
.skd-blog-search__input::-webkit-search-cancel-button{cursor:pointer}
.skd-blog-search__submit{flex:none;height:44px;padding:0 24px;border:0;border-radius:999px;background:var(--skd-blue);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}
.skd-blog-search__submit:hover{background:var(--skd-blue-deep)}
.skd-blog-search__status{min-height:1.6em;margin:0;padding-left:24px;font-size:14px;font-weight:700;color:var(--skd-blue)}
.skd-blog-search__status:empty{min-height:0}
.skd-blog-noresult{grid-column:1/-1;padding:28px 24px;border:1.5px dashed #b9dcf3;border-radius:14px;background:var(--skd-sky);font-size:15px;line-height:1.9;color:var(--skd-navy)}
.skd-blog-card__tags{display:flex;flex-wrap:wrap;gap:6px}
.skd-blog-card__tag{font-size:12px;font-weight:700;color:var(--skd-blue)}

/* ---- タグ ---- */
.skd-blog-tags{padding:6px 0 4px}
.skd-blog-tags__inner{display:flex;align-items:flex-start;gap:14px}
.skd-blog-tags__label{flex:none;padding-top:5px;font-size:13px;font-weight:900;color:var(--skd-navy)}
.skd-blog-tags__items,.skd-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.skd-tag{display:inline-flex;align-items:center;min-height:32px;padding:3px 14px;border-radius:999px;background:var(--skd-sky);font-size:13px;font-weight:700;color:var(--skd-blue);line-height:1.5;transition:background .2s,color .2s}
.skd-tag:hover,.skd-tag[aria-current="page"],.skd-tag.is-current{background:var(--skd-blue);color:#fff}
.skd-tag-cloud--side{margin-top:14px;padding-top:14px;border-top:1px solid var(--skd-line)}

/* ---- サイドバーの記事カード（ブログ一覧の最新記事・記事ページの類似している記事） ---- */
.skd-side-posts{display:grid;gap:12px;padding:0;list-style:none}
.skd-side-posts__card{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start;padding:10px;border:1px solid var(--skd-line);border-radius:12px;background:#fff;transition:translate .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.skd-side-posts__card:hover{translate:0 -3px;border-color:#b9dcf3;box-shadow:0 10px 22px rgba(6,40,90,.1)}
.skd-side-posts__thumb{display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:8px;background:var(--skd-bg-soft)}
.skd-side-posts__thumb img{width:100%;height:100%;object-fit:cover;transition:scale .5s cubic-bezier(.2,.7,.2,1)}
.skd-side-posts__card:hover img{scale:1.06}
.skd-side-posts__body{display:grid;gap:4px;min-width:0}
.skd-side-posts__body .skd-chip{justify-self:start;padding:0 8px;font-size:10.5px}
.skd-side-posts__title{font-size:13px;font-weight:700;line-height:1.55;color:var(--skd-navy);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.skd-side-posts__card:hover .skd-side-posts__title{color:var(--skd-blue)}
.skd-side-posts__date{font-size:11px;color:var(--skd-muted)}
.skd-blog-side .skd-side-posts{margin-top:4px}

/* ---- 記事ページのサイドバー ---- */
.skd-article-side__mark--blue{background:var(--skd-blue);box-shadow:0 0 0 4px #dcecf8}
.skd-side-cats__count{margin-left:auto;margin-right:10px;padding:0 8px;border-radius:999px;background:var(--skd-sky);font-size:11px;color:var(--skd-blue)}
.skd-side-cats a.is-current{color:var(--skd-blue)}
.skd-article-side__sticky{overflow:visible;max-height:none}

/* ---- よくある質問：間隔をそろえる ---- */
.skd-article-body .skd-ab-faq{margin:0}
.skd-article-body .skd-ab-faq+.skd-ab-faq{margin-top:10px}
.skd-article-body>*+.skd-ab-faq:not(.skd-ab-faq+.skd-ab-faq){margin-top:1.2em}
.skd-article-body .skd-ab-faq+br,.skd-article-body p:empty{display:none}

/* ---- 記事内の案内ボックス（inc/article-cta.php で組み直したもの） ---- */
.skd-article-body .skd-ab-cta--support,.skd-article-body .skd-ab-cta--simple{display:block;grid-template-columns:none;margin:48px 0;padding:0;border:0;background:none;line-height:1.85}
.skd-article-body .skd-ab-cta--support{position:relative;padding:36px 36px 28px;border-radius:20px;background:linear-gradient(180deg,var(--skd-sky) 0,#fff 260px);box-shadow:0 0 0 1px #cfe6f7 inset,0 14px 34px rgba(6,40,90,.08);overflow:hidden}
.skd-article-body .skd-ab-cta--support::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,227,106,.55) 0,rgba(255,227,106,0) 70%);pointer-events:none}
.skd-ab-cta__head{position:relative;display:grid;gap:8px}
.skd-article-body .skd-ab-cta__eyebrow{justify-self:start;margin:0;padding:2px 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #cfe6f7 inset;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--skd-blue);text-transform:uppercase}
.skd-article-body .skd-ab-cta--support .skd-ab-cta__title{margin:0!important;font-size:clamp(19px,2vw,22px);font-weight:900;line-height:1.55;color:var(--skd-navy)}
.skd-article-body .skd-ab-cta--support .skd-ab-cta__text{margin:0!important;font-size:15px;line-height:1.9;color:var(--skd-text)}
.skd-article-body .skd-ab-cta__points{position:relative;display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none;counter-reset:none}
.skd-article-body .skd-ab-cta__point{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;margin:0;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--skd-line) inset}
.skd-ab-cta__num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--skd-yellow);font-size:13px;font-weight:900;letter-spacing:.04em;color:var(--skd-navy)}
.skd-ab-cta__point-text{display:grid;gap:4px;padding-top:7px;font-size:15px;line-height:1.8;color:var(--skd-text)}
.skd-ab-cta__point-note{font-size:12.5px;line-height:1.7;color:var(--skd-muted)}
.skd-article-body .skd-ab-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:24px}
.skd-article-body .skd-ab-cta__actions .skd-ab-cta__btn{white-space:normal;text-align:left;text-decoration:none}
.skd-article-body .skd-ab-cta__links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none}
.skd-article-body .skd-ab-cta__links li{margin:0}
.skd-article-body .skd-ab-cta__links .skd-text-link{font-size:14px;text-decoration:none}
.skd-article-body .skd-ab-cta__notes{display:grid;gap:4px;margin-top:22px;padding-top:16px;border-top:1px dashed #c9d8e4}
.skd-article-body .skd-ab-cta__notes p{margin:0!important;padding-left:1.2em;text-indent:-1.2em;font-size:12.5px;line-height:1.75;color:var(--skd-muted)}
.skd-article-body .skd-ab-cta__notes p::before{content:"※ "}
/* 本文の途中の案内（サポート内容なし） */
.skd-article-body .skd-ab-cta--simple{display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center;padding:24px 28px;border-radius:16px;background:var(--skd-warm);box-shadow:0 0 0 2px var(--skd-yellow) inset}
.skd-article-body .skd-ab-cta--simple .skd-ab-cta__title{margin:0!important;font-size:17px;font-weight:900;line-height:1.6;color:var(--skd-navy)}
.skd-article-body .skd-ab-cta--simple .skd-ab-cta__text{margin:0!important;font-size:14px;line-height:1.8}
.skd-article-body .skd-ab-cta--simple .skd-ab-cta__actions{margin:0}
.skd-article-body .skd-ab-cta--simple .skd-ab-cta__notes{grid-column:1/-1;margin-top:0;padding-top:12px;border-top-color:#f1d97f}

/* ---- 記事ページ下の制作実績：トップの制作実績と同じ枠（3:2・全体を表示） ---- */
.skd-article-more__thumb--work{aspect-ratio:3/2;border:1px solid var(--skd-line);border-radius:8px;background:#f3f4f6}
.skd-article-more__thumb--work img{object-fit:contain;object-position:center}

@media (max-width:820px){
  .skd-blog-tools{padding-top:18px}
  .skd-blog-search{min-height:52px;padding-left:46px}
  .skd-blog-search__icon{left:17px}
  .skd-blog-search__submit{padding:0 18px}
  .skd-blog-tags__inner{flex-direction:column;gap:8px}
  .skd-article-body .skd-ab-cta--support{padding:26px 18px 22px;border-radius:16px}
  .skd-article-body .skd-ab-cta__point{grid-template-columns:34px 1fr;gap:12px;padding:14px}
  .skd-ab-cta__num{width:34px;height:34px;font-size:12px}
  .skd-ab-cta__point-text{padding-top:4px;font-size:14.5px}
  .skd-article-body .skd-ab-cta__actions .skd-ab-cta__btn{width:100%;justify-content:center;text-align:center}
  .skd-article-body .skd-ab-cta--simple{grid-template-columns:1fr;padding:20px 18px}
}

/* ---- 2026-10-02 追加：カテゴリ・タグの切り替え（読み込みなし）・類似している記事 ---- */
.skd-blog-filter-title{margin:0 0 18px;padding-left:14px;border-left:4px solid var(--skd-blue);font-size:18px;font-weight:900;line-height:1.5;color:var(--skd-navy)}
.skd-blog-main{transition:opacity .2s}
.skd-blog-main.is-loading{opacity:.55}
.skd-blog-more{grid-column:1/-1;display:flex;justify-content:center;padding-top:8px}
.skd-side-pick--similar{gap:18px}
.skd-side-pick--similar .skd-side-pick__card{gap:8px}
.skd-side-pick--similar .skd-side-pick__thumb{border:1px solid var(--skd-line);background:var(--skd-bg-soft)}
.skd-side-pick--similar li+li{padding-top:18px;border-top:1px solid var(--skd-line)}
/* サイドバーの記事カード：共通（類似・人気・最新） */
.skd-side-pick__thumb{position:relative}
.skd-side-pick__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11.5px;color:var(--skd-muted)}
.skd-side-pick__meta:empty{display:none}
.skd-side-pick--similar .skd-side-pick__card .skd-chip{font-size:11px}
.skd-side-pick__rank{position:absolute;left:8px;top:8px;width:30px;height:30px;font-size:14px;box-shadow:0 2px 8px rgba(0,40,90,.25)}
.skd-side-pick__card[aria-current="page"] .skd-side-pick__title::before{content:"表示中";display:inline-block;margin-right:6px;padding:0 6px;border-radius:4px;background:var(--skd-sky);color:var(--skd-blue);font-size:10px;vertical-align:2px}
.skd-blog-side{gap:24px}
.skd-blog-side .skd-blog-side__text{margin:0 0 10px}

/* =====================================================================
   2026-10-02 記事を読みやすくする部品（本人依頼）
   太字・マーカー・下線／吹き出し／チェック・良い例・よくない例・メモ／箇条書き・見出し・表
   ===================================================================== */
/* 文字の強調：strong＝太字（紺）、mark＝黄色マーカー、u＝赤い下線、em＝青い太字 */
.skd-article-body strong{font-weight:900;color:var(--skd-navy);background:none}
.skd-article-body mark{padding:0 .1em;background:linear-gradient(transparent 55%,#ffe36a 55%);color:inherit;font-weight:700}
.skd-article-body mark strong,.skd-article-body strong mark{background:linear-gradient(transparent 55%,#ffe36a 55%)}
.skd-article-body u{text-decoration:underline;text-decoration-color:#e8584a;text-decoration-thickness:2px;text-underline-offset:.28em}
.skd-article-body em{font-style:normal;font-weight:700;color:var(--skd-blue)}

/* 見出し3：左に小さな印 */
.skd-article-body h3{position:relative;padding-left:22px}
.skd-article-body h3::before{content:"";position:absolute;left:0;top:.52em;width:12px;height:12px;border-radius:4px;background:var(--skd-yellow);box-shadow:4px 4px 0 var(--skd-blue)}

/* 箇条書き：青い丸／番号付きは丸数字風 */
.skd-article-body ul:not([class]){list-style:none;padding-left:0}
.skd-article-body ul:not([class])>li{position:relative;padding-left:1.5em}
.skd-article-body ul:not([class])>li::before{content:"";position:absolute;left:.3em;top:.72em;width:.5em;height:.5em;border-radius:50%;background:var(--skd-blue)}
.skd-article-body ol:not([class]){list-style:none;padding-left:0;counter-reset:skd-ol}
.skd-article-body ol:not([class])>li{position:relative;padding-left:2.1em;counter-increment:skd-ol}
.skd-article-body ol:not([class])>li::before{content:counter(skd-ol);position:absolute;left:0;top:.28em;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--skd-navy);color:#fff;font-size:.82em;font-weight:900;line-height:1}

/* 表：見出し行を濃く、行を交互に */
.skd-article-body table{border-radius:10px}
.skd-article-body thead th{background:var(--skd-navy);color:#fff;border-color:var(--skd-navy)}
.skd-article-body tbody tr:nth-child(even) td{background:#f7fbfe}
.skd-article-body tbody th{background:var(--skd-sky)}
.skd-article-body caption{caption-side:top;margin-bottom:8px;text-align:left;font-weight:900;color:var(--skd-navy)}

/* 吹き出し */
.skd-article-body .skd-talk{display:flex;align-items:flex-start;gap:14px;margin:28px 0}
.skd-talk--right{flex-direction:row-reverse}
.skd-talk__who{flex:none;display:grid;justify-items:center;gap:6px;width:86px;margin:0}
.skd-talk__face{display:block;width:80px;height:80px;border-radius:50%;overflow:hidden;background:#eaf5fb;box-shadow:0 0 0 3px #fff,0 0 0 5px #cfe6f7,0 6px 14px rgba(6,40,90,.12)}
.skd-talk--reader .skd-talk__face{background:#fff6d6;box-shadow:0 0 0 3px #fff,0 0 0 5px #f5dd84,0 6px 14px rgba(6,40,90,.12)}
.skd-article-body .skd-talk__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}
.skd-talk__name{white-space:nowrap;font-size:11px;font-weight:700;line-height:1.3;color:var(--skd-muted);text-align:center}
.skd-talk__bubble{position:relative;max-width:calc(100% - 104px);padding:14px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 2px #cfe6f7 inset;font-size:15.5px;line-height:1.85}
.skd-talk--reader .skd-talk__bubble{background:#fffbea;box-shadow:0 0 0 2px #f5dd84 inset}
.skd-talk__bubble::before,.skd-talk__bubble::after{content:"";position:absolute;top:28px;border:9px solid transparent}
.skd-talk--left .skd-talk__bubble::before{left:-18px;border-right-color:#cfe6f7}
.skd-talk--left .skd-talk__bubble::after{left:-14px;border-right-color:#fff}
.skd-talk--right .skd-talk__bubble::before{right:-18px;border-left-color:#cfe6f7}
.skd-talk--right .skd-talk__bubble::after{right:-14px;border-left-color:#fff}
.skd-talk--reader.skd-talk--right .skd-talk__bubble::before{border-left-color:#f5dd84}
.skd-talk--reader.skd-talk--right .skd-talk__bubble::after{border-left-color:#fffbea}
.skd-talk--reader.skd-talk--left .skd-talk__bubble::before{border-right-color:#f5dd84}
.skd-talk--reader.skd-talk--left .skd-talk__bubble::after{border-right-color:#fffbea}
.skd-article-body .skd-talk__bubble p{margin:0!important}
.skd-article-body .skd-talk__bubble p+p{margin-top:.5em!important}

/* ボックス：チェック・良い例・よくない例・メモ */
.skd-article-body .skd-ab-point--check{background:#f3faff;border-color:#b9dcf3}
.skd-ab-point--check .skd-ab-point__label{background:var(--skd-blue)}
.skd-article-body .skd-ab-point--check .skd-ab-point__body ul{list-style:none;padding-left:0}
.skd-article-body .skd-ab-point--check .skd-ab-point__body li{position:relative;padding-left:1.9em}
.skd-article-body .skd-ab-point--check .skd-ab-point__body li::before{content:"";position:absolute;left:0;top:.3em;width:1.25em;height:1.25em;border-radius:5px;background:var(--skd-blue) no-repeat center/72% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.skd-article-body .skd-ab-point--good{background:#f1fbf5;border-color:#a7dcbc}
.skd-ab-point--good .skd-ab-point__label{background:#1f8a4c}
.skd-ab-point--good .skd-ab-point__label::before{content:"○ "}
.skd-article-body .skd-ab-point--bad{background:#fff5f4;border-color:#f3c2b8}
.skd-ab-point--bad .skd-ab-point__label{background:#c2410c}
.skd-ab-point--bad .skd-ab-point__label::before{content:"× "}
.skd-article-body .skd-ab-point--memo{background:#fff;border:2px dashed #cfd9e3}
.skd-ab-point--memo .skd-ab-point__label{background:#5b6b80}

@media (max-width:820px){
  .skd-article-body .skd-talk{gap:10px}
  .skd-talk__who{width:64px}
  .skd-talk__name{font-size:10px;letter-spacing:0}
  .skd-talk__face{width:54px;height:54px}
  .skd-talk__bubble{max-width:calc(100% - 74px);padding:12px 14px;font-size:15px}
}

/* 記事冒頭の状態バー（skd_status）：1行だけ見せ、補足は開閉式 */
.skd-article-body .skd-ab-status{margin:0 0 20px;border-radius:var(--skd-radius);border:1px solid var(--skd-line);background:#fff}
.skd-ab-status__bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0!important;padding:12px 16px;font-size:14px;line-height:1.6;color:var(--skd-navy);list-style:none;cursor:default}
details.skd-ab-status>.skd-ab-status__bar{cursor:pointer}
.skd-ab-status__bar::-webkit-details-marker{display:none}
.skd-ab-status__dot{flex:none;width:10px;height:10px;border-radius:50%;background:#1b7a3d}
.skd-ab-status--before .skd-ab-status__dot{background:var(--skd-blue)}
.skd-ab-status--closed .skd-ab-status__dot{background:#999}
.skd-ab-status__label{font-weight:900;color:#1b7a3d}
.skd-ab-status--before .skd-ab-status__label{color:var(--skd-blue)}
.skd-ab-status--closed .skd-ab-status__label{color:#666}
.skd-ab-status__item{font-weight:700}
.skd-ab-status__item::before{content:"｜";margin-right:8px;color:var(--skd-line);font-weight:400}
.skd-ab-status__checked{color:var(--skd-muted);font-weight:400}
.skd-ab-status__more{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--skd-sky);color:var(--skd-blue);font-size:12px;font-weight:700}
.skd-ab-status__more::after{content:" ▼";font-size:10px}
.skd-ab-status[open] .skd-ab-status__more::after{content:" ▲"}
.skd-ab-status__body{padding:0 16px 14px;font-size:14px;color:var(--skd-muted)}
.skd-ab-status__body p{margin:0 0 .5em!important}
.skd-ab-status__body p:last-child{margin-bottom:0!important}
@media (max-width:640px){
  .skd-ab-status__bar{padding:10px 12px;font-size:13px;gap:4px 8px}
  .skd-ab-status__checked{flex:1 0 60%;padding-left:20px}
  .skd-ab-status__checked::before{content:none}
}