@charset "UTF-8";

/* =====================
  MV
===================== */
.mv {
  background-image: url('/assets/img/contact/bg.png');
  background-size: cover;
  height: 445px;
}

.mv::after {
  display: none;
}

.bread {
  margin-top: 104px;
}

/* =====================
  コンタクトフォーム
===================== */
.article[data-id='1'] {
  padding-top: 114px;
  padding-bottom: 120px;
}

.article[data-id='1'] .contact-about > p {
  text-align: center;
}

.article[data-id='1'] .contact-about .contact-tel {
  width: 562.2px;
  height: 116.3px;
  border: solid 1px #2e323a;
  margin-inline: auto;
  margin-top: 30px;
}

.article[data-id='1'] .contact-about .contact-tel .tel-n {
  width: inherit;
  height: inherit;
  font-family: Taviraj;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

.article[data-id='1'] .contact-about .contact-tel .tel-n a {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
  padding-top: 24px;
}

.article[data-id='1'] .contact-about .contact-tel .tel-n a::before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('/assets/img/common/icon_tel.png');
  width: 28px;
  height: 38px;
  margin-right: 12px;
  vertical-align: -5px;
}

.article[data-id='1'] .contact-about .contact-tel .tel-n span {
  display: block;
  font-family: YuGothic;
  font-size: 14px;
  font-weight: bold;
  margin-top: 14px;
}

/* ==== フォーム ==== */
.article[data-id='1'] .form-wrapper {
  margin-top: 80px;
  padding: 72px 70px 96px;
}

.article[data-id='1'] .form-wrapper p {
  margin-top: 60px;
}

/* =====================
  確認画面
===================== */
.confirm .article[data-id='1'] p {
  padding-inline: 70px;
}

.confirm .article[data-id='1'] .confirm-wrap {
  padding-inline: 134px;
  margin-top: 72px;
}

.confirm .article[data-id='1'] .link-btn2 {
  margin-top: 82px;
}

/* =====================
  完了画面
===================== */
.comp .article[data-id='1'] h2 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 58px;
  letter-spacing: 0.08em;
}

.comp .article[data-id='1'] p {
  text-align: center;
  padding-inline: 70px;
  margin-top: 30px;
}

.comp .article[data-id='1'] .link-btn2 {
  margin-top: 72px;
}

aside {
  display: none;
}