@charset "UTF-8";
/**
 * Fonts
 */
.contactPage .contactList {
  width: 100%;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  padding: 50px;
  margin-top: 40px;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList {
    margin-top: 2.9282576867vw;
    padding: 3.6603221083vw 0;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList {
    margin-top: 9.6618357488vw;
    padding: 9.6618357488vw 0;
  }
}
.contactPage .contactList_item {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_item {
    display: block;
  }
}
.contactPage .contactList_item:not(:first-child) {
  margin-top: 16px;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_item:not(:first-child) {
    margin-top: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_item:not(:first-child) {
    margin-top: 3.8647342995vw;
  }
}
.contactPage .contactList_titleWrapper {
  display: flex;
  align-items: center;
  min-width: 220px;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_titleWrapper {
    min-width: 16.1054172767vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_titleWrapper {
    min-width: auto;
    margin: 0;
    width: 100%;
    margin-bottom: 3.6231884058vw;
  }
}
.contactPage .contactList_title {
  min-width: 150px;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_title {
    min-width: 10.980966325vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_title {
    min-width: auto;
  }
}
.contactPage .contactList_required {
  background: #888888;
  min-width: 60px;
  margin-left: 16px;
  padding: 4px 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 0.12em;
  line-height: 1;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_required {
    min-width: 4.39238653vw;
    padding: 0.439238653vw 0.878477306vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_required {
    min-width: auto;
    padding: 0.9661835749vw 1.9323671498vw;
    font-size: 2.8985507246vw;
    margin-left: 3.8647342995vw;
  }
}
.contactPage .contactList_textWrapper {
  width: 100%;
  margin-left: 70px;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_textWrapper {
    margin-left: 5.1244509517vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_textWrapper {
    margin: 1.2077294686vw 0 0 0;
    font-size: 5.7971014493vw;
  }
}
.contactPage .contactList_form input,
.contactPage .contactList_form textarea {
  width: 100%;
  display: block;
  background: #f5f5f5;
  padding: 8px 16px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_form input,
.contactPage .contactList_form textarea {
    padding: 0.5856515373vw 1.1713030747vw;
    font-size: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_form input,
.contactPage .contactList_form textarea {
    padding: 1.9323671498vw 3.8647342995vw;
    font-size: 3.6231884058vw;
  }
}
.contactPage .contactList_form input::placeholder,
.contactPage .contactList_form textarea::placeholder {
  color: #999;
}
.contactPage .contactList_form textarea {
  resize: vertical;
  min-height: 200px;
  max-height: 600px;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_form textarea {
    min-height: 14.6412884334vw;
    max-height: 43.9238653001vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_form textarea {
    min-height: 77.2946859903vw;
    max-height: 193.2367149758vw;
  }
}
.contactPage .contactList_confirm {
  background: #f5f5f5;
  padding: 20px 30px;
  font-weight: 100;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList_confirm {
    padding: 1.4641288433vw 2.196193265vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList_confirm {
    padding: 4.8309178744vw 7.2463768116vw;
  }
}
.contactPage .contactList .error {
  display: block;
  color: #d35151 !important;
  margin-top: 5px !important;
  font-size: 1.2rem !important;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactList .error {
    font-size: 0.878477306vw !important;
    margin-top: 0.3660322108vw !important;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactList .error {
    font-size: 5.3140096618vw !important;
    margin-top: 1.9323671498vw !important;
  }
}
.contactPage .contactConfirm .contactList_form {
  border-bottom: 1px dotted #ccc;
  background: #fff;
  padding-bottom: 8px;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactConfirm .contactList_form {
    padding-bottom: 0.5856515373vw;
    font-size: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactConfirm .contactList_form {
    padding-bottom: 1.9323671498vw;
    font-size: 3.6231884058vw;
  }
}
.contactPage .contactThanks .title {
  margin-bottom: 40px;
  line-height: 2;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactThanks .title {
    margin-bottom: 2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactThanks .title {
    margin-bottom: 5.7971014493vw;
  }
}
.contactPage .contactThanks_backButton {
  margin-top: 40px;
  line-height: 2;
}
@media screen and (max-width: 1366px) {
  .contactPage .contactThanks_backButton {
    margin-top: 2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .contactPage .contactThanks_backButton {
    margin-top: 9.6618357488vw;
  }
}

.formButton {
  width: 400px;
  height: 72px;
  margin: 40px auto 0;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .formButton {
    width: 29.2825768668vw;
    height: 5.8565153734vw;
    margin: 2.9282576867vw auto 0;
  }
}
@media screen and (max-width: 828px) {
  .formButton {
    width: 100%;
    height: 15.4589371981vw;
    margin: 9.6618357488vw auto 0;
  }
}
.formButton input {
  width: 100%;
  height: 100%;
  display: block;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1366px) {
  .formButton input {
    font-size: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .formButton input {
    font-size: 3.8647342995vw;
  }
}
@media screen and (min-width: 829px) {
  .formButton:hover input {
    color: #222;
  }
}