/* 会社概要ページ。PC 1680px基準（Figma 1:32802）。共通ヘッダー・フッター・パンくずは common.css。 */
html {
  font-size: 100%;
}
.wb-company {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  /* Chromeは既定で全角の括弧・句読点の余白を詰める。カンプは詰めていないため無効にする */
  text-spacing-trim: space-all;
  color: #00006b;
  -webkit-font-smoothing: antialiased;
}
/* 見た目は common.css の .wb-breadcrumb。ここでは会社概要ページでの位置だけ指定する */
.wb-breadcrumb--company {
  padding-top: 109.274px;
  padding-top: 6.8296rem;
}
/* 背景の大きな英字。カンプでは本文の後ろに敷かれている */
.wb-company__decoration {
  position: absolute;
  z-index: -1;
  top: 49.714px;
  top: 3.1071rem;
  right: -50.406px;
  right: -3.1504rem;
  max-width: 100%;
  color: transparent;
  background-image: linear-gradient(114.00418088202922deg, #f0effc 8.1107%, #e3eefd 76.025%);
  background-clip: text;
  -webkit-background-clip: text;
  font-family: "Ubuntu", sans-serif;
  font-size: 195.573px;
  font-size: 12.2233rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 33.2474px;
  letter-spacing: 2.078rem;
  text-align: right;
  white-space: nowrap;
  opacity: 0.59;
}

/* ── セクション見出し（英字ラベル＋日本語見出し）。全セクション共通 ── */
.wb-company-heading__label {
  margin-bottom: 4.29px;
  margin-bottom: 0.2681rem;
}
.wb-company-heading__label-img {
  width: auto;
  height: 32.879px;
  height: 2.0549rem;
}
/* Figmaで@imgが付いていないACCESS・REPRESENTATIVEはテキストで組む（DIN 2014の代替はGidole） */
.wb-company-heading__label--text {
  color: #1a298c;
  font-family: "Gidole", sans-serif;
  font-size: 18.788px;
  font-size: 1.1743rem;
  font-style: italic;
  line-height: 1.75;
  letter-spacing: 2.2546px;
  letter-spacing: 0.1409rem;
}
.wb-company-heading__ttl {
  color: transparent;
  background-image: linear-gradient(98.09937020655578deg, #084eb7 0.513%, #1a298c 94.347%);
  background-clip: text;
  -webkit-background-clip: text;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 2.66px;
  letter-spacing: 0.1663rem;
}
.wb-company-heading__ttl--wide {
  background-image: linear-gradient(113.37719676655774deg, #084eb7 0.513%, #1a298c 94.347%);
}

/* ── 四角マーカー付きの小見出し。「運用メディア」「最寄り駅」で使う ── */
.wb-company-marklabel {
  display: flex;
  align-items: flex-start;
  gap: 6.488px;
  gap: 0.4055rem;
  color: #0f40a7;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16.935px;
  font-size: 1.0584rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.8467px;
  letter-spacing: 0.0529rem;
}
.wb-company-marklabel__mark {
  flex: 0 0 auto;
  width: 13.223px;
  width: 0.8264rem;
  height: 13.223px;
  height: 0.8264rem;
  margin-top: 9.163px;
  margin-top: 0.5727rem;
  border-radius: 0.849px;
  border-radius: 0.0531rem;
  background: #0f40a7;
}
.wb-company-marklabel--navy {
  color: #00006b;
}
.wb-company-marklabel--navy .wb-company-marklabel__mark {
  background: #00006b;
}

/* figma-css:start nodeId=1-32804 */
.wb-company-intro {
  padding-top: 110.44px;
  padding-top: 6.9025rem;
}
.wb-company-intro__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-intro__ttl {
  margin-bottom: 25.15px;
  margin-bottom: 1.5719rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 46.28px;
  font-size: 2.8925rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 2.314px;
  letter-spacing: 0.1446rem;
}
.wb-company-intro__lead {
  padding-left: 1.832px;
  padding-left: 0.1145rem;
}
.wb-company-intro__txt {
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.85;
  letter-spacing: 1.19px;
  letter-spacing: 0.0744rem;
}
/* figma-css:end nodeId=1-32804 */

/* figma-css:start nodeId=1-32807 */
.wb-company-philosophy {
  padding-top: 99.126px;
  padding-top: 6.1954rem;
}
.wb-company-philosophy__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-philosophy__header {
  margin-bottom: 30.141px;
  margin-bottom: 1.8838rem;
}
.wb-company-philosophy__panel {
  padding-top: 28.952px;
  padding-top: 1.8095rem;
  padding-right: 51.47px;
  padding-right: 3.2169rem;
  padding-bottom: 49.31px;
  padding-bottom: 3.0819rem;
  padding-left: 51.43px;
  padding-left: 3.2144rem;
  background-image: linear-gradient(113.38887348706615deg, #f8f9fe 17.883%, #f4f8fe 62.712%);
}
.wb-company-philosophy__motto {
  position: relative;
  width: fit-content;
  margin-inline: auto;
  left: 5.9125px;
  left: 0.3695rem;
  margin-bottom: 32.124px;
  margin-bottom: 2.0078rem;
  color: #00006b;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 47.3px;
  font-size: 2.9563rem;
  font-weight: 900;
  line-height: 1.7;
  letter-spacing: 11.825px;
  letter-spacing: 0.7391rem;
  text-align: center;
  white-space: nowrap;
}
/* 罫線は末尾の字送りを含まない文字幅に合わせる */
.wb-company-philosophy__motto::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2.2px;
  bottom: -0.1375rem;
  width: 225.5px;
  width: 14.0938rem;
  height: 2.2px;
  height: 0.1375rem;
  background: #00006b;
}
.wb-company-philosophy__txt {
  /* カンプの本文幅。折り返し位置を合わせるために指定する */
  max-width: 776.102px;
  max-width: 48.5064rem;
  color: #000e27;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.95;
  letter-spacing: 0.96px;
  letter-spacing: 0.06rem;
}
/* figma-css:end nodeId=1-32807 */

/* figma-css:start nodeId=1-32817 */
.wb-company-work {
  padding-top: 70.775px;
  padding-top: 4.4234rem;
}
.wb-company-work__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-work__header {
  margin-bottom: 36.247px;
  margin-bottom: 2.2654rem;
}
.wb-company-work__items {
  display: flex;
  flex-direction: column;
  gap: 25px;
  gap: 1.5625rem;
  margin-bottom: 57.246px;
  margin-bottom: 3.5779rem;
  list-style: none;
}
.wb-company-work-item {
  padding-top: 8.89px;
  padding-top: 0.5556rem;
  padding-bottom: 9.741px;
  padding-bottom: 0.6088rem;
  padding-left: 35px;
  padding-left: 2.1875rem;
  border-left-width: 3px;
  border-left-width: 0.1875rem;
  border-left-style: solid;
  border-left-color: #dbdee9;
}
.wb-company-work-item__num {
  margin-bottom: 1.555px;
  margin-bottom: 0.0972rem;
  color: #a3a9d1;
  font-family: "Gidole", sans-serif;
  font-size: 12.788px;
  font-size: 0.7993rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.75;
  letter-spacing: 1.5346px;
  letter-spacing: 0.0959rem;
}
.wb-company-work-item__ttl {
  margin-bottom: 11.735px;
  margin-bottom: 0.7334rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.26px;
  letter-spacing: 0.0788rem;
}
.wb-company-work-item__txt {
  max-width: 825.871px;
  max-width: 51.6169rem;
  color: #000e27;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.75px;
  letter-spacing: 0.0469rem;
}
.wb-company-work__media-label {
  margin-bottom: 22.068px;
  margin-bottom: 1.3793rem;
}
.wb-company-work__media-items {
  display: flex;
  gap: 44.998px;
  gap: 2.8124rem;
  list-style: none;
}
.wb-company-media-card {
  flex: 0 0 22.7164rem;
  max-width: 363.463px;
  max-width: 22.7164rem;
}
.wb-company-media-card__image-frame {
  width: 100%;
  aspect-ratio: 363.463 / 225.241;
  margin-bottom: 8.548px;
  margin-bottom: 0.5343rem;
  display: block;
  overflow: hidden;
}
.wb-company-media-card__img {
  width: 100%;
  height: 100%;
  aspect-ratio: 363.463 / 225.241;
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .wb-company-media-card__card-link:hover .wb-company-media-card__img {
    transform: scale(1.08);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wb-company-media-card__img {
    transition: none;
  }
}
.wb-company-media-card__card-link {
  display: block;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.wb-company-media-card__card-link:hover {
  opacity: 0.7;
}
.wb-company-media-card__card-link:focus-visible {
  opacity: 0.7;
}
.wb-company-media-card__link {
  display: flex;
  width: fit-content;
  align-items: center;
  position: relative;
  gap: 10.005px;
  gap: 0.6253rem;
  border-bottom-width: 0.741px;
  border-bottom-style: solid;
  border-bottom-color: rgba(25, 42, 141, 0.2);
  color: #192a8d;
}
.wb-company-media-card__link::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  bottom: -0.0625rem;
  left: 0;
  height: 1px;
  height: 0.0625rem;
  background: #192a8d;
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) {
  .wb-company-media-card__card-link:hover .wb-company-media-card__link::after {
    transform: scaleX(1);
  }
}
.wb-company-media-card__card-link:focus-visible .wb-company-media-card__link::after {
  transform: scaleX(1);
}
@media (prefers-reduced-motion: reduce) {
  .wb-company-media-card__link::after {
    transition: none;
  }
}
.wb-company-media-card__link-txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 13.897px;
  font-size: 0.8686rem;
  font-weight: 700;
  line-height: 1.8;
}
.wb-company-media-card__link-arrow {
  width: 16.889px;
  width: 0.7556rem;
  margin-right: -10.447px;
  margin-right: -0.6529rem;
}
/* figma-css:end nodeId=1-32817 */

/* figma-css:start nodeId=1-32901 */
.wb-company-profile {
  padding-top: 99.988px;
  padding-top: 6.2493rem;
}
.wb-company-profile__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-profile__header {
  margin-bottom: 40.604px;
  margin-bottom: 2.5378rem;
}
.wb-company-profile__row {
  position: relative;
  display: flex;
  align-items: center;
}
/* 行の下の罫線。1.3pxの枠線はブラウザが整数pxに丸めて行の高さがずれるため、
   高さに影響しない疑似要素で引く。左端だけ濃い線が上に重なるのがカンプの表現。 */
.wb-company-profile__row::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.3px;
  bottom: -0.0813rem;
  width: 100%;
  height: 1.3px;
  height: 0.0813rem;
  background: #d2d2d2;
}
.wb-company-profile__row::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  bottom: -0.125rem;
  width: 138.801px;
  width: 8.675rem;
  height: 2px;
  height: 0.125rem;
  background: #00006b;
}
.wb-company-profile__term {
  flex: 0 0 9.4792rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 40.5px;
  line-height: 2.5313rem;
  letter-spacing: 1.12px;
  letter-spacing: 0.07rem;
}
.wb-company-profile__desc {
  flex: 1;
  min-width: 0;
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.35px;
  letter-spacing: 0.0844rem;
}
/* カンプの本文幅690.805pxに、Chromeが行末にも足す字送り1文字分を加えた値。
   これでカンプと同じ位置（「記事制作／」の後）で折り返す。 */
.wb-company-profile__desc--business {
  max-width: 692.155px;
  max-width: 43.2597rem;
}
.wb-company-profile__badge {
  width: 128.641px;
  width: 8.04rem;
  height: auto;
}
/* 行の上下余白はカンプの実測値。行ごとに違うため個別に指定する */
.wb-company-profile__row:nth-of-type(1) {
  padding-bottom: 17.77px;
  padding-bottom: 1.1106rem;
}
.wb-company-profile__row:nth-of-type(2) {
  padding-top: 22.683px;
  padding-top: 1.4177rem;
  padding-bottom: 17.77px;
  padding-bottom: 1.1106rem;
}
.wb-company-profile__row:nth-of-type(3) {
  padding-top: 21.683px;
  padding-top: 1.3552rem;
  padding-bottom: 18.78px;
  padding-bottom: 1.1738rem;
}
.wb-company-profile__row:nth-of-type(4) {
  padding-top: 18.683px;
  padding-top: 1.1677rem;
  padding-bottom: 21.77px;
  padding-bottom: 1.3606rem;
}
.wb-company-profile__row:nth-of-type(5) {
  padding-top: 21.683px;
  padding-top: 1.3552rem;
  padding-bottom: 21.77px;
  padding-bottom: 1.3606rem;
}
.wb-company-profile__row:nth-of-type(6) {
  padding-top: 22.683px;
  padding-top: 1.4177rem;
  padding-bottom: 21.77px;
  padding-bottom: 1.3606rem;
}
.wb-company-profile__row:nth-of-type(7) {
  padding-top: 32.683px;
  padding-top: 2.0427rem;
  padding-bottom: 33.28px;
  padding-bottom: 2.08rem;
}
.wb-company-profile__row:nth-of-type(8) {
  padding-top: 22.683px;
  padding-top: 1.4177rem;
  padding-bottom: 21.77px;
  padding-bottom: 1.3606rem;
}
.wb-company-profile__row:nth-of-type(9) {
  padding-top: 21.684px;
  padding-top: 1.3553rem;
  padding-bottom: 23.27px;
  padding-bottom: 1.4544rem;
}
.wb-company-profile__row:nth-of-type(10) {
  padding-top: 15.017px;
  padding-top: 0.9386rem;
  padding-bottom: 15.61px;
  padding-bottom: 0.9756rem;
}
/* 認定バッジの行だけ、見出しがカンプでは上下中央より少し下にある */
.wb-company-profile__row:nth-of-type(10) .wb-company-profile__term {
  align-self: flex-start;
  padding-top: 28.666px;
  padding-top: 1.7916rem;
}
/* figma-css:end nodeId=1-32901 */

/* figma-css:start nodeId=1-32966 */
.wb-company-access {
  padding-top: 101.161px;
  padding-top: 6.3226rem;
}
.wb-company-access__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-access__header {
  margin-bottom: 30.335px;
  margin-bottom: 1.8959rem;
}
.wb-company-access__body {
  display: flex;
  align-items: flex-start;
  gap: 39.729px;
  gap: 2.4831rem;
}
.wb-company-access__map {
  display: block;
  flex: 0 0 28.368rem;
  max-width: 453.888px;
  max-width: 28.368rem;
  height: auto;
  aspect-ratio: 453.888 / 312.441;
  border-width: 0;
}
.wb-company-access__detail {
  flex: 1;
  min-width: 0;
  padding-top: 10px;
  padding-top: 0.625rem;
}
.wb-company-access__logo {
  width: 196.367px;
  width: 12.2729rem;
  height: auto;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.wb-company-access__address {
  margin-bottom: 26.07px;
  margin-bottom: 1.6294rem;
  color: #000025;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 2.16px;
  letter-spacing: 0.135rem;
}
.wb-company-access__station-label {
  margin-bottom: 4.6px;
  margin-bottom: 0.2875rem;
}
.wb-company-access__station {
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.7px;
  letter-spacing: 0.0438rem;
}
/* figma-css:end nodeId=1-32966 */

/* figma-css:start nodeId=1-32979 */
.wb-company-rep {
  padding-top: 100.476px;
  padding-top: 6.2798rem;
}
.wb-company-rep__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-rep__header {
  margin-bottom: 0.192px;
  margin-bottom: 0.012rem;
}
.wb-company-rep__profile {
  /* カンプは「左に写真・右にSNS」の行と、その下の肩書き・氏名の行でできている */
  display: grid;
  grid-template-columns: 30.078rem 1fr;
  column-gap: 25.167px;
  column-gap: 1.5729rem;
  margin-bottom: 33.252px;
  margin-bottom: 2.0783rem;
}
.wb-company-rep__photo {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 481.248px;
  max-width: 30.078rem;
  height: auto;
  margin-bottom: 14.297px;
  margin-bottom: 0.8936rem;
}
.wb-company-rep__sns {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  display: flex;
  flex-direction: column;
  gap: 12.728px;
  gap: 0.7955rem;
  /* 写真の下マージン14.297pxと、カンプで写真の下端より2.757px上にある分の合計 */
  margin-bottom: 17.054px;
  margin-bottom: 1.0659rem;
  list-style: none;
}
.wb-company-rep__sns-link {
  display: flex;
  align-items: center;
  gap: 6.626px;
  gap: 0.4141rem;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .wb-company-rep__sns-link:hover {
    opacity: 0.6;
  }
}
.wb-company-rep__sns-link:focus-visible {
  opacity: 0.6;
}
@media (prefers-reduced-motion: reduce) {
  .wb-company-rep__sns-link {
    transition: none;
  }
}
.wb-company-rep__sns-icon {
  flex: 0 0 auto;
  width: 28.551px;
  width: 1.7844rem;
  height: auto;
}
/* Xのアイコンだけカンプの寸法が小さく、右寄せの位置が揃っている */
.wb-company-rep__sns-item:first-child .wb-company-rep__sns-icon {
  width: 26.506px;
  width: 1.6566rem;
  margin-left: 1.033px;
  margin-left: 0.0646rem;
  margin-right: 1.012px;
  margin-right: 0.0633rem;
}
.wb-company-rep__sns-name {
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16.167px;
  font-size: 1.0104rem;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.8083px;
  letter-spacing: 0.0505rem;
}
/* カンプでは肩書きと氏名の行送りが重なっているため、下マージンを負にして同じ間隔にする */
.wb-company-rep__role {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-bottom: -6.331px;
  margin-bottom: -0.3957rem;
  color: transparent;
  background-image: linear-gradient(97.86376515127401deg, #0654c9 0.54067%, #1a298c 73.629%);
  background-clip: text;
  -webkit-background-clip: text;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 18.533px;
  font-size: 1.1583rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.2973px;
  letter-spacing: 0.0811rem;
}
.wb-company-rep__name {
  grid-column: 1 / -1;
  grid-row: 3;
  color: #000025;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 27.408px;
  font-size: 1.713rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 2.1926px;
  letter-spacing: 0.137rem;
}
.wb-company-rep__block {
  margin-bottom: 30.65px;
  margin-bottom: 1.9156rem;
}
.wb-company-rep__block:last-child {
  margin-bottom: 0;
}
.wb-company-rep__subttl {
  position: relative;
  margin-bottom: 9.665px;
  margin-bottom: 0.6041rem;
  padding-left: 13.273px;
  padding-left: 0.8296rem;
  color: #14379f;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 1.68px;
  letter-spacing: 0.105rem;
}
.wb-company-rep__subttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  width: 0.1875rem;
  height: 28.287px;
  height: 1.768rem;
  background-image: linear-gradient(174.06deg, #0654c9 0%, #1a298b 73.1%);
}
.wb-company-rep__txt {
  /* Chromeは行末の文字にも字送りを足して折り返し幅を測るため、カンプと折り返し位置がずれる。
     字送り1文字分だけ幅を広げて、カンプと同じ位置で折り返す。 */
  width: calc(100% + 0.75px);
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.75px;
  letter-spacing: 0.0469rem;
}
/* メッセージはカンプで段落の間に1行分の空きがある */
.wb-company-rep__txt:not(:last-child) {
  margin-bottom: 28.5px;
  margin-bottom: 1.7813rem;
}
.wb-company-rep__awards {
  list-style: none;
}
.wb-company-rep__award {
  position: relative;
  padding-left: 17.23px;
  padding-left: 1.0769rem;
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.75px;
  letter-spacing: 0.0469rem;
}
.wb-company-rep__award::before {
  content: "";
  position: absolute;
  left: 0.367px;
  left: 0.0229rem;
  top: 13.114px;
  top: 0.8196rem;
  width: 5.109px;
  width: 0.3193rem;
  height: 5.109px;
  height: 0.3193rem;
  border-radius: 50%;
  background: #e2e4e8;
}
/* figma-css:end nodeId=1-32979 */

/* figma-css:start nodeId=1-33547 */
.wb-company-group {
  padding-top: 95.476px;
  padding-top: 5.9673rem;
}
.wb-company-group__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-group__header {
  margin-bottom: 32.88px;
  margin-bottom: 2.055rem;
}
.wb-company-group__body {
  display: flex;
  align-items: center;
  gap: 37.363px;
  gap: 2.3352rem;
}
.wb-company-group__logos {
  flex: 0 0 22.1126rem;
  max-width: 353.801px;
  max-width: 22.1126rem;
  height: auto;
}
.wb-company-group__detail {
  flex: 1;
  min-width: 0;
}
.wb-company-group__ttl {
  margin-bottom: 14.211px;
  margin-bottom: 0.8882rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.89px;
  letter-spacing: 0.1181rem;
}
.wb-company-group__txt {
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.7px;
  letter-spacing: 0.0438rem;
}
/* figma-css:end nodeId=1-33547 */

/* figma-css:start nodeId=1-32859 */
.wb-company-guidelines {
  padding-top: 100.477px;
  padding-top: 6.2798rem;
  padding-bottom: 88.868px;
  padding-bottom: 5.5543rem;
}
.wb-company-guidelines__inner {
  width: 90%;
  max-width: 880px;
  max-width: 55rem;
  margin-inline: auto;
}
.wb-company-guidelines__header {
  margin-bottom: 36.149px;
  margin-bottom: 2.2593rem;
}
.wb-company-guidelines__items {
  display: flex;
  flex-direction: column;
  gap: 24.349px;
  gap: 1.5218rem;
  list-style: none;
}
.wb-company-guideline {
  display: flex;
  align-items: flex-start;
  gap: 23.452px;
  gap: 1.4658rem;
}
.wb-company-guideline__icon {
  flex: 0 0 8.8468rem;
  max-width: 141.548px;
  max-width: 8.8468rem;
  height: auto;
}
.wb-company-guideline__body {
  flex: 1;
  min-width: 0;
}
/* 見出しの開始位置はカンプでアイコンに対して項目ごとに違う */
.wb-company-guideline__body--seo {
  padding-top: 33.586px;
  padding-top: 2.0991rem;
}
.wb-company-guideline__body--skill {
  padding-top: 46.586px;
  padding-top: 2.9116rem;
}
.wb-company-guideline__body--client {
  padding-top: 28.586px;
  padding-top: 1.7866rem;
}
.wb-company-guideline__body--team {
  padding-top: 30.586px;
  padding-top: 1.9116rem;
}
.wb-company-guideline__ttl {
  margin-bottom: 4.388px;
  margin-bottom: 0.2743rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.54px;
  letter-spacing: 0.0963rem;
}
.wb-company-guideline__body--seo .wb-company-guideline__ttl {
  margin-bottom: 7.388px;
  margin-bottom: 0.4618rem;
}
.wb-company-guideline__txt {
  max-width: 695.871px;
  max-width: 43.4919rem;
  color: #000e27;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.75px;
  letter-spacing: 0.0469rem;
}
.wb-company-guideline__txt--tight {
  line-height: 1.8;
}
/* figma-css:end nodeId=1-32859 */

/* PC中間幅の補間。基準の1680pxから768pxまで、rem全体を緩やかに縮める */
@media (min-width: 768px) and (max-width: 1399px) {
  html {
    font-size: calc((100vw - 768px) / 632 * 3 + 13px);
  }
}

/* PC基準幅1680pxを超えたら同じ倍率で拡大する（TOP・SEOと同じ基準） */
@media (width > 1680px) {
  html {
    font-size: 0.9523809524vw;
  }
}

/* SP。Figma 1:66447、414px基準。414pxで1rem = 16pxになり、幅に合わせて全体が同じ倍率で変わる。
   ヘッダー・フッター・パンくずの見た目は common.css の共通パーツ。 */
@media (max-width: 767.98px) {
  html {
    font-size: 3.8647342995vw;
  }
  .wb-breadcrumb--company {
    width: 87.779%;
    max-width: none;
    padding-top: 60.5px;
    padding-top: 3.7813rem;
  }
  .wb-company__decoration {
    top: 58.604px;
    top: 3.6628rem;
    right: -13.816px;
    right: -0.8635rem;
    font-size: 61.153px;
    font-size: 3.8221rem;
    letter-spacing: 10.3961px;
    letter-spacing: 0.6498rem;
  }
  /* ── セクション見出し（共通） ── */
  .wb-company-heading__label {
    margin-bottom: 3.169px;
    margin-bottom: 0.1981rem;
    opacity: 0.26;
  }
  .wb-company-heading__label-img {
    height: 28px;
    height: 1.75rem;
  }
  .wb-company-heading__label--text {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 1.92px;
    letter-spacing: 0.12rem;
  }
  .wb-company-heading__ttl {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1.4;
    letter-spacing: 1.74px;
    letter-spacing: 0.1088rem;
  }
  /* ── 四角マーカー付きの小見出し（共通） ── */
  .wb-company-marklabel {
    gap: 7.391px;
    gap: 0.4619rem;
    font-size: 17.2px;
    font-size: 1.075rem;
    letter-spacing: 0.86px;
    letter-spacing: 0.0538rem;
  }
  .wb-company-marklabel__mark {
    width: 13.301px;
    width: 0.8313rem;
    height: 13.301px;
    height: 0.8313rem;
    margin-top: 8.504px;
    margin-top: 0.5315rem;
    border-radius: 0.762px;
    border-radius: 0.0476rem;
  }
  /* figma-css:start nodeId=1-66449 */
  .wb-company-intro {
    padding-top: 32.79px;
    padding-top: 2.0494rem;
  }
  .wb-company-intro__inner {
    width: 87.779%;
  }
  .wb-company-intro__ttl {
    margin-bottom: 14.5px;
    margin-bottom: 0.9063rem;
    font-size: 33px;
    font-size: 2.0625rem;
    line-height: 1.45;
    letter-spacing: 2.31px;
    letter-spacing: 0.1444rem;
  }
  .wb-company-intro__lead {
    padding-left: 0;
  }
  .wb-company-intro__txt {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.65;
    letter-spacing: 1.12px;
    letter-spacing: 0.07rem;
  }
  /* figma-css:end nodeId=1-66449 */
  /* figma-css:start nodeId=1-66454 */
  .wb-company-philosophy {
    padding-top: 34.04px;
    padding-top: 2.1275rem;
  }
  .wb-company-philosophy__inner {
    width: 87.779%;
  }
  .wb-company-philosophy__header {
    margin-bottom: 26.543px;
    margin-bottom: 1.6589rem;
  }
  .wb-company-philosophy__panel {
    padding-top: 22.661px;
    padding-top: 1.4163rem;
    padding-right: 24.06px;
    padding-right: 1.5038rem;
    padding-bottom: 28.94px;
    padding-bottom: 1.8088rem;
    padding-left: 22.12px;
    padding-left: 1.3825rem;
    background-image: linear-gradient(96.9895273468179deg, #f8f9fe 17.883%, #f4f8fe 62.712%);
  }
  .wb-company-philosophy__motto {
    left: 5.321px;
    left: 0.3326rem;
    margin-bottom: 20.877px;
    margin-bottom: 1.3048rem;
    font-size: 42.57px;
    font-size: 2.6606rem;
    letter-spacing: 10.6425px;
    letter-spacing: 0.6652rem;
  }
  .wb-company-philosophy__motto::after {
    bottom: -1.98px;
    bottom: -0.1238rem;
    width: 202.95px;
    width: 12.6844rem;
    height: 1.98px;
    height: 0.1238rem;
  }
  .wb-company-philosophy__txt {
    /* Chromeは行末の文字にも字送りを足して折り返し幅を測るため、字送り1文字分を足す */
    width: calc(100% + 0.9px);
    max-width: none;
    font-size: 15px;
    font-size: 0.9375rem;
    letter-spacing: 0.9px;
    letter-spacing: 0.0563rem;
  }
  /* figma-css:end nodeId=1-66454 */
  /* figma-css:start nodeId=1-66464 */
  .wb-company-work {
    padding-top: 96.486px;
    padding-top: 5.1304rem;
  }
  .wb-company-work__inner {
    width: 90%;
  }
  .wb-company-work__header {
    margin-bottom: 20.111px;
    margin-bottom: 1.2569rem;
  }
  .wb-company-work__items {
    gap: 24.001px;
    gap: 1.5001rem;
    margin-bottom: 29.464px;
    margin-bottom: 1.8415rem;
  }
  .wb-company-work-item {
    padding-top: 13.89px;
    padding-top: 0.8681rem;
    padding-bottom: 19.1px;
    padding-bottom: 1.1938rem;
    padding-left: 30px;
    padding-left: 1.875rem;
  }
  .wb-company-work-item__num {
    margin-bottom: 1.551px;
    margin-bottom: 0.0969rem;
  }
  .wb-company-work-item__ttl {
    margin-bottom: 11.74px;
    margin-bottom: 0.7338rem;
  }
  .wb-company-work-item__txt {
    max-width: 334.104px;
    max-width: 20.8815rem;
  }
  .wb-company-work__media-label {
    margin-bottom: 7.589px;
    margin-bottom: 0.4743rem;
  }
  .wb-company-work__media-items {
    flex-direction: column;
    gap: 27.289px;
    gap: 1.7056rem;
  }
  .wb-company-media-card {
    flex: 0 0 auto;
    max-width: none;
  }
  .wb-company-media-card__img {
    margin-bottom: 4.548px;
    margin-bottom: 0.2843rem;
  }
  /* figma-css:end nodeId=1-66464 */
  /* figma-css:start nodeId=1-66505 */
  .wb-company-profile {
    padding-top: 96.489px;
    padding-top: 6.0306rem;
  }
  .wb-company-profile__inner {
    width: 87.779%;
  }
  .wb-company-profile__header {
    margin-bottom: 26.619px;
    margin-bottom: 1.6637rem;
  }
  .wb-company-profile__row::before {
    bottom: -1px;
    bottom: -0.0625rem;
    height: 1px;
    height: 0.0625rem;
    background: #dbdee9;
  }
  .wb-company-profile__row::after {
    bottom: -1.8px;
    bottom: -0.1125rem;
    width: 106.636px;
    width: 6.6648rem;
    height: 1.8px;
    height: 0.1125rem;
  }
  .wb-company-profile__term {
    flex: 0 0 7.3766rem;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    letter-spacing: 1.05px;
    letter-spacing: 0.0656rem;
  }
  .wb-company-profile__desc {
    color: #000e27;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.65;
    letter-spacing: 0.7px;
    letter-spacing: 0.0438rem;
    font-weight: 400;
  }
  .wb-company-profile__desc--business {
    max-width: none;
  }
  /* SPカンプは行の上下余白が一定のため、PCの行ごとの指定をまとめて上書きする */
  .wb-company-profile__row:nth-of-type(1) {
    padding-top: 0;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(2) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(3) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(4) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(5) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(6) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(7) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(8) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(9) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(10) {
    padding-top: 26.998px;
    padding-top: 1.6874rem;
    padding-bottom: 26.238px;
    padding-bottom: 1.6399rem;
  }
  .wb-company-profile__row:nth-of-type(10) .wb-company-profile__term {
    align-self: center;
    padding-top: 0;
  }
  /* figma-css:end nodeId=1-66505 */
  /* figma-css:start nodeId=1-66521 */
  .wb-company-access {
    padding-top: 96.484px;
    padding-top: 4.5303rem;
  }
  .wb-company-access__inner {
    width: 87.779%;
  }
  .wb-company-access__header {
    margin-bottom: 13.953px;
    margin-bottom: 0.8721rem;
  }
  .wb-company-access__body {
    flex-direction: column;
    gap: 0;
  }
  .wb-company-access__map {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    margin-bottom: 16.947px;
    margin-bottom: 1.0592rem;
  }
  .wb-company-access__detail {
    padding-top: 0;
  }
  .wb-company-access__logo {
    margin-bottom: 12.001px;
    margin-bottom: 0.7501rem;
  }
  .wb-company-access__address {
    margin-bottom: 21.07px;
    margin-bottom: 1.3169rem;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1.92px;
    letter-spacing: 0.12rem;
  }
  .wb-company-access__station-label {
    margin-bottom: 4.695px;
    margin-bottom: 0.2934rem;
  }
  /* figma-css:end nodeId=1-66521 */
  /* figma-css:start nodeId=1-66533 */
  .wb-company-rep {
    padding-top: 96.487px;
    padding-top: 4.0304rem;
  }
  .wb-company-rep__inner {
    width: 87.779%;
  }
  .wb-company-rep__header {
    margin-bottom: 9.63px;
    margin-bottom: 0.6019rem;
  }
  /* SPは写真・肩書き・氏名・SNSを縦に積む */
  .wb-company-rep__profile {
    grid-template-columns: 1fr;
    column-gap: 0;
    margin-bottom: 36.805px;
    margin-bottom: 2.3003rem;
  }
  .wb-company-rep__photo {
    max-width: none;
    margin-bottom: 17.114px;
    margin-bottom: 1.0696rem;
  }
  .wb-company-rep__role {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: -8.579px;
    margin-bottom: -0.5362rem;
    font-size: 17.533px;
    font-size: 1.0958rem;
    letter-spacing: 1.2273px;
    letter-spacing: 0.0767rem;
  }
  .wb-company-rep__name {
    grid-column: 1;
    grid-row: 3;
    margin-bottom: 5.74px;
    margin-bottom: 0.3588rem;
    font-size: 28.408px;
    font-size: 1.7755rem;
    letter-spacing: 2.2726px;
    letter-spacing: 0.142rem;
  }
  .wb-company-rep__sns {
    grid-column: 1;
    grid-row: 4;
    align-self: start;
    flex-direction: row;
    gap: 14.622px;
    gap: 0.9139rem;
    margin-bottom: 0;
  }
  .wb-company-rep__block {
    margin-bottom: 41.523px;
    margin-bottom: 2.5952rem;
  }
  .wb-company-rep__subttl {
    margin-bottom: 8.665px;
    margin-bottom: 0.5416rem;
  }
  /* figma-css:end nodeId=1-66533 */
  /* figma-css:start nodeId=1-67103 */
  .wb-company-group {
    padding-top: 96.483px;
    padding-top: 3.2302rem;
  }
  .wb-company-group__inner {
    width: 87.779%;
  }
  .wb-company-group__header {
    margin-bottom: 22.508px;
    margin-bottom: 1.4068rem;
  }
  .wb-company-group__body {
    flex-direction: column;
    gap: 0;
  }
  .wb-company-group__logos {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    margin-bottom: 20.002px;
    margin-bottom: 1.2501rem;
  }
  .wb-company-group__ttl {
    margin-bottom: 10.009px;
    margin-bottom: 0.6256rem;
    font-size: 19px;
    font-size: 1.1875rem;
    letter-spacing: 1.14px;
    letter-spacing: 0.0713rem;
  }
  /* figma-css:end nodeId=1-67103 */
  /* figma-css:start nodeId=1-76300 */
  .wb-company-guidelines {
    padding-top: 96.681px;
    padding-top: 3.4426rem;
    padding-bottom: 114.73px;
    padding-bottom: 5.1706rem;
  }
  .wb-company-guidelines__inner {
    width: 87.779%;
  }
  .wb-company-guidelines__header {
    margin-bottom: 27.527px;
    margin-bottom: 1.7204rem;
  }
  .wb-company-guidelines__items {
    gap: 20px;
    gap: 1.25rem;
  }
  .wb-company-guideline {
    gap: 8.259px;
    gap: 0.5162rem;
  }
  .wb-company-guideline__icon {
    flex: 0 0 5.969rem;
    max-width: 95.504px;
    max-width: 5.969rem;
  }
  .wb-company-guideline__body--seo {
    padding-top: 8.883px;
    padding-top: 0.5552rem;
  }
  .wb-company-guideline__body--skill {
    padding-top: 8.883px;
    padding-top: 0.5552rem;
  }
  .wb-company-guideline__body--client {
    padding-top: 8.883px;
    padding-top: 0.5552rem;
  }
  .wb-company-guideline__body--team {
    padding-top: 8.883px;
    padding-top: 0.5552rem;
  }
  .wb-company-guideline__ttl {
    margin-bottom: 5.987px;
    margin-bottom: 0.3742rem;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 0.9px;
    letter-spacing: 0.0563rem;
  }
  .wb-company-guideline__body--seo .wb-company-guideline__ttl {
    margin-bottom: 5.987px;
    margin-bottom: 0.3742rem;
  }
  .wb-company-guideline__txt {
    max-width: 259.414px;
    max-width: 16.2134rem;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.7;
    letter-spacing: 0.65px;
    letter-spacing: 0.0406rem;
  }
  .wb-company-guideline__txt--tight {
    line-height: 1.7;
  }
  /* figma-css:end nodeId=1-76300 */
}