/* お問い合わせ（ハラスメント相談窓口）ページ専用 */

/* ページ全体の上下の余白 */
.contact .contact-inner {
  padding-top: 13.3333333333vw;
  padding-bottom: 16vw;
}

@media screen and (min-width: 768px) {
  .contact .contact-inner {
    padding-top: 90px;
    padding-bottom: 140px;
  }
}

/* ページの見出し */
.contact .contact-ttl {
  margin-bottom: 8vw;
  line-height: 1.5;
  font-size: 5.3333333333vw;
  font-weight: 600;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .contact .contact-ttl {
    margin-bottom: 50px;
    line-height: 1.4;
    font-size: 30px;
  }
}

/* 本文の前の呼びかけ行 */
.contact .contact-lead {
  margin-bottom: 4vw;
  font-size: 4vw;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .contact .contact-lead {
    margin-bottom: 24px;
    font-size: 18px;
  }
}

/* 連絡先を囲うグレーの枠 */
.contact .contact-box {
  margin-top: 8vw;
  padding: 6.6666666667vw 5.3333333333vw;
  background: #f4f4f4;
}

@media screen and (min-width: 768px) {
  .contact .contact-box {
    margin-top: 40px;
    padding: 40px;
  }
}

/* 枠の中の見出し */
.contact .contact-box_ttl {
  margin-bottom: 2.6666666667vw;
  font-size: 4vw;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .contact .contact-box_ttl {
    margin-bottom: 14px;
    font-size: 18px;
  }
}

/* 枠の中の本文 */
.contact .contact-box_txt {
  line-height: 1.76;
  font-size: 3.4666666667vw;
}

@media screen and (min-width: 768px) {
  .contact .contact-box_txt {
    line-height: 2;
    font-size: 16px;
  }
}