/*! top */
.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#muteController {
  position: absolute;
  bottom: 1rem;
  right: 2rem;
  cursor: pointer;
}

#muteController .on {
  display: none;
  margin-bottom: 5px;
}
#muteController.is-on .on {
  display: block;
}
#muteController.is-on .off {
  display: none;
}

/*! utility */
.mt-4rem {
  margin-top: 4rem;
}
.mt-5rem {
  margin-top: 5rem;
}
.mt-100 {
  margin-top: 100px;
}
.mt-170 {
  margin-top: 170px;
}
.mb-170 {
  margin-bottom: 170px;
}
.fs-50 {
  font-size: 50px;
}
.fs-25 {
  font-size: 25px;
}
.text-black {
  color: black;
}
.contact_table th {
  vertical-align: text-top;
  font-weight: normal;
}
.contact_table td {
  padding-left: 3rem;
}
.contact_table th,
.contact_table td {
  padding-bottom: 2rem;
}
.sp {
  display: none;
}

@media (max-width: 767.98px) {
  .mt-100 {
    margin-top: 50px;
  }
  .mt-170 {
    margin-top: 50px;
  }
  .mb-170 {
    margin-bottom: 50px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .contact_table th {
    vertical-align: text-top;
    font-weight: normal;
  }
  .contact_table td {
    padding-left: 2rem;
  }
  .contact_table th,
  .contact_table td {
    padding-bottom: 1rem;
  }
  .fs-50 {
    font-size: 30px;
  }
  .fs-25 {
    font-size: 18px;
  }
}