/* お問い合わせページ。PC 1680px基準（Figma OYuEIDTVyLPsd4DwVYNbKl / 2322:20631）。共通ヘッダー・フッター・パンくずは common.css。 */
html {
  font-size: 100%;
}
.wb-contact {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  /* Chromeは既定で全角の括弧・句読点の余白を詰める。カンプは詰めていないため無効にする */
  text-spacing-trim: space-all;
  color: #000025;
  -webkit-font-smoothing: antialiased;
}
/* 見た目は common.css の .wb-breadcrumb。ここではこのページでの位置だけ指定する */
.wb-breadcrumb--contact {
  padding-top: 109.274px;
  padding-top: 6.8296rem;
}
/* 背景の大きな英字。カンプでは右端からはみ出して切れる */
.wb-contact__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(112.78601013638666deg, #f0effc 8.1107%, #e3eefd 76.025%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Ubuntu", sans-serif;
  font-size: 195.573px;
  font-size: 12.2233rem;
  font-weight: 700;
  line-height: 342px;
  line-height: 21.375rem;
  letter-spacing: 33.2474px;
  letter-spacing: 2.078rem;
  text-align: right;
  white-space: nowrap;
  opacity: 0.59;
}

/* ── 導入（見出し＋リード文） ── */
.wb-contact-intro {
  padding-top: 110.436px;
  padding-top: 6.9023rem;
  padding-bottom: 75.563px;
  padding-bottom: 4.7227rem;
}
.wb-contact-intro__inner {
  width: 90%;
  max-width: 879.633px;
  max-width: 54.9771rem;
  margin-inline: auto;
}
.wb-contact-intro__ttl {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 46.28px;
  font-size: 2.8925rem;
  font-weight: 700;
  line-height: 58px;
  line-height: 3.625rem;
  letter-spacing: 2.314px;
  letter-spacing: 0.1446rem;
}
/* カンプではリード文だけ見出しより2px右から始まる */
.wb-contact-intro__lead {
  padding-left: 2px;
  padding-left: 0.125rem;
}
.wb-contact-intro__txt {
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 31px;
  line-height: 1.9375rem;
  letter-spacing: 1.19px;
  letter-spacing: 0.0744rem;
}

/* ── 無料相談でわかること（チェックリスト） ── */
.wb-contact-benefits {
  padding-bottom: 75.56px;
  padding-bottom: 4.7225rem;
}
.wb-contact-benefits__inner {
  width: 90%;
  max-width: 879.633px;
  max-width: 54.9771rem;
  margin-inline: auto;
}
.wb-contact-benefits__ttl {
  padding-left: 1.032px;
  padding-left: 0.0645rem;
  margin-bottom: 24.663px;
  margin-bottom: 1.5414rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 31px;
  line-height: 1.9375rem;
  letter-spacing: 1.25px;
  letter-spacing: 0.0781rem;
}
.wb-contact-benefits__item {
  padding-left: 1.031px;
  padding-left: 0.0644rem;
  gap: 7.178px;
  gap: 0.4486rem;
  margin-bottom: 15.111px;
  margin-bottom: 0.9444rem;
  display: flex;
  align-items: flex-start;
}
.wb-contact-benefits__item:last-child {
  margin-bottom: 0;
}
.wb-contact-benefits__icon {
  width: 17.541px;
  width: 1.0963rem;
  height: 17.54px;
  height: 1.0963rem;
  margin-top: 2.464px;
  margin-top: 0.154rem;
  flex: 0 0 auto;
}
.wb-contact-benefits__txt {
  color: #000025;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 21px;
  line-height: 1.3125rem;
  letter-spacing: 0.75px;
  letter-spacing: 0.0469rem;
}

/* ── BowNowフォームの表示枠 ── */
.wb-contact-form {
  padding-bottom: 75.56px;
  padding-bottom: 4.7225rem;
}
.wb-contact-form__inner {
  width: 90%;
  max-width: 879.633px;
  max-width: 54.9771rem;
  margin-inline: auto;
}
.wb-contact-form__frame {
  width: 100%;
  max-width: 860.473px;
  max-width: 53.7796rem;
  min-height: 865px;
  min-height: 54.0625rem;
  margin-inline: auto;
}
.wb-contact-form__frame iframe {
  width: 100%;
}

/* ── 受付・返信について ── */
.wb-contact-reception {
  padding-bottom: 75.56px;
  padding-bottom: 4.7225rem;
}
.wb-contact-reception__inner {
  width: 90%;
  max-width: 879.633px;
  max-width: 54.9771rem;
  margin-inline: auto;
}
.wb-contact-reception__ttl {
  padding-left: 1.032px;
  padding-left: 0.0645rem;
  margin-bottom: 15.226px;
  margin-bottom: 0.9516rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 31px;
  line-height: 1.9375rem;
  letter-spacing: 1.25px;
  letter-spacing: 0.0781rem;
}
.wb-contact-reception__lead {
  margin-bottom: 21.33px;
  margin-bottom: 1.3331rem;
}
.wb-contact-reception__txt {
  color: #000e27;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 27px;
  line-height: 1.6875rem;
  letter-spacing: 0.8px;
  letter-spacing: 0.05rem;
}
/*
  カンプの枠は不透明度72%。中に文字を入れるため、白に重ねた色を直接指定する。
  枠線はカンプでは1.3pxだが、ブラウザは1pxに丸める。内側の余白は実際に描かれる1pxを前提に出した値。
*/
.wb-contact-note {
  margin-left: 1.031px;
  margin-left: 0.0644rem;
  padding-top: 28.444px;
  padding-top: 1.7778rem;
  padding-right: 32.641px;
  padding-right: 2.0401rem;
  padding-bottom: 34.334px;
  padding-bottom: 2.1459rem;
  padding-left: 32.641px;
  padding-left: 2.0401rem;
  border-width: 1.3px;
  border-style: solid;
  border-color: rgb(169, 159, 71);
  border-radius: 20px;
  border-radius: 1.25rem;
  background-color: #fbfbf3;
}
.wb-contact-note__ttl {
  gap: 4.884px;
  gap: 0.3053rem;
  margin-bottom: 10.204px;
  margin-bottom: 0.6378rem;
  display: flex;
  align-items: flex-start;
  color: #918835;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 25px;
  line-height: 1.5625rem;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.wb-contact-note__icon {
  width: 21.475px;
  width: 1.3422rem;
  height: 21.465px;
  height: 1.3416rem;
  margin-top: 0.267px;
  margin-top: 0.0167rem;
  flex: 0 0 auto;
}
.wb-contact-note__txt {
  padding-left: 1.359px;
  padding-left: 0.0849rem;
  color: #000e27;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 26px;
  line-height: 1.625rem;
  letter-spacing: 0.75px;
  letter-spacing: 0.0469rem;
}

/* ── 運営会社・アクセス ── */
.wb-contact-access {
  padding-bottom: 179.11px;
  padding-bottom: 11.1944rem;
}
.wb-contact-access__inner {
  width: 90%;
  max-width: 879.633px;
  max-width: 54.9771rem;
  margin-inline: auto;
}
.wb-contact-access__ttl {
  padding-left: 1.032px;
  padding-left: 0.0645rem;
  margin-bottom: 30.398px;
  margin-bottom: 1.8999rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 31px;
  line-height: 1.9375rem;
  letter-spacing: 1.25px;
  letter-spacing: 0.0781rem;
}
/* 地図と会社情報の横並び。比率はカンプの列幅に対する割合で持たせる */
.wb-contact-access__body {
  gap: 4.5165%;
  display: flex;
}
.wb-contact-access__map {
  width: 51.5989%;
  aspect-ratio: 453.888 / 312.441;
  height: auto;
  flex: 0 0 51.5989%;
  align-self: flex-start;
}
.wb-contact-access__detail {
  padding-top: 1.989px;
  padding-top: 0.1243rem;
  flex: 1 1 auto;
  min-width: 0;
}
.wb-contact-access__logo {
  width: 258.453px;
  width: 16.1533rem;
  height: 66.698px;
  height: 4.1686rem;
  max-width: 100%;
  margin-bottom: 16.988px;
  margin-bottom: 1.0618rem;
}
.wb-contact-access__company {
  margin-bottom: 5.99px;
  margin-bottom: 0.3744rem;
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 29px;
  line-height: 1.8125rem;
  letter-spacing: 1.33px;
  letter-spacing: 0.0831rem;
}
.wb-contact-access__address {
  padding-left: 0.907px;
  padding-left: 0.0567rem;
  margin-bottom: 28.738px;
  margin-bottom: 1.7961rem;
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: 0.75px;
  letter-spacing: 0.0469rem;
}
.wb-contact-access__contacts {
  padding-left: 0.956px;
  padding-left: 0.0598rem;
  margin-bottom: 10.738px;
  margin-bottom: 0.6711rem;
}
/* カンプではアイコンが文字の上端より0.271px下がるので、中央揃えではなく上揃えで合わせる */
.wb-contact-access__contact {
  gap: 7.292px;
  gap: 0.4558rem;
  margin-bottom: 10.953px;
  margin-bottom: 0.6846rem;
  display: flex;
  align-items: flex-start;
}
.wb-contact-access__contact:last-child {
  margin-bottom: 0;
}
.wb-contact-access__contact-icon {
  width: 23.729px;
  width: 1.4831rem;
  height: 23.729px;
  height: 1.4831rem;
  margin-top: 0.271px;
  margin-top: 0.0169rem;
  flex: 0 0 auto;
}
.wb-contact-access__contact-txt {
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0.7px;
  letter-spacing: 0.0438rem;
}
/* カンプの折り返し位置を保つため、注記だけ幅の上限を持たせる */
.wb-contact-access__note {
  padding-left: 1.946px;
  padding-left: 0.1216rem;
  max-width: 386.016px;
  max-width: 24.126rem;
  color: rgba(0, 0, 37, 0.5);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.6;
}

/* 1400px未満はremを縮めて、PCレイアウトのまま等倍で縮小する */
@media (min-width: 768px) and (max-width: 1399px) {
  html {
    font-size: calc((100vw - 768px) / 632 * 3 + 13px);
  }
}

/*
  SP。414px幅で1rem = 16px。TOP・SEOと同じ比率で文字サイズと余白を拡縮する。
  PC用に入れている1px前後の左ずれ調整はカンプ固有のものなので、SPでは戻す。
*/
@media (max-width: 767.98px) {
  html {
    font-size: 3.8647342995vw;
  }
  .wb-breadcrumb--contact {
    width: 100%;
    max-width: none;
    padding-top: 60.5px;
    padding-top: 3.7813rem;
    padding-right: 13.62px;
    padding-right: 0.8513rem;
    padding-left: 13.62px;
    padding-left: 0.8513rem;
  }
  /* PCと同じ「右端で切れる大きな英字」にするため、はみ出し量が同じ見え方になる大きさにする */
  .wb-contact__decoration {
    top: 62px;
    top: 3.875rem;
    right: -18.6px;
    right: -1.1625rem;
    font-size: 62px;
    font-size: 3.875rem;
    line-height: 108.5px;
    line-height: 6.7813rem;
    letter-spacing: 10.54px;
    letter-spacing: 0.6588rem;
  }

  .wb-contact-intro {
    padding-top: 32.79px;
    padding-top: 2.0494rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
  }
  .wb-contact-intro__inner {
    width: 100%;
    max-width: none;
    padding-right: 25px;
    padding-right: 1.5625rem;
    padding-left: 25px;
    padding-left: 1.5625rem;
  }
  .wb-contact-intro__ttl {
    margin-bottom: 17.79px;
    margin-bottom: 1.1119rem;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 43.5px;
    line-height: 2.7188rem;
    letter-spacing: 1.5px;
    letter-spacing: 0.0938rem;
  }
  .wb-contact-intro__lead {
    padding-left: 0;
  }
  .wb-contact-intro__txt {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 28.5px;
    line-height: 1.7813rem;
    letter-spacing: 1.05px;
    letter-spacing: 0.0656rem;
  }

  .wb-contact-benefits {
    padding-bottom: 48px;
    padding-bottom: 3rem;
  }
  .wb-contact-benefits__inner {
    width: 100%;
    max-width: none;
    padding-right: 25px;
    padding-right: 1.5625rem;
    padding-left: 25px;
    padding-left: 1.5625rem;
  }
  .wb-contact-benefits__ttl {
    padding-left: 0;
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
  }
  .wb-contact-benefits__item {
    padding-left: 0;
    gap: 7px;
    gap: 0.4375rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .wb-contact-benefits__icon {
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    margin-top: 3.5px;
    margin-top: 0.2188rem;
  }
  .wb-contact-benefits__txt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 23px;
    line-height: 1.4375rem;
    letter-spacing: 0.7px;
    letter-spacing: 0.0438rem;
  }

  .wb-contact-form {
    padding-bottom: 48px;
    padding-bottom: 3rem;
  }
  .wb-contact-form__inner {
    width: 100%;
    max-width: none;
    padding-right: 25px;
    padding-right: 1.5625rem;
    padding-left: 25px;
    padding-left: 1.5625rem;
  }
  .wb-contact-form__frame {
    max-width: none;
    min-height: 600px;
    min-height: 37.5rem;
  }

  .wb-contact-reception {
    padding-bottom: 48px;
    padding-bottom: 3rem;
  }
  .wb-contact-reception__inner {
    width: 100%;
    max-width: none;
    padding-right: 25px;
    padding-right: 1.5625rem;
    padding-left: 25px;
    padding-left: 1.5625rem;
  }
  .wb-contact-reception__ttl {
    padding-left: 0;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
  }
  .wb-contact-reception__lead {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .wb-contact-reception__txt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0.7px;
    letter-spacing: 0.0438rem;
  }
  .wb-contact-note {
    margin-left: 0;
    padding-top: 18px;
    padding-top: 1.125rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    border-radius: 14px;
    border-radius: 0.875rem;
  }
  .wb-contact-note__ttl {
    gap: 5px;
    gap: 0.3125rem;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    letter-spacing: 0.8px;
    letter-spacing: 0.05rem;
  }
  .wb-contact-note__icon {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
    margin-top: 3px;
    margin-top: 0.1875rem;
  }
  .wb-contact-note__txt {
    padding-left: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 23px;
    line-height: 1.4375rem;
    letter-spacing: 0.65px;
    letter-spacing: 0.0406rem;
  }

  .wb-contact-access {
    padding-bottom: 100px;
    padding-bottom: 6.25rem;
  }
  .wb-contact-access__inner {
    width: 100%;
    max-width: none;
    padding-right: 25px;
    padding-right: 1.5625rem;
    padding-left: 25px;
    padding-left: 1.5625rem;
  }
  .wb-contact-access__ttl {
    padding-left: 0;
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
  }
  /* 地図の下に会社情報を置く */
  .wb-contact-access__body {
    gap: 22px;
    gap: 1.375rem;
    flex-direction: column;
  }
  .wb-contact-access__map {
    width: 100%;
    flex: 0 0 auto;
  }
  .wb-contact-access__detail {
    padding-top: 0;
  }
  .wb-contact-access__logo {
    width: 200px;
    width: 12.5rem;
    height: 51.61px;
    height: 3.2256rem;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
  }
  .wb-contact-access__company {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 27px;
    line-height: 1.6875rem;
    letter-spacing: 1.19px;
    letter-spacing: 0.0744rem;
  }
  .wb-contact-access__address {
    padding-left: 0;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 23px;
    line-height: 1.4375rem;
    letter-spacing: 0.7px;
    letter-spacing: 0.0438rem;
  }
  .wb-contact-access__contacts {
    padding-left: 0;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .wb-contact-access__contact {
    gap: 7px;
    gap: 0.4375rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
  .wb-contact-access__contact-icon {
    width: 21px;
    width: 1.3125rem;
    height: 21px;
    height: 1.3125rem;
    margin-top: 0.5px;
    margin-top: 0.0313rem;
  }
  .wb-contact-access__contact-txt {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 21px;
    line-height: 1.3125rem;
    letter-spacing: 0.65px;
    letter-spacing: 0.0406rem;
  }
  .wb-contact-access__note {
    padding-left: 0;
    max-width: none;
    font-size: 11px;
    font-size: 0.75rem;
  }
}