@charset "UTF-8";
/* Scss Document */
/* Scss Document */
input, textarea, select {
  width: 100%;
  padding: 1.2em;
  background: rgba(168, 206, 228, 0.5);
  border: none;
}
@media only screen and (max-width: 640px) {
  input, textarea, select {
    padding: .5em;
  }
}

.contact_table {
  width: 815px;
  margin: 0 auto;
}
@media only screen and (max-width: 1600px) {
  .contact_table {
    width: calc((815/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_table {
    width: calc((815/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_table {
    width: 100%;
    margin-bottom: calc((20/376)*100vw);
  }
}
.contact_table th, .contact_table td {
  padding: 1em 0;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}
@media only screen and (max-width: 1600px) {
  .contact_table th, .contact_table td {
    font-size: calc((18/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_table th, .contact_table td {
    font-size: calc((18/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_table th, .contact_table td {
    display: block;
    font-size: calc((18/376)*100vw);
  }
}
.contact_table th {
  position: relative;
  width: 214px;
  padding-right: 32px;
}
@media only screen and (max-width: 1600px) {
  .contact_table th {
    width: calc((214/1600)*100vw);
    padding-right: calc((32/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_table th {
    width: calc((214/1300)*100vw);
    padding-right: calc((32/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_table th {
    width: 100%;
    padding: 1em 0 .3em;
  }
}
.contact_table th .required {
  position: absolute;
  top: 1.4em;
  right: 32px;
  padding: .1em .6em;
  background: #0087BD;
  border-radius: 3px;
  color: #FFF;
  font-size: 1.5rem;
  letter-spacing: .05em;
}
@media only screen and (max-width: 1600px) {
  .contact_table th .required {
    right: calc((32/1600)*100vw);
    font-size: calc((15/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_table th .required {
    right: calc((32/1300)*100vw);
    font-size: calc((15/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_table th .required {
    position: static;
    right: 0;
    padding: 0 1em;
    margin-left: 1em;
    font-size: calc((15/376)*100vw);
  }
}
.contact_table td {
  width: 604px;
}
@media only screen and (max-width: 1600px) {
  .contact_table td {
    width: calc((604/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_table td {
    width: calc((604/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_table td {
    width: 100%;
    padding: 0;
  }
}
.contact_privacy {
  width: 950px;
  height: 300px;
  overflow-y: scroll;
  margin: 65px auto 0;
  padding: 20px 45px 30px;
  background: #EBEBEB;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.13;
}
@media only screen and (max-width: 1600px) {
  .contact_privacy {
    width: calc((950/1600)*100vw);
    margin-top: calc((65/1600)*100vw);
    padding: calc((20/1600)*100vw) calc((45/1600)*100vw) calc((30/1600)*100vw);
    font-size: calc((15/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_privacy {
    width: calc((950/1300)*100vw);
    margin-top: calc((65/1300)*100vw);
    padding: calc((20/1300)*100vw) calc((45/1300)*100vw) calc((30/1300)*100vw);
    font-size: calc((15/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_privacy {
    width: 100%;
    margin-top: calc((45/376)*100vw);
    padding: calc((20/376)*100vw) calc((20/376)*100vw) calc((20/376)*100vw);
    font-size: calc((14/376)*100vw);
  }
}
.contact_privacy ol, .contact_privacy ul {
  margin: 1em 0 1em 2em;
}
.contact_privacy ol li, .contact_privacy ul li {
  margin-top: .3em;
  padding-left: 1em;
  text-indent: -1em;
}
.contact_privacy ol li:before, .contact_privacy ul li:before {
  content: '・';
}
.contact_mttl {
  position: relative;
  margin-bottom: 1em;
  border-bottom: #C3C3C3 1px solid;
  color: #444;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 3.0;
}
@media only screen and (max-width: 1600px) {
  .contact_mttl {
    font-size: calc((16/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_mttl {
    font-size: calc((16/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_mttl {
    font-size: calc((16/376)*100vw);
  }
}
.contact_mttl:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: '';
  width: 107px;
  height: 2px;
  background: #0087BD;
}
@media only screen and (max-width: 1600px) {
  .contact_mttl:after {
    width: calc((107/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_mttl:after {
    width: calc((107/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_mttl:after {
    width: calc((150/376)*100vw);
    height: 1px;
  }
}
.contact_sttl {
  margin: 2em 0 1em;
  border-bottom: #C3C3C3 1px solid;
  color: #444;
  font-size: 1.8rem;
  font-weight: 600;
}
@media only screen and (max-width: 1600px) {
  .contact_sttl {
    font-size: calc((18/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_sttl {
    font-size: calc((18/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_sttl {
    font-size: calc((18/376)*100vw);
  }
}
.contact_ssttl {
  margin: 1em 0 .5em;
  color: #444;
  font-size: 1.6rem;
  font-weight: 600;
}
@media only screen and (max-width: 1600px) {
  .contact_ssttl {
    font-size: calc((16/1600)*100vw);
  }
}
@media only screen and (max-width: 1300px) {
  .contact_ssttl {
    font-size: calc((16/1300)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .contact_ssttl {
    font-size: calc((16/376)*100vw);
  }
}

.confirm .index_mttl, .thanks .index_mttl {
  margin-bottom: 1em;
}
.confirm .btn_basic, .thanks .btn_basic {
  margin-top: 1em;
}

.confirm .confirm_text {
  text-align: center;
}