@charset "UTF-8";
/*
@include pc-small($point-pc-small) {}
@include sp-small($point-sp-small) {}
*/
.req {
  color: red;
}

.require {
  text-align: right;
  width: 800px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .require {
    width: auto;
  }
}

.alert {
  color: red;
}

.form-box-info-table {
  width: 800px;
  margin: 20px auto;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .form-box-info-table {
    width: 100%;
  }
}

.form-box-info-table tr td, .form-box-info-table tr th {
  border: thin solid #ccc;
  padding: 10px;
}
.form-box-info-table tr th {
  width: 200px;
  text-align: left;
  background-color: #eee;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .form-box-info-table tr th {
    width: 32.5714285714%;
  }
}

.form-box-info-table tr td label.contact_to {
  display: block;
  margin-bottom: 5px;
}
.form-box-info-table tr td textarea, .form-box-info-table tr td input {
  border: 1px solid #ccc;
}
.form-box-info-table tr td textarea:focus, .form-box-info-table tr td input:focus {
  border: 1px solid #a50034;
  outline: none;
}
.form-box-info-table tr td textarea {
  width: 80%;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .form-box-info-table tr td textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px;
  }
}

.form-box-info-table tr td input[type=text],
.form-box-info-table tr td input[type=tel],
.form-box-info-table tr td input[type=email] {
  width: 300px;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .form-box-info-table tr td input[type=text],
  html:not([lang=zh]) .form-box-info-table tr td input[type=tel],
  html:not([lang=zh]) .form-box-info-table tr td input[type=email] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px;
  }
}

.form-box-info-table tr td input[name=postal_code1],
.form-box-info-table tr td input[name=postal_code2] {
  width: 100px;
}

.form-box-info.submits {
  display: block;
  text-align: center;
  margin: 20px auto;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .form-box-info.submits {
    margin-bottom: 0;
  }
}

input[type=submit] {
  width: 200px;
  margin: 0 auto;
  display: inline-block;
  padding: 15px;
  border: thin solid #ccc;
  background-color: #eee;
  border-radius: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) input[type=submit][name=cmdReturn] {
    margin-top: 10px;
  }
}

input[type=submit]:hover {
  cursor: pointer;
  background-color: #b9a2c4;
  color: #fff;
}
input[type=submit][name=_submit] {
  background-color: #b9a2c4;
  color: #fff;
  font-weight: bold;
}
input[type=submit][name=_submit]:hover {
  background-color: #A691B0;
}

.privacysection {
  width: 800px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .privacysection {
    width: auto;
  }
}

.privacysection .arrowlist li {
  margin-bottom: 5px;
}
.privacysection .agreementbox {
  text-align: center;
}
.privacysection .agreementbox label {
  margin: 10px 10px;
}
.privacysection .agreementbox label:hover {
  cursor: pointer;
}

/*フォームトップ*/
.formselect {
  display: flex;
  justify-content: space-between;
  align-content: stretch;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .formselect {
    display: block;
  }
}

.formselect a, .formselect form {
  margin-bottom: 10px;
  padding: 15px 20px;
  background-color: #eee;
  border: thin solid #ccc;
  border-left: 5px solid #a50034;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  width: 320px;
  box-sizing: border-box;
  position: relative;
  padding-left: 25px;
  font-weight: bold;
  text-decoration: none;
}
@media only screen and (max-width: 979px) {
  html:not([lang=zh]) .formselect a, html:not([lang=zh]) .formselect form {
    width: 49%;
  }
}

@media only screen and (max-width: 768px) {
  html:not([lang=zh]) .formselect a, html:not([lang=zh]) .formselect form {
    width: 100%;
  }
  html:not([lang=zh]) .formselect a:last-child, html:not([lang=zh]) .formselect form:last-child {
    margin-bottom: 0;
  }
}

.formselect a span.descript, .formselect form span.descript {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  line-height: 1.3;
  padding-top: 5px;
  font-weight: normal;
}
.formselect a:hover, .formselect form:hover {
  background-color: #fff;
  cursor: pointer;
}

section.section {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  html:not([lang=zh]) section.section {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=contact.css.map */