@charset "UTF-8";
/* ==========================================================================
   サービスプラン3ページ 2026リニューアル共通
   スタートアップ（page-startupplan.php）／ブランディング（page-brandingplan.php）／
   ロゴデザイン（page-logodesignplan.php）
   アクセント色は main の .sp26--startup / --branding / --logo で切り替える
   ========================================================================== */
.sp26 {
  --sp26-pink: #d5999a;
  --sp26-gold: #c7b692;
  --sp26-green: #40aa6c;
  --sp26-accent: var(--sp26-pink);
  --sp26-bg: #f7fbfd;
  --sp26-text: #222;
  --sp26-line: #000;
  --sp26-gray: #999;
  color: var(--sp26-text);
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  line-height: 1.8;
  background: #fff;
  overflow: hidden;
}
.sp26--branding { --sp26-accent: var(--sp26-gold); }
.sp26--logo { --sp26-accent: var(--sp26-green); }
/* リセットは :where() で詳細度0にして、各パーツの指定を優先させる */
:where(.sp26) img { max-width: 100%; height: auto; vertical-align: bottom; }
:where(.sp26) a { color: inherit; text-decoration: none; }
:where(.sp26) :is(h2, h3, h4) { margin: 0; font-weight: 700; }
:where(.sp26) :is(ul, dl) { margin: 0; padding: 0; list-style: none; }
.sp26-flip { transform: scaleX(-1); }
.sp26-arrow { display: inline-block; margin-left: 1em; transition: transform .3s; }
.sp26 a:hover .sp26-arrow { transform: translateX(4px); }

/* コンテンツ幅：改修前ページと同じ .l-inner 相当（最大1150px） */
.sp26-inner { box-sizing: border-box; width: 89.84375%; max-width: 1150px; margin: 0 auto; padding: 0; }

/* MV ---------------------------------------------------------------------- */
/* 固定ヘッダー（.l-header 高さ70px／1024px以下60px）に隠れないよう下げる */
.sp26-mv { margin-top: 70px; }
.sp26-mv img { display: block; width: 100%; }
@media screen and (max-width: 1024px) { .sp26-mv { margin-top: 60px; } }

/* 見出し ------------------------------------------------------------------ */
.sp26-catch {
  font-size: 50px;
  font-weight: 900 !important;
  letter-spacing: .02em;
  line-height: 1.35;
}
.sp26-catch--line {
  position: relative;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--sp26-line);
}
.sp26-title {
  position: relative;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--sp26-line);
  font-size: 28px;
  letter-spacing: .06em;
  line-height: 1.5;
}
.sp26-title--center { text-align: center; }
.sp26-title__ill {
  position: absolute;
  right: 40px;
  bottom: 2px;
  width: 95px;
}
/* ピンク／黒の帯見出し（下向き三角つき） */
.sp26-bar {
  position: relative;
  margin-bottom: 50px !important;
  padding: 14px 20px;
  background: var(--sp26-accent);
  color: #fff;
  font-size: 19px;
  letter-spacing: .1em;
  text-align: center;
}
.sp26-bar::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -14px;
  border: 14px solid transparent;
  border-top-color: var(--sp26-accent);
  border-bottom: 0;
}
.sp26-bar--black { background: #000; font-size: 24px; letter-spacing: .08em; }
.sp26-bar--black::after { border-top-color: #000; }

/* ボタン ------------------------------------------------------------------ */
.sp26-btn-area { margin-top: 40px; }
.sp26-btn {
  display: inline-block;
  min-width: 300px;
  box-sizing: border-box;
  padding: 10px 36px;
  font-size: 12px;
  letter-spacing: .08em;
  text-align: center;
  transition: opacity .3s;
}
.sp26-btn:hover { opacity: .75; }
.sp26-btn--black { background: #000; color: #fff !important; }
.sp26-btn--accent { background: var(--sp26-accent); color: #fff !important; }

/* リード ------------------------------------------------------------------ */
.sp26-lead { padding: 110px 0 0; }
.sp26-lead p { margin-top: 40px; font-size: 16px; line-height: 1.9; letter-spacing: .04em; }

/* スタートアッププランについて ------------------------------------------- */
.sp26-about { padding-top: 110px; }
.sp26-text-s { margin-top: 30px; font-size: 13px; line-height: 1.9; }
.sp26-start {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 60px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--sp26-line);
}
.sp26-start__list { padding-bottom: 40px !important; }
.sp26-start__list li {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.4;
}
.sp26-start__list li + li { margin-top: 30px; }
.sp26-start__ill { flex-shrink: 0; width: 230px; text-align: center; }
.sp26-start__ill img { width: 150px; margin-top: 4px; }
.sp26-start__bubble {
  position: relative;
  padding: 0 20px;
  font-size: 13px;
  line-height: 1.6;
}
/* 吹き出しの左右の斜線 */
.sp26-start__bubble::before,
.sp26-start__bubble::after {
  content: "";
  position: absolute;
  bottom: -12px;
  width: 1px;
  height: 85px;
  background: var(--sp26-line);
}
.sp26-start__bubble::before { left: 6px; transform: rotate(-38deg); transform-origin: bottom; }
.sp26-start__bubble::after { right: 6px; transform: rotate(38deg); transform-origin: bottom; }

/* 必要なデザインを、必要なかたちで ----------------------------------- */
.sp26-design { padding-top: 40px; }
.sp26-design__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 7%;
}
.sp26-design__head {
  margin: 0 0 16px 9%; /* カンプどおり：左だけ内側に入れ、下線の右端は画像の右端にそろえる */
  padding-bottom: 10px;
  border-bottom: 1px solid #aaa;
}
.sp26-design__head h4 { font-size: 18px; letter-spacing: .06em; }
.sp26-design__head p { font-size: 12px; letter-spacing: .04em; }
.sp26-design__list img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.sp26-more { margin-top: 40px; text-align: right; font-size: 13px; letter-spacing: .06em; }

/* HOW WE WORK ----------------------------------------------------------- */
.sp26-bg { margin-top: 90px; padding: 90px 0 50px; background: var(--sp26-bg); }
.sp26-label { margin-bottom: 30px; font-size: 13px; letter-spacing: .04em; }
.sp26-how .sp26-catch { font-size: 44px; }
.sp26-catch__ill {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70px;
}
.sp26-voice { margin-top: 50px; }
.sp26-voice li {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1.4;
}
.sp26-voice li + li { margin-top: 30px; }
.sp26-works {
  position: relative;
  margin-top: 50px;
  padding: 3% 5%;
  border: 1px solid #333;
  background: #fff;
}
/* 下向きの吹き出し三角 */
.sp26-works::before,
.sp26-works::after {
  content: "";
  position: absolute;
  left: 50%;
  border-style: solid;
  border-color: transparent;
  border-bottom: 0;
}
.sp26-works::before { top: 100%; margin-left: -16px; border-width: 20px 16px 0; border-top-color: #333; }
.sp26-works::after { top: 100%; margin-left: -15px; margin-top: -1px; border-width: 19px 15px 0; border-top-color: var(--sp26-bg); }
.sp26-works img { display: block; width: 100%; }
.sp26-how__text { margin-top: 36px; font-size: 13px; line-height: 2; }

.sp26-entry { margin-top: 90px; }
.sp26-table { border-top: 1px solid var(--sp26-line); }
.sp26-table__row {
  display: flex;
  align-items: center;
  min-height: 84px;
  border-bottom: 1px solid var(--sp26-line);
}
.sp26-table dt { flex-shrink: 0; width: 22%; padding: 0 10px; font-size: 12px; font-weight: normal; text-align: center; }
.sp26-table dd { flex: 1; margin: 0; padding: 18px 10px; font-size: 16px; letter-spacing: .04em; }
.sp26-table__price { display: inline-block; min-width: 7em; margin-right: 1.5em; }
.sp26-note { margin-top: 14px; font-size: 11px; text-align: right; }

/* 事例紹介 --------------------------------------------------------------- */
.sp26-case { padding-top: 90px; }
.sp26-case__item + .sp26-case__item { margin-top: 30px; }
.sp26-case__item h4 { margin-bottom: 14px; font-size: 20px; font-weight: normal; letter-spacing: .04em; line-height: 1.5; }
.sp26-case__item h4 small { display: block; font-size: 12px; letter-spacing: .1em; }
.sp26-case__imgs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.sp26-case__imgs img { display: block; width: 100%; aspect-ratio: 750 / 525; object-fit: cover; }
.sp26-case .sp26-btn-area { margin-top: 56px; }

/* あめとつちブランドを、もう少し知る。 ------------------------------- */
.sp26-brand { padding-top: 130px; }
.sp26-brand .sp26-title { margin-bottom: 64px; }
.sp26-brand__block + .sp26-brand__block { margin-top: 90px; }
.sp26-brand__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.sp26-brand__list li { font-size: 13px; text-align: center; }
.sp26-brand__list img { display: block; width: 100%; margin-bottom: 12px; border: 1px solid #e5e5e5; box-sizing: border-box; }
.sp26-brand__foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-top: 36px;
}
.sp26-brand__foot h4 { font-size: 22px; letter-spacing: .06em; }
.sp26-brand__foot p { margin-top: 10px; font-size: 13px; }
.sp26-brand__foot a { flex-shrink: 0; font-size: 13px; }

/* CTA ------------------------------------------------------------------- */
.sp26-cta { padding-top: 130px; }
.sp26-cta .sp26-catch { font-size: 44px; text-align: center; }
.sp26-cta__box {
  display: block;
  margin-top: 56px;
  padding: 36px 20px;
  background: var(--sp26-accent);
  color: #fff !important;
  text-align: center;
  transition: opacity .3s;
}
.sp26-cta__box:hover { opacity: .8; }
.sp26-cta__box strong { display: block; font-size: 22px; font-weight: normal; letter-spacing: .1em; }
.sp26-cta__box span { display: block; margin-top: 12px; font-size: 15px; line-height: 1.7; }

/* 他プランバナー ------------------------------------------------------- */
.sp26-banner { padding: 90px 0 130px; }
.sp26-banner ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.sp26-banner a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 1000 / 543;
  padding: 14px 12px 6px;
  box-sizing: border-box;
  background-size: cover;
  background-position: center;
  color: #fff !important;
  text-align: center;
  overflow: hidden;
}
.sp26-banner a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 72%, rgba(0,0,0,.7) 100%);
  transition: opacity .3s;
}
.sp26-banner a:hover::before { opacity: .6; }
.sp26-banner__sub,
.sp26-banner__main { position: relative; }
.sp26-banner__sub { font-size: 15px; letter-spacing: .25em; }
.sp26-banner__main {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: .14em;
  line-height: 1.2;
  white-space: nowrap;
}

/* タブレット ------------------------------------------------------------ */
@media screen and (max-width: 960px) {
  .sp26-catch { font-size: 40px; }
  .sp26-how .sp26-catch, .sp26-cta .sp26-catch { font-size: 34px; }
  .sp26-banner__main { font-size: 3.2vw; }
}

/* スマホ ---------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .sp26-inner { width: 100%; padding: 0 20px; }
  .sp26-catch,
  .sp26-how .sp26-catch,
  .sp26-cta .sp26-catch { font-size: 26px; }
  .sp26-cta .sp26-catch { text-align: left; }
  .sp26-catch--line { padding-right: 56px; }
  .sp26-cta .sp26-catch--line { padding-right: 0; }
  .sp26-catch__ill { width: 46px; }
  .sp26-title { font-size: 20px; padding-right: 76px; }
  .sp26-title--center { padding-right: 0; font-size: 18px; }
  .sp26-title:not(:has(img)) { padding-right: 0; }
  .sp26-title__ill { right: 0; width: 70px; }
  .sp26-bar { margin-bottom: 36px !important; padding: 12px 10px; font-size: 16px; }
  .sp26-bar--black { font-size: 18px; }
  .sp26-btn { min-width: 0; width: 100%; padding: 14px 20px; }

  .sp26-lead { padding-top: 60px; }
  .sp26-lead p { margin-top: 24px; font-size: 14px; }
  .sp26-about { padding-top: 70px; }
  .sp26-text-s { font-size: 13px; }

  .sp26-start { display: block; margin-top: 40px; }
  .sp26-start__list { padding-bottom: 10px !important; }
  .sp26-start__list li { font-size: 18px; }
  .sp26-start__list li + li { margin-top: 16px; }
  .sp26-start__ill { width: 220px; margin: 30px auto 0; }
  .sp26-start__ill img { width: 120px; }
  .sp26-start__bubble::before,
  .sp26-start__bubble::after { height: 60px; bottom: -4px; }

  .sp26-design__list { grid-template-columns: 1fr; gap: 40px; }
  .sp26-design__head { margin: 0 0 12px; }
  .sp26-design__head h4 { font-size: 16px; }
  .sp26-more { font-size: 12px; }

  .sp26-bg { margin-top: 60px; padding: 60px 0 40px; }
  .sp26-voice { margin-top: 30px; }
  .sp26-voice li { font-size: 16px; }
  .sp26-voice li + li { margin-top: 14px; }
  .sp26-works { margin-top: 30px; }
  .sp26-entry { margin-top: 60px; }
  .sp26-table__row { display: block; padding: 14px 0; }
  .sp26-table dt { width: auto; padding: 0; text-align: left; }
  .sp26-table dd { padding: 4px 0 0; font-size: 14px; }
  .sp26-table__price { display: block; margin: 0 0 2px; font-size: 18px; }

  .sp26-case { padding-top: 60px; }
  .sp26-case__item h4 { font-size: 15px; }
  .sp26-case__imgs { gap: 6px; }

  .sp26-brand { padding-top: 80px; }
  .sp26-brand .sp26-title { margin-bottom: 40px; }
  .sp26-brand__block + .sp26-brand__block { margin-top: 60px; }
  .sp26-brand__list { gap: 10px; }
  .sp26-brand__list li { font-size: 10px; line-height: 1.4; }
  .sp26-brand__list img { margin-bottom: 6px; }
  .sp26-brand__foot { display: block; margin-top: 24px; }
  .sp26-brand__foot h4 { font-size: 17px; }
  .sp26-brand__foot a { display: block; margin-top: 14px; text-align: right; }

  .sp26-cta { padding-top: 80px; }
  .sp26-cta__box { margin-top: 36px; padding: 26px 16px; }
  .sp26-cta__box strong { font-size: 17px; letter-spacing: .04em; }
  .sp26-cta__box span { font-size: 12px; text-align: left; }

  .sp26-banner { padding: 60px 0 80px; }
  .sp26-banner ul { grid-template-columns: 1fr; gap: 20px; }
  .sp26-banner__sub { font-size: 12px; letter-spacing: .15em; }
  .sp26-banner__main { font-size: 8vw; }
}

/* ==========================================================================
   ブランディング／ロゴデザイン 追加パーツ
   ========================================================================== */
.sp26-text-s p + p { margin-top: 1.4em; }
.sp26-title--normal { font-size: 24px; font-weight: 500 !important; }
.sp26-title__ill--s { width: 80px; }
.sp26-title__ill--w { width: 130px; right: 0; }
.sp26-note--left { text-align: left; line-height: 2; }
.sp26-btn--gold { background: var(--sp26-gold); color: #fff !important; }
.sp26-cta__box--s { margin-top: 64px; padding: 24px 20px; background: var(--sp26-accent); }
.sp26-cta--nohead { padding-top: 110px; }
.sp26-cta__box span.is-large { font-size: 19px; letter-spacing: .08em; }
.sp26-line-arrow {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 1px;
  margin-right: 8px;
  background: #000;
  vertical-align: middle;
}
.sp26-line-arrow::after {
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  border: 3.5px solid transparent;
  border-left: 7px solid #000;
  border-right: 0;
}

/* タグ（CASE / POINT）：右向き矢羽の帯 */
.sp26-tags li { display: flex; align-items: center; font-size: 15px; line-height: 1.5; }
.sp26-tags li + li { margin-top: 8px; }
.sp26-tag {
  flex-shrink: 0;
  width: 92px;
  margin-right: 14px;
  padding: 1px 0;
  background: var(--sp26-accent);
  color: #fff;
  font-size: 14px;
  letter-spacing: .04em;
  text-align: center;
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%);
}
.sp26-tags--center { display: table; margin: 0 auto !important; }

/* ブランディング：Our Approach ------------------------------------------ */
.sp26-approach { padding-top: 120px; }
.sp26-approach__label {
  width: fit-content;
  margin: 0 auto 70px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--sp26-gold);
  font-size: 19px;
  font-weight: bold;
  letter-spacing: .04em;
}
.sp26-approach__item + .sp26-approach__item { margin-top: 90px; }

/* 価値の図 */
.sp26-value {
  position: relative;
  margin-top: 80px;
  padding: 26px 30px 26px;
  border: 3px solid var(--sp26-gold);
  border-radius: 16px;
  text-align: center;
}
.sp26-value::before,
.sp26-value::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  border-style: solid;
  border-color: transparent;
  border-bottom: 0;
}
.sp26-value::before { margin-left: -30px; border-width: 40px 30px 0; border-top-color: var(--sp26-gold); }
.sp26-value::after { margin-left: -25px; margin-top: -1px; border-width: 34px 25px 0; border-top-color: #fff; }
.sp26-value__title { color: var(--sp26-gold); font-size: 19px; letter-spacing: .08em; }
.sp26-value__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 16px 40px 0 !important;
}
.sp26-value__list img { display: block; width: 76px; height: 76px; margin: 0 auto 8px; object-fit: contain; }
.sp26-value__list span { display: block; padding: 4px 0; color: #fff; font-size: 19px; letter-spacing: .08em; }
.sp26-value__list .is-visual span { background: #629dcd; }
.sp26-value__list .is-perceive span { background: #6ca96e; }
.sp26-value__list .is-function span { background: #d0ac39; }
.sp26-value__list .is-emotion span { background: #d5999a; }
/* 4つの価値をつなぐ線 */
.sp26-value__list li { position: relative; }
.sp26-value__list li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 1px;
  height: 20px;
  background: #333;
}
.sp26-value__list li:first-child::after,
.sp26-value__list li:last-child::after { height: 50px; }
.sp26-value__list::after {
  content: "";
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: calc(100% + 50px);
  height: 1px;
  background: #333;
}
.sp26-value__text {
  position: relative;
  width: fit-content;
  margin: 34px auto 0;
  padding: 0 20px;
  background: #fff;
  font-size: 19px;
  line-height: 1.7;
  letter-spacing: .08em;
}

/* ブランディング事例 */
.sp26-bcase .sp26-title { margin-bottom: 50px; font-size: 22px; font-weight: 500 !important; }
.sp26-bcase__item + .sp26-bcase__item { margin-top: 60px; }
.sp26-bcase__item h4 { margin-bottom: 10px; font-size: 20px; font-weight: 500; letter-spacing: .04em; line-height: 1.5; }
.sp26-bcase__item h4 small { display: block; font-size: 12px; letter-spacing: .1em; }
.sp26-bcase__img { display: block; width: 100%; margin-bottom: 16px; }
.sp26-bcase__more { margin-top: 20px; text-align: right; font-size: 12px; }

/* 3つのブランディングプラン */
.sp26-plans { padding-top: 110px; }
.sp26-plan {
  margin-top: 70px;
  padding: 46px 48px 50px;
  border: 3px solid var(--sp26-gold);
  border-radius: 14px;
}
.sp26-plan__en { color: var(--sp26-gold); font-size: 20px; letter-spacing: .02em; }
.sp26-plan__en span { margin: 0 .4em; font-size: .8em; vertical-align: 1px; }
.sp26-plan__title { margin-top: 6px !important; font-size: 27px; letter-spacing: .06em; }
.sp26-plan__lead { margin-top: 30px; font-size: 15px; line-height: 2; letter-spacing: .06em; }
.sp26-plan__text { margin-top: 18px; font-size: 12px; line-height: 1.85; }
.sp26-plan__label { margin-top: 38px; color: var(--sp26-gold); font-size: 12px; }
.sp26-plan__flow {
  margin: 18px 0 0;
  padding: 0 0 26px;
  border-bottom: 1px solid #333;
  list-style: none;
}
.sp26-plan__flow li { position: relative; padding-left: 36px; font-size: 12px; letter-spacing: .06em; line-height: 24px; }
.sp26-plan__flow li span { position: absolute; left: 0; bottom: 0; color: var(--sp26-gold); font-size: 20px; line-height: 24px; }
.sp26-plan__flow li + li::before {
  content: "↓";
  display: block;
  width: 24px;
  margin-left: -36px;
  color: var(--sp26-gold);
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.sp26-plan__area { margin-top: 14px; font-size: 13px; letter-spacing: .04em; }
.sp26-plan__price { margin-left: 1.8em; }

/* プラン・料金 */
.sp26-price { padding-top: 120px; }
.sp26-price .sp26-title { margin-bottom: 36px; font-size: 26px; font-weight: 500 !important; }
.sp26-price__point { margin-top: 40px; font-size: 19px; letter-spacing: .04em; }
.sp26-advisory { margin-top: 100px; }
.sp26-advisory__en { font-size: 29px; font-weight: 500 !important; letter-spacing: .02em; }
.sp26-advisory__title { margin: 14px 0 20px !important; font-size: 19px; font-weight: 500 !important; letter-spacing: .06em; }
.sp26-advisory__price { margin-top: 24px; padding-top: 16px; border-top: 1px solid #333; font-size: 19px; letter-spacing: .04em; }
.sp26-advisory__price span { margin: 0 .3em; font-size: .8em; }
.sp26-advisory .sp26-note { margin-top: 24px; }

/* お悩み */
.sp26-worry { padding-top: 100px; }
.sp26-bg .sp26-worry { padding-top: 0; }
.sp26-worry__body { display: flex; align-items: center; gap: 24px; }
.sp26-worry__ill { flex-shrink: 0; width: 80px; }
.sp26--logo .sp26-worry__body { justify-content: center; }

/* お申込み条件・留意点 */
.sp26-terms { padding-top: 70px; }
.sp26-terms .sp26-title { margin-bottom: 30px; }
.sp26-terms__text { font-size: 12px; line-height: 2.2; }

/* 話してみませんか */
.sp26-talk { padding-top: 110px; }
.sp26-talk__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.sp26-talk__head .sp26-catch { font-size: 44px; line-height: 1.7; }
.sp26-talk__ill { flex-shrink: 0; width: 215px; }
.sp26-talk__text { margin-top: 16px; font-size: 14px; line-height: 2; }
.sp26-outline-btn {
  display: block;
  margin-top: 36px;
  padding: 18px 20px;
  border: 1px solid #333;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: .04em;
  text-align: center;
  transition: background .3s, color .3s;
}
.sp26-outline-btn:hover { background: #000; color: #fff !important; }

/* ロゴ：リード ------------------------------------------------------------ */
.sp26-lead .sp26-catch-sub {
  margin-top: 46px;
  color: var(--sp26-green);
  font-size: 36px;
  font-weight: 900;
  letter-spacing: .02em;
  line-height: 1.7;
}
.sp26-lead__text { margin-top: 36px !important; font-size: 16px !important; line-height: 1.9; letter-spacing: .12em !important; text-align: justify; }
.sp26--logo .sp26-bg { padding-top: 56px; }

/* チェックリスト */
.sp26-check li {
  padding-left: 28px;
  background: url(../images/plan/check_green.svg) no-repeat left 4px / 18px auto;
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 1.6;
}
.sp26-check li + li { margin-top: 4px; }
.sp26-answer {
  position: relative;
  margin-top: 30px;
  padding-top: 40px;
  color: var(--sp26-green);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .06em;
  line-height: 1.75;
  text-align: center;
}
.sp26-answer::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -22px;
  border: 22px solid transparent;
  border-top: 16px solid var(--sp26-green);
  border-bottom: 0;
}
.sp26-answer span { position: relative; display: inline-block; padding: 0 44px; }
.sp26-answer span::before,
.sp26-answer span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 60px;
  background: var(--sp26-green);
}
.sp26-answer span::before { left: 14px; transform: rotate(-24deg); }
.sp26-answer span::after { right: 14px; transform: rotate(24deg); }
.sp26-logo-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 24px !important; }
.sp26-logo-grid img { display: block; width: 100%; }

/* ディレクター */
.sp26-director { padding: 90px 0 0; }
.sp26-director .sp26-title { margin-bottom: 40px; }
.sp26-director__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 6%; }
.sp26-director__list + .sp26-director__list { margin-top: 40px; }
.sp26-director h4 { margin-bottom: 14px !important; font-size: 17px; letter-spacing: .1em; }
.sp26-director h4 small { margin-left: 14px; font-size: 10px; letter-spacing: .04em; }
.sp26-director__prof { display: flex; gap: 6%; }
.sp26-director__prof img { flex-shrink: 0; width: 46%; height: auto; align-self: flex-start; }
.sp26-director__prof p { font-size: 11px; line-height: 2; }
.sp26-director__prof small { display: block; margin-top: 6px; color: #888; font-size: 9px; }
.sp26-record h5 { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 12px; }
.sp26-record h5::after { content: ""; flex: 1; height: 1px; background: #999; }
.sp26-record li { position: relative; padding-left: 1.1em; font-size: 11px; line-height: 1.75; }
.sp26-record li::before { content: "○"; position: absolute; left: 0; }
.sp26-record p { margin-top: 4px; font-size: 11px; }
.sp26-awards { margin-top: 40px; }
.sp26-awards img { display: block; width: 100%; }

/* 3つのロゴデザインプラン */
.sp26-logoplan { padding-top: 110px; }
.sp26-boxlabel { display: inline-block; margin-right: 12px; padding: 0 10px; border: 1px solid #000; }
.sp26-title__ill--sign { width: 170px; right: 0; bottom: -8px; }
.sp26-logoplan__intro { margin-top: 26px; font-size: 15px; line-height: 2; }
.sp26-kind {
  display: flex;
  align-items: center;
  margin-top: 70px !important;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--sp26-green);
  color: var(--sp26-green);
  font-size: 17px;
  font-weight: normal !important;
  letter-spacing: .04em;
}
.sp26-kind span {
  flex-shrink: 0;
  margin-right: 22px;
  padding: 0 14px;
  border: 1px solid var(--sp26-green);
  background: #d9ede1;
  font-size: 15px;
}
.sp26-dot { margin-top: 20px !important; padding: 0 20px !important; }
.sp26-dot li { position: relative; padding-left: 1em; font-size: 12px; line-height: 1.9; }
.sp26-dot li::before { content: "・"; position: absolute; left: 0; }
.sp26-lplan { margin-top: 40px; padding: 0 20px; }
.sp26-lplan__name { color: var(--sp26-green); font-size: 22px; font-weight: bold; letter-spacing: .06em; }
.sp26-lplan__name span { font-weight: normal; }
.sp26-lplan__desc { margin: 6px 0 14px; font-size: 12px; }
.sp26-ltable { width: 100%; border-collapse: collapse; border: 1px solid var(--sp26-green); }
.sp26-ltable th {
  width: 72px;
  padding: 6px;
  border-bottom: 1px solid #fff;
  background: var(--sp26-green);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.sp26-ltable td { padding: 16px; border: 1px solid var(--sp26-green); font-size: 12px; }
.sp26-ltable__ex { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.sp26-ltable__ex img { display: block; width: 100%; aspect-ratio: 750 / 484; object-fit: cover; }
.sp26-ltable__ex span { display: block; margin-top: 10px; text-align: center; }
.sp26-ltable__items { display: flex; padding: 0 !important; }
.sp26-ltable__items > div { flex: 1; padding: 14px 10px 18px; text-align: center; }
.sp26-ltable__items > div + div { border-left: 1px solid var(--sp26-green); }
.sp26-ltable__items p { margin-bottom: 12px; }
.sp26-ltable__items img { display: inline-block; height: 52px; width: auto; }
.sp26-ltable__items .is-type img { height: 12px; margin: 20px 0; }
.sp26-ltable__items .is-yoko img { height: 30px; margin: 11px 0; }
.sp26-ltable__items .is-sheet img { height: 64px; }
.sp26-ltable tr.is-s td { padding: 4px 10px; }

/* サポート体制・流れ */
.sp26-support { padding-top: 100px; }
.sp26-flow { padding-top: 70px; }
.sp26-flow__box { padding: 36px 50px 36px; background: #ededed; text-align: center; }
.sp26-flow__list { display: flex; justify-content: space-between; margin: 0; padding: 0; list-style: none; }
.sp26-flow__list li {
  position: relative;
  width: 34px;
  height: 224px;
  padding-top: 14px;
  border-radius: 0 0 17px 17px;
  background: var(--sp26-green);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: .02em;
  line-height: 34px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  box-sizing: border-box;
}
.sp26-flow__list li + li::before {
  content: "";
  position: absolute;
  top: 66px;
  left: -32px;
  border: 7px solid transparent;
  border-left: 11px solid #000;
  border-right: 0;
}
.sp26-flow__box h4 { margin-top: 40px !important; font-size: 17px; font-weight: 500 !important; }
.sp26-flow__box p { margin: 10px 0 24px; font-size: 12px; line-height: 1.8; }
.sp26-flow__box .sp26-btn { min-width: 270px; }

/* ロゴ事例 */
.sp26-lworks { padding-top: 70px; }
.sp26-lworks__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 24px; padding: 0 !important; }
.sp26-lworks__list li { display: flex; align-items: center; justify-content: center; }
.sp26-lworks__list img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 960px) {
  .sp26-lead .sp26-catch-sub { font-size: 28px; }
  .sp26-talk__head .sp26-catch { font-size: 34px; }
  .sp26-flow__box { padding: 30px 20px; }
  .sp26-flow__list li + li::before { left: -24px; }
}

@media screen and (max-width: 767px) {
  .sp26-title--normal { font-size: 18px; }
  .sp26-title__ill--w { width: 90px; }
  .sp26-title__ill--s { width: 60px; }
  .sp26-tags li { align-items: flex-start; font-size: 13px; }
  .sp26-tag { width: 72px; margin-right: 10px; font-size: 12px; }
  .sp26-tags--center { display: block; }

  .sp26-approach { padding-top: 70px; }
  .sp26-approach__label { margin-bottom: 40px; font-size: 16px; }
  .sp26-approach__item + .sp26-approach__item { margin-top: 60px; }
  .sp26-value { margin-top: 50px; padding: 20px 12px; }
  .sp26-value__title { font-size: 14px; }
  .sp26-value__list { gap: 6px; margin: 12px 0 0 !important; }
  .sp26-value__list img { width: 48px; height: 48px; }
  .sp26-value__list span { font-size: 12px; letter-spacing: 0; }
  .sp26-value__text { padding: 0 8px; font-size: 14px; }
  .sp26-cta__box--s { margin-top: 56px; }

  .sp26-bcase .sp26-title { font-size: 18px; }
  .sp26-bcase__item h4 { font-size: 15px; }

  .sp26-plans { padding-top: 70px; }
  .sp26-plan { margin-top: 40px; padding: 28px 20px 30px; border-width: 2px; }
  .sp26-plan__en { font-size: 14px; }
  .sp26-plan__title { font-size: 19px; }
  .sp26-plan__lead { margin-top: 18px; font-size: 14px; }
  .sp26-plan__flow li { line-height: 1.6; }
  .sp26-plan__flow li span { bottom: auto; top: auto; font-size: 17px; line-height: 20px; }
  .sp26-plan__flow li + li span { top: 13px; }
  .sp26-plan__flow li:first-child span { top: 0; }
  .sp26-plan__price { display: block; margin: 4px 0 0; }

  .sp26-price { padding-top: 70px; }
  .sp26-price .sp26-title { font-size: 18px; }
  .sp26-price__point { font-size: 15px; }
  .sp26-advisory { margin-top: 60px; }
  .sp26-advisory__en { font-size: 22px; }
  .sp26-advisory__title { font-size: 15px; }
  .sp26-advisory__price { font-size: 16px; }

  .sp26-worry { padding-top: 70px; }
  .sp26-worry__body { gap: 12px; align-items: flex-start; }
  .sp26-worry__ill { width: 56px; }

  .sp26-talk { padding-top: 80px; }
  .sp26-talk__head { display: block; }
  .sp26-talk__head .sp26-catch { font-size: 26px; line-height: 1.6; }
  .sp26-talk__ill { display: block; width: 180px; margin: 20px auto 0; }
  .sp26-talk__text { font-size: 13px; }
  .sp26-outline-btn { font-size: 18px; }

  .sp26-lead .sp26-catch-sub { margin-top: 30px; font-size: 20px; }
  .sp26-lead__text { font-size: 14px !important; letter-spacing: .04em !important; }
  .sp26-check li { font-size: 13px; }
  .sp26-answer { font-size: 14px; }
  .sp26-answer span { padding: 0 24px; }
  .sp26-answer span::before { left: 4px; }
  .sp26-answer span::after { right: 4px; }

  .sp26-director__list { grid-template-columns: 1fr; gap: 36px; }
  .sp26-director__prof { display: block; }
  .sp26-director__prof img { width: 60%; margin-bottom: 12px; }

  .sp26-logoplan { padding-top: 70px; }
  .sp26-logoplan .sp26-title { padding-right: 0; padding-top: 90px; }
  .sp26-title__ill--sign { width: 120px; top: 0; bottom: auto; }
  .sp26-boxlabel { margin-bottom: 4px; }
  .sp26-logoplan__intro { font-size: 13px; }
  .sp26-kind { display: block; margin-top: 50px !important; font-size: 14px; }
  .sp26-kind span { display: inline-block; margin: 0 0 6px; font-size: 13px; }
  .sp26-lplan { padding: 0; }
  .sp26-lplan__name { font-size: 18px; }
  .sp26-ltable th { width: 46px; padding: 4px; font-size: 10px; white-space: normal; }
  .sp26-ltable td { padding: 10px 8px; font-size: 11px; }
  .sp26-ltable__ex { gap: 6px; }
  .sp26-ltable__ex span { font-size: 9px; margin-top: 4px; }
  .sp26-ltable__items { display: block; }
  .sp26-ltable__items > div + div { border-left: 0; border-top: 1px solid var(--sp26-green); }
  .sp26-ltable__items img { height: 40px; }
  .sp26-dot { padding: 0 !important; }

  .sp26-support { padding-top: 70px; }
  .sp26-flow__list { display: grid; grid-template-columns: repeat(4, 30px); justify-content: space-around; gap: 16px 0; }
  .sp26-flow__list li { width: 30px; height: 196px; line-height: 30px; font-size: 11px; }
  .sp26-flow__list li + li::before { left: -28px; border-width: 5px 0 5px 8px; }
  .sp26-flow__list li:nth-child(5)::before { display: none; }
  .sp26-flow__box .sp26-btn { min-width: 0; }
  .sp26-lworks__list { grid-template-columns: repeat(2, 1fr); gap: 24px; padding: 0 !important; }
  .sp26-terms__text { font-size: 11px; }
}

/* ==========================================================================
   フォントサイズ：改修前ページの同じ役割の文字サイズに合わせる（2026-10-18）
   改修前の実測値 PC／SP：大見出し60／23.25・見出し24／21・本文16／16・
   ボタン16・大ボタン21／18・リスト18／16・事例タイトル21／18・プラン名24〜32／19
   ========================================================================== */
.sp26-catch { font-size: 60px; }
.sp26-how .sp26-catch,
.sp26-cta .sp26-catch,
.sp26-talk__head .sp26-catch { font-size: 52px; }
.sp26-lead .sp26-catch-sub { font-size: 60px; line-height: 1.6; }
.sp26-title,
.sp26-title--normal,
.sp26-bcase .sp26-title,
.sp26-price .sp26-title { font-size: 24px; }
.sp26-bar,
.sp26-bar--black { font-size: 24px; }

/* 本文 16px */
.sp26-lead p,
.sp26-text-s,
.sp26-how__text,
.sp26-plan__text,
.sp26-terms__text,
.sp26-logoplan__intro,
.sp26-lplan__desc,
.sp26-dot li,
.sp26-director__prof p,
.sp26-flow__box p,
.sp26-talk__text,
.sp26-brand__foot p,
.sp26-design__head p { font-size: 16px; line-height: 2.2; letter-spacing: .08em; }
.sp26-design__head p { line-height: 1.7; }
.sp26-director__prof p { line-height: 1.8; letter-spacing: .02em; }
.sp26-director__prof small { font-size: 10px; }
.sp26-note,
.sp26-note--left { font-size: 16px; line-height: 2; }

/* ボタン・リンク 16px／大ボタン 21px */
.sp26-btn { min-width: 0; padding: 13px 50px; font-size: 16px; }
.sp26-more,
.sp26-brand__foot a,
.sp26-bcase__more { font-size: 16px; }
.sp26-cta__box strong { font-size: 21px; font-weight: 600; }
.sp26-cta__box span,
.sp26-cta__box span.is-large { font-size: 16px; }
.sp26-cta__box span.is-large { font-size: 18px; }
.sp26-outline-btn { font-size: 21px; font-weight: 600; }

/* リスト 18px */
.sp26-tags li,
.sp26-check li { font-size: 18px; }
.sp26-tag { width: 100px; font-size: 15px; }
.sp26-check li { background-position: left 7px; }

/* 事例タイトル 21px */
.sp26-case__item h4,
.sp26-bcase__item h4 { font-size: 21px; }
.sp26-case__item h4 small,
.sp26-bcase__item h4 small { font-size: 14.7px; }

/* 小見出し */
.sp26-design__head h4 { font-size: 18px; }
.sp26-brand__foot h4 { font-size: 24px; }
.sp26-brand__list li { font-size: 14px; }
.sp26-start__list li,
.sp26-voice li,
.sp26-answer { font-size: 24px; }
.sp26-start__bubble { font-size: 14px; }
.sp26-label { font-size: 14px; }
.sp26-table dt { font-size: 14px; }
.sp26-table dd { font-size: 18px; }
.sp26-flow__box h4 { font-size: 18px; }

/* ブランディング */
.sp26-value__title { font-size: 32px; font-weight: bold; letter-spacing: .04em; }
.sp26-value__text { font-size: 21px; }
.sp26-plan__en { font-size: 21px; }
.sp26-plan__title { font-size: 32px; }
.sp26-plan__lead { font-size: 18px; }
.sp26-plan__label { font-size: 14px; }
.sp26-plan__flow li { font-size: 16px; line-height: 28px; }
.sp26-plan__flow li span { line-height: 28px; }
.sp26-plan__flow li + li::before { font-size: 14px; }
.sp26-plan__area { font-size: 16px; }
.sp26-price__point { font-size: 21px; }
.sp26-advisory__title,
.sp26-advisory__price { font-size: 21px; }

/* ロゴデザイン */
.sp26-lead .sp26-lead__text { font-size: 16px !important; line-height: 2.2; letter-spacing: .08em !important; }
.sp26-director h4 { font-size: 21px; }
.sp26-director h4 small { font-size: 11.55px; }
.sp26-record h5 { font-size: 16px; }
.sp26-record li,
.sp26-record p { font-size: 16px; line-height: 1.6; }
.sp26-kind { font-size: 18px; }
.sp26-kind span { font-size: 16px; }
.sp26-lplan__name { font-size: 24px; }
.sp26-ltable th { width: 96px; font-size: 16px; }
.sp26-ltable td,
.sp26-ltable__ex span,
.sp26-ltable__items p { font-size: 16px; }

@media screen and (max-width: 960px) {
  .sp26-catch, .sp26-lead .sp26-catch-sub { font-size: 44px; }
  .sp26-how .sp26-catch, .sp26-cta .sp26-catch, .sp26-talk__head .sp26-catch { font-size: 40px; }
}

@media screen and (max-width: 767px) {
  .sp26-catch,
  .sp26-lead .sp26-catch-sub { font-size: 23.25px; }
  .sp26-how .sp26-catch,
  .sp26-cta .sp26-catch,
  .sp26-talk__head .sp26-catch { font-size: 23.25px; }
  .sp26-title,
  .sp26-title--normal,
  .sp26-title--center,
  .sp26-bcase .sp26-title,
  .sp26-price .sp26-title { font-size: 21px; }
  .sp26-bar,
  .sp26-bar--black { font-size: 21px; }
  .sp26-lead p,
  .sp26-text-s,
  .sp26-how__text,
  .sp26-plan__text,
  .sp26-terms__text,
  .sp26-logoplan__intro,
  .sp26-lplan__desc,
  .sp26-dot li,
  .sp26-director__prof p,
  .sp26-flow__box p,
  .sp26-talk__text,
  .sp26-brand__foot p,
  .sp26-design__head p,
  .sp26-note,
  .sp26-note--left { font-size: 16px; line-height: 1.8; letter-spacing: .04em; }
  .sp26-lead .sp26-lead__text { font-size: 16px !important; line-height: 1.8; letter-spacing: .04em !important; }
  .sp26-btn { padding: 14px 20px; }
  .sp26-cta__box strong,
  .sp26-outline-btn { font-size: 18px; }
  .sp26-cta__box span, .sp26-cta__box span.is-large { font-size: 14px; }
  .sp26-tags li,
  .sp26-check li { font-size: 16px; }
  .sp26-tag { width: 80px; font-size: 13px; }
  .sp26-case__item h4,
  .sp26-bcase__item h4 { font-size: 18px; }
  .sp26-case__item h4 small,
  .sp26-bcase__item h4 small { font-size: 10.8px; }
  .sp26-design__head h4 { font-size: 15px; }
  .sp26-brand__foot h4 { font-size: 19px; }
  .sp26-brand__list li { font-size: 11px; }
  .sp26-start__list li,
  .sp26-voice li,
  .sp26-answer { font-size: 16px; }
  .sp26-table dd { font-size: 16px; }
  .sp26-value__title { font-size: 19px; }
  .sp26-value__text { font-size: 15px; }
  .sp26-plan__en { font-size: 13px; }
  .sp26-plan__title { font-size: 19px; }
  .sp26-plan__lead { font-size: 16px; }
  .sp26-plan__flow li { font-size: 15px; line-height: 1.6; }
  .sp26-plan__flow li span { line-height: 22px; }
  .sp26-price__point,
  .sp26-advisory__title,
  .sp26-advisory__price { font-size: 17px; }
  .sp26-director h4 { font-size: 18px; }
  .sp26-kind { font-size: 15px; }
  .sp26-kind span { font-size: 14px; }
  .sp26-lplan__name { font-size: 19px; }
  .sp26-ltable th { width: 52px; font-size: 12px; }
  .sp26-ltable td,
  .sp26-ltable__items p { font-size: 13px; }
  .sp26-ltable__ex span { font-size: 11px; }
}

/* 冒頭リード文（大見出し直下の文章）：スタートアップ・ロゴは22px、ブランディングは本文と同じ16px（2026-10-18 指定） */
.sp26--startup .sp26-lead > p:not(.sp26-catch-sub),
.sp26--logo .sp26-lead > p:not(.sp26-catch-sub) { font-size: 22px !important; line-height: 2; }
@media screen and (max-width: 767px) {
  .sp26--startup .sp26-lead > p:not(.sp26-catch-sub),
  .sp26--logo .sp26-lead > p:not(.sp26-catch-sub) { font-size: 16px !important; line-height: 1.8; }
}

/* スタートアップ冒頭：見出し↔文章、文章↔ボタンの見た目の余白をそろえる（2026-10-18 指定）
   見出し(60px・行間1.35)の上下の行間ぶん約10pxを差し引いて、文章の上を30pxにする */
.sp26--startup .sp26-lead > p { margin-top: 30px; }
@media screen and (max-width: 767px) { .sp26--startup .sp26-lead > p { margin-top: 36px; } }

/* スタートアップ「会社をつくる。」等の3行：32px（2026-10-18 指定） */
.sp26-start__list li { font-size: 32px; }
@media screen and (max-width: 767px) { .sp26-start__list li { font-size: 16px; } }

/* 冒頭の大見出し（3ページ共通）：PC 64px（2026-10-18 指定）。SPは据え置き */
@media screen and (min-width: 961px) { .sp26-lead .sp26-catch { font-size: 64px; } }

/* スタートアップ「こんな雰囲気にしたい」等の3行：PC 32px（2026-10-18 指定）。SPは据え置き */
@media screen and (min-width: 768px) { .sp26-voice li { font-size: 32px; } }

/* スタートアップ HOW WE WORK 見出し横の電球のカエル：PC 70→100px（2026-10-18 指定）。SPは据え置き */
@media screen and (min-width: 768px) { .sp26-catch__ill { width: 100px; } }

/* スタートアップ HOW WE WORK 画像下の文章：PC 18px（2026-10-18 指定）。SPは据え置き */
@media screen and (min-width: 768px) { .sp26-how__text { font-size: 18px; } }

/* スタートアップ 事例紹介のタイトル：PC 26px（2026-10-18 指定）。SPは据え置き */
@media screen and (min-width: 768px) { .sp26-case__item h4 { font-size: 26px; } }

/* スタートアップ「あめとつちブランドを、もう少し知る。」：PC 32px 太字（2026-10-18 指定）。SPは据え置き */
@media screen and (min-width: 768px) { .sp26-brand .sp26-title { font-size: 32px; font-weight: 900 !important; } }

/* ===== SP修正（2026-10-18〜） ===== */
/* 冒頭の大見出し（3ページ共通）：SP 6.2vw */
@media screen and (max-width: 767px) { .sp26-lead .sp26-catch { font-size: 6.2vw; } }
/* スタートアップ冒頭見出し：SP 9vw・「はじめを、」で改行（2026-10-18 指定） */
@media screen and (max-width: 767px) { .sp26--startup .sp26-lead .sp26-catch { font-size: 9vw; } }
/* スタートアップ「会社をつくる。」等の3行：SP 6.2vw（2026-10-18 指定） */
@media screen and (max-width: 767px) { .sp26-start__list li { font-size: 6.2vw; } }
/* SP：ボタン文字を1行に（文字間隔・左右余白を詰める）（2026-10-18 指定） */
@media screen and (max-width: 767px) { .sp26-btn { padding: 14px 10px; letter-spacing: .02em; } }
/* SP：ジャンプする蛙を小さく、上の文章との間を広げる（2026-10-18 指定） */
@media screen and (max-width: 767px) { .sp26-start__ill img { width: 100px; margin-top: 20px; } }
/* ボタン文字：2行になるときは <span> の区切りで折り返す（2026-10-18 指定） */
.sp26-btn > span { display: inline-block; }
/* SP：帯見出しの行間（2026-10-18 指定） */
@media screen and (max-width: 767px) { .sp26-bar { line-height: 1.5; } }
/* SP：HOW WE WORK 見出し 7.4vw／「こんな雰囲気にしたい」等 5.4vw・折り返し時は「 の分だけ字下げ（2026-10-18 指定） */
@media screen and (max-width: 767px) {
  .sp26-how .sp26-catch { font-size: 7.4vw; }
  .sp26-voice li { font-size: 5.4vw; padding-left: 1.06em; text-indent: -1.06em; }
}
@media screen and (max-width: 767px) { .sp26-how .sp26-catch--line { padding-right: 0; } }
/* SP：「その他のデザインについて詳しく見る →」・注記「※分割払いの場合は〜」13px（2026-10-18 指定） */
@media screen and (max-width: 767px) {
  .sp26-more,
  .sp26-entry .sp26-note { font-size: 13px; }
}
/* SP：「あめとつちブランドを、もう少し知る。」6.2vw（2026-10-18 指定） */
@media screen and (max-width: 767px) { .sp26-brand > .sp26-title { font-size: 6.2vw; } }
/* SP：DESIGN／BRANDING DESIGN／CONSULTING SERVICE の画像を縦1列に（2026-10-18 指定） */
@media screen and (max-width: 767px) {
  .sp26-brand__list { grid-template-columns: 1fr; gap: 24px; }
  .sp26-brand__list li { font-size: 14px; }
  .sp26-brand__list img { margin-bottom: 8px; }
}
/* SP：「はじめのデザインを、ご相談ください。」7.4vw（2026-10-18 指定） */
@media screen and (max-width: 767px) { .sp26-cta .sp26-catch { font-size: 7.4vw; } }

/* ===== スタートアップで行った調整を、ブランディング・ロゴの同じ役割の箇所にも適用（2026-10-18） ===== */
/* PC：ブランディング事例のタイトル 26px（スタートアップの事例タイトルと同じ） */
@media screen and (min-width: 768px) { .sp26-bcase__item h4 { font-size: 26px; } }
/* PC：ロゴ冒頭 緑コピー↔文章、文章↔ボタンの見た目の余白をそろえる（緑コピーの行間ぶん約18pxを差し引く） */
.sp26--logo .sp26-lead .sp26-lead__text { margin-top: 22px !important; }
@media screen and (max-width: 767px) {
  /* 冒頭見出し：ロゴ 9vw（スタートアップと同じ）、ブランディングは文が長いので 7.4vw・3行 */
  .sp26--logo .sp26-lead .sp26-catch { font-size: 9vw; }
  .sp26--branding .sp26-lead .sp26-catch { font-size: 7.4vw; }
  /* ロゴ冒頭 文章の上の余白（緑コピー↔文章と文章↔ボタンをそろえる） */
  .sp26--logo .sp26-lead .sp26-lead__text { margin-top: 33px !important; }
  /* 中見出し（スタートアップ「はじめのデザインを〜」は7.4vw）：「ブランドづくりについて、」の12文字が1行に収まる 7vw */
  .sp26-talk__head .sp26-catch { font-size: 7vw; }
  /* ※注記・「詳しく見る」系リンク 13px（スタートアップと同じ） */
  .sp26-note,
  .sp26-note--left,
  .sp26-terms__text,
  .sp26-bcase__more,
  .sp26-brand__foot a { font-size: 13px; }
}

/* ブランディング「ブランディングとは」の蛙：カンプどおり足元が下線をまたぐ（蛙の高さの12.3%を線より下へ）（2026-10-18 指定） */
.sp26-title__ill--straddle { bottom: 0; transform: translateY(13%); }
@media screen and (min-width: 768px) { .sp26-title__ill--straddle { right: 6px; } }

/* ブランディング「Our Approach to Branding」：カンプのDIN-BoldをSVG化。金の線は文字幅の約71%・中央・太さ2px（2026-10-18） */
.sp26-approach__label { width: auto; padding: 0; border-bottom: 0; }
.sp26-approach__label img { display: block; width: 290px; margin: 0 auto; }
.sp26-approach__label::after {
  content: "";
  display: block;
  width: 207px;
  height: 2px;
  margin: 13px auto 0;
  background: var(--sp26-gold);
  transform: translateX(5px);
}
@media screen and (max-width: 767px) {
  .sp26-approach__label img { width: 200px; }
  .sp26-approach__label::after { width: 143px; margin-top: 9px; transform: translateX(3px); }
}

/* PC 32px：スタートアップ「スタートアッププランについて」、ブランディング Our Approach の3見出し（2026-10-18 指定） */
@media screen and (min-width: 768px) {
  .sp26--startup .sp26-about > .sp26-title,
  .sp26-approach__item .sp26-title { font-size: 32px; }
}
/* ブランディング「世界観を伝える総合演出。」の蛙：PC 80→110px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-title__ill--s { width: 110px; } }

/* ブランディング 価値の図：線のつながりを修正・下の文字 PC 26px（2026-10-18 指定）
   横線の両端を、両端ラベルの中心（＝縦線の位置）ぴったりに。列のすき間 --vgap を計算に入れる */
.sp26-value__list { --vgap: 12px; gap: var(--vgap); }
.sp26-value__list::after {
  left: calc((100% - 3 * var(--vgap)) / 8);
  right: calc((100% - 3 * var(--vgap)) / 8);
}
.sp26-value__list li:first-child::after,
.sp26-value__list li:last-child::after { height: 51px; }
@media screen and (max-width: 767px) { .sp26-value__list { --vgap: 6px; } }
@media screen and (min-width: 768px) {
  /* 26px・行間1.7 → 1行目の中央(約22px)が横線(リスト下端+50px)に重なるよう margin-top 28px */
  .sp26-value__text { margin-top: 28px; font-size: 26px; }
}
/* ブランディング「ブランドの価値を、伝わるカタチへ。」：PC 28px・黒帯との間を広く（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-bcase .sp26-title { margin-top: 95px; font-size: 28px; } } /* 黒帯の margin-bottom 50px と相殺されるため 95px */
/* ブランディング「あめとつち３つのブランディングプラン」：PC 上の余白 110→180px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-plans { padding-top: 180px; } }
/* ブランディング「あめとつち３つのブランディングプラン」：PC 32px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-plans > .sp26-title { font-size: 32px; } }
/* ブランディング プランカード「支援の流れ」「主な領域」ラベル：PC 16px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-plan__label { font-size: 16px; } }
/* ブランディング プランカードの枠線：PC 4px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-plan { border-width: 4px; } }
/* ブランディング「制作物の数ではなく、必要な支援の深さから。」：PC 32px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-price .sp26-title { font-size: 32px; } }
/* ブランディング「価格設計は〜を基本とします。」：PC 26px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-price__point { font-size: 26px; } }
/* ブランディング「BRAND ADVISORY」：PC 32px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-advisory__en { font-size: 32px; } }
/* ブランディング「ブランドづくりについて、まず相談したい企業へ。」：PC 26px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-advisory__title { font-size: 26px; } }
/* ブランディング「月額 5 万円（税別）｜6 か月～」：PC 26px・区切りを文字の高さにそろえた縦線で描く（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-advisory__price { font-size: 26px; } }
.sp26-advisory__price span {
  display: inline-block;
  width: 1px;
  height: .9em;
  margin: 0 .5em;
  overflow: hidden;
  color: transparent;
  background: currentColor;
  background: #222;
  font-size: 1em;
  vertical-align: -.1em;
}
/* ブランディング「ブランディングサービスのお申込み条件」：PC 32px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26--branding .sp26-terms .sp26-title { font-size: 32px; } }
/* ブランディング「話してみませんか。」横の会議イラスト：PC 215→320px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-talk__ill { width: 320px; } }
/* ブランディング「サービスのお申し込みはこちら」ボタン：PC 36px（2026-10-18 指定） */
@media screen and (min-width: 768px) { .sp26-outline-btn { font-size: 36px; } }
/* ブランディング「制作物の数ではなく〜」「価格設計は〜」「BRAND ADVISORY」「ブランドづくりについて、まず相談したい企業へ。」「月額5万円〜」「お申込み条件」「サービスのお申し込みはこちら」：PC 太字（2026-10-19 指定） */
@media screen and (min-width: 768px) {
  .sp26--branding .sp26-price .sp26-title,
  .sp26--branding .sp26-price__point,
  .sp26--branding .sp26-advisory__en,
  .sp26--branding .sp26-advisory__title,
  .sp26--branding .sp26-advisory__price,
  .sp26--branding .sp26-terms .sp26-title,
  .sp26--branding .sp26-outline-btn { font-weight: 700 !important; }
}
/* 他プランバナーの英字と上の小見出し：PC 文字間隔・大きさをカンプどおりに（2026-10-19 指定）
   カンプ実測：字間は START UP PLAN .19em／BRANDING PLAN .16em／LOGO DESIGN .32em（どれも同じ横幅になるよう組まれている）、
   英字はバナー幅の約93%（font-size をバナー幅基準の cqw で指定）、小見出し .16em。
   末尾の字間ぶんを margin-right で打ち消して中央をそろえる */
@media screen and (min-width: 768px) {
  .sp26-banner a { container-type: inline-size; }
  .sp26-banner__main { align-self: center; font-size: 9.6cqw; }
  .sp26-banner a[href*="entry-startup-plan"] .sp26-banner__main { margin-right: -.19em; letter-spacing: .19em; }
  .sp26-banner a[href*="entry-branding-plan"] .sp26-banner__main { margin-right: -.16em; letter-spacing: .16em; }
  .sp26-banner a[href*="entry-logodesign-plan"] .sp26-banner__main { margin-right: -.32em; letter-spacing: .32em; }
  .sp26-banner__sub { padding-left: .16em; letter-spacing: .16em; }
}
/* ===== ブランディング SP（2026-10-19〜） ===== */
/* 「ブランディングは、／世界観を伝える総合演出。」：SPで2行に収める。右の空きを蛙の幅(60px)に合わせて詰め、
   375px未満では「世界観を伝える総合演出。」12字が1行に入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-approach__label + .sp26-approach__item .sp26-title {
    padding-right: 64px;
    font-size: min(21px, calc((100vw - 104px) / 12.8));
  }
}
/* 「徹底した対話から始める／ブランドづくり」：SPで2行に収める。右の空きを蛙の幅(90px)より広い92pxにし、
   狭い画面では「徹底した対話から始める」11字が1行に入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-approach__item:nth-of-type(2) .sp26-title {
    padding-right: 92px;
    font-size: min(21px, calc((100vw - 132px) / 11.7));
  }
}
/* 「ブランディングは／“より良く”を続ける活動」：SPで2行に収める。狭い画面では2行目が1行に入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-approach__item:nth-of-type(3) .sp26-title { font-size: min(21px, calc((100vw - 116px) / 11.8)); }
}
/* 価値の図「まずは自分たちの価値観を／正しく知ることから始めます」：SPで2行に収める。狭い画面では2行目13字が入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-value__title { font-size: min(19px, calc((100vw - 70px) / 13.7)); }
}
/* 「あめとつち３つの／ブランディングプラン」：SPで2行に収める。右の空き92px（蛙90px）・狭い画面では2行目10字が入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-plans > .sp26-title {
    padding-right: 92px;
    font-size: min(21px, calc((100vw - 132px) / 10.8));
  }
}
/* プランカード「主な領域」の中身（ブランド構築 ＋ クリエイティブ／250 万円～（税別）など3枚とも）：SP 太字（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-plan__area,
  .sp26--branding .sp26-plan__area .sp26-plan__price { font-weight: 700; }
}
/* プランカード3枚目「主な領域」：「年間契約を基本｜／月額 30 万円～（税別）＋ 制作費」で改行。狭い画面では2行目が入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-plan:nth-of-type(3) .sp26-plan__area { font-size: min(16px, calc((100vw - 84px) / 16.4)); }
}
/* 「BRAND ADVISORY」「ブランドづくりについて、まず相談したい企業へ。」：SP 太字（2026-10-19 指定・PCは同日に太字済み） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-advisory__en,
  .sp26--branding .sp26-advisory__title { font-weight: 700 !important; }
}
/* 「価格設計は「課題の複雑性＋支援範囲＋関与の深さ」を基本とします。」：SP 太字（2026-10-19 指定・PCは同日に太字済み） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-price__point { font-weight: 700 !important; }
}
/* 「月額 5 万円（税別）｜6 か月～」：SP 太字（2026-10-19 指定・PCは同日に太字済み） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-advisory__price { font-weight: 700 !important; }
}
/* 「こんな課題やお悩みはありませんか？」：SPは蛙を上に出して帯の左下にかぶせ（右→左へ変更 10/19）、その下にCASE1〜5を全幅で並べる（2026-10-19 指定）
   帯に重なっても透けないよう、蛙は内側を白で塗った frog_cross_fill.png を使用 */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-worry__body { display: block; }
  .sp26--branding .sp26-worry__ill { position: relative; z-index: 1; display: block; width: 60px; margin: -72px auto 14px 0; } /* 80→60px・帯へのかぶり24→36px（10/19 再指定） */
}
/* 「制作物の数ではなく〜」「ブランディングサービスのお申込み条件」「サービスのお申し込みはこちら」：SPもPCと同じく太字（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--branding .sp26-price .sp26-title,
  .sp26--branding .sp26-terms .sp26-title,
  .sp26--branding .sp26-outline-btn { font-weight: 700 !important; }
}
/* 上の蛙：360px未満は帯の2行目「ありませんか？」が左に寄って頭が当たるので、かぶりを浅く（2026-10-19） */
@media screen and (max-width: 359px) {
  .sp26--branding .sp26-worry__ill { margin-top: -52px; }
}
/* 「ブランドの価値を、伝わるカタチへ。」：PC・SPとも太字（2026-10-19 指定） */
.sp26--branding .sp26-bcase .sp26-title { font-weight: 700 !important; }
/* ===== ロゴデザイン PC（2026-10-19〜） ===== */
/* 「ロゴデザインについて相談する」ボタンと水色背景の間：PC 90→115px（カンプ比率 69pt×1.64）（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-bg { margin-top: 115px; } }
/* 「こんなお悩みはありませんか？」のチェックリスト：PC 21px・太字。チェックアイコンを1行目の中央にそろえる（2026-10-19 指定） */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-worry .sp26-check li { font-size: 21px; font-weight: 700; background-position: left 8px; }
}
/* 「あめとつちのロゴデザインプランなら〜」：PC ▼を大きく・文字を太く（カンプW7）・左右の斜め線をカンプの位置と角度に合わせ2pxに（2026-10-19 指定）
   カンプ実測（文字18pt基準）→ 24px換算 ×1.333：▼ 46.8×17pt → 62×23px、▼と文字の間 20pt → 27px
   斜め線：文字の左端から上端 -35.8pt／下端 -11.3pt、縦49.7pt → 中心が文字左端 -31px・長さ74px・傾き26.3° */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-answer { padding-top: 50px; font-weight: 800; }
  .sp26--logo .sp26-answer::before { margin-left: -31px; border-width: 23px 31px 0; }
  .sp26--logo .sp26-answer span::before,
  .sp26--logo .sp26-answer span::after { top: 17px; width: 2px; height: 74px; }
  .sp26--logo .sp26-answer span::before { left: 12px; transform: rotate(-26.3deg); }
  .sp26--logo .sp26-answer span::after { right: 12px; transform: rotate(26.3deg); }
}
/* 「経験豊富なディレクターが、直接担当します」：PC 太字（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-director .sp26-title { font-weight: 700 !important; } }
/* ディレクターの人物写真：PC 幅46→33%に小さく、縦長(3:4)に切り抜いて、写真の下端を本文の最終行にそろえる（2026-10-19 指定）
   コンテンツ幅が最大(1280px以上)で下端の差は約8px。幅が狭い画面では本文が長くなるため写真の方が短くなる */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-director__prof img { width: 33%; aspect-ratio: 3 / 4; object-fit: cover; } /* 2:3は縦長すぎ→3:4・33%に（10/19 再指定） */
}
/* ディレクター紹介文：PC 両端揃え（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-director__prof p { text-align: justify; } }
/* 「目的別｜用途に応じた3つのロゴデザインプラン」：PC 26px・太字。「目的別」の枠の下線を見出しの下線に重ねる（カンプどおり）。
   右の蛙をカンプ比率(見出し文字の8倍)の208pxに。下線が透けないよう内側を白で塗った frog_sign_fill.png を使用（2026-10-19 指定） */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-logoplan .sp26-title { padding-bottom: 0; font-size: 26px; font-weight: 700 !important; line-height: 1.6; }
  .sp26--logo .sp26-logoplan .sp26-boxlabel { margin: 0 .55em -1px 0; padding: 0 .5em; vertical-align: bottom; }
  .sp26--logo .sp26-logoplan .sp26-title__ill--sign { width: 208px; right: 9px; bottom: -13px; }
}
/* 「目的別」見出しの上（水色背景の下端〜見出し下線）：PC 154→229px（カンプ 139.7pt×1.64）。上の余白 110→185px（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-logoplan { padding-top: 185px; } }
/* 「WEB サイトから名刺まで〜」説明文：PC 18px（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-logoplan__intro { font-size: 18px; } }
/* 「ロゴ制作｜使用される媒体や用途に応じて〜」：PC 21px・太字。「ロゴ制作」の枠の下線を見出しの下線に重ねる（2026-10-19 指定）
   カンプ実測（本文16pt→21px ×1.31）：枠内14pt→18px・枠の高さ23pt→30px・枠内左右13pt→17px・枠〜文字21.6pt→28px */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-kind { align-items: flex-end; padding-bottom: 0; font-size: 21px; font-weight: 700 !important; line-height: 30px; }
  .sp26--logo .sp26-kind span { margin: 0 28px -1px 0; padding: 0 17px; font-size: 18px; line-height: 28px; }
}
/* プラン名横の「／ 150,000 円＋税」など価格部分：PC 太字（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-lplan__name span { font-weight: 700; } }
/* プラン表「制作内容」の行：上下・右の線だけ太く見えていたのを1本に（2026-10-19 指定）
   このセルだけ display:flex で表の線の重ね合わせ(border-collapse)から外れ、隣の行の線と二重になっていたため。
   セル自身の枠線は消し、右端だけ box-shadow で表の外枠と同じ位置に1px引く */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-ltable__items { border: 0 !important; box-shadow: 1px 0 0 var(--sp26-green); }
}
/* 「制作内容」のロゴ：PC 約1.35倍に（カンプの文字との比率）（2026-10-19 指定） */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-ltable__items img { height: 70px; }
  .sp26--logo .sp26-ltable__items .is-type img { height: 16px; margin: 27px 0; }
  .sp26--logo .sp26-ltable__items .is-yoko img { height: 40px; margin: 15px 0; }
  .sp26--logo .sp26-ltable__items .is-sheet img { height: 86px; }
}
/* プラン名「ブランドロゴ／〜」と説明文の間：PC 文字どうし59→約19px（カンプはほぼ密着）（2026-10-19 指定） */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-lplan__name { margin-bottom: 0 !important; }
  .sp26--logo .sp26-lplan__desc { margin-top: 0; }
}
/* サポート体制 POINT1〜3 の文：PC 21px・太字。POINTのラベルも太字（大きさはそのまま）（2026-10-19 指定） */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-support .sp26-tags li { font-size: 21px; font-weight: 700; }
  .sp26--logo .sp26-support .sp26-tag { font-weight: 700; } /* POINTラベルも太字に（10/19 再指定） */
}
/* 「サービスの流れ」の図：PC カンプどおりに組み直し（2026-10-19 指定）
   カンプ実測(pt)×1.643（700pt→1150px）：帯 幅34.7→57px・高さ202.4→333px・間隔46.1→76px（8本を中央に寄せる）、
   箱の上〜帯 37.8→62px、帯の上〜文字 27.3→45px、文字 11.5pt→19px、▶ 11.1×17.1→18×28px（帯の上から中心117px）。
   箱の幅(最大1150px)を基準に cqw で指定して、狭いPCでも同じ比率で縮む。文字は帯の上から始める（中央揃えを継承しない） */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-flow__box { padding: 0 0 36px; container-type: inline-size; }
  .sp26--logo .sp26-flow__list { justify-content: center; gap: 6.61cqw; padding-top: 5.39cqw; }
  .sp26--logo .sp26-flow__list li {
    width: 4.96cqw;
    height: 28.96cqw;
    padding-top: 3.91cqw;
    border-radius: 0 0 2.48cqw 2.48cqw;
    font-size: 1.65cqw;
    letter-spacing: 0;
    line-height: 4.96cqw;
    text-align: start;
  }
  .sp26--logo .sp26-flow__list li + li::before {
    top: 8.96cqw;
    left: -4.09cqw;
    border-width: 1.22cqw 0 1.22cqw 1.57cqw;
  }
}
/* 「ロゴだけでなく、ブランド全体から整理したい方へ」：PC 太字（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-flow__box h4 { font-weight: 700 !important; } }
/* 「ロゴデザインプランのご留意点」「ロゴデザインプランのお申込み条件」：PC 太字（2026-10-19 指定） */
@media screen and (min-width: 768px) { .sp26--logo .sp26-terms .sp26-title { font-weight: 700 !important; } }
/* 「ロゴデザインについて相談する」ボックス：PC 上の行26px・下の行21px（2026-10-19 指定） */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-cta--nohead .sp26-cta__box strong { font-size: 26px; }
  .sp26--logo .sp26-cta--nohead .sp26-cta__box span.is-large { font-size: 21px; }
}
/* ===== ロゴデザイン SP（2026-10-19〜） ===== */
/* PCで太字にした所はSPも太字に（2026-10-19 指定：PCで太字の所はSPでも太字）
   お悩みチェックリスト／目的別見出し・枠／ロゴ制作・CI設計の緑見出し・枠／プラン価格／ディレクター見出し／
   POINT1〜3（文・ラベル）／「ロゴだけでなく〜」／ご留意点・お申込み条件。「あめとつちのロゴデザインプランなら」はPCと同じ800 */
@media screen and (max-width: 767px) {
  .sp26--logo .sp26-worry .sp26-check li,
  .sp26--logo .sp26-logoplan .sp26-title,
  .sp26--logo .sp26-boxlabel,
  .sp26--logo .sp26-kind,
  .sp26--logo .sp26-kind span,
  .sp26--logo .sp26-lplan__name span,
  .sp26--logo .sp26-director .sp26-title,
  .sp26--logo .sp26-support .sp26-tags li,
  .sp26--logo .sp26-support .sp26-tag,
  .sp26--logo .sp26-flow__box h4,
  .sp26--logo .sp26-terms .sp26-title { font-weight: 700 !important; }
  .sp26--logo .sp26-answer { font-weight: 800; }
}
/* 「あめとつちのロゴデザインプランなら〜」：SP 3行に収め、斜め線を3行の上下中央・いちばん長い2行目の端から6px外に置く。太さはPCと同じ2px（2026-10-19 指定）
   W7(800)にして横幅が広がったため、線用の左右余白(24px)をなくし、390px未満は線が画面に収まるよう字を縮めて3行に。2行目の半分の幅＝9.43em。線は高さ70px・傾き15°（下端が文字側） */
@media screen and (max-width: 767px) {
  .sp26--logo .sp26-answer { font-size: min(16px, calc((100vw - 76px) / 18.9)); } /* 左右に線の分(約18px)を残して3行に収まる大きさ */
  .sp26--logo .sp26-answer span { padding: 0; }
  .sp26--logo .sp26-answer span::before,
  .sp26--logo .sp26-answer span::after { top: 50%; width: 2px; height: 70px; margin-top: -35px; }
  .sp26--logo .sp26-answer span::before { left: calc(50% - 9.43em - 16px); transform: rotate(-15deg); }
  .sp26--logo .sp26-answer span::after { right: calc(50% - 9.43em - 16px); left: auto; transform: rotate(15deg); }
}
/* ロゴ実績グリッド：SP 2列（2026-10-19 指定） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-logo-grid { grid-template-columns: repeat(2, 1fr); } }
/* ディレクターの人物写真：SP 大きさはそのまま中央に（2026-10-19 指定） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-director__prof img { display: block; margin-left: auto; margin-right: auto; } }
/* 「経験豊富なディレクターが、／直接担当します」：SPのみ改行。狭い画面では1行目13字が入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-director .sp26-title { font-size: min(21px, calc((100vw - 40px) / 13.9)); } }
/* 「目的別｜用途に応じた3つの／ロゴデザインプラン」：SP 「目的別」の枠だけで1行、その下に見出し2行（「3つの」の後でSPのみ改行）、
   蛙は右下に置き足元を下線にかける。狭い画面は2行目9字が入るよう字を縮める（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--logo .sp26-logoplan .sp26-title { padding-top: 0; padding-right: 126px; font-size: min(21px, calc((100vw - 166px) / 9.5)); }
  .sp26--logo .sp26-logoplan .sp26-boxlabel { display: table; margin: 0 0 10px; font-size: 21px; }
  .sp26--logo .sp26-logoplan .sp26-title__ill--sign { width: 118px; top: auto; right: 0; bottom: -8px; }
}
/* 「ロゴ制作｜〜」「CI 設計｜〜」の緑見出し：SP 枠だけで1行、その下に文（2026-10-19 指定） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-kind span { display: table; margin: 0 0 8px; } }
/* プラン表：SP 本番の今のページ(entry-logodesign-plan)と同じ縦組みに（2026-10-19 指定）
   見出しは緑の帯で全幅・その下に中身。ロゴ使用例は幅90%で1枚ずつ縦に、制作内容は #f5f5f5 の箱で縦に、納品内容・納期は中央揃え。
   値は本番SP(375px)の実測：th 上下20px・16px／td 上下25px・13px／箱 上20px下30px・間20px */
@media screen and (max-width: 767px) {
  .sp26--logo .sp26-ltable,
  .sp26--logo .sp26-ltable tbody,
  .sp26--logo .sp26-ltable tr,
  .sp26--logo .sp26-ltable th,
  .sp26--logo .sp26-ltable td { display: block; width: auto; }
  .sp26--logo .sp26-ltable th { padding: 20px 10px; border: 0; font-size: 16px; line-height: 1.2; text-align: center; white-space: normal; }
  .sp26--logo .sp26-ltable td,
  .sp26--logo .sp26-ltable tr.is-s td { padding: 25px 10px; border: 0 !important; font-size: 13px; line-height: 1.8; text-align: center; }
  .sp26--logo .sp26-ltable tr:first-child td { padding: 30px 10px 10px; }
  .sp26--logo .sp26-ltable__ex { display: block; }
  .sp26--logo .sp26-ltable__ex li { width: 90%; margin: 0 auto 20px; }
  .sp26--logo .sp26-ltable__ex span { margin-top: 10px; font-size: 13px; }
  .sp26--logo .sp26-ltable td.sp26-ltable__items { display: block; padding: 25px 10px 5px !important; }
  .sp26--logo .sp26-ltable__items > div,
  .sp26--logo .sp26-ltable__items > div + div { width: 90%; margin: 0 auto 20px; padding: 20px 0 30px; border: 0; background: #f5f5f5; }
  .sp26--logo .sp26-ltable__items p { margin-bottom: 20px; font-size: 13px; }
  .sp26--logo .sp26-ltable__items img { height: 70px; }
  .sp26--logo .sp26-ltable__items .is-type img { height: 16px; margin: 27px 0; }
  .sp26--logo .sp26-ltable__items .is-yoko img { height: 40px; margin: 15px 0; }
  .sp26--logo .sp26-ltable__items .is-sheet img { height: 86px; }
}
/* 上の制作内容の箱：ロゴ画像(png)の白地がグレーの箱で四角く見えるので、乗算で白地を消す（2026-10-19） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-ltable__items img { mix-blend-mode: multiply; } }
/* 「サービスの流れ」の図：SP 本番の今のページと同じく、横長の丸い帯に横書きで1行ずつ縦に並べ、間に▼（2026-10-19 指定）
   箱の内側 上下30px・左右15px（本番の実測）。帯 高さ32px・文字14px・帯どうしの間30px */
@media screen and (max-width: 767px) {
  .sp26--logo .sp26-flow__box { padding: 30px 15px; }
  .sp26--logo .sp26-flow__list { display: block; }
  .sp26--logo .sp26-flow__list li {
    width: auto;
    height: auto;
    padding: 0 10px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    writing-mode: horizontal-tb;
  }
  .sp26--logo .sp26-flow__list li + li { margin-top: 30px; }
  .sp26--logo .sp26-flow__list li + li::before,
  .sp26--logo .sp26-flow__list li:nth-child(5)::before {
    display: block;
    top: -21px;
    left: 50%;
    margin-left: -7px;
    border-width: 11px 7px 0;
    border-style: solid;
    border-color: #000 transparent transparent;
  }
}
/* 「ロゴだけでなく〜」の下の説明文：SP 両端揃え（2026-10-19 指定） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-flow__box p { text-align: justify; } }
/* 「ロゴだけでなく、ブランド全体から／整理したい方へ」：SPのみ改行。狭い画面では1行目16字が入るよう字を少し小さく（2026-10-19 指定） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-flow__box h4 { font-size: min(18px, calc((100vw - 70px) / 16.1)); } }
/* ロゴデザインの事例紹介の一覧：SP 間隔16px（2026-10-19 指定） */
@media screen and (max-width: 767px) { .sp26--logo .sp26-lworks__list { gap: 16px; } }
/* 「ロゴデザインについて相談する」ボックス：SP 上の余白を約半分に（箱の上 146→76px）・下の文を中央揃え（「伺い、」の後でSPのみ改行）（2026-10-19 指定） */
@media screen and (max-width: 767px) {
  .sp26--logo .sp26-cta--nohead { padding-top: 40px; }
  .sp26--logo .sp26-cta--nohead .sp26-cta__box span { text-align: center; }
}
/* ロゴ：ディレクター紹介文・主な受賞／実績・掲載／出演のリスト：PC 字間をページのほかの本文と同じ0.08emに（2026-10-19 クライアント指摘「このエリアだけ長体に見える」対応）
   紹介文0.02em・リスト0と詰まっていたため、細身の書体で表示される環境で縦長に見えていた */
@media screen and (min-width: 768px) {
  .sp26--logo .sp26-director__prof p,
  .sp26--logo .sp26-record li { letter-spacing: .08em; }
}
/* ブランディング「Our Approach to Branding」の蛙3匹：PC 中心を1本の線にそろえる（2026-10-19 クライアント指摘・10/21 再指摘）
   いちばん幅の広い中央の蛙（幅130px・右端0）の中心に合わせる：1匹目(110px) right 40→10px、3匹目(95px) right 40→17.5px */
@media screen and (min-width: 768px) {
  .sp26--branding .sp26-approach__item .sp26-title__ill--s { right: 10px; }
  .sp26--branding .sp26-approach__item:nth-of-type(3) .sp26-title__ill { right: 17.5px; }
}
/* ===== コンバージョン領域（スタートアップ・ロゴ）2026-10-23 クライアント設計 ===== */
/* グレーの箱に 英字ラベル／見出し／本文2行／アクセント色のボタン。PCは見出し1行・本文2行、SPは可読性優先（本文は左揃え・ボタン全幅）
   寸法はクライアント画像(約1.22倍)から換算：ラベル16px・見出し32px・本文16px・ボタン約510×47px */
.sp26-conv { margin-top: 110px; padding: 65px 40px 75px; background: #f6f6f6; text-align: center; } /* 上下 46/46→65/75px（10/23） */
.sp26-conv__en { margin: 0 !important; font-size: 21px; letter-spacing: .04em; line-height: 1.4; } /* 16→21px（10/23） */
.sp26-conv__title { margin: 26px 0 0 !important; font-size: min(36px, calc((100vw - 158px) / 19.8)); font-weight: 800 !important; letter-spacing: .04em; line-height: 1.4; } /* PCは1行：768px付近でも19字が入るよう縮める（約870px以上は36px／10/23に32→36px） */
.sp26-conv__text { margin: 24px 0 0 !important; font-size: min(18px, calc((100vw - 158px) / 36)); letter-spacing: .04em; line-height: 1.9; } /* 16→18px（10/23）。PCは本文2行：768px付近は長い方の行(33字)が入るよう縮める */
.sp26-conv__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 680px; /* 512→680px（10/23） */
  min-height: 66px; /* 48→56→66px（10/23） */
  margin: 26px auto 0;
  padding: 8px 20px;
  border-radius: 6px; /* 2→6px（10/23） */
  background: var(--sp26-accent);
  color: #fff !important;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: opacity .3s;
}
.sp26-conv__btn:hover { opacity: .8; }
.sp26-conv__arrow { margin-left: 1.2em; font-weight: normal; }
@media screen and (max-width: 767px) {
  .sp26-conv { margin-top: 60px; padding: 36px 20px; }
  .sp26-conv__en { font-size: 15px; } /* SP 13→15px（10/23） */
  .sp26-conv__title { margin-top: 14px !important; font-size: min(24px, calc((100vw - 80px) / 11.8)); } /* 「ロゴデザインについて、」11字が1行に入る大きさ */
  .sp26-conv__text { margin-top: 18px !important; font-size: 15px; line-height: 1.8; text-align: left; text-wrap: pretty; } /* 最終行が1〜2字だけになるのを防ぐ（対応ブラウザのみ） */
  .sp26-conv__btn { max-width: none; min-height: 52px; margin-top: 22px; padding: 10px 14px; font-size: min(15px, calc((100vw - 108px) / 15.9)); letter-spacing: .02em; } /* 14字＋矢印が1行に入る大きさ（360px以上は15px） */
  .sp26-conv__arrow { margin-left: .6em; }
  .sp26-conv__label { text-align: center; } /* スタートアップは「について」の後で2行に（SPのみ） */
}
/* スタートアップのボタン：SPは矢印をなくして1行に（18字が入るよう字を縮める・375pxで約15px）（2026-10-23 指定） */
@media screen and (max-width: 767px) {
  .sp26--startup .sp26-conv__btn { padding-left: 10px; padding-right: 10px; font-size: min(15px, calc((100vw - 100px) / 18.4)); white-space: nowrap; }
  .sp26--startup .sp26-conv__arrow { display: none; }
}
/* ===== SPの文字ヅラ（右端）をそろえる 2026-10-23 クライアント指摘「SP版：コンバージョン領域の不自然なアキ／３プランとも文字ヅラが揃っていない」 ===== */
/* 3ページのSPの本文（段落・定義・「・」の箇条書き）を両端揃えに。見出し・中央揃え・英字ラベル・右揃えの注記は対象外。
   コンバージョン領域の本文は text-wrap: pretty が早めに折り返して右に空きを作っていたので外す */
@media screen and (max-width: 767px) {
  .sp26 p:not(.sp26-value__title):not(.sp26-value__text):not(.sp26-start__bubble):not(.sp26-catch-sub):not(.sp26-conv__en):not(.sp26-note):not(.sp26-label):not(.sp26-plan__en):not(.sp26-plan__label),
  .sp26 .sp26-note--left,
  .sp26 dd,
  .sp26 .sp26-dot li { text-align: justify; }
  .sp26 .sp26-ltable__items p { text-align: center !important; } /* プラン表の項目名(1行・中央)は対象外 */
  .sp26 .sp26-conv__text { text-align: justify; text-wrap: wrap; }
}