@charset "UTF-8";
.access {
  padding-bottom: 90px;
  border-bottom: 1px dotted #70ABC0;
}

.title {
  font-size: 2rem;
  margin-bottom: 30px;
  font-weight: normal;
  font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  padding: 10px 0;
  margin: 60px auto 40px;
}

.title:before {
  content: "";
  background: url(../img/index/title_img.jpg) no-repeat center;
  padding: 1% 3px;
  margin-right: 20px;
}

.sp {
  display: none;
}

@media screen and (max-width: 769px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

.input_area {
  padding: 70px 0;
  margin: 0 0 95px 0;
}

.input_area.confirm {
  padding: 80px 0;
}

table {
  width: 905px;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto;
}

@media screen and (max-width: 954px) {
  table {
    width: 90%;
  }
}

th {
  width: 265px;
  font-size: 0.938em;
  font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  color: #3085A3;
  text-align: left;
  vertical-align: top;
  padding: 8px 0;
  font-weight: 500;
}

@media screen and (max-width: 954px) {
  th {
    width: 30%;
  }
}

td {
  line-height: 2.7;
  font-size: 0.875em;
  padding: 0 0 40px 0;
}

@media screen and (max-width: 954px) {
  td {
    width: 70%;
  }
}

textarea {
  height: 242px;
  width: 100%;
  border: 1px solid #c1c1c1;
  background: #F3F6F7;
  padding: 5px 15px;
  vertical-align: top;
}

input[type="text"] {
  width: 100%;
  height: 42px;
  border: 1px solid #c1c1c1;
  background: #F3F6F7;
  font-size: 0.875em;
  padding: 0 15px;
}

.button_area {
  width: 480px;
  overflow: hidden;
  margin: 20px auto 0 auto;
}

.button_area.confirm {
  margin: 110px auto 0 auto;
}

.thanks {
  width: 900px;
  margin: 0 auto;
}

.thanks h3 {
  font-size: 1.125em;
  font-weight: normal;
  color: #3085A3;
  margin: 0 0 20px 0;
}

.thanks p {
  line-height: 2.6;
}

input[type="submit"], button {
  width: 220px;
  height: 65px;
  border: none;
  font-size: 0.938em;
  color: #fff;
  padding: 0;
}

.reset, .back {
  float: left;
  background: #595959;
  box-shadow: -3px -3px 0px 1px #292929 inset;
}

.submit {
  float: right;
  background: #61b8c1;
  box-shadow: -3px -3px 0px 1px #368a94 inset;
}

.mw_wp_form_confirm .button_area {
  margin: 110px auto 0 auto;
}

.mw_wp_form_confirm .reset {
  display: none;
}

.thanks .btn {
  width: 220px;
  margin: 70px auto 0 auto;
}

.thanks .btn a {
  display: block;
  background: #61b8c1;
  box-shadow: -3px -3px 0px 1px #368a94 inset;
  border: none;
  font-size: 0.938em;
  color: #fff;
  text-align: center;
  line-height: 1.0;
  padding: 25px 0;
}

@media screen and (max-width: 769px) {
  .input_area {
    padding: 7.8% 0;
    margin: 0;
  }
  .input_area.confirm {
    padding: 8.6% 0 12.5% 0;
  }
  table {
    width: 100%;
    padding: 0 6.25%;
  }
  th {
    display: block;
    width: auto;
    font-size: 1.6rem;
    padding: 0 0 3.1% 0;
  }
  td {
    width: 100%;
    display: block;
    font-size: 1.4rem;
    padding: 0 0 6.25% 0;
  }
  textarea {
    height: 228px;
    line-height: 1.9;
    padding: 0.7rem;
    vertical-align: top;
  }
  input[type="text"] {
    height: 4.2rem;
    font-size: 1.4rem;
    padding: 0 0.7rem;
  }
  .button_area {
    width: auto;
    margin: 3% 6.25%;
  }
  .button_area.confirm {
    margin: 3% 6.25%;
  }
  input[type="submit"], button {
    width: 48%;
    height: auto;
    border: none;
    font-size: 0.938em;
    color: #fff;
    padding: 6.25% 0;
  }
  .thanks {
    width: auto;
    padding: 0 6.25%;
  }
  .thanks h3 {
    font-size: 1.6rem;
    margin: 0 0 2.3% 0;
  }
  .thanks p {
    font-size: 1.4rem;
    line-height: 1.9;
  }
  .thanks .btn {
    width: 50%;
    margin: 12.5% auto 0 auto;
  }
}