/* 杉戸タクシー ブランドA　トップだけ（brand-common.css の後に読む） */
/* 行灯の台形（上が狭く、上の2隅だけ丸い）。札・ボタン・メーターに使う */

/* ------------------------------------------------------------
   ヘッダー（上端からぶら下がる紺の箱）
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   01 ファーストビュー
   ------------------------------------------------------------ */
/* 天気: 黒い行灯にクリームの数字 */
.st-brand-a .st-kv-weather {
  background: var(--st-black) !important;
  border: .3rem solid var(--st-navy) !important;
  border-radius: 1.6rem !important;
  box-shadow: var(--st-shadow) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.st-brand-a .st-kv-weather__place { font-family: var(--st-f-en); font-size: 1.2rem !important; letter-spacing: .06em !important; opacity: 1 !important }
.st-brand-a .st-kv-weather__condition { font-size: 1.7rem !important; font-weight: 900 !important }
.st-brand-a .st-kv-weather__temp { font-family: var(--st-f-en) !important; font-weight: 800 !important; font-size: 3.8rem !important; color: var(--st-lamp) !important }
.st-brand-a .st-kv-weather__range { font-family: var(--st-f-en); font-size: 1.2rem !important; opacity: 1 !important }
.st-brand-a .st-kv-weather__icon { color: var(--st-lamp) }
.st-brand-a .st-kv-weather__icon svg * { stroke: var(--st-lamp) }

/* 見出しの上の札 */
.st-brand-a .top-fv__start .st-catch__box {
  display: inline-block !important;
  padding: .5rem 2.6rem !important;
  font-size: 2.1rem !important;
  background: var(--st-navy) !important;
  border: .15rem solid rgba(255,255,255,.7) !important;
  border-radius: 1.2rem !important;
  color: #fff !important;
  font-weight: 900 !important; letter-spacing: .12em !important;
  box-shadow: var(--st-shadow);
}
/* 大見出し: 看板文字・紺の縁取りと、ずらした紺の影 */
.st-brand-a .top-fv__start .st-catch__main {
  font-family: var(--st-f-display) !important;
  font-weight: 800 !important; font-synthesis: none;
  font-size: 8.6rem !important;
  color: #fff !important;
  -webkit-text-stroke: 1.2rem var(--st-navy); paint-order: stroke fill;
  text-shadow: .5rem .6rem 0 var(--st-navy), .8rem .9rem 0 var(--st-navy) !important;
  letter-spacing: -.02em !important;
  line-height: 1.1 !important;
  margin-top: 1.6rem !important;
}
.st-brand-a .top-fv__start .st-catch__main { font-feature-settings: normal }
.st-brand-a .top-fv__start .st-catch__en {
  display: flex !important; align-items: center; justify-content: center; gap: 1.4rem;
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 700 !important;
  font-size: 2.9rem !important; opacity: 1 !important; margin-top: 1.4rem !important;
  color: #fff !important; letter-spacing: .08em !important;
  -webkit-text-stroke: .5rem var(--st-navy); paint-order: stroke fill;
  text-shadow: .25rem .3rem 0 var(--st-navy) !important;
}
.st-brand-a .top-fv__start .st-catch__en::before,
.st-brand-a .top-fv__start .st-catch__en::after {
  content: ""; width: 11rem; height: .9rem;
  background: repeating-linear-gradient(90deg, #fff 0 2.2rem, transparent 2.2rem 3.2rem);
  filter: drop-shadow(0 0 .15rem var(--st-navy)) drop-shadow(.2rem .25rem 0 var(--st-navy));
}

/* 呼び方の3つのボタン */
.st-brand-a .st-kv-actions__card {
  border: .3rem solid var(--st-navy) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: var(--st-shadow) !important;
  position: relative;
}
.st-brand-a .st-kv-actions__card[data-st-action="phone"] { background: var(--st-green) !important; color: #fff !important }
.st-brand-a .st-kv-actions__card[data-st-action="phone"] .st-kv-actions__title,
.st-brand-a .st-kv-actions__card[data-st-action="phone"] .st-kv-actions__cta { color: #fff !important }
.st-brand-a .st-kv-actions__card[data-st-action="phone"] .st-kv-actions__icon circle { fill: #fff }
.st-brand-a .st-kv-actions__card[data-st-action="phone"] .st-kv-actions__icon path { fill: var(--st-green) }
/* 配車の入口を示す札 */
.st-brand-a .st-kv-actions__card[data-st-action="phone"]::before {
  content: "配車";
  position: absolute; left: -2.2rem; top: 50%; transform: translateY(-50%);
  width: 5rem; padding: .6rem .3rem; text-align: center; letter-spacing: 0; left: -3.2rem !important;
  background: var(--st-black); color: var(--st-lamp);
  border: .2rem solid var(--st-lamp); border-radius: .6rem;
  font-family: var(--st-f-head); font-weight: 900; font-size: 2rem; line-height: 1.1; word-break: break-all; white-space: normal;
  box-shadow: var(--st-shadow);
}
.st-brand-a .st-kv-actions { width: min(86rem, calc(100% - 12rem)) !important; gap: 1.6rem !important }
.st-brand-a .st-kv-actions__card { min-height: 8.2rem !important; padding: 1rem 2rem !important; grid-template-columns: 5.4rem minmax(0,1fr) !important }
.st-brand-a .st-kv-actions__icon { width: 5rem !important; height: 5rem !important }
.st-brand-a .st-kv-actions__title { font-weight: 900 !important; font-size: 2.2rem !important; color: var(--st-navy) }
.st-brand-a .st-kv-actions__cta { font-family: var(--st-f-en); font-weight: 700 !important; font-size: 1.5rem !important; letter-spacing: .04em }

/* 右上の動画の小窓（はたらく人へ／乗務員募集） */
.st-brand-a .top-fv__next .st-lamp__shadow { background: none !important }
.st-brand-a .top-fv__next .st-lamp__shadow > a {
  background: #fff !important;
  border: .4rem solid var(--st-navy) !important;
  border-radius: 2.2rem !important;
  box-shadow: var(--st-shadow) !important;
  overflow: hidden;
}
.st-brand-a .top-fv__next .st-lamp__contents { background: var(--st-lamp) !important }
.st-brand-a .top-fv__next .st-lamp__title span { color: var(--st-navy) !important; font-weight: 900 !important }
.st-brand-a .top-fv__next .st-lamp-antenna {
  background: var(--st-navy) !important; color: var(--st-lamp) !important;
  clip-path: polygon(7% 0, 93% 0, 100% 100%, 0 100%); border-radius: .6rem .6rem 0 0 !important;
  font-weight: 900 !important;
}
.st-brand-a .top-fv__next .st-lamp__oval2 { background: var(--st-black) !important; color: #fff !important; border-color: var(--st-black) !important }
.st-brand-a .top-fv__next .st-play { background: var(--st-navy) !important }

/* 右下の MENU（ロゴの環） */

/* ------------------------------------------------------------
   共通の部品
   ------------------------------------------------------------ */
/* 行灯の札（上が狭い台形・上の2隅だけ丸い） */

/* 横断歩道の縞（セクションの上端） */

/* ------------------------------------------------------------
   02 導入
   ------------------------------------------------------------ */
.st-brand-a .top-intro { filter: none !important; -webkit-filter: none !important }
.st-brand-a .top-intro__body {
  clip-path: none !important;
  background-color: var(--st-paper) !important;
  background-image: repeating-linear-gradient(90deg, #fff 0 2.6rem, var(--st-paper) 2.6rem 5.2rem) !important;
  background-size: 100% 4.4rem !important; background-repeat: no-repeat !important;
  border-bottom: 5.4rem solid var(--st-navy);
  position: relative;
}
/* 下端の道路（紺にクリームの破線） */
.st-brand-a .top-intro__body::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -3rem; height: .8rem;
  background: repeating-linear-gradient(90deg, #fff 0 3.6rem, transparent 3.6rem 6.4rem);
}
.st-brand-a .top-intro__en::before { display: none !important }
.st-brand-a .top-intro__en span { font-size: 2.4rem !important; padding: .5rem 2.6rem !important; margin-left: 0 }
.st-brand-a .top-intro__en span::before, .st-brand-a .top-intro__en span::after { display: none }
/* 見出し: 「杉戸タクシー」を看板文字で大きく、下に「SUGITO TAXI · SINCE 1953」 */
.st-brand-a .top-intro__title .st-hero-title { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 1.2rem }
.st-brand-a .st-hero-title__ja {
  order: 1; flex: 0 0 100%;
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-style: normal !important;
  font-size: 13rem !important; line-height: 1.1 !important; letter-spacing: -.02em !important;
  color: var(--st-navy) !important;
  text-shadow: .6rem .6rem 0 #fff, .9rem .9rem 0 rgba(16,39,90,.12) !important;
  margin: 1.2rem 0 .6rem !important;
}
.st-brand-a .st-hero-title__big,
.st-brand-a .st-hero-title__en {
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 700 !important;
  font-size: 4.2rem !important; line-height: 1 !important; letter-spacing: .06em !important; text-transform: uppercase;
  color: var(--st-navy) !important; -webkit-text-stroke: 0 !important; text-shadow: none !important;
  background: none !important; transform: none !important; margin: 0 !important; padding: 0 !important;
}
.st-brand-a .st-hero-title__big { order: 2; display: inline-flex !important; align-items: center; gap: 2.4rem }
.st-brand-a .st-hero-title__big::before {
  content: ""; display: block; width: 21rem; height: .6rem;
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 2rem, transparent 2rem 3rem);
}
.st-brand-a .st-hero-title__en { order: 3 }
.st-brand-a .st-hero-title__en::before { content: "·"; margin-right: 1.2rem }
/* 本文: 下線をやめ、3語だけ緑のマーカー */
.st-brand-a .top-intro__txt { font-weight: 700 !important; color: var(--st-navy) !important }
.st-brand-a .top-intro__txt .st-link-line {
  color: inherit !important; text-decoration: none !important; background-image: none !important;
}
.st-brand-a .top-intro__txt .st-link-line::before,
.st-brand-a .top-intro__txt .st-link-line::after { display: none !important }
.st-brand-a .top-intro__txt a.st-link-line:nth-of-type(1) > span:first-child,
.st-brand-a .top-intro__txt a.st-link-line:nth-of-type(4) > span:first-child,
.st-brand-a .top-intro__txt a.st-link-line:nth-of-type(9) > span:first-child {
  background: var(--st-green); color: #fff; padding: .1rem .5rem; box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
/* 下のカード2枚: 左上だけ大きく丸い白いカード */
.st-brand-a .top-intro__link > a {
  background: #fff !important;
  border: .3rem solid var(--st-navy) !important;
  border-radius: 4rem .4rem .4rem .4rem !important;
  box-shadow: var(--st-shadow-lg) !important;
  clip-path: none !important;
}
.st-brand-a .top-intro__link > a::before, .st-brand-a .top-intro__link > a::after { display: none !important }
.st-brand-a .top-intro__link__balloon {
  font-family: var(--st-f-body) !important; font-weight: 900 !important; text-transform: none; letter-spacing: .04em;
  font-size: 1.4rem !important; padding: .6rem 2.2rem !important; box-shadow: none !important;
}
.st-brand-a .top-intro__link__balloon::before, .st-brand-a .top-intro__link__balloon::after { display: none !important }
.st-brand-a .top-intro__link .st-title span { font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 700 !important; color: var(--st-navy) !important; font-size: 1.8rem !important }
.st-brand-a .top-intro__link .st-title::before {
  content: ""; display: inline-block; width: 2.6rem; height: 2.6rem; margin-right: .8rem; vertical-align: middle;
  background: url(/v3/assets/img/common/icon/mark-navy.png) center/contain no-repeat;
}
.st-brand-a .top-intro__link__ja { font-weight: 900 !important; font-size: 3.4rem !important; color: var(--st-navy) !important; letter-spacing: .06em }
.st-brand-a .top-intro__link__title .st-slant {
  background: var(--st-paper) !important; color: var(--st-navy) !important; clip-path: none !important; transform: none !important;
  font-style: normal !important; font-weight: 700 !important; padding: .2rem .8rem !important;
}
.st-brand-a .top-intro__link__arrow {
  width: 4.8rem !important; height: 4.8rem !important; border: .3rem solid var(--st-navy); border-radius: 50%;
  background: #fff url(/v3/assets/img/common/icon/mark-navy.png) center/80% no-repeat !important;
}
.st-brand-a .top-intro__link__arrow::before, .st-brand-a .top-intro__link__arrow::after { display: none !important }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-intro { margin-top: 0 !important }
  .st-brand-a .top-intro__body { padding: 11rem 0 11rem !important }
  .st-brand-a .top-intro__contents { margin-left: 4.5rem !important }
  .st-brand-a .top-intro__title .st-hero-title { width: 110rem }
  .st-brand-a .st-hero-title__ja { font-size: 15.5rem !important; white-space: nowrap }
  .st-brand-a .top-intro__en span { font-size: 2.8rem !important; padding: .6rem 3rem !important }
  .st-brand-a .top-intro__txt { font-size: 2.8rem !important; line-height: 1.95 !important; margin-top: 3.5rem !important }
  .st-brand-a .top-intro__links { width: 135rem !important; margin-left: 4.5rem !important; gap: 2.4rem !important; margin-top: 7rem !important }
  .st-brand-a .top-intro__link a { height: 24rem !important; padding-left: 26rem !important }
  .st-brand-a .top-intro__link__illust.-unique1 { width: 19rem !important; left: 2.8rem !important; bottom: 2.4rem !important; top: 2.4rem;
    background: #EEF0F2; border-radius: 3rem .4rem .4rem .4rem; overflow: hidden; display: flex; align-items: flex-end; justify-content: center }
  .st-brand-a .top-intro__link__illust.-unique1 img { width: 70% !important; height: auto }
  .st-brand-a .top-intro__link__balloon { top: -2rem !important; left: 2.4rem !important; font-size: 1.9rem !important; padding: .7rem 2.6rem !important }
  .st-brand-a .top-intro__link .st-title span { font-size: 2.3rem !important }
  .st-brand-a .top-intro__link .st-title::before { width: 3.4rem; height: 3.4rem }
  .st-brand-a .top-intro__link__ja { font-size: 4.6rem !important; margin-top: 1.2rem !important }
  .st-brand-a .top-intro__link__title .st-slant { font-size: 2.2rem !important }
  .st-brand-a .top-intro__link__arrow { width: 6.4rem !important; height: 6.4rem !important; right: 2.4rem !important; bottom: 2.4rem !important }
}
@media screen and (min-width: 1024px) {
  .st-brand-a .st-hero-title__ja { font-size: 17.6rem !important }
  .st-brand-a .top-intro__txt { font-size: 3rem !important; line-height: 1.95 !important }
  .st-brand-a .top-intro__links { margin-top: 11rem !important }
  .st-brand-a .top-intro__link__illust.-unique1 img { width: 100% !important; max-width: none; height: 300% !important; object-fit: cover; object-position: top; margin-bottom: -200% }
  .st-brand-a .top-intro__link__illust.-unique1 { align-items: flex-start }
}
.st-brand-a .top-service { margin-top: 0 !important }
.st-brand-a .top-intro__body::after { z-index: 3 }
.st-brand-a .top-intro__body { border-bottom: 0 !important }
.st-brand-a .top-intro__body::after { display: none }
.st-brand-a .top-intro::after {
  content: ""; display: block; height: 6rem;
  background: repeating-linear-gradient(90deg, #fff 0 3.8rem, transparent 3.8rem 6.8rem) 1.6rem 50% / 100% .8rem no-repeat, var(--st-navy);
}
@media screen and (min-width: 1024px) {
  .st-brand-a .top-intro__link__balloon { font-size: 2.1rem !important }
  .st-brand-a .top-intro__link__arrow { width: 7rem !important; height: 7rem !important }
  .st-brand-a .top-intro__link__title .st-slant { background: none !important; padding: 0 !important; font-size: 2.5rem !important }
}

/* ------------------------------------------------------------
   03 サービス
   ------------------------------------------------------------ */
.st-brand-a .top-service { position: relative; background: var(--st-navy) !important; clip-path: none !important; overflow: hidden }
/* 上端: 表示灯の言葉が流れる黒い帯 */
.st-brand-a .top-service::before {
  content: "空車　▸　賃走　▸　迎車　▸　回送";
  position: absolute; left: 0; right: 0; top: 0; height: 4.8rem; z-index: 5;
  display: flex; align-items: center; justify-content: center;
  background: var(--st-black); color: var(--st-lamp);
  font-weight: 900; font-size: 2.4rem; letter-spacing: .3em; white-space: nowrap;
}
/* 下端: 横断歩道 */
.st-brand-a .top-service::after {
  content: ""; position: absolute; left: -2rem; right: -2rem; bottom: 2.4rem; height: 6rem;
  background: repeating-linear-gradient(90deg, #fff 0 2.2rem, transparent 2.2rem 5rem);
  transform: skewX(-18deg);
}
.st-brand-a .top-service__en span {
  display: inline-block; background: var(--st-lamp) !important; color: var(--st-navy) !important;
  clip-path: polygon(1.4rem 0, calc(100% - 1.4rem) 0, 100% 100%, 0 100%); border-radius: .8rem .8rem 0 0;
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important;
  font-size: 3.6rem !important; letter-spacing: .08em; padding: .2rem 3.4rem !important; line-height: 1.2 !important;
}
.st-brand-a .top-service__en::before, .st-brand-a .top-service__en::after { display: none !important }
.st-brand-a .top-service__ja .st-title-c__main { display: flex; align-items: baseline; gap: 1.6rem; color: #fff }
.st-brand-a .top-service__ja .st-title-c__main .st-w300 { display: none }
.st-brand-a .top-service__ja .st-title-c__main span {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-style: normal !important; color: #fff !important;
  text-shadow: .5rem .6rem 0 #06173d !important; letter-spacing: -.01em;
}
.st-brand-a .top-service__ja .st-title-c__main span:first-child { font-size: 15rem !important; line-height: 1 !important }
.st-brand-a .top-service__ja .st-title-c__main span:last-child { font-size: 6.4rem !important }
.st-brand-a .top-service__ja .st-title-c__sub { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0) }
.st-brand-a .st-service-tags {
  position: absolute; z-index: 6; display: grid; grid-template-columns: repeat(2, auto); gap: 1.2rem; list-style: none; margin: 0; padding: 0;
}
.st-brand-a .st-service-tags li {
  padding: .5rem 1.4rem; border: .3rem solid #fff; border-radius: .6rem; color: #fff;
  font-weight: 900; font-size: 2.6rem; letter-spacing: .08em; line-height: 1.2; text-align: center;
}
.st-brand-a .st-service-tags li:nth-child(3) { grid-column: 1 }
/* カード: 生成りの地、左上だけ丸い窓 */
.st-brand-a .top-service__item a {
  background: var(--st-paper) !important; clip-path: none !important;
  border: .3rem solid var(--st-navy); border-radius: 3rem .4rem .4rem .4rem !important;
  box-shadow: .5rem .5rem 0 #06173d !important;
}
.st-brand-a .top-service__item a::before, .st-brand-a .top-service__item a::after { display: none !important }
.st-brand-a .top-service__item__illust { border-radius: 2.4rem .4rem .4rem .4rem !important; overflow: hidden; clip-path: none !important }
.st-brand-a .top-service__item__ja { font-family: var(--st-f-head) !important; font-weight: 900 !important; color: var(--st-navy) !important; letter-spacing: 0 !important }
.st-brand-a .top-service__item__en span { font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 700 !important; color: var(--st-navy) !important; letter-spacing: .06em }
.st-brand-a .top-service__item__en span::before, .st-brand-a .top-service__item__en span::after { display: none !important }
.st-brand-a .top-service__item__txt { color: var(--st-navy) !important; font-weight: 500 }
.st-brand-a .top-service__item__arrow,
.st-brand-a .top-service__button .st-arrow2 {
  width: 5.2rem !important; height: 5.2rem !important; border: .3rem solid var(--st-navy); border-radius: 50%;
  background: #fff url(/v3/assets/img/common/icon/mark-navy.png) center/82% no-repeat !important;
}
.st-brand-a .top-service__item__arrow::before, .st-brand-a .top-service__item__arrow::after,
.st-brand-a .top-service__button .st-arrow2::before, .st-brand-a .top-service__button .st-arrow2::after { display: none !important }
/* カードの下の道路と、走る一台 */
.st-brand-a .top-service__items { position: relative; padding-bottom: 9rem !important }
.st-brand-a .top-service__items::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6rem;
  background: repeating-linear-gradient(90deg, var(--st-lamp) 0 4rem, transparent 4rem 7rem) 0 50% / 100% .8rem no-repeat, var(--st-black);
}
.st-brand-a .top-service__items::before {
  content: ""; position: absolute; z-index: 2; right: 2rem; bottom: .6rem; width: 14rem; height: 7rem;
  background: url(/v3/assets/img/brand/taxi-side.svg) center/contain no-repeat;
}
/* View All */
.st-brand-a .top-service__button a {
  background: var(--st-paper) !important; clip-path: none !important;
  border: .3rem solid var(--st-navy); border-radius: .6rem !important; box-shadow: .6rem .6rem 0 #06173d !important;
}
.st-brand-a .top-service__button a::before, .st-brand-a .top-service__button a::after { display: none !important }
.st-brand-a .top-service__button .st-btn__balloon { display: none !important }
.st-brand-a .top-service__button .st-btn__txt { display: flex !important; flex-direction: column; align-items: center; gap: 1.4rem }
.st-brand-a .top-service__button .st-btn__en {
  display: inline-block; padding: .6rem 3rem; border: .4rem solid var(--st-navy); background: var(--st-lamp);
  clip-path: none; border-radius: 3rem 3rem .6rem .6rem;
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-style: normal !important; font-size: 5.4rem !important; color: var(--st-navy) !important; line-height: 1.1 !important;
}
.st-brand-a .top-service__button .st-btn__ja { font-weight: 900 !important; font-size: 2.4rem !important; color: var(--st-navy) !important; letter-spacing: .08em }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-service { padding: 8rem 0 14rem !important }
  .st-brand-a .top-service__header { padding: 0 4rem !important; position: relative }
  .st-brand-a .top-service__en { margin-left: 3rem !important }
  .st-brand-a .top-service__ja { margin-top: -1rem !important }
  .st-brand-a .top-service__illust { width: 30rem !important; top: 7rem !important; right: 34rem !important }
  .st-brand-a .st-service-tags { top: 11rem; right: 3.4rem }
  .st-brand-a .top-service__items { margin-top: 3rem !important }
  .st-brand-a .top-service__item a { width: 36rem !important; height: 45rem !important }
  .st-brand-a .top-service__item__ja { font-size: 3.4rem !important }
  .st-brand-a .top-service__item__en span { font-size: 2.1rem !important }
  .st-brand-a .top-service__button { width: 84rem !important; margin: 3rem auto 0 !important }
  .st-brand-a .top-service__button a { height: 28rem !important }
}
.st-brand-a .top-service__arrows { display: none !important }
.st-brand-a .top-service__item__ja { font-family: var(--st-f-body) !important; font-weight: 900 !important }
.st-brand-a .top-service__item__en { display: flex !important; gap: .6rem !important }
.st-brand-a .top-service__button .st-btn__en { white-space: nowrap }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-service::before { font-size: 3rem; height: 5.4rem }
  .st-brand-a .top-service { padding: 9rem 0 20rem !important }
  .st-brand-a .top-service::after { height: 8rem; bottom: 3.6rem }
  .st-brand-a .top-service__illust { width: 40rem !important; top: 4rem !important; right: 31rem !important }
  .st-brand-a .st-service-tags { top: 5rem }
  .st-brand-a .top-service__items { margin-top: 5rem !important }
  .st-brand-a .top-service__item a { width: 37rem !important; height: 48rem !important }
  .st-brand-a .top-service__item__illust { position: absolute !important; left: 1.6rem !important; right: 1.6rem !important; top: 1.6rem !important; width: auto !important; height: 21rem !important; transform: none !important }
  .st-brand-a .top-service__item__illust img { width: 100% !important; min-width: 0 !important; height: 100% !important; object-fit: cover }
  .st-brand-a .top-service__item__contents { padding: 26rem 2.6rem 2rem !important }
  .st-brand-a .top-service__item__ja { font-size: 3.2rem !important; line-height: 1.3 !important; white-space: nowrap }
  .st-brand-a .top-service__item__en { margin-top: 1rem !important }
  .st-brand-a .top-service__item__en span { font-size: 2.1rem !important }
  .st-brand-a .top-service__item__txt { font-size: 1.5rem !important; margin-top: 1.6rem !important }
  .st-brand-a .top-service__item__arrow { right: 2rem !important; bottom: 2rem !important }
  .st-brand-a .top-service__button { width: 84rem !important; margin: 4rem auto 0 !important }
  .st-brand-a .top-service__button a { height: 30rem !important }
}
.st-brand-a .top-service::before { content: "空車　▶　賃走　▶　迎車　▶　回送" }
.st-brand-a .top-service::after { background: repeating-linear-gradient(90deg, var(--st-lamp) 0 2.4rem, transparent 2.4rem 5.2rem) }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-service__illust { width: 42rem !important; top: -1rem !important; right: 19rem !important }
  .st-brand-a .st-service-tags { top: 2rem }
  .st-brand-a .st-service-tags li { font-size: 2.8rem }
  .st-brand-a .top-service__item__ja { font-size: 3.6rem !important }
}

/* ------------------------------------------------------------
   x1 タクシー料金（黒い料金メーターの箱）
   ------------------------------------------------------------ */
.st-brand-a .st-fare-guide {
  padding: 13rem 0 10rem !important; color: var(--st-navy);
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 3.8rem, transparent 3.8rem 7.2rem) 0 0 / 100% 5rem no-repeat, var(--st-paper) !important;
}
.st-brand-a .st-fare-guide::before, .st-brand-a .st-fare-guide::after { display: none !important }
.st-brand-a .st-fare-guide__header { grid-template-columns: auto 1fr !important; align-items: center !important; margin-bottom: 4rem !important }
.st-brand-a .st-fare-guide__eyebrow img { display: none }
.st-brand-a .st-fare-guide__eyebrow span {
  display: inline-block; background: var(--st-navy); color: var(--st-lamp);
  clip-path: polygon(1.6rem 0, calc(100% - 1.6rem) 0, 100% 100%, 0 100%); border-radius: 1rem 1rem 0 0;
  font-family: var(--st-f-en); font-weight: 800; font-size: 3.4rem; letter-spacing: .06em; padding: .6rem 3.4rem;
}
.st-brand-a .st-fare-guide__heading h2 {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; letter-spacing: 0 !important;
  font-size: 11rem !important; color: var(--st-navy); text-shadow: .5rem .5rem 0 #fff, .8rem .8rem 0 rgba(16,39,90,.15);
}
.st-brand-a .st-fare-guide__heading > p { font-size: 2rem !important; font-weight: 700 !important; max-width: 36rem !important }
/* お支払い方法 */
.st-brand-a .st-fare-payment {
  margin-top: 5rem !important; background: #fff !important; border: .4rem solid var(--st-navy) !important;
  border-radius: 4.4rem 3rem 3rem 4.4rem !important; box-shadow: .8rem .8rem 0 var(--st-navy) !important; overflow: hidden; padding: 0 !important;
  display: grid !important; grid-template-columns: 30rem 1fr !important;
}
.st-brand-a .st-fare-payment__title { background: var(--st-navy) !important; color: #fff !important; padding: 4rem 4rem !important; display: flex; flex-direction: column; justify-content: center; border-radius: 0 !important }
.st-brand-a .st-fare-payment__title span { font-family: var(--st-f-en) !important; font-weight: 700 !important; font-size: 2.6rem !important; letter-spacing: .1em !important; color: #fff !important }
.st-brand-a .st-fare-payment__title h3 { font-size: 4.2rem !important; font-weight: 900 !important; color: #fff !important }
.st-brand-a .st-fare-payment__groups { gap: 0 !important; padding: 4rem 3rem !important; grid-template-columns: repeat(3, 1fr) !important; display: grid !important }
.st-brand-a .st-fare-payment__group { border: 0 !important; background: none !important; padding: 0 3.4rem !important; border-left: .3rem solid var(--st-navy) !important; border-radius: 0 !important }
.st-brand-a .st-fare-payment__group:first-child { border-left: 0 !important }
.st-brand-a .st-fare-payment__group-head svg { display: none !important }
.st-brand-a .st-fare-payment__group h4 { font-size: 3.2rem !important; font-weight: 900 !important; color: var(--st-navy) }
.st-brand-a .st-fare-payment__group > p { font-size: 1.9rem !important; font-weight: 600 !important; color: var(--st-navy) !important; margin-top: 1.6rem !important }
.st-brand-a .st-fare-guide__footer { margin-top: 5rem !important }
.st-brand-a .st-fare-guide__footer > p { font-size: 1.9rem !important; font-weight: 700 !important }
.st-brand-a .st-fare-guide__footer a {
  background: var(--st-green) !important; color: #fff !important; border: 0 !important;
  clip-path: none !important; border-radius: 2rem 1rem 1rem 1rem !important; box-shadow: .7rem .7rem 0 var(--st-navy) !important;
  font-size: 2.6rem !important; font-weight: 900 !important; padding: 2.2rem 4rem !important; gap: 2.4rem !important;
}
.st-brand-a .st-fare-guide__footer a svg { color: #fff; width: 3.4rem !important; height: 3.4rem !important }
.st-brand-a .st-fare-guide { margin-top: 0 !important }
@media screen and (min-width: 1024px) {
  .st-brand-a .st-fare-guide { padding: 11rem 0 9rem !important }
  .st-brand-a .st-fare-payment { grid-template-columns: 26rem 1fr !important; margin-top: 4rem !important }
  .st-brand-a .st-fare-payment__title { padding: 3rem 3.4rem !important }
  .st-brand-a .st-fare-payment__title span { font-size: 2rem !important }
  .st-brand-a .st-fare-payment__title h3 { font-size: 3.4rem !important; white-space: nowrap }
  .st-brand-a .st-fare-payment__groups { padding: 3rem 2rem !important }
  .st-brand-a .st-fare-payment__group { padding: 0 3rem !important }
  .st-brand-a .st-fare-payment__group h4 { font-size: 2.6rem !important; white-space: nowrap }
  .st-brand-a .st-fare-payment__group > p { font-size: 1.5rem !important }
  .st-brand-a .st-fare-guide__footer > p { font-size: 1.6rem !important }
  .st-brand-a .st-fare-guide__footer a { font-size: 2.1rem !important; padding: 1.8rem 3.4rem !important }
}
/* くまWeb の斜めの重なり（前後のセクションに食い込む余白）をやめ、水平に並べる */
.st-brand-a .top-intro, .st-brand-a .top-service, .st-brand-a .top-history { margin-bottom: 0 !important }
.st-brand-a .top-area, .st-brand-a .top-recruit { margin-top: 0 !important }

/* ------------------------------------------------------------
   04 対応エリア（駅名標のカード）
   ------------------------------------------------------------ */
.st-brand-a .top-area { filter: none !important; -webkit-filter: none !important }
.st-brand-a .top-area__body { background: #fff !important; clip-path: none !important; border-radius: 0 !important; position: relative;
  padding-bottom: 14rem !important;
  background: repeating-linear-gradient(90deg, var(--st-lamp) 0 2.6rem, var(--st-black) 2.6rem 5.4rem) 0 calc(100% - 3rem) / 100% 5rem no-repeat,
              linear-gradient(var(--st-black), var(--st-black)) 0 100% / 100% 9rem no-repeat, #fff !important }
.st-brand-a .top-area__body::before, .st-brand-a .top-area__body::after { display: none !important }
.st-brand-a .top-area__en span {
  display: inline-block; background: var(--st-navy); color: var(--st-lamp) !important;
  clip-path: polygon(1.8rem 0, calc(100% - 1.8rem) 0, 100% 100%, 0 100%); border-radius: 1rem 1rem 0 0;
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 4.2rem !important;
  letter-spacing: .08em; padding: .4rem 5rem !important; line-height: 1.2 !important; text-transform: uppercase;
}
.st-brand-a .top-area__en::before, .st-brand-a .top-area__en::after { display: none !important }
.st-brand-a .top-area__ja .st-title-c__main {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-style: normal !important;
  font-size: 12rem !important; line-height: 1.05 !important; color: var(--st-navy) !important; letter-spacing: 0 !important;
  text-shadow: .6rem .6rem 0 var(--st-lamp), .9rem .9rem 0 rgba(16,39,90,.12) !important;
}
.st-brand-a .top-area__ja .st-title-c__sub { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0) }
.st-brand-a .top-area__ja { margin-top: 0 !important }
.st-brand-a .top-area__arrows { display: none !important }
/* カルーセルの下を通る道路 */
.st-brand-a .top-area__items { position: relative }
.st-brand-a .top-area__items::before {
  content: ""; position: absolute; left: 0; right: 0; top: 46%; height: 7rem; z-index: 0;
  background: repeating-linear-gradient(90deg, #fff 0 3rem, transparent 3rem 30rem) 0 50% / 100% .8rem no-repeat, var(--st-black);
}
.st-brand-a .st-area-card { position: relative; z-index: 1 }
.st-brand-a .st-area-card > a {
  background: #fff !important; clip-path: none !important; overflow: hidden;
  border-radius: 4rem .4rem .4rem .4rem !important; box-shadow: none !important; border: 0 !important;
}
.st-brand-a .st-area-card > a::before, .st-brand-a .st-area-card > a::after { display: none !important }
.st-brand-a .st-area-card__figure { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; clip-path: none !important }
.st-brand-a .st-area-card__figure img { width: 100%; height: 100%; object-fit: cover }
.st-brand-a .st-area-card__illust, .st-brand-a .st-area-card__logo { display: none !important }
/* 駅名標: 白い板に駅名、下に紺の帯と隣の駅名 */
.st-brand-a .st-area-card__contents { position: absolute !important; left: 1.6rem; right: 1.6rem; bottom: 1.6rem; top: auto !important; padding: 0 !important; background: none !important }
.st-brand-a .st-area-card__contents__inner { display: block !important; padding: 0 !important; background: none !important }
.st-brand-a .st-area-card__txts {
  background: #fff; border: .4rem solid var(--st-navy); border-radius: 1.2rem; overflow: hidden; box-shadow: .5rem .5rem 0 var(--st-navy);
}
.st-brand-a .st-area-card__title {
  display: block !important; text-align: center; padding: 1.4rem 1rem 1rem !important; margin: 0 !important;
  font-family: var(--st-f-body) !important; font-weight: 900 !important; font-size: 4.8rem !important; line-height: 1.1 !important; color: var(--st-navy) !important; letter-spacing: .04em;
}
.st-brand-a .st-area-card__meta {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 !important; margin: 0 1rem 1rem !important; padding: .8rem 0 !important;
  background: var(--st-navy); border-radius: .6rem;
}
.st-brand-a .st-area-card__meta li { border: 0 !important; background: none !important; padding: 0 1rem !important; text-align: center; margin: 0 !important }
.st-brand-a .st-area-card__meta li + li { border-left: .2rem solid #fff !important }
.st-brand-a .st-area-card__meta span { color: #fff !important; font-weight: 700 !important; font-size: 1.7rem !important; border: 0 !important; background: none !important; padding: 0 !important }
/* 乗り入れの件数: 紺の行灯札 */
.st-brand-a .st-area-card__count {
  background: var(--st-navy) !important; color: #fff !important; clip-path: polygon(1.2rem 0, calc(100% - 1.2rem) 0, 100% 100%, 0 100%) !important;
  border-radius: 1rem 1rem 0 0 !important; width: auto !important; height: auto !important; padding: 1rem 2.4rem .8rem !important;
  display: flex !important; flex-direction: column; align-items: center; z-index: 3 !important;
}
.st-brand-a .st-area-card__count::before, .st-brand-a .st-area-card__count::after { display: none !important }
.st-brand-a .st-area-card__count .st-area-card__ja { color: #fff !important; font-weight: 900 !important; font-size: 1.8rem !important }
.st-brand-a .st-area-card__num { font-family: var(--st-f-en) !important; font-weight: 800 !important; font-size: 4.4rem !important; color: #fff !important; line-height: 1 !important }
/* View All: 紺の台形 */
.st-brand-a .top-area__button a {
  background: var(--st-navy) !important; clip-path: polygon(3rem 0, calc(100% - 3rem) 0, 100% 100%, 0 100%) !important;
  border-radius: 1.4rem 1.4rem 0 0 !important; box-shadow: none !important; border: 0 !important;
}
.st-brand-a .top-area__button a::before, .st-brand-a .top-area__button a::after { display: none !important }
.st-brand-a .top-area__button .st-btn__balloon { display: none !important }
.st-brand-a .top-area__button .st-btn__en { font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 4.6rem !important; color: #fff !important }
.st-brand-a .top-area__button .st-btn__ja { color: #fff !important; font-weight: 700 !important; font-size: 1.9rem !important }
.st-brand-a .top-area__button .st-arrow2 { width: 1.6rem !important; height: 1.6rem !important; border-radius: 50%; background: #fff !important }
.st-brand-a .top-area__button .st-arrow2::before, .st-brand-a .top-area__button .st-arrow2::after { display: none !important }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-area__body { padding-top: 5rem !important }
  .st-brand-a .top-area__illust { width: 21rem !important; top: 16rem !important; left: 6rem !important }
  .st-brand-a .top-area__illust2 { width: 14rem !important; top: 16rem !important; right: 6rem !important }
  .st-brand-a .top-area__items { margin-top: 2rem !important }
  .st-brand-a .st-area-card > a { height: 58rem !important }
  .st-brand-a .st-area-card__count { top: 1.4rem !important; left: -1rem !important }
  .st-brand-a .top-area__button { margin-top: 3rem !important }
  .st-brand-a .top-area__button a { width: 60rem !important; height: 10rem !important }
}
.st-brand-a .st-area-card__count { writing-mode: horizontal-tb !important; transform: none !important }
.st-brand-a .st-area-card__count .st-area-card__case { display: flex !important; align-items: baseline; gap: .4rem; writing-mode: horizontal-tb !important }
.st-brand-a .st-area-card__contents, .st-brand-a .st-area-card__contents__inner, .st-brand-a .st-area-card__txts { height: auto !important; overflow: visible !important; max-height: none !important }
.st-brand-a .st-area-card__txts { overflow: hidden !important; width: auto !important }
.st-brand-a .top-area__illust, .st-brand-a .top-area__illust2 { z-index: 5 }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-area__items { margin-top: 6rem !important }
  .st-brand-a .st-area-card > a { height: 60rem !important; width: 100% !important }
  .st-brand-a .top-area__illust { top: 13rem !important }
  .st-brand-a .top-area__illust2 { top: 13rem !important }
}
.st-brand-a .st-area-card__count { white-space: nowrap; width: max-content !important }
@media screen and (min-width: 1024px) { .st-brand-a .st-area-card__count.st-sp-only { display: none !important } }
@media screen and (max-width: 1023px) { .st-brand-a .st-area-card__count.st-pc-only { display: none !important } }
.st-brand-a .st-area-card__title { margin: 0 !important; line-height: 1.25 !important }
.st-brand-a .st-area-card__title::before, .st-brand-a .st-area-card__title::after { display: none !important; content: none !important }
.st-brand-a .st-area-card__meta { height: auto !important; line-height: 1.6 !important; padding: .9rem 0 !important }
.st-brand-a .st-area-card__meta li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media screen and (min-width: 1024px) { .st-brand-a .top-area__illust2 { width: 20rem !important; top: 9rem !important } }
.st-brand-a .st-area-card__meta li:nth-child(n+3) { display: none !important }
@media screen and (min-width: 1024px) { .st-brand-a .st-area-card__count.st-pc-only { left: 1.6rem !important; top: 1.6rem !important } }

/* ------------------------------------------------------------
   05 お悩み（黒い夜にクリームの札、横断歩道で紺へ）
   ------------------------------------------------------------ */
.st-brand-a .top-worry__head { background: var(--st-black) !important }
.st-brand-a .top-worry__head::before, .st-brand-a .top-worry__head::after { display: none !important }
.st-brand-a .st-worry-title {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; letter-spacing: 0 !important;
  font-size: 8.4rem !important; color: #fff !important; text-shadow: .5rem .6rem 0 var(--st-navy) !important; line-height: 1.2 !important;
}
.st-brand-a .top-worry__head__item.st-voice span {
  background: var(--st-lamp) !important; color: var(--st-navy) !important; font-weight: 900 !important;
  border-radius: 1.6rem !important; box-shadow: .4rem .5rem 0 var(--st-navy) !important; font-size: 1.9rem !important; padding: 1.3rem 2.4rem !important;
}
.st-brand-a .top-worry__spot {
  background: repeating-linear-gradient(90deg, #fff 0 3.4rem, transparent 3.4rem 7.4rem) 0 0 / 100% 5.4rem no-repeat, var(--st-navy) !important;
  padding-top: 8rem !important;
}
.st-brand-a .top-worry__spot::before, .st-brand-a .top-worry__spot::after { display: none !important }
.st-brand-a .top-worry__spot__en { display: none !important }
.st-brand-a .st-run__lead span {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-style: normal !important;
  color: #fff !important; text-shadow: .5rem .6rem 0 var(--st-green), .8rem .9rem 0 #06173d !important; letter-spacing: 0 !important;
}
@media screen and (min-width: 1024px) { .st-brand-a .st-run__lead { font-size: 11rem !important } }

/* ------------------------------------------------------------
   x2 運賃とお支払い・予約配車・地域活動（1本の帯）
   ------------------------------------------------------------ */
.st-brand-a .st-ride-guide { background: var(--st-navy) !important; padding-bottom: 10rem !important; position: relative }
.st-brand-a .st-ride-guide::after {
  content: ""; position: absolute; left: 8%; right: 8%; bottom: 4rem; height: .8rem;
  background: repeating-linear-gradient(90deg, #fff 0 4rem, transparent 4rem 6.6rem);
}
.st-brand-a .st-ride-guide__grid { gap: 0 !important; border: .4rem solid #fff; border-radius: 3.6rem 3.6rem 3.6rem 3.6rem; overflow: hidden; box-shadow: none !important; background: none !important }
.st-brand-a .st-ride-card { border-radius: 0 !important; box-shadow: none !important; border: 0 !important; overflow: hidden; transform: none !important; display: flex !important; flex-direction: column; padding: 2.6rem 2.8rem 2.6rem !important }
.st-brand-a .st-ride-card--fare { background: var(--st-green) !important; color: #fff !important }
.st-brand-a .st-ride-card--flow { background: #FBF6EA !important; color: var(--st-navy) !important }
.st-brand-a .st-ride-card--community { background: var(--st-navy) !important; color: #fff !important }
.st-brand-a .st-ride-card__ring { display: none !important }
.st-brand-a .st-ride-card__top { display: flex !important; justify-content: space-between; align-items: center; order: 1 }
.st-brand-a .st-ride-card__label { font-family: var(--st-f-en) !important; font-weight: 700 !important; font-size: 1.9rem !important; letter-spacing: .1em !important; color: inherit !important }
.st-brand-a .st-ride-card__index { font-family: var(--st-f-en) !important; font-weight: 800 !important; font-size: 5.2rem !important; color: inherit !important; line-height: 1 }
.st-brand-a .st-ride-card__visual { order: 2; position: static !important; width: 100% !important; height: 17rem !important; margin: 1.2rem 0 0 !important; transform: none !important; border-radius: 0 !important; overflow: hidden; background: none !important }
.st-brand-a .st-ride-card__visual img { width: 100% !important; height: 100% !important; object-fit: cover !important; transform: none !important; filter: none !important }
.st-brand-a .st-ride-card__body { order: 3; position: static !important; margin-top: 1.4rem !important; display: flex; flex-direction: column; flex: 1 }
.st-brand-a .st-ride-card__title {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-size: 6.6rem !important; line-height: 1.12 !important; letter-spacing: 0 !important; color: inherit !important;
}
.st-brand-a .st-ride-card--fare .st-ride-card__title, .st-brand-a .st-ride-card--community .st-ride-card__title { text-shadow: .4rem .4rem 0 rgba(0,0,0,.18) }
.st-brand-a .st-ride-card__footer { margin-top: auto !important; padding-top: 1.6rem !important; border-top: 0 !important; display: flex !important; justify-content: space-between; align-items: center }
.st-brand-a .st-ride-card__footer > span:first-child { font-weight: 900 !important; font-size: 1.9rem !important; color: inherit !important }
.st-brand-a .st-ride-card__arrow {
  width: auto !important; height: auto !important; border-radius: 1rem 1rem 0 0 !important; background: var(--st-lamp) !important; color: var(--st-navy) !important;
  clip-path: polygon(1.2rem 0, calc(100% - 1.2rem) 0, 100% 100%, 0 100%); padding: 1rem 2.6rem !important;
}
.st-brand-a .st-ride-card__arrow svg { display: none !important }
.st-brand-a .st-ride-card__arrow::after { content: "くわしく"; font-weight: 900; font-size: 1.7rem; letter-spacing: .06em }
.st-brand-a .st-ride-card--flow .st-ride-card__arrow { background: transparent !important; clip-path: none; border: .3rem solid var(--st-navy); border-radius: 1.2rem 1.2rem .3rem .3rem !important }
.st-brand-a .st-ride-card--fare .st-ride-card__visual img { object-position: 78% 22% !important }
.st-brand-a .st-ride-card__title { text-shadow: none !important }
@media screen and (min-width: 1024px) {
  .st-brand-a .st-ride-card__visual { height: 15.5rem !important }
  .st-brand-a .st-ride-card__title { font-size: 6rem !important }
  .st-brand-a .st-ride-card { padding: 2.2rem 2.4rem 2.2rem !important }
  .st-brand-a .top-worry__head { padding-top: 10rem !important }
  .st-brand-a .top-worry__head__item.st-voice span { font-size: 1.6rem !important; padding: 1.1rem 2rem !important }
}

/* ------------------------------------------------------------
   06 お知らせ・ブログ
   ------------------------------------------------------------ */
.st-brand-a .top-news { background: #fff !important; position: relative; padding-bottom: 12rem !important }
.st-brand-a .top-news::after {
  content: ""; position: absolute; left: 1.6rem; right: 12rem; bottom: 5rem; height: 1rem;
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 4.4rem, transparent 4.4rem 7rem);
}
.st-brand-a .top-news__header { background: none !important; clip-path: none !important }
.st-brand-a .top-news__header::before, .st-brand-a .top-news__header::after { display: none !important }
.st-brand-a .top-news .st-title-b { display: flex !important; align-items: flex-end; gap: 1.6rem; flex-direction: row-reverse; justify-content: flex-end }
.st-brand-a .top-news .st-title-b__en {
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 700 !important; font-size: 3.4rem !important;
  color: var(--st-navy) !important; -webkit-text-stroke: 0 !important; letter-spacing: .02em !important; line-height: 1 !important; margin: 0 0 3rem !important; opacity: 1 !important;
}
.st-brand-a .top-news .st-title-b__title {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-size: 14rem !important; line-height: 1 !important; letter-spacing: 0 !important;
  color: var(--st-navy) !important; text-shadow: .5rem .5rem 0 #fff, 1rem 1rem 0 var(--st-navy) !important;
}
.st-brand-a .top-news .st-title-b__sub { display: none !important }
.st-brand-a .st-news { gap: 0 !important }
.st-brand-a .st-news__col + .st-news__col { border-left: .4rem dashed var(--st-navy) }
.st-brand-a .st-news__col { padding: 0 4rem !important }
.st-brand-a .st-news__head { display: block !important; border-bottom: .5rem dashed var(--st-navy); padding-bottom: 2rem !important; margin-bottom: 1rem !important }
.st-brand-a .st-news__head__en {
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 7.2rem !important;
  text-transform: uppercase; color: var(--st-navy) !important; letter-spacing: 0 !important; line-height: 1 !important;
}
.st-brand-a .st-news__head__ja { display: none !important }
.st-brand-a .st-news__item { border-bottom: .3rem dashed #9FB6D9 !important; border-top: 0 !important }
.st-brand-a .st-news__item a { gap: 3rem !important; padding: 2.4rem 0 !important; align-items: center !important }
.st-brand-a .st-news__figure { border-radius: 2rem .3rem .3rem .3rem !important; overflow: hidden; box-shadow: -.6rem .6rem 0 var(--st-navy) !important; clip-path: none !important }
.st-brand-a .st-news__meta time { font-family: var(--st-f-en) !important; font-weight: 700 !important; font-size: 2.2rem !important; color: var(--st-navy) !important; letter-spacing: .08em }
.st-brand-a .st-news__term, .st-brand-a .st-news__meta .st-term {
  background: var(--st-navy) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
  font-weight: 900 !important; font-size: 1.6rem !important; padding: .4rem 1.8rem !important; clip-path: none !important;
}
.st-brand-a .st-news__col:first-child .st-news__item:nth-child(-n+2) .st-news__term { background: var(--st-green) !important }
.st-brand-a .st-news__title { font-weight: 900 !important; font-size: 2.6rem !important; color: var(--st-navy) !important; line-height: 1.4 !important }
.st-brand-a .st-news__more a {
  background: var(--st-navy) !important; color: #fff !important; clip-path: polygon(2rem 0, calc(100% - 2rem) 0, 100% 100%, 0 100%) !important;
  border-radius: 1rem 1rem 0 0 !important; border: 0 !important; box-shadow: none !important; position: relative;
}
.st-brand-a .st-news__more a::before, .st-brand-a .st-news__more a::after { display: none !important }
.st-brand-a .st-news__more .st-btn__en { font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 4.4rem !important; color: #fff !important }
.st-brand-a .st-news__more .st-btn__ja { display: none !important }
.st-brand-a .st-news__more .st-arrow2 { width: 2rem !important; height: 2rem !important; border-radius: 50%; background: #fff !important; border: 0 }
.st-brand-a .st-news__more .st-arrow2::before, .st-brand-a .st-news__more .st-arrow2::after { display: none !important }
/* ボタンの上の取っ手（表示灯の台） */
.st-brand-a .st-news__more { position: relative }

/* ------------------------------------------------------------
   07 杉戸タクシーの歴史
   ------------------------------------------------------------ */
.st-brand-a .top-history { background: var(--st-paper) !important }
.st-brand-a .top-history__body { background: var(--st-paper) !important; clip-path: none !important; position: relative; padding-bottom: 12rem !important }
.st-brand-a .top-history__body::before, .st-brand-a .top-history__body::after { display: none !important }
.st-brand-a .top-history__screen { background: none !important }
.st-brand-a .top-history__en.st-hours { display: none !important }
.st-brand-a .st-status-anniversary {
  display: inline-block !important; background: var(--st-navy) !important; color: #fff !important;
  clip-path: polygon(2rem 0, calc(100% - 2rem) 0, 100% 100%, 0 100%); border-radius: 1.4rem 1.4rem 0 0; border: 0 !important;
  font-weight: 900 !important; font-size: 3.6rem !important; padding: 1.2rem 6rem !important; box-shadow: none !important; letter-spacing: .02em;
}
.st-brand-a .st-status-anniversary::before, .st-brand-a .st-status-anniversary::after { display: none !important }
/* 乗務員が横断歩道に立つ */
.st-brand-a .top-history__figure { position: relative }
.st-brand-a .top-history__figure .st-people__row { position: relative; z-index: 1 }
.st-brand-a .top-history__figure::before {
  content: ""; position: absolute; left: -10vw; right: -10vw; bottom: 0; height: 9rem; z-index: 0;
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 5rem, #fff 5rem 10rem);
  transform: skewX(-24deg);
}
.st-brand-a .top-history__figure figcaption { display: none !important }
/* 白いカード: 左上だけ大きく丸い */
.st-brand-a .st-history-card__body {
  background: #fff !important; clip-path: none !important; border-radius: 5rem .6rem .6rem .6rem !important;
  box-shadow: -1rem 0 0 var(--st-navy) !important; border: 0 !important;
}
.st-brand-a .st-history-card__shadow { filter: none !important; -webkit-filter: none !important; background: none !important }
.st-brand-a .st-history-card__shadow::before, .st-brand-a .st-history-card__shadow::after,
.st-brand-a .st-history-card__body::before, .st-brand-a .st-history-card__body::after { display: none !important }
.st-brand-a .st-history-card__header .st-title span {
  display: inline-block; background: var(--st-navy) !important; color: var(--st-lamp) !important;
  clip-path: polygon(1.4rem 0, calc(100% - 1.4rem) 0, 100% 100%, 0 100%); border-radius: 1rem 1rem 0 0;
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 3rem !important; letter-spacing: .1em; padding: .4rem 3rem !important;
}
.st-brand-a .st-history-card__header .st-title::before, .st-brand-a .st-history-card__header .st-title::after { display: none !important }
.st-brand-a .st-history-title {
  display: block; font-family: var(--st-f-head) !important; font-weight: 900 !important; color: var(--st-navy) !important;
  font-size: 9.6rem !important; line-height: 1.12 !important; letter-spacing: 0 !important; text-shadow: .4rem .4rem 0 #fff, .7rem .7rem 0 rgba(16,39,90,.12) !important;
}
.st-brand-a .st-history-age { display: flex !important; align-items: center; gap: 1.6rem; margin-top: 2.4rem !important }
.st-brand-a .st-history-age__label, .st-brand-a .st-history-age__unit { font-family: var(--st-f-head) !important; font-size: 5.6rem !important; color: var(--st-navy) !important; font-weight: 400 !important }
.st-brand-a .st-history-age [data-founded-year] {
  display: inline-block; background: var(--st-black) !important; color: var(--st-lamp) !important;
  clip-path: polygon(2rem 0, calc(100% - 2rem) 0, 100% 100%, 0 100%); border-radius: 1.2rem 1.2rem .4rem .4rem;
  font-family: var(--st-f-en) !important; font-weight: 800 !important; font-size: 13rem !important; line-height: 1 !important; padding: .6rem 5rem .2rem !important;
}
.st-brand-a .st-history-card__txt { color: var(--st-navy) !important; font-weight: 700 !important }
.st-brand-a .st-heritage__heading { font-weight: 900 !important; color: var(--st-navy) !important; font-size: 3.2rem !important }
.st-brand-a .st-heritage__timeline { position: relative; border: 0 !important; padding-left: 7rem !important }
.st-brand-a .st-heritage__timeline::before {
  content: ""; position: absolute; left: 2.2rem; top: 0; bottom: 0; width: .5rem;
  background: repeating-linear-gradient(180deg, var(--st-navy) 0 2rem, transparent 2rem 3.2rem);
}
.st-brand-a .st-heritage__timeline li { position: relative; border-top: .2rem solid var(--st-navy) !important; border-bottom: 0 !important; padding: 2.6rem 0 !important; display: grid !important; grid-template-columns: 13rem 1fr; gap: 2rem; align-items: start }
.st-brand-a .st-heritage__timeline li::before {
  content: ""; position: absolute; left: -7rem; top: 2.6rem; width: 5rem; height: 5rem; border-radius: 50%;
  background: #fff url(/v3/assets/img/common/icon/mark-navy.png) center/100% no-repeat; box-shadow: 0 0 0 .3rem #fff;
}
.st-brand-a .st-heritage__timeline time, .st-brand-a .st-heritage__now {
  font-family: var(--st-f-en) !important; font-weight: 800 !important; font-size: 5.6rem !important; color: var(--st-navy) !important; line-height: 1 !important; background: none !important; padding: 0 !important;
}
.st-brand-a .st-heritage__now { font-family: var(--st-f-head) !important; font-weight: 900 !important; font-size: 4.4rem !important }
.st-brand-a .st-heritage__timeline h4 { font-weight: 900 !important; font-size: 2.6rem !important; color: var(--st-navy) !important }
.st-brand-a .st-heritage__timeline p { font-size: 1.8rem !important; color: var(--st-navy) !important; margin-top: 1rem !important }
.st-brand-a .st-heritage__more {
  display: inline-flex !important; align-items: center; gap: 1.6rem; float: right; margin-top: 1rem;
  background: var(--st-navy) !important; color: #fff !important; border-radius: 999px !important; border: 0 !important;
  font-weight: 900 !important; font-size: 2.2rem !important; padding: 1.4rem 1.6rem 1.4rem 3.4rem !important;
}
.st-brand-a .st-heritage__more span { width: 3.4rem; height: 3.4rem; border-radius: 50%; background: #fff; color: var(--st-navy); display: grid; place-items: center; font-size: 1.8rem }
/* Q&A */
.st-brand-a .st-history-card__faq__balloon { display: none !important }
.st-brand-a .st-history-card__faq__operation {
  background: var(--st-navy) !important; color: #fff !important; clip-path: none !important; border-radius: 1.2rem 1.2rem 0 0 !important;
  font-weight: 900 !important; font-size: 2rem !important; padding: .6rem 2.4rem !important; transform: none !important; border: 0 !important;
}
.st-brand-a .st-history-card__faq__operation::before, .st-brand-a .st-history-card__faq__operation::after { display: none !important }
.st-brand-a .st-history-card__faq__inner {
  background: var(--st-paper) !important; clip-path: none !important; border: .4rem solid var(--st-navy) !important; border-radius: 0 1.6rem 1.6rem 1.6rem !important;
  box-shadow: .6rem .6rem 0 var(--st-navy) !important; display: flex !important; align-items: center; gap: 3rem; padding: 2.6rem 3rem !important;
}
.st-brand-a .st-history-card__faq__inner::before, .st-brand-a .st-history-card__faq__inner::after { display: none !important }
.st-brand-a .st-history-card__faq__en {
  display: inline-flex !important; align-items: center; background: var(--st-navy) !important; border-radius: 1.2rem; padding: .6rem 3.4rem !important; gap: .4rem;
}
.st-brand-a .st-history-card__faq__en * { color: #fff !important; -webkit-text-stroke: 0 !important; font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 6rem !important; line-height: 1.1 !important; transform: none !important; animation: none !important }
.st-brand-a .st-history-card__faq__en__and { font-size: 0 !important }
.st-brand-a .st-history-card__faq__en__and::before { content: "&"; font-size: 6rem }
.st-brand-a .st-history-card__faq__en__txt.-a * { color: var(--st-lamp) !important }
.st-brand-a .st-history-card__faq__title__slope {
  background: none !important; clip-path: none !important; transform: none !important; color: var(--st-navy) !important;
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-size: 6rem !important; font-style: normal !important; padding: 0 !important;
}
.st-brand-a .st-history-card__faq .st-arrow2 { display: none !important }

/* 07 の並び: ロゴ → 札 → 横断歩道に立つ乗務員 → カード */
@media screen and (min-width: 1024px) {
  .st-brand-a .top-history__screen { height: 62rem !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 2.4rem; width: 100% !important }
  .st-brand-a .top-history__logo { width: 13rem !important; margin: 3rem 0 0 !important }
  .st-brand-a .top-history__figure.st-people { top: 30rem !important; height: 32rem !important; bottom: auto !important }
  .st-brand-a .top-history .st-people__row { height: 29rem !important; bottom: 0 !important; top: auto !important }
  .st-brand-a .top-history__figure::before { height: 7rem; bottom: 0 }
  .st-brand-a .st-history-card { margin-top: 2rem !important }
  .st-brand-a .st-history-title { font-size: 8.4rem !important; white-space: normal !important; max-width: 58rem }
  .st-brand-a .st-history-card__faq__inner { padding: 1.8rem 2.4rem !important; gap: 2rem }
  .st-brand-a .st-history-card__faq__en * { font-size: 4.6rem !important }
  .st-brand-a .st-history-card__faq__title__slope { font-size: 4.6rem !important; white-space: nowrap }
}
.st-brand-a .st-history-card__faq__en__and { font-size: 0 !important; display: inline-block !important; width: auto !important; opacity: 1 !important; visibility: visible !important }
.st-brand-a .st-history-card__faq__en__and::before { content: "&"; font-size: 4.6rem !important; color: #fff; font-family: var(--st-f-en); font-weight: 800 }
.st-brand-a .st-history-card__faq__en__txt { display: inline-block !important; width: auto !important; height: auto !important }

/* 06 を詰める */
@media screen and (min-width: 1024px) {
  .st-brand-a .top-news__header__inner { padding-left: 2.4rem !important; padding-right: 2.4rem !important; max-width: none !important }
  .st-brand-a .top-news__main { padding: 0 2.4rem !important; max-width: none !important; width: 100% !important; margin-top: 0 !important }
  .st-brand-a .top-news .st-title-b__title { font-size: 11rem !important }
  .st-brand-a .top-news .st-title-b__en { font-size: 2.2rem !important; margin-bottom: 2rem !important }
  .st-brand-a .st-news__col { padding: 0 3rem 0 1.6rem !important }
  .st-brand-a .st-news__col + .st-news__col { padding-left: 3rem !important }
  .st-brand-a .st-news__head__en { font-size: 5.4rem !important }
  .st-brand-a .st-news__head { padding-bottom: 1.2rem !important }
  .st-brand-a .st-news__item a { padding: 1.6rem 0 !important; gap: 2rem !important }
  .st-brand-a .st-news__figure { width: 11rem !important; min-width: 11rem !important; height: 8rem !important; flex: 0 0 11rem !important }
  .st-brand-a .st-news__figure img { width: 100%; height: 100%; object-fit: cover }
  .st-brand-a .st-news__meta time { font-size: 1.6rem !important }
  .st-brand-a .st-news__term { font-size: 1.3rem !important; padding: .3rem 1.6rem !important }
  .st-brand-a .st-news__title { font-size: 2.1rem !important }
  .st-brand-a .st-news__more { margin-top: 3rem !important; text-align: right }
  .st-brand-a .st-news__more a { display: inline-flex !important; align-items: center; gap: 2.4rem; padding: 1rem 4rem !important; width: auto !important; height: auto !important }
  .st-brand-a .st-news__more .st-btn__en { font-size: 2.8rem !important }
  .st-brand-a .top-news { padding-bottom: 9rem !important }
  .st-brand-a .top-news::after { bottom: 4rem }
}
/* 07 の並び（縦に積む） */
.st-brand-a .top-history__body { display: flex !important; flex-direction: column !important }
.st-brand-a .top-history__screen { order: 1; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1.6rem; padding-top: 4rem !important; width: 100% !important }
.st-brand-a .top-history__logo { margin: 0 !important }
.st-brand-a .top-history__figure.st-people { order: 2; position: relative !important; top: auto !important; left: auto !important; height: 32rem !important; margin-top: 1rem !important }
.st-brand-a .top-history .st-people__row { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 auto !important; justify-content: center !important; height: 29rem !important }
.st-brand-a .top-history .st-history-card { order: 3 }
@media screen and (max-width: 1023px) {
  .st-brand-a .top-history__figure.st-people { height: 18rem !important }
  .st-brand-a .top-history .st-people__row { height: 16rem !important }
}
.st-brand-a .st-history-card__faq__en__and::before { display: inline !important; width: auto !important; height: auto !important; margin: 0 !important }
.st-brand-a .st-history-card__faq__en__and::after { display: none !important }
.st-brand-a .st-history-card__faq__en__and { margin: 0 .2rem !important }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-history__logo { width: 15rem !important }
  .st-brand-a .st-history-card__contents { width: 50% !important; flex: 0 0 50% !important; max-width: none !important }
  .st-brand-a .st-history-title { font-size: 8.2rem !important; max-width: none }
  .st-brand-a .st-history-card__txt { font-size: 1.8rem !important; line-height: 2 !important }
  .st-brand-a .st-history-card__faq__title__slope { font-size: 4.2rem !important }
  .st-brand-a .st-history-card__faq__inner { padding-right: 9rem !important }
}
.st-brand-a .top-history__body::after {
  content: ""; position: absolute; left: 3rem; right: 3rem; bottom: 4.4rem; height: .9rem; display: block !important;
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 3.2rem, transparent 3.2rem 5.8rem);
}
@media screen and (min-width: 1024px) {
  .st-brand-a .st-history-card__body { grid-template-columns: 1fr 1fr !important; column-gap: 5rem !important; padding: 6rem 6rem 5rem 7rem !important }
  .st-brand-a .st-history-card__contents { width: auto !important; flex: none !important }
  .st-brand-a .st-history-card__illust.st-pc-only { left: 7rem !important; bottom: 3rem !important; top: auto !important }
}
.st-brand-a .st-history-card__faq__inner .st-faq-chara { right: 1.6rem !important; left: auto !important; width: 7rem !important }
@media screen and (min-width: 1024px) { .st-brand-a .st-history-card__faq__title__slope { font-size: 3.8rem !important } }

/* ------------------------------------------------------------
   08 乗務員紹介の動画（夜の黒いタクシーの屋根に載った表示灯）
   ------------------------------------------------------------ */
.st-brand-a .top-movie {
  background: var(--st-black) !important; clip-path: none !important; position: relative;
  padding-bottom: 22rem !important;
}
.st-brand-a .top-movie::before {
  content: ""; display: block !important; position: absolute; left: 0 !important; right: 0 !important; top: auto !important; bottom: 7rem !important;
  width: 100% !important; height: 20rem !important; aspect-ratio: auto !important; z-index: 0;
  background: url(/v3/assets/img/brand/roof.svg) center bottom / 100% 100% no-repeat !important;
}
.st-brand-a .top-movie::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 7rem; z-index: 0;
  background: repeating-linear-gradient(90deg, #fff 0 5.4rem, transparent 5.4rem 10rem) 1.6rem 50% / 100% .8rem no-repeat, var(--st-black);
}
.st-brand-a .st-recruit-head {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; color: #fff !important; -webkit-text-stroke: 0 !important;
  text-shadow: .6rem .7rem 0 #3a3f4a !important; letter-spacing: .02em !important;
}
/* 表示灯: 台形・紺の太い縁・外側にクリームの光の縁 */
.st-brand-a .top-movie .st-lamp.-large { position: relative; z-index: 2; background: none !important; filter: none !important }
.st-brand-a .top-movie .st-lamp.-large::before, .st-brand-a .top-movie .st-lamp.-large::after { display: none !important }
.st-brand-a .top-movie .st-lamp.-large > a {
  background: var(--st-lamp) !important; clip-path: none !important;
  border: 1.2rem solid var(--st-navy) !important; border-radius: 12rem 12rem 2rem 2rem !important;
  box-shadow: 0 0 0 1.2rem var(--st-lamp) !important; overflow: visible !important; position: relative;
}
.st-brand-a .top-movie .st-lamp.-large > a::before {
  content: "SUGITO TAXI"; position: absolute; top: -2.6rem; left: 50%; transform: translateX(-50%); z-index: 3;
  background: var(--st-lamp); padding: 0 2rem; color: var(--st-navy);
  font-family: var(--st-f-en); font-weight: 800; font-size: 3.2rem; letter-spacing: .14em; line-height: 1.3;
  border-inline: 1.2rem solid var(--st-navy);
}
.st-brand-a .top-movie .st-lamp.-large > a::after { display: none !important }
.st-brand-a .top-movie .st-lamp__figure { border-radius: 2.4rem .4rem .4rem .4rem !important; overflow: hidden; clip-path: none !important; box-shadow: none !important }
.st-brand-a .top-movie .st-lamp__oval { display: none !important }
.st-brand-a .top-movie .st-play {
  background: var(--st-navy) !important; border: 0 !important; width: 11rem !important; height: 11rem !important; border-radius: 50% !important;
  box-shadow: none !important;
}
.st-brand-a .top-movie .st-play::before { border-left-color: #fff !important; background: none !important }
.st-brand-a .top-movie .st-lamp__contents .st-title span {
  display: inline-flex; align-items: center; gap: .8rem; background: var(--st-navy) !important; color: #fff !important;
  border-radius: 999px; padding: .4rem 2rem !important;
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 700 !important; font-size: 2.4rem !important; letter-spacing: .04em;
}
.st-brand-a .top-movie .st-lamp__contents .st-title::before { content: ""; display: inline-block; width: 4.6rem; height: 4.6rem; margin-right: 1rem; vertical-align: middle; background: url(/v3/assets/img/common/icon/mark-navy.png) center/contain no-repeat }
.st-brand-a .top-movie .st-lamp__title .st-slant {
  display: block; background: none !important; clip-path: none !important; transform: none !important; padding: 0 !important;
  color: var(--st-navy) !important; font-style: normal !important;
}
.st-brand-a .top-movie .st-lamp__title .st-slant:first-child { font-weight: 900 !important; font-size: 3.4rem !important; font-family: var(--st-f-body) !important }
.st-brand-a .top-movie .st-lamp__title .st-slant:last-child { font-family: var(--st-f-head) !important; font-weight: 900 !important; font-size: 6.6rem !important; line-height: 1.15 !important }
.st-brand-a .top-movie .st-play { aspect-ratio: 1 !important; --arrow-color: #fff; --hover-arrow-color: #fff; --arrow-width: 3.8rem; padding-left: 1rem !important }
.st-brand-a .top-movie .st-play::before { background-color: #fff !important }
.st-brand-a .top-fv__next .st-play { --arrow-color: #fff; --hover-arrow-color: #fff }
@media screen and (min-width: 1024px) {
  .st-brand-a .top-movie { padding-top: 22rem !important }
  .st-brand-a .st-recruit-head { font-size: 12rem !important; top: 3rem !important }
  .st-brand-a .top-movie .st-lamp.-large { width: 118rem !important; margin: 0 auto !important }
  .st-brand-a .top-movie .st-lamp.-large > a { height: 44rem !important }
}

/* ------------------------------------------------------------
   x3 紹介動画（SUGITO TAXI CHANNEL）
   ------------------------------------------------------------ */
.st-brand-a .st-marquee { background: var(--st-navy) !important }
.st-brand-a .st-marquee__shade {
  background: linear-gradient(90deg, rgba(16,39,90,.92) 0, rgba(16,39,90,.78) 30%, rgba(16,39,90,.15) 62%, rgba(16,39,90,.35)),
              linear-gradient(0deg, rgba(16,39,90,.96) 0, rgba(16,39,90,.4) 26%, transparent 50%) !important;
}
.st-brand-a .st-marquee__copy { top: 9% !important; left: 3rem !important; max-width: 80rem !important }
.st-brand-a .st-marquee__en {
  display: inline-block; background: var(--st-lamp); color: var(--st-navy) !important;
  clip-path: polygon(1.4rem 0, calc(100% - 1.4rem) 0, 100% 100%, 0 100%); border-radius: 1rem 1rem 0 0;
  font: 800 normal 2.4rem/1.3 var(--st-f-en) !important; letter-spacing: .12em !important; padding: .4rem 3rem !important; margin-bottom: 1.6rem !important;
}
.st-brand-a .st-marquee__ttl {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-size: 9.6rem !important; line-height: 1.12 !important; letter-spacing: 0 !important;
  color: #fff !important; text-shadow: .6rem .6rem 0 var(--st-navy), .6rem .6rem 0 var(--st-navy) !important;
}
.st-brand-a .st-marquee__note { font-weight: 700 !important; font-size: 2rem !important; color: #fff !important; margin-top: 2.4rem !important }
.st-brand-a .st-marquee__all {
  background: var(--st-green) !important; border: 0 !important; color: #fff !important; border-radius: 2rem .8rem .8rem .8rem !important;
  box-shadow: .5rem .5rem 0 var(--st-black) !important; font-size: 2.6rem !important; font-weight: 900 !important; padding: 1.8rem 3rem !important; gap: 2rem !important;
  writing-mode: horizontal-tb !important; white-space: nowrap !important; width: auto !important;
}
.st-brand-a .st-marquee__all span { writing-mode: horizontal-tb !important }
.st-brand-a .st-marquee__all span:last-child { width: 3.8rem !important; height: 3.8rem !important; background: #fff !important; color: var(--st-green) !important; font-size: 2rem !important }
.st-brand-a .st-strip { padding-bottom: 6rem !important }
.st-brand-a .st-strip::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 2rem; height: .8rem;
  background: repeating-linear-gradient(90deg, #fff 0 4.4rem, transparent 4.4rem 7rem);
}
.st-brand-a .st-strip__head { width: auto !important; max-width: none !important; margin: 0 0 1.2rem 3rem !important }
.st-brand-a .st-strip__en {
  display: inline-block; background: var(--st-lamp); color: var(--st-navy) !important;
  clip-path: polygon(1.2rem 0, calc(100% - 1.2rem) 0, 100% 100%, 0 100%); border-radius: .8rem .8rem 0 0;
  font: 800 normal 2rem/1.3 var(--st-f-en) !important; letter-spacing: .08em !important; padding: .3rem 2.4rem !important;
}
.st-brand-a .st-strip__note { display: none !important }
.st-brand-a .st-strip__mask { -webkit-mask-image: none !important; mask-image: none !important }
.st-brand-a .st-vcard__thumb { border-radius: 2rem .3rem .3rem .3rem !important; overflow: hidden }
.st-brand-a .st-vcard__dur { background: var(--st-black) !important; color: var(--st-lamp) !important; border-radius: .6rem .6rem 0 0 !important; font-weight: 800 !important }

/* ------------------------------------------------------------
   09 乗務員募集
   ------------------------------------------------------------ */
.st-brand-a .top-recruit { filter: none !important; -webkit-filter: none !important }
.st-brand-a .top-recruit__body { background: var(--st-paper) !important; clip-path: none !important; border-radius: 0 !important; position: relative }
.st-brand-a .top-recruit__body::before, .st-brand-a .top-recruit__body::after { display: none !important }
.st-brand-a .top-recruit__header .st-title span {
  display: inline-flex; align-items: center; gap: 1.2rem; background: var(--st-navy) !important; color: #fff !important;
  clip-path: polygon(2rem 0, calc(100% - 2rem) 0, 100% 100%, 0 100%); border-radius: 1.4rem 1.4rem 0 0;
  font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 3.6rem !important;
  letter-spacing: .06em; text-transform: uppercase; padding: .6rem 4.4rem .6rem 3.6rem !important;
}
.st-brand-a .top-recruit__header .st-title span::before {
  content: ""; width: 4.8rem; height: 4.8rem; border-radius: 50%;
  background: #fff url(/v3/assets/img/common/icon/mark-navy.png) center/100% no-repeat;
}
.st-brand-a .top-recruit__header .st-title::before, .st-brand-a .top-recruit__header .st-title::after { display: none !important }
.st-brand-a .top-recruit__title {
  font-family: var(--st-f-head) !important; font-weight: 900 !important; font-size: 11rem !important; line-height: 1.1 !important; letter-spacing: 0 !important;
  color: var(--st-navy) !important; text-shadow: .5rem .5rem 0 #fff, .9rem .9rem 0 rgba(16,39,90,.2) !important; margin-top: 1.4rem !important;
}
.st-brand-a .top-recruit__txt { color: var(--st-navy) !important; font-weight: 700 !important; font-size: 1.9rem !important; line-height: 2 !important }
/* 乗務員が横断歩道に立つ */
.st-brand-a .top-recruit__illust img { position: relative; z-index: 1 }
.st-brand-a .st-marquee__all span:first-child { width: auto !important; height: auto !important; background: none !important; color: #fff !important; font-size: inherit !important; display: inline !important }
.st-brand-a .top-recruit__illust::before {
  content: ""; position: absolute; left: -4rem; right: -4rem; bottom: -1rem; height: 8rem; z-index: 0;
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 4rem, transparent 4rem 8rem);
  transform: perspective(40rem) rotateX(48deg); transform-origin: bottom;
}
/* 破線の道 */
.st-brand-a .top-recruit__lists { position: relative; padding-top: 5rem !important; padding-bottom: 12rem !important;
  background: linear-gradient(var(--st-navy), var(--st-navy)) 0 100% / 100% 7rem no-repeat, var(--st-paper) }
.st-brand-a .top-recruit__lists::before {
  content: ""; position: absolute; left: 0; right: 0; top: 1.4rem; height: .8rem;
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 4rem, transparent 4rem 6.4rem);
}
.st-brand-a .top-recruit__lists::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 3rem; height: .8rem;
  background: repeating-linear-gradient(90deg, #fff 0 4rem, transparent 4rem 7.2rem);
}
/* ENTRY のカード: タクシー乗り場に並ぶ表示灯 */
.st-brand-a .st-entry-card > a {
  background: #fff !important; clip-path: none !important;
  border: .35rem solid var(--st-navy) !important; border-radius: 2.2rem 2.2rem .8rem .8rem !important;
  box-shadow: 0 .8rem 0 var(--st-navy) !important; transform: perspective(60rem) rotateX(8deg);
}
.st-brand-a .st-entry-card > a::before, .st-brand-a .st-entry-card > a::after { display: none !important }
.st-brand-a .st-entry-card__ja { font-style: normal !important; font-weight: 900 !important; color: var(--st-navy) !important; font-size: 2rem !important }
.st-brand-a .st-entry-card__en { display: inline-flex !important; align-items: center; gap: 1rem }
.st-brand-a .st-entry-card__en > span { font-family: var(--st-f-en) !important; font-style: normal !important; font-weight: 800 !important; font-size: 3.4rem !important; color: var(--st-navy) !important; letter-spacing: .04em }
.st-brand-a .st-entry-card__en .st-arrow2 {
  width: 3.4rem !important; height: 3.4rem !important; border: .25rem solid var(--st-navy); border-radius: 50%;
  background: #fff url(/v3/assets/img/common/icon/mark-navy.png) center/82% no-repeat !important;
}
.st-brand-a .st-entry-card__en .st-arrow2::before, .st-brand-a .st-entry-card__en .st-arrow2::after { display: none !important }
@media screen and (min-width: 1024px) {
  .st-brand-a .st-marquee__ttl { font-size: 8.8rem !important; max-width: 78rem }
  .st-brand-a .top-recruit__lists { margin-top: 0 !important }
}
.st-brand-a .st-marquee__ttl { max-width: 7.2em !important }
@media screen and (min-width: 1024px) { .st-brand-a .top-recruit__title { font-size: 9.8rem !important } }

/* ------------------------------------------------------------
   お問い合わせ（見本なし。同じ決まりで）
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   10 フッター（右側だけ。左の紺の面は今のまま＝殿指示）
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   11 メニュー（開いた時）
   ------------------------------------------------------------ */

/* ============================================================
   スマホ幅（1023px 以下）。見本 A-SP と PC の決まりに合わせる
   ============================================================ */
@media screen and (max-width: 1023px) {
  /* ヘッダー */
  
  /* 01 */
  .st-brand-a .st-kv-weather { border-width: .25rem !important; padding: 1rem 1.2rem !important; width: 19rem !important; min-height: 0 !important }
  .st-brand-a .st-kv-weather__place { font-size: 1rem !important }
  .st-brand-a .st-kv-weather__condition { font-size: 1.3rem !important }
  .st-brand-a .st-kv-weather__temp { font-size: 2.8rem !important }
  .st-brand-a .st-kv-weather__range { font-size: .95rem !important; white-space: nowrap }
  .st-brand-a .top-fv__start .st-catch { width: 36rem !important }
  .st-brand-a .top-fv__start .st-catch__box { font-size: 1.5rem !important; padding: .4rem 1.8rem !important; border-radius: .8rem !important }
  .st-brand-a .top-fv__start .st-catch__main { font-size: 5.4rem !important; -webkit-text-stroke: .8rem var(--st-navy); text-shadow: .4rem .5rem 0 var(--st-navy) !important; margin-top: 1rem !important }
  .st-brand-a .top-fv__start .st-catch__en { font-size: 1.6rem !important; gap: .8rem; -webkit-text-stroke: .3rem var(--st-navy); margin-top: .8rem !important }
  .st-brand-a .top-fv__start .st-catch__en::before, .st-brand-a .top-fv__start .st-catch__en::after { width: 4.4rem; height: .5rem; background: repeating-linear-gradient(90deg, #fff 0 1.1rem, transparent 1.1rem 1.6rem) }
  .st-brand-a .st-kv-actions { top: 74rem !important; width: calc(100% - 1.2rem) !important; gap: .5rem !important }
  .st-brand-a .st-kv-actions__card { min-height: 5.6rem !important; padding: .5rem .6rem !important; grid-template-columns: 2.8rem minmax(0,1fr) !important; column-gap: .4rem !important; border-width: .22rem !important; box-shadow: .25rem .25rem 0 var(--st-navy) !important }
  .st-brand-a .st-kv-actions__icon { width: 2.8rem !important; height: 2.8rem !important }
  .st-brand-a .st-kv-actions__title { font-size: 1.1rem !important; display: block !important }
  .st-brand-a .st-kv-actions__cta { font-size: .78rem !important; display: block !important }
  .st-brand-a .st-kv-actions__card[data-st-action="phone"]::before { display: none }

  /* 02 */
  .st-brand-a .top-intro__body { padding: 4rem 0 5rem !important }
  .st-brand-a .top-intro__en span { font-size: 1.6rem !important; padding: .3rem 1.8rem !important }
  .st-brand-a .top-intro__title .st-hero-title { width: auto !important; column-gap: .6rem }
  .st-brand-a .st-hero-title__ja { font-size: 5.6rem !important; white-space: nowrap; text-shadow: .3rem .3rem 0 #fff, .5rem .5rem 0 rgba(16,39,90,.12) !important; margin: .6rem 0 .2rem !important }
  .st-brand-a .st-hero-title__big, .st-brand-a .st-hero-title__en { font-size: 1.9rem !important; white-space: nowrap }
  .st-brand-a .st-hero-title__big { gap: 1rem }
  .st-brand-a .st-hero-title__big::before { width: 6rem; height: .35rem; background: repeating-linear-gradient(90deg, var(--st-navy) 0 1rem, transparent 1rem 1.5rem) }
  .st-brand-a .st-hero-title__en::before { margin-right: .5rem }
  .st-brand-a .top-intro__txt { font-size: 1.5rem !important; line-height: 2 !important; margin-top: 1.6rem !important }
  .st-brand-a .top-intro__link a { height: 10rem !important; padding-left: 12rem !important; border-width: .22rem !important; border-radius: 2rem .3rem .3rem .3rem !important; box-shadow: .35rem .35rem 0 var(--st-navy) !important }
  .st-brand-a .top-intro__link__balloon { font-size: 1.1rem !important; padding: .35rem 1.4rem !important; top: -1.3rem !important; left: 1.2rem !important }
  .st-brand-a .top-intro__link .st-title span { font-size: 1.3rem !important }
  .st-brand-a .top-intro__link .st-title::before { width: 1.8rem; height: 1.8rem; margin-right: .4rem }
  .st-brand-a .top-intro__link__ja { font-size: 2.2rem !important; margin-top: .4rem !important; white-space: nowrap }
  .st-brand-a .top-intro__link__title .st-slant { font-size: 1.2rem !important; background: none !important; padding: 0 !important }
  .st-brand-a .top-intro__link__arrow { width: 3.4rem !important; height: 3.4rem !important; right: 1rem !important; bottom: 1rem !important; border-width: .2rem }
  .st-brand-a .top-intro__link__illust.-unique1 { width: 9rem !important; left: 1.2rem !important; top: 1.2rem; bottom: 1.2rem !important; background: #EEF0F2; border-radius: 1.4rem .3rem .3rem .3rem; overflow: hidden }
  .st-brand-a .top-intro__link__illust.-unique1 img { width: 100% !important; height: 300% !important; object-fit: cover; object-position: top }
  .st-brand-a .top-intro::after { height: 3.2rem; background: repeating-linear-gradient(90deg, #fff 0 2rem, transparent 2rem 3.6rem) .8rem 50% / 100% .5rem no-repeat, var(--st-navy) }

  /* 03 */
  .st-brand-a .top-service { padding: 6rem 0 9rem !important }
  .st-brand-a .top-service::before { height: 3.2rem; font-size: 1.6rem; letter-spacing: .15em }
  .st-brand-a .top-service::after { height: 3.4rem; bottom: 1.6rem }
  .st-brand-a .top-service__en span { font-size: 2rem !important; padding: .1rem 2rem !important }
  .st-brand-a .top-service__ja .st-title-c__main { gap: .6rem }
  .st-brand-a .top-service__ja .st-title-c__main span:first-child { font-size: 6.4rem !important; text-shadow: .3rem .35rem 0 #06173d !important }
  .st-brand-a .top-service__ja .st-title-c__main span:last-child { font-size: 2.6rem !important }
  .st-brand-a .st-service-tags { top: 1rem; right: 1rem; gap: .5rem }
  .st-brand-a .st-service-tags li { font-size: 1.4rem; padding: .2rem .7rem; border-width: .2rem }
  .st-brand-a .top-service__illust { width: 12rem !important; top: 5rem !important; right: 8rem !important }
  .st-brand-a .top-service__items { padding-bottom: 5.4rem !important; margin-top: 2rem !important }
  .st-brand-a .top-service__items::after { height: 3.6rem; background: repeating-linear-gradient(90deg, var(--st-lamp) 0 2.4rem, transparent 2.4rem 4.2rem) 0 50% / 100% .5rem no-repeat, var(--st-black) }
  .st-brand-a .top-service__items::before { width: 8rem; height: 4rem; bottom: .2rem }
  .st-brand-a .top-service__item a { width: 27rem !important; height: 36rem !important; border-width: .22rem; border-radius: 2rem .3rem .3rem .3rem !important; box-shadow: .35rem .35rem 0 #06173d !important }
  .st-brand-a .top-service__item__illust { position: absolute !important; left: 1rem !important; right: 1rem !important; top: 1rem !important; width: auto !important; height: 15rem !important; transform: none !important; border-radius: 1.6rem .3rem .3rem .3rem !important }
  .st-brand-a .top-service__item__illust img { width: 100% !important; min-width: 0 !important; height: 100% !important; object-fit: cover }
  .st-brand-a .top-service__item__contents { padding: 18rem 1.8rem 1.6rem !important }
  .st-brand-a .top-service__item__ja { font-size: 2.3rem !important; white-space: nowrap }
  .st-brand-a .top-service__item__en span { font-size: 1.5rem !important }
  .st-brand-a .top-service__item__txt { font-size: 1.2rem !important }
  .st-brand-a .top-service__item__arrow, .st-brand-a .top-service__button .st-arrow2 { width: 3.4rem !important; height: 3.4rem !important; border-width: .2rem }
  .st-brand-a .top-service__button { width: calc(100% - 3rem) !important; margin: 2.4rem auto 0 !important }
  .st-brand-a .top-service__button a { height: auto !important; border-width: .22rem; box-shadow: .35rem .35rem 0 #06173d !important }
  .st-brand-a .top-service__button .st-btn__en { font-size: 3rem !important; padding: .3rem 1.8rem; border-width: .25rem }
  .st-brand-a .top-service__button .st-btn__ja { font-size: 1.4rem !important }

  /* x1 */
  .st-brand-a .st-fare-guide { padding: 6rem 0 5rem !important; background-size: 100% 2.8rem, auto !important }
  .st-brand-a .st-fare-guide__header { grid-template-columns: 1fr !important; gap: 1.2rem !important }
  .st-brand-a .st-fare-guide__eyebrow span { font-size: 1.9rem; padding: .3rem 2rem }
  .st-brand-a .st-fare-guide__heading { flex-direction: column; align-items: flex-start !important; gap: 1rem !important }
  .st-brand-a .st-fare-guide__heading h2 { font-size: 5.6rem !important }
  .st-brand-a .st-fare-guide__heading > p { font-size: 1.4rem !important }
  .st-brand-a .st-fare-payment { grid-template-columns: 1fr !important; border-width: .25rem !important; border-radius: 2.4rem 1.2rem 1.2rem 1.2rem !important; box-shadow: .4rem .4rem 0 var(--st-navy) !important }
  .st-brand-a .st-fare-payment__title { padding: 1.6rem 2rem !important }
  .st-brand-a .st-fare-payment__title span { font-size: 1.4rem !important }
  .st-brand-a .st-fare-payment__title h3 { font-size: 2.4rem !important }
  .st-brand-a .st-fare-payment__groups { grid-template-columns: 1fr !important; padding: 1.6rem 2rem !important; gap: 1.4rem !important }
  .st-brand-a .st-fare-payment__group { border-left: 0 !important; padding: 0 !important }
  .st-brand-a .st-fare-payment__group h4 { font-size: 1.8rem !important }
  .st-brand-a .st-fare-payment__group > p { font-size: 1.3rem !important; margin-top: .4rem !important }
  .st-brand-a .st-fare-guide__footer > p { font-size: 1.2rem !important }
  .st-brand-a .st-fare-guide__footer a { font-size: 1.6rem !important; padding: 1.4rem 2rem !important; box-shadow: .4rem .4rem 0 var(--st-navy) !important }

  /* 04 */
  .st-brand-a .top-area__body { padding: 4rem 0 8rem !important; background-size: 100% 2.8rem, 100% 5rem, auto !important; background-position: 0 calc(100% - 1.6rem), 0 100%, 0 0 !important }
  .st-brand-a .top-area__en span { font-size: 2.2rem !important; padding: .2rem 3rem !important }
  .st-brand-a .top-area__ja .st-title-c__main { font-size: 5.8rem !important; text-shadow: .35rem .35rem 0 var(--st-lamp) !important }
  .st-brand-a .top-area__illust { width: 8rem !important; top: 10rem !important }
  .st-brand-a .top-area__illust2 { width: 6rem !important; top: 10rem !important }
  .st-brand-a .top-area__items::before { height: 3.6rem; background: repeating-linear-gradient(90deg, #fff 0 1.6rem, transparent 1.6rem 16rem) 0 50% / 100% .5rem no-repeat, var(--st-black) }
  .st-brand-a .st-area-card > a { height: 38rem !important; border-radius: 2.4rem .3rem .3rem .3rem !important }
  .st-brand-a .st-area-card__contents { left: 1rem !important; right: 1rem !important; bottom: 1rem !important }
  .st-brand-a .st-area-card__txts { border-width: .25rem; box-shadow: .3rem .3rem 0 var(--st-navy) }
  .st-brand-a .st-area-card__title { font-size: 2.6rem !important; padding: .8rem .6rem .6rem !important }
  .st-brand-a .st-area-card__meta { margin: 0 .6rem .6rem !important; padding: .5rem 0 !important }
  .st-brand-a .st-area-card__meta span { font-size: 1.1rem !important }
  .st-brand-a .st-area-card__count { padding: .6rem 1.4rem .5rem !important }
  .st-brand-a .st-area-card__count .st-area-card__ja { font-size: 1.2rem !important }
  .st-brand-a .st-area-card__num { font-size: 2.8rem !important }
  .st-brand-a .top-area__button a { width: 30rem !important; height: 6.4rem !important; margin: 0 auto }
  .st-brand-a .top-area__button .st-btn__en { font-size: 2.8rem !important }
  .st-brand-a .top-area__button .st-btn__ja { font-size: 1.2rem !important }

  /* 05 */
  .st-brand-a .st-worry-title { font-size: 3.4rem !important; text-shadow: .3rem .35rem 0 var(--st-navy) !important }
  .st-brand-a .top-worry__head__item.st-voice span { font-size: 1.2rem !important; padding: .7rem 1.2rem !important; box-shadow: .25rem .3rem 0 var(--st-navy) !important }
  .st-brand-a .top-worry__spot { background-size: 100% 2.6rem, auto !important; padding-top: 4rem !important }
  .st-brand-a .st-run__lead { font-size: 4.4rem !important }
  .st-brand-a .st-run__lead span { text-shadow: .3rem .35rem 0 var(--st-green), .5rem .55rem 0 #06173d !important }

  /* x2 */
  .st-brand-a .st-ride-guide { padding-bottom: 6rem !important }
  .st-brand-a .st-ride-guide::after { bottom: 2.4rem; height: .5rem; left: 4%; right: 4% }
  .st-brand-a .st-ride-guide__grid { border-width: .25rem; border-radius: 2rem }
  .st-brand-a .st-ride-card { padding: 1.6rem 1.8rem !important }
  .st-brand-a .st-ride-card__label { font-size: 1.3rem !important }
  .st-brand-a .st-ride-card__index { font-size: 3.2rem !important }
  .st-brand-a .st-ride-card__visual { height: 13rem !important }
  .st-brand-a .st-ride-card__title { font-size: 3.8rem !important }
  .st-brand-a .st-ride-card__footer > span:first-child { font-size: 1.4rem !important }
  .st-brand-a .st-ride-card__arrow { padding: .6rem 1.6rem !important }
  .st-brand-a .st-ride-card__arrow::after { font-size: 1.3rem }

  /* 06 */
  .st-brand-a .top-news { padding-bottom: 7rem !important }
  .st-brand-a .top-news::after { bottom: 3rem; height: .6rem; right: 1.6rem; background: repeating-linear-gradient(90deg, var(--st-navy) 0 2.6rem, transparent 2.6rem 4.2rem) }
  .st-brand-a .top-news .st-title-b__title { font-size: 6.4rem !important; text-shadow: .3rem .3rem 0 #fff, .6rem .6rem 0 var(--st-navy) !important }
  .st-brand-a .top-news .st-title-b__en { font-size: 1.5rem !important; margin-bottom: 1rem !important }
  .st-brand-a .st-news__col { padding: 0 1.6rem !important }
  .st-brand-a .st-news__col + .st-news__col { border-left: 0; margin-top: 4rem }
  .st-brand-a .st-news__head__en { font-size: 3.6rem !important }
  .st-brand-a .st-news__head { border-bottom-width: .35rem }
  .st-brand-a .st-news__item a { gap: 1.4rem !important; padding: 1.4rem 0 !important }
  .st-brand-a .st-news__figure { box-shadow: -.35rem .35rem 0 var(--st-navy) !important; border-radius: 1.2rem .2rem .2rem .2rem !important }
  .st-brand-a .st-news__meta time { font-size: 1.3rem !important }
  .st-brand-a .st-news__term { font-size: 1rem !important; padding: .2rem 1rem !important }
  .st-brand-a .st-news__title { font-size: 1.5rem !important }
  .st-brand-a .st-news__more { margin-top: 2.6rem !important; text-align: right }
  .st-brand-a .st-news__more a { display: inline-flex !important; align-items: center; gap: 1.4rem; padding: .7rem 2.8rem !important; width: auto !important; height: auto !important }
  .st-brand-a .st-news__more .st-btn__en { font-size: 2rem !important }

  /* 07 */
  .st-brand-a .top-history__body { padding-bottom: 7rem !important }
  .st-brand-a .top-history__screen { padding-top: 3rem !important; gap: 1rem }
  .st-brand-a .st-status-anniversary { font-size: 1.7rem !important; padding: .8rem 2.6rem !important }
  .st-brand-a .top-history__figure::before { height: 3.6rem }
  .st-brand-a .st-history-card__body { border-radius: 2.8rem .4rem .4rem .4rem !important; box-shadow: -.5rem 0 0 var(--st-navy) !important }
  .st-brand-a .st-history-card__header .st-title span { font-size: 1.8rem !important; padding: .2rem 2rem !important }
  .st-brand-a .st-history-title { font-size: 4.6rem !important; text-shadow: .25rem .25rem 0 #fff !important }
  .st-brand-a .st-history-age__label, .st-brand-a .st-history-age__unit { font-size: 3rem !important }
  .st-brand-a .st-history-age [data-founded-year] { font-size: 7rem !important; padding: .4rem 2.6rem .1rem !important }
  .st-brand-a .st-heritage__heading { font-size: 2rem !important }
  .st-brand-a .st-heritage__timeline { padding-left: 4.6rem !important }
  .st-brand-a .st-heritage__timeline::before { left: 1.4rem; width: .35rem }
  .st-brand-a .st-heritage__timeline li { grid-template-columns: 7rem 1fr; gap: 1rem; padding: 1.6rem 0 !important }
  .st-brand-a .st-heritage__timeline li::before { left: -4.6rem; width: 3.2rem; height: 3.2rem; top: 1.6rem }
  .st-brand-a .st-heritage__timeline time, .st-brand-a .st-heritage__now { font-size: 3.2rem !important }
  .st-brand-a .st-heritage__now { font-size: 2.6rem !important }
  .st-brand-a .st-heritage__timeline h4 { font-size: 1.6rem !important }
  .st-brand-a .st-heritage__timeline p { font-size: 1.3rem !important }
  .st-brand-a .st-heritage__more { font-size: 1.5rem !important; padding: 1rem 1rem 1rem 2.2rem !important }
  .st-brand-a .st-heritage__more span { width: 2.4rem; height: 2.4rem; font-size: 1.3rem }
  .st-brand-a .st-history-card__faq__inner { padding: 1.4rem 1.6rem !important; gap: 1.2rem; border-width: .25rem !important; box-shadow: .35rem .35rem 0 var(--st-navy) !important }
  .st-brand-a .st-history-card__faq__en { padding: .3rem 1.6rem !important }
  .st-brand-a .st-history-card__faq__en * { font-size: 2.8rem !important }
  .st-brand-a .st-history-card__faq__en__and::before { font-size: 2.8rem !important }
  .st-brand-a .st-history-card__faq__title__slope { font-size: 2.6rem !important }
  .st-brand-a .top-history__body::after { bottom: 2.6rem; height: .5rem; left: 1.6rem; right: 1.6rem; background: repeating-linear-gradient(90deg, var(--st-navy) 0 2rem, transparent 2rem 3.4rem) }

  /* 08 */
  .st-brand-a .top-movie { padding-top: 11rem !important; padding-bottom: 11rem !important }
  .st-brand-a .top-movie::before { height: 8rem !important; bottom: 3.6rem !important }
  .st-brand-a .top-movie::after { height: 3.6rem; background: repeating-linear-gradient(90deg, #fff 0 2.8rem, transparent 2.8rem 5rem) .8rem 50% / 100% .5rem no-repeat, var(--st-black) }
  .st-brand-a .st-recruit-head { font-size: 5.6rem !important; top: 2.4rem !important; text-shadow: .35rem .4rem 0 #3a3f4a !important }
  .st-brand-a .top-movie .st-lamp.-large { width: calc(100% - 3rem) !important; margin: 0 auto !important }
  .st-brand-a .top-movie .st-lamp.-large > a { border-width: .7rem !important; box-shadow: 0 0 0 .7rem var(--st-lamp) !important; border-radius: 5rem 5rem 1.2rem 1.2rem !important; height: auto !important }
  .st-brand-a .top-movie .st-lamp.-large > a::before { font-size: 1.8rem; top: -1.6rem; padding: 0 1.2rem; border-inline-width: .7rem }
  .st-brand-a .top-movie .st-play { width: 6.4rem !important; height: 6.4rem !important; --arrow-width: 2.2rem }
  .st-brand-a .top-movie .st-lamp__contents .st-title span { font-size: 1.5rem !important; padding: .2rem 1.2rem !important }
  .st-brand-a .top-movie .st-lamp__contents .st-title::before { width: 2.8rem; height: 2.8rem; margin-right: .5rem }
  .st-brand-a .top-movie .st-lamp__title .st-slant:first-child { font-size: 2rem !important }
  .st-brand-a .top-movie .st-lamp__title .st-slant:last-child { font-size: 3.8rem !important }

  /* x3 */
  .st-brand-a .st-marquee__copy { left: 1.6rem !important; right: 1.6rem; top: 6% !important }
  .st-brand-a .st-marquee__en { font-size: 1.5rem !important; padding: .2rem 1.8rem !important }
  .st-brand-a .st-marquee__ttl { font-size: 4.6rem !important; text-shadow: .35rem .35rem 0 var(--st-navy) !important }
  .st-brand-a .st-marquee__note { font-size: 1.4rem !important }
  .st-brand-a .st-marquee__all { font-size: 1.7rem !important; padding: 1.2rem 1.8rem !important; width: 100% !important; justify-content: space-between }
  .st-brand-a .st-marquee__all span:last-child { width: 3rem !important; height: 3rem !important }
  .st-brand-a .st-strip { padding-bottom: 4rem !important }
  .st-brand-a .st-strip::after { bottom: 1.4rem; height: .5rem; background: repeating-linear-gradient(90deg, #fff 0 2.6rem, transparent 2.6rem 4.2rem) }
  .st-brand-a .st-strip__head { margin-left: 1.6rem !important }
  .st-brand-a .st-strip__en { font-size: 1.4rem !important; padding: .2rem 1.6rem !important }

  /* 09 */
  .st-brand-a .top-recruit__header .st-title span { font-size: 2rem !important; padding: .3rem 2.4rem .3rem 1.8rem !important; gap: .6rem }
  .st-brand-a .top-recruit__header .st-title span::before { width: 2.6rem; height: 2.6rem }
  .st-brand-a .top-recruit__title { font-size: 5.4rem !important; text-shadow: .3rem .3rem 0 #fff, .5rem .5rem 0 rgba(16,39,90,.2) !important }
  .st-brand-a .top-recruit__txt { font-size: 1.4rem !important }
  .st-brand-a .top-recruit__illust::before { height: 4rem; left: -1rem; right: -1rem }
  .st-brand-a .top-recruit__lists { padding-top: 3rem !important; padding-bottom: 7rem !important; background-size: 100% 4rem, auto !important }
  .st-brand-a .top-recruit__lists::before { top: .8rem; height: .5rem; background: repeating-linear-gradient(90deg, var(--st-navy) 0 2.4rem, transparent 2.4rem 3.8rem) }
  .st-brand-a .top-recruit__lists::after { bottom: 1.8rem; height: .5rem; background: repeating-linear-gradient(90deg, #fff 0 2.4rem, transparent 2.4rem 4.2rem) }
  .st-brand-a .st-entry-card > a { border-width: .22rem !important; border-radius: 1.4rem 1.4rem .5rem .5rem !important; box-shadow: 0 .5rem 0 var(--st-navy) !important }
  .st-brand-a .st-entry-card__ja { font-size: 1.3rem !important }
  .st-brand-a .st-entry-card__en > span { font-size: 2.2rem !important }
  .st-brand-a .st-entry-card__en .st-arrow2 { width: 2.4rem !important; height: 2.4rem !important; border-width: .18rem }

  /* 10 右側 */
  
  
  
  
  

  /* 11 */
  
  
  

  /* お問い合わせ */
  
}
@media screen and (max-width: 1023px) {
  .st-brand-a .top-intro__body { padding-top: 27rem !important }
  .st-brand-a .top-intro__body::before {
    content: ""; position: absolute; left: 0; right: 0; top: 25rem; height: .5rem; display: block !important;
    background: repeating-linear-gradient(90deg, var(--st-navy) 0 2.2rem, transparent 2.2rem 3.4rem);
  }
  .st-brand-a .top-fv__next .st-lamp__shadow > a { border-radius: 1.4rem !important; border-width: .35rem !important }
  .st-brand-a .top-fv__next .st-lamp__contents { background: var(--st-navy) !important }
  .st-brand-a .top-fv__next .st-lamp__title span { color: #fff !important }
  .st-brand-a .top-fv__next .st-lamp__oval2 { display: none !important }
  .st-brand-a .top-movie .st-lamp.-large > a { height: 58rem !important }
  .st-brand-a .top-movie { padding-top: 12rem !important; padding-bottom: 13rem !important }
}
@media screen and (max-width: 1023px) {
  .st-brand-a .top-fv__next .st-lamp__title, .st-brand-a .top-fv__next .st-lamp__title span { background: var(--st-navy) !important; color: #fff !important; font-style: normal !important }
}

/* ---- 検証1回目の指摘への直し ---- */
/* ナビの英字は四角の印だけ（見本） */

/* x2: 外の白い枠をやめる */
.st-brand-a .st-ride-guide__grid { border: 0 !important }
/* 06: View More は丸い端のボタン＋上の取っ手 */
.st-brand-a .st-news__more a { clip-path: none !important; border-radius: 999px !important }
/* 07: Q&A の Q の尾が切れない／もっと見るの矢印 */
.st-brand-a .st-history-card__faq__en__txt, .st-brand-a .st-history-card__faq__en__txt .st-loop__content { overflow: visible !important; height: auto !important }
.st-brand-a .st-heritage__more span { font-size: 0 !important }
.st-brand-a .st-heritage__more span::before { content: "›"; font-size: 2.4rem; font-weight: 900; line-height: 1; margin-top: -.2rem }
/* 09: 乗務員の足元の横断歩道 */
.st-brand-a .top-recruit__illust { overflow: visible !important }
.st-brand-a .top-recruit__illust::before { display: block !important; bottom: -2rem; height: 6rem; transform: none; clip-path: polygon(6% 0, 94% 0, 100% 100%, 0 100%);
  background: repeating-linear-gradient(90deg, var(--st-navy) 0 3.4rem, transparent 3.4rem 6.8rem) }
/* 10: ブログの＋は紺の丸、札の小さな飾りを消す */

/* 11: 営業時間の札は二重の枠、英字は大文字小文字のまま */

@media screen and (max-width: 1023px) {
  .st-brand-a .top-fv__start .st-catch__main { font-size: 5rem !important }
  .st-brand-a .top-intro__illust { width: 24rem !important; margin: 0 auto !important; left: 0; right: 0 }
  .st-brand-a .top-intro__link__arrow { right: 1.2rem !important }
  .st-brand-a .top-intro__link a { overflow: hidden }
  .st-brand-a .top-service::before { font-size: 1.3rem; letter-spacing: .08em; content: "空車 ▶ 賃走 ▶ 迎車 ▶ 回送" }
  .st-brand-a .top-service__ja .st-title-c__main span:last-child { display: none }
  .st-brand-a .top-service__item a { width: 30rem !important; height: 42rem !important }
  .st-brand-a .top-service__item__illust { height: 18rem !important }
  .st-brand-a .top-service__item__contents { padding-top: 21rem !important }
  .st-brand-a .top-service__item__ja { font-size: 2.8rem !important }
  .st-brand-a .top-service::after { background: repeating-linear-gradient(90deg, #fff 0 1.6rem, transparent 1.6rem 3.6rem) }
  .st-brand-a .top-service__button .st-btn__en { border: 0 !important; background: none !important; padding: 0 !important }
}

/* ---- 検証2回目の指摘への直し ---- */
@media screen and (min-width: 1024px) {
  .st-brand-a .top-intro__illust { width: 62rem !important; top: 4rem !important; right: -2rem !important }
  .st-brand-a .st-heritage__timeline li { grid-template-columns: 11rem 1fr }
  .st-brand-a .st-history-card__body { grid-template-columns: 44% 1fr !important }
  .st-brand-a .st-history-card__faq { width: 100% !important }
  .st-brand-a .st-history-card__faq__inner { width: 100% !important }
  .st-brand-a .top-movie .st-lamp__illust { width: 20rem !important; right: 3rem !important; bottom: 3rem !important }
}
.st-brand-a .st-fare-payment__group > p { word-break: keep-all; overflow-wrap: normal }
.st-brand-a .st-fare-payment__group > p { font-size: 1.35rem !important }

/* 紹介動画のボタンの丸は再生の印 */
.st-brand-a .st-marquee__all span:last-child { font-size: 0 !important }
.st-brand-a .st-marquee__all span:last-child::before { content: ""; width: 0; height: 0; border-style: solid; border-width: .7rem 0 .7rem 1.1rem; border-color: transparent transparent transparent var(--st-green); margin-left: .3rem }

@media screen and (max-width: 1023px) {
  /* 01 */
  .st-brand-a .st-kv-actions { left: .6rem !important; right: .6rem !important; width: auto !important; transform: none !important }
  
  
  
  /* 02: 動画の小窓の上は TAXI の表示灯 */
  .st-brand-a .top-fv__next .st-lamp-antenna { font-size: 0 !important; min-width: 9rem; height: 3rem }
  .st-brand-a .top-fv__next .st-lamp-antenna::before { content: "配車"; font: 800 2rem/3rem var(--st-f-en); color: var(--st-navy); display: block; text-align: center; letter-spacing: .1em }
  .st-brand-a .top-fv__next .st-lamp-antenna { background: var(--st-lamp) !important; border: .3rem solid var(--st-navy); border-bottom: 0 }
  /* 03 */
  .st-brand-a .top-service__en span, .st-brand-a .top-service__ja *, .st-brand-a .top-service__ja { font-style: normal !important; transform: none !important }
  .st-brand-a .top-service__button .st-btn__ja { white-space: nowrap; font-size: 1.3rem !important }
  /* 08: 表示灯を台形に（縁は影で描く） */
  .st-brand-a .top-movie .st-lamp.-large { filter: drop-shadow(.6rem 0 0 var(--st-navy)) drop-shadow(-.6rem 0 0 var(--st-navy)) drop-shadow(0 .6rem 0 var(--st-navy)) drop-shadow(0 -.6rem 0 var(--st-navy)) !important }
  .st-brand-a .top-movie .st-lamp.-large > a { border: 0 !important; box-shadow: none !important; clip-path: polygon(9% 0, 91% 0, 100% 100%, 0 100%) !important; border-radius: 3rem 3rem 1.6rem 1.6rem !important }
  .st-brand-a .top-movie .st-lamp.-large > a::before { display: none }
  .st-brand-a .top-movie .st-lamp__illust { width: 14rem !important }
}
@media screen and (max-width: 1023px) {
  .st-brand-a .st-kv-actions { top: 67rem !important }
  .st-brand-a .top-movie .st-lamp.-large > a { height: 50rem !important; clip-path: polygon(6% 0, 94% 0, 100% 100%, 0 100%) !important }
  .st-brand-a .top-movie .st-lamp__contents { position: absolute !important; left: 3.4rem !important; top: 2.6rem !important; right: 2rem; padding: 0 !important }
  .st-brand-a .top-movie .st-lamp__figure { position: absolute !important; left: 3rem !important; top: 16rem !important; width: 19rem !important; height: 12rem !important; margin: 0 !important }
  .st-brand-a .top-movie .st-lamp__figure img { width: 100%; height: 100%; object-fit: cover }
  .st-brand-a .top-movie .st-lamp__play { position: absolute !important; right: 4rem !important; left: auto !important; top: 18rem !important; bottom: auto !important; transform: none !important }
  .st-brand-a .top-movie .st-lamp__illust { position: absolute !important; left: 50% !important; right: auto !important; bottom: 1.6rem !important; top: auto !important; width: 13rem !important; transform: translateX(-50%) !important }
}
@media screen and (max-width: 1023px) {
  .st-brand-a .top-movie .st-lamp.-large > a { height: 42rem !important }
  .st-brand-a .top-movie .st-lamp__illust { width: 17rem !important; bottom: .6rem !important }
  .st-brand-a .top-movie .st-lamp__illust img { width: 100% !important }
  .st-brand-a .top-movie .st-play { aspect-ratio: 1 !important; width: 7rem !important; height: 7rem !important; padding-left: .6rem !important }
}

/* ---- 検証3回目の指摘への直し（実際に確かめて当たっていた物だけ） ---- */
/* 09: ENTRY の右のロゴの環が消えていた */
.st-brand-a .st-entry-card__en .st-arrow2 { display: inline-block !important; flex: none }
/* 09: 乗務員の足元の横断歩道を大きく */
.st-brand-a .top-recruit__illust::before { height: 11rem !important; bottom: -3rem !important; left: -6rem !important; right: -6rem !important; clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%) }
/* 03・x1: 札の後ろの硬い影 */
.st-brand-a .top-service__en span, .st-brand-a .top-area__en span, .st-brand-a .st-fare-guide__eyebrow span { filter: drop-shadow(.4rem .4rem 0 rgba(6,23,61,.55)) }
.st-brand-a .top-service__en, .st-brand-a .top-area__en { filter: drop-shadow(.4rem .4rem 0 rgba(6,23,61,.55)) }
/* x1: クレジットカードの行を1行に */
@media screen and (min-width: 1024px) { .st-brand-a .st-fare-payment__groups { grid-template-columns: 1.45fr 1fr 1fr !important } }
/* 05: 境目の横断歩道は斜めの縞 */
.st-brand-a .top-worry__spot { background: repeating-linear-gradient(115deg, #fff 0 3rem, transparent 3rem 6.6rem) 0 0 / 100% 5.4rem no-repeat, var(--st-navy) !important }
/* x2: 「くわしく」は3枚とも白い行灯の札 */
.st-brand-a .st-ride-card__arrow, .st-brand-a .st-ride-card--flow .st-ride-card__arrow {
  background: #fff !important; color: var(--st-navy) !important; border: 0 !important;
  clip-path: polygon(1.2rem 0, calc(100% - 1.2rem) 0, 100% 100%, 0 100%) !important; border-radius: 1rem 1rem 0 0 !important;
}
.st-brand-a .st-ride-card--flow .st-ride-card__arrow { background: var(--st-navy) !important; color: #fff !important }
/* 04: 3枚がちょうど見える幅 */

/* 08: 再生ボタンは正円（PC）／Recruit Movie の札は最初から見せる */
.st-brand-a .top-movie .st-play { aspect-ratio: 1 !important; padding-left: .8rem !important }
.st-brand-a .top-movie .st-lamp__contents .st-title { opacity: 1 !important; transform: none !important; visibility: visible !important }
/* 10: ブログの＋は紺の丸 */

/* 01: 天気の上の表示灯の耳（見本） */
.st-brand-a .st-kv-weather { overflow: visible !important }
.st-brand-a .st-kv-weather::before {
  content: ""; position: absolute; left: 50%; top: -1.8rem; width: 9rem; height: 1.8rem; transform: translateX(-50%);
  background: var(--st-lamp); border: .3rem solid var(--st-navy); border-bottom: 0; border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 1023px) {
  .st-brand-a .st-kv-weather::before { width: 6rem; height: 1.2rem; top: -1.3rem; border-width: .22rem }
  /* 01: 句点がキャラクターに隠れないよう、見出しを少し左へ */
  .st-brand-a .top-fv__start .st-catch { width: 33rem !important; margin-left: -2rem }
  /* 03: SERVICE の札は丸い角の札（スマホの見本） */
  .st-brand-a .top-service__en span { clip-path: none !important; border-radius: .8rem !important }
  /* 08: 上に表示灯の出っ張り */
  .st-brand-a .top-movie .st-lamp.-large::before {
    content: ""; display: block !important; position: absolute; left: 50%; top: -2.4rem; width: 62%; height: 3rem; transform: translateX(-50%);
    background: var(--st-lamp); border-radius: 2rem 2rem 0 0; z-index: -1;
  }
}
.st-brand-a .st-entry-card__en::after { display: none !important }
.st-brand-a .top-recruit__illust::before { height: 7rem !important; bottom: -1.4rem !important; background: repeating-linear-gradient(115deg, var(--st-navy) 0 3rem, transparent 3rem 6.4rem) !important }
.st-brand-a .top-movie .st-play { --oval-width: 11rem; aspect-ratio: 1 / 1 !important }
@media screen and (max-width: 1023px) { .st-brand-a .top-movie .st-play { --oval-width: 7rem; width: auto !important; height: auto !important } }
@media screen and (min-width: 1024px) { .st-brand-a .top-movie .st-play { width: auto !important; height: auto !important } }
.st-brand-a .top-movie .st-lamp__play .st-play { width: 11rem !important; height: 11rem !important; min-height: 11rem !important; aspect-ratio: auto !important; border-radius: 50% !important; --arrow-width: 3.4rem }
@media screen and (max-width: 1023px) { .st-brand-a .top-movie .st-lamp__play .st-play { width: 7rem !important; height: 7rem !important; min-height: 7rem !important; --arrow-width: 2.2rem } }
/* ---- 検証4回目の指摘への直し ---- */
@media screen and (min-width: 1024px) {
  .st-brand-a .top-movie .st-lamp__contents { top: auto !important; bottom: 3.4rem !important }
  .st-brand-a .top-movie .st-lamp__figure { top: 3.4rem !important }
}
.st-brand-a .top-movie .st-lamp.-large > a { box-shadow: 0 0 0 1.2rem var(--st-lamp), 0 0 0 1.6rem var(--st-navy) !important }
.st-brand-a .top-worry__head__item.st-voice span { background: #fff !important }
.st-brand-a .top-fv__next .st-lamp-antenna { background: var(--st-black) !important; color: var(--st-lamp) !important }
.st-brand-a .st-recruit-head { text-shadow: .6rem .7rem 0 #3a3f4a, 0 0 2.4rem rgba(255,241,191,.45) !important }
@media screen and (max-width: 1023px) {
  .st-brand-a .top-fv__start .st-catch__main { font-size: 4.6rem !important }
  .st-brand-a .top-movie .st-lamp.-large > a { box-shadow: none !important }
  .st-brand-a .st-kv-actions__card { position: relative; overflow: visible !important }
  .st-brand-a .st-kv-actions__card::before {
    content: "配車" !important; display: block !important; position: absolute; left: -.2rem !important; top: -1.1rem !important; transform: none !important;
    width: auto !important; padding: .1rem .5rem !important; background: var(--st-black) !important; color: var(--st-lamp) !important;
    border: .15rem solid var(--st-lamp) !important; border-radius: .4rem !important; font: 400 1rem/1.2 var(--st-f-head) !important; box-shadow: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .st-brand-a .top-movie .st-lamp__figure { width: 30rem !important; height: 19rem !important; left: 6rem !important }
  .st-brand-a .top-movie .st-lamp__figure img { width: 100%; height: 100%; object-fit: cover }
  .st-brand-a .top-movie .st-lamp__contents { left: 6rem !important; bottom: 2.4rem !important }
  .st-brand-a .top-movie .st-lamp__illust { width: 26rem !important; right: 8rem !important; bottom: 2rem !important; top: auto !important }
  .st-brand-a .top-movie .st-lamp__illust img { width: 100% !important; max-width: none !important }
  .st-brand-a .top-movie .st-lamp__play { left: 44rem !important; right: auto !important; top: 13rem !important }
}
@media screen and (max-width: 1023px) {
  .st-brand-a .st-kv-actions__card[data-st-action="phone"]::before { left: -.2rem !important; top: -1.1rem !important; width: auto !important; font-size: 1rem !important }
  .st-brand-a .top-fv__start .st-catch { margin-left: -3.6rem }
}
/* ---- 検証5回目の指摘への直し ---- */
.st-brand-a .st-area-card__count { padding: 1rem 3.2rem .8rem !important; overflow: visible !important }
.st-brand-a .top-area__item { overflow: visible !important }
@media screen and (max-width: 1023px) {
  /* 動画の小窓: 紺の四角い枠、上に TAXI の表示灯 */
  .st-brand-a .top-fv__next .st-lamp__shadow > a { border-radius: .8rem !important; border: .35rem solid var(--st-navy) !important; background: var(--st-navy) !important; box-shadow: none !important }
  .st-brand-a .top-fv__next .st-lamp__shadow { background: none !important; border-radius: 0 !important }
  .st-brand-a .top-fv__next .st-lamp-antenna { background: var(--st-lamp) !important; border: .3rem solid var(--st-navy) !important; border-bottom: 0 !important; clip-path: polygon(12% 0, 88% 0, 100% 100%, 0 100%) !important }
  .st-brand-a .st-kv-actions__card::before { top: -1.5rem !important; border-bottom: 0 !important; border-radius: .5rem .5rem 0 0 !important; left: 1.4rem !important }
  .st-brand-a .st-kv-actions__card[data-st-action="phone"]::before { left: 1.4rem !important; top: -1.5rem !important }
}
.st-brand-a .st-area-card__count { min-width: 11rem !important; max-width: none !important; aspect-ratio: auto !important }
.st-brand-a .st-area-card__count > * { white-space: nowrap !important }
/* 横にはみ出さない（スマホで横スクロールが出ないように） */
.st-brand-a .top-recruit__body, .st-brand-a .top-history__body { overflow-x: clip !important }
@media screen and (max-width: 1023px) {
  .st-brand-a .top-recruit__illust::before { left: -1rem !important; right: -1rem !important }
  .st-brand-a .st-hero-title__ja { font-size: 5rem !important }
}

.st-brand-a .top-news .st-title-b { flex-wrap: wrap }

/* 08: キャラクターの画像は周りの余白が大きい（絵は幅の55%）ので、枠を大きくして見本の大きさに */
@media screen and (min-width: 1024px) { .st-brand-a .top-movie .st-lamp__illust { width: 54rem !important; right: -3rem !important; bottom: -4rem !important } }
@media screen and (max-width: 1023px) { .st-brand-a .top-movie .st-lamp__illust { width: 28rem !important; bottom: -3rem !important } }

/* ---- 殿の直し（2026-09-26）----
   1. View More は普通のカプセル型（上の札をやめる）
   2. タクシー料金のカードは A案の前のデザインに戻す（黒いメーターの箱の指定を外した。元の common.min.css のカード）
   3. 対応エリアのカルーセル: カードの幅を元（A案の前）より狭くしたため、Swiper が1画面に4枚入ると数え、5枚ではループの並べ替えが足りず、
      端まで送って右側が空になった。幅は元のまま（Swiper の前提どおり）にし、現在のカードだけ幅を変える指定もやめた */
.st-brand-a .st-news__more::before { content: none !important; display: none !important }

/* ---- 殿の直し（2026-09-26 夕）----
   丸いボタンの中にロゴを入れない（丸の中に丸のロゴで冗長）。矢印にする */
.st-brand-a .top-intro__link__arrow,
.st-brand-a .top-service__item__arrow,
.st-brand-a .top-service__button .st-arrow2,
.st-brand-a .st-entry-card__en .st-arrow2 { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310275A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/56% no-repeat !important }
/* 年表の節も、ロゴではなく紺の丸 */
.st-brand-a .st-heritage__timeline li::before { background: var(--st-navy) !important; width: 2rem !important; height: 2rem !important; left: -5.4rem !important; top: 3.2rem !important; box-shadow: 0 0 0 .5rem #fff, 0 0 0 .8rem var(--st-navy) !important }
.st-brand-a .top-recruit__header .st-title span::before { display: none !important }

/* ---- 殿の直し: ポップな見出しの書体を、見やすく太い丸ゴシック（M PLUS Rounded 1c 900）に ---- */
.st-brand-a .top-fv__start .st-catch__main { font-weight: 900 !important; letter-spacing: 0 !important }

/* ---- 殿の直し: 乗務員紹介の動画
   写真を真ん中に大きく置き、その真ん中に角丸の動画の再生アイコン（YouTube のような形）。
   見出しは上の真ん中、キャラクターは右下から飛び出して弾む ---- */
.st-brand-a .top-movie .st-lamp.-large > a { display: block !important; position: relative !important }
.st-brand-a .top-movie .st-lamp__contents {
  position: absolute !important; left: 0 !important; right: 0 !important; top: 3rem !important; bottom: auto !important;
  display: flex !important; flex-direction: column; align-items: center; text-align: center; padding: 0 !important; z-index: 2;
}
.st-brand-a .top-movie .st-lamp__contents .st-title { justify-content: center }
.st-brand-a .top-movie .st-lamp__title { display: flex !important; flex-direction: row !important; align-items: baseline; gap: 1rem; justify-content: center; margin-top: .6rem !important }
.st-brand-a .top-movie .st-lamp__figure {
  position: absolute !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important;
  top: 15.5rem !important; width: 56rem !important; height: 31.5rem !important; margin: 0 !important;
  border-radius: 2.4rem !important; box-shadow: 0 0 0 .6rem var(--st-navy), .9rem .9rem 0 .6rem rgba(16,39,90,.35) !important; z-index: 1;
}
.st-brand-a .top-movie .st-lamp__figure img { width: 100% !important; height: 100% !important; object-fit: cover }
.st-brand-a .top-movie .st-lamp__play {
  position: absolute !important; left: 50% !important; right: auto !important; bottom: auto !important;
  top: calc(15.5rem + 31.5rem / 2) !important; transform: translate(-50%, -50%) !important; z-index: 3; margin: 0 !important;
}
.st-brand-a .top-movie .st-lamp__play .st-play {
  width: 11.2rem !important; height: 7.8rem !important; min-height: 0 !important; aspect-ratio: auto !important;
  border-radius: 2.2rem !important; background: #FF0033 !important; padding: 0 0 0 .5rem !important;
  --arrow-width: 3rem; box-shadow: 0 .6rem 1.6rem rgba(0,0,0,.28) !important; transition: transform .2s ease !important;
}
.st-brand-a .top-movie .st-lamp__play .st-play::before { background-color: #fff !important }
.st-brand-a .top-movie .st-lamp.-large > a:hover .st-play { transform: scale(1.08) !important }
.st-brand-a .top-movie .st-lamp.-large > a { height: 54rem !important }
.st-brand-a .top-movie .st-lamp__illust {
  position: absolute !important; right: 2rem !important; left: auto !important; bottom: -3rem !important; top: auto !important;
  width: 26rem !important; transform: none !important; z-index: 4;
}
.st-brand-a .top-movie .st-lamp__illust img { width: 100% !important; transform-origin: 50% 90%; animation: st-hop 1.4s cubic-bezier(.3,.7,.4,1) infinite }
@keyframes st-hop {
  0%, 100% { transform: translateY(0) rotate(-4deg) scale(1, 1) }
  18% { transform: translateY(0) rotate(-4deg) scale(1.06, .92) }
  45% { transform: translateY(-2.2rem) rotate(5deg) scale(.96, 1.05) }
  70% { transform: translateY(0) rotate(-2deg) scale(1.04, .95) }
}
@media screen and (max-width: 1023px) {
  .st-brand-a .top-movie .st-lamp.-large > a { height: 44rem !important }
  .st-brand-a .top-movie .st-lamp__contents { top: 2.2rem !important; left: 1rem !important; right: 1rem !important }
  .st-brand-a .top-movie .st-lamp__title { flex-direction: column !important; align-items: center; gap: 0 }
  .st-brand-a .top-movie .st-lamp__figure { top: 14rem !important; width: 84% !important; height: auto !important; aspect-ratio: 16 / 9; box-shadow: 0 0 0 .4rem var(--st-navy) !important; border-radius: 1.4rem !important }
  .st-brand-a .top-movie .st-lamp__play { top: calc(14rem + (100vw - 3rem) * .84 * 9 / 16 / 2) !important }
  .st-brand-a .top-movie .st-lamp__play .st-play { width: 7.4rem !important; height: 5.2rem !important; border-radius: 1.5rem !important; --arrow-width: 2rem }
  .st-brand-a .top-movie .st-lamp__illust { width: 15rem !important; right: -.6rem !important; bottom: -2.4rem !important; left: auto !important }
}
@media screen and (min-width: 1024px) {
  .st-brand-a .top-movie .st-lamp.-large > a { height: 58rem !important }
  .st-brand-a .top-movie .st-lamp__figure { top: 19rem !important; width: 54rem !important; height: 30.4rem !important }
  .st-brand-a .top-movie .st-lamp__play { top: calc(19rem + 30.4rem / 2) !important }
  .st-brand-a .top-movie .st-lamp__illust { width: 46rem !important; right: -7rem !important; bottom: -9rem !important }
}
@media screen and (max-width: 1023px) {
  .st-brand-a .top-movie .st-lamp__illust { width: 24rem !important; right: -3.4rem !important; bottom: -5rem !important }
}
/* 重要なお知らせの帯（殿 2026-09-26: 台風で短縮営業などをトップの上のほうでぱっと見せる） */
.top-alert { position: relative; z-index: 3; background: #fff4f2; border-top: 4px solid #d93a2b; border-bottom: 1px solid #f1c9c4 }
.top-alert[hidden] { display: none !important }
.top-alert__inner { max-width: 120rem; margin: 0 auto; padding: 1.8rem 2.4rem; display: flex; gap: 2rem; align-items: flex-start }
.top-alert__head { flex: none; background: #d93a2b; color: #fff; font-weight: 900; font-size: 1.4rem; line-height: 1.6; padding: .4rem 1.4rem; border-radius: 99px; white-space: nowrap }
.top-alert__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; flex: 1; min-width: 0 }
.top-alert__item a { display: flex; gap: 1.4rem; color: #1a1a1a; font-weight: 800; font-size: 1.6rem; line-height: 1.6; text-decoration: none }
.top-alert__item time { flex: none; color: #b3261e; font-family: var(--sub-en, sans-serif) }
.top-alert__item a:hover .top-alert__ttl, .top-alert__item a:focus-visible .top-alert__ttl { text-decoration: underline }
@media (max-width: 820px) {
  .top-alert__inner { flex-direction: column; gap: 1rem; padding: 1.4rem 1.6rem }
  .top-alert__item a { flex-direction: column; gap: .2rem; font-size: 1.5rem }
}