@charset "UTF-8";
#contact .contact-wrapper {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto 100px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper {
    max-width: 84vw;
    margin-bottom: 30vw;
    padding: 0;
  }
}
#contact .contact-wrapper .contact-top {
  margin-top: 90px;
  position: relative;
  padding-bottom: 120px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-top {
    margin-top: 11.2vw;
    padding-bottom: 12vw;
  }
}
#contact .contact-wrapper .contact-top:after {
  content: "";
  display: block;
  width: 100vw;
  height: 196px;
  background: #F0F0F0;
  position: absolute;
  z-index: 0;
  top: 60px;
  left: 100px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-top:after {
    height: 22.4vw;
    top: 4.8vw;
    left: 12vw;
  }
}
#contact .contact-wrapper .contact-top:before {
  content: "";
  display: block;
  width: 168px;
  height: 250px;
  background: url("../images/contact/logo_t3_grey.svg") no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  left: 64px;
  top: -68px;
  z-index: 1;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-top:before {
    width: 19.2vw;
    height: 28vw;
    left: 8.8vw;
    top: -9.6vw;
  }
}
#contact .contact-wrapper .contact-top-en {
  font-size: 110px;
  font-weight: bold;
  color: #AAAAAA;
  position: relative;
  z-index: 2;
  line-height: 134px;
  text-indent: -10px;
  white-space: nowrap;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-top-en {
    font-size: 10.13vw;
    line-height: 12vw;
    text-indent: -3px;
  }
}
#contact .contact-wrapper .contact-top-title {
  font-size: 22px;
  color: #505050;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-top-title {
    font-size: 3.74vw;
  }
}
#contact .contact-wrapper .contact-top-text {
  padding-left: 100px;
  font-size: 15px;
  line-height: 2;
  color: #505050;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-top-text {
    padding-left: 0;
    font-size: 3.74vw;
    margin-top: 8vw;
  }
}
#contact .contact-wrapper .contact-table {
  margin: 100px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table {
    margin: 2.67vw -8vw 0vw;
    padding: 0 8vw;
  }
}
#contact .contact-wrapper .contact-table-tip {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-tip {
    font-size: 4vw;
  }
}
#contact .contact-wrapper .contact-table-tip span {
  font-size: 13px;
  color: #E8AA34;
  margin-right: 10px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-tip span {
    font-size: 3.47vw;
    margin-right: 3vw;
  }
}
#contact .contact-wrapper .contact-table-form {
  background: #F5F5F5;
  margin-top: 12px;
  padding: 45px 0 75px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form {
    padding: 8vw 8vw 16vw;
    margin-top: 8vw;
    margin-left: -8vw;
    margin-right: -8vw;
  }
}
#contact .contact-wrapper .contact-table-form * {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#contact .contact-wrapper .contact-table-form .wpcf7 {
  border: none;
  background: none;
  padding: 0;
  margin: 0 !important;
  font-size: 14px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .wpcf7 {
    font-size: 4vw;
  }
}
#contact .contact-wrapper .contact-table-form .wpcf7 form {
  margin: 0;
}
#contact .contact-wrapper .contact-table-form .wpcf7 span.wpcf7-not-valid-tip, #contact .contact-wrapper .contact-table-form .wpcf7 .wpcf7-validation-errors, #contact .contact-wrapper .contact-table-form .wpcf7 .wpcf7-mail-sent-ng, #contact .contact-wrapper .contact-table-form .wpcf7 .wpcf7-response-output {
  display: none !important;
}
#contact .contact-wrapper .contact-table-form .wpcf7 .attention {
  font-size: 14px;
  color: #ff3f3f;
  margin-top: 4px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .wpcf7 .attention {
    font-size: 3.76vw;
  }
}
#contact .contact-wrapper .contact-table-form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form dl {
    padding: 3.2vw 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2vw;
  }
}
#contact .contact-wrapper .contact-table-form dl dt {
  padding-left: 60px;
  width: 250px;
  min-width: 190px;
  font-size: 15px;
  color: #505050;
  padding-top: 18px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form dl dt {
    width: 100%;
    padding: 0;
    font-size: 4vw;
    min-width: 100%;
  }
}
#contact .contact-wrapper .contact-table-form dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 25px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form dl dd {
    padding-left: unset;
  }
}
@media (min-width: 960px) {
  #contact .contact-wrapper .contact-table-form dl.is-required .contact-form-line:before, #contact .contact-wrapper .contact-table-form dl.is-required-line .contact-form-line:before {
    content: "●";
    display: block;
    position: absolute;
    color: #E8AA34;
    font-size: 13px;
    left: -25px;
    top: 18px;
  }
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form dl.is-required dt:after {
    content: "●";
    display: inline;
    color: #E8AA34;
    font-size: 3.47vw;
    margin-left: 1.6vw;
  }
  #contact .contact-wrapper .contact-table-form dl.is-required-line .date-title:after {
    content: "●";
    display: inline;
    color: #E8AA34;
    font-size: 3.47vw;
    margin-left: 1.6vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 40px;
  gap: 20px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    padding-right: 5.333vw;
    gap: 2vw;
  }
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line.birth-line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line.birth-line .wpcf7-form-control-wrap {
  width: unset;
}
@media (min-width: 960px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line.line-tip .wpcf7-form-control-wrap {
    width: 250px;
  }
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line.date-line {
    margin-top: 4.8vw;
  }
  #contact .contact-wrapper .contact-table-form .contact-form-line.date-line + .date-line {
    margin-top: 8vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line.date-line .wpcf7-form-control-wrap {
  width: unset;
}
#contact .contact-wrapper .contact-table-form .contact-form-line.date-line .date-title {
  font-size: 15px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line.date-line .date-title {
    font-size: 4vw;
  }
}
@media (min-width: 960px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line.date-line input[type=date] {
    width: 250px;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line + .contact-form-line {
  margin-top: 10px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line + .contact-form-line {
    margin-top: 2vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-form-control-wrap {
  width: 100%;
}
#contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio {
    display: block;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio .wpcf7-list-item {
  margin: 0;
  -ms-flex-preferred-size: 214px;
      flex-basis: 214px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio .wpcf7-list-item {
    margin-top: -1px;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label {
  height: 48px;
  width: 100%;
  border: 1px solid #DCDCDC;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  gap: 6px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label {
    height: 12.8vw;
    padding: 0 5.333vw;
    gap: 1.6vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #DCDCDC;
  border-radius: 50%;
  background: #F0F0F0;
  position: relative;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label input[type=radio] {
    width: 4.8vw;
    height: 4.8vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label input[type=radio]:checked:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #505050;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label input[type=radio]:checked:before {
    width: 2.667vw;
    height: 2.667vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label .wpcf7-list-item-label {
  font-size: 15px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line .wpcf7-radio label .wpcf7-list-item-label {
    font-size: 4vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line input[type=date],
#contact .contact-wrapper .contact-table-form .contact-form-line input[type=text] {
  display: block;
  width: 100%;
  height: 48px;
  border: none;
  background: #fff;
  position: relative;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 14px;
  font-size: 15px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line input[type=date],
  #contact .contact-wrapper .contact-table-form .contact-form-line input[type=text] {
    height: 12.8vw;
    padding: 0 4vw;
    font-size: 4vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line select::-ms-expand {
  display: none;
}
#contact .contact-wrapper .contact-table-form .contact-form-line select {
  display: block;
  width: 100%;
  height: 48px;
  border: none;
  background: #fff url("../images/contact/select_ag.svg") no-repeat right 14px center;
  background-size: 10px auto;
  position: relative;
  margin: 0;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
  padding: 0 14px;
  font-size: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line select {
    height: 12.8vw;
    padding: 0 4vw;
    font-size: 4vw;
    background-position: right 3.2vw center;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line select.store {
  width: 260px;
  background-position: right 20px center;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line select.store {
    width: 100%;
    background-position: right 5.3333vw center;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line select.birth {
  width: 100px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line select.birth {
    width: 21.6vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line select.time {
  width: 140px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line select.time {
    width: 37.6vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line textarea {
  width: 100%;
  height: 166px;
  padding: 14px;
  font-size: 15px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line textarea {
    height: 32vw;
    font-size: 4vw;
    padding: 3.74vw;
  }
}
#contact .contact-wrapper .contact-table-form .contact-form-line .form-tip {
  font-size: 14px;
  line-height: 1.35;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .contact-form-line .form-tip {
    font-size: 3.47vw;
  }
}
#contact .contact-wrapper .contact-table-form .submit-text {
  margin-top: 50px;
  text-align: center;
  font-size: 16px;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .submit-text {
    margin-top: 9.6vw;
    font-size: 4vw;
    line-height: 2;
  }
}
#contact .contact-wrapper .contact-table-form .submit-btn {
  margin: 20px auto 0;
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .submit-btn {
    margin-top: 4.8vw;
    width: 72vw;
  }
}
#contact .contact-wrapper .contact-table-form .submit-btn input.wpcf7-submit {
  margin: 0;
  width: 100%;
  height: 60px;
  border-radius: 30px;
  font-size: 22px;
  font-weight: bold;
  background: #EA9900;
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .submit-btn input.wpcf7-submit {
    height: 14.4vw;
    border-radius: 7.2vw;
    font-size: 4.4vw;
  }
}
#contact .contact-wrapper .contact-table-form .submit-btn .wpcf7-spinner {
  position: absolute;
  margin: 0;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 959px) {
  #contact .contact-wrapper .contact-table-form .submit-btn .wpcf7-spinner {
    right: 4vw;
  }
}

#contact-complete {
  padding: 90px 0 190px;
  min-height: calc(100vh - 210px - 50px - 180px);
}
@media (max-width: 959px) {
  #contact-complete {
    min-height: unset;
  }
}
#contact-complete .inner {
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
}
#contact-complete .complete-title {
  font-size: 30px;
  text-align: center;
}
@media (max-width: 959px) {
  #contact-complete .complete-title {
    font-size: 5.4vw;
  }
}
#contact-complete .complete-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  margin: 50px auto 0;
  width: 300px;
  height: 60px;
  border-radius: 30px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background: #EA9900;
}
@media (max-width: 959px) {
  #contact-complete .complete-btn {
    height: 14.4vw;
    border-radius: 7.2vw;
    font-size: 4.4vw;
  }
}