.footer {
  margin: 0;
}

/* ===============================================
   Contact Page Styles
   =============================================== */

/* グラデーション定義 */
.gradient-text {
  background: var(--rfa-color-strong02);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.contact-main {
  position: relative;
  overflow: hidden;
  background: var(--rfa-color-strong03);
  min-height: 100vh;
  padding-bottom: 180px;
}

.contact-main.complete {
  padding-bottom: 40px;
}
/* ===============================================
   メインビジュアル
   =============================================== */
.contact-mv {
  position: relative;
  padding: 120px 0 60px;
  background: transparent;
}

.contact-mv__inner {
  position: relative;
  width: 84%;
  max-width: 1080px;
  margin: 0 auto;
  z-index: 2;
}

/* ===============================================
   Section共通
   =============================================== */
.section-heading {

}
.section-heading__ja {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
}
.section-heading__en {
  font-family: var(--font-rfa);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.6px;
  color: #000;
  display: block;
  margin-bottom: 15px;
}


.contact-section {
  position: relative;
  padding: 0 0 100px;
}
.complete .contact-section {
  text-align: center;
  font-size: 1.2rem;
  line-height: 2;
  padding: 7rem 0 14rem;
}
.contact-section__inner {
  max-width: 1080px;
  margin: 0 auto;
  width: 84%;
}










/* ===============================================
   レスポンシブ
   =============================================== */

/* タブレット */
@media screen and (max-width: 1024px) {
  .contact-mv__inner,
  .contact-section__inner {
    padding: 0 60px;
  }


}

/* スマートフォン */
@media screen and (max-width: 768px) {
  .contact-mv {
    padding: 80px 0 40px;
  }
  .contact-mv::before {
    top: 150px;
    width: 100%;
    height: 800px;
  }
.contact-mv__inner,
.contact-section__inner {
    padding: 0 30px;
  }

  .section-heading__en {
    font-size: 14px;
  }

  .section-heading__ja {
    font-size: 28px;
    line-height: 32px;
  }


  /* 求人カードセクション */
  .contact-section {
    padding: 0 0 10%;
  }
  .contact-main.complete .contact-section {
    font-size: 1rem;
    padding: 6rem 0 10rem;
  }

}

/* 極小画面 */
@media screen and (max-width: 375px) {
  .contact-mv__inner,
  .contact-section__inner {
    padding: 0 20px;
  }
  .contact-main {
    padding-bottom: 110px;
  }
  .contact-main.complete {
    padding-bottom: 70px;
  }

}