@charset "UTF-8";
/*メディアクエリ*/
#rokugan_container {
  /**-----------------------------
    contact
  -----------------------------**/
}
#rokugan_container select {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
}
#rokugan_container select::-ms-expand {
  display: none;
}
#rokugan_container input {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}
#rokugan_container textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  background: transparent;
}
#rokugan_container #contact_area {
  background: #fff;
}
#rokugan_container #contact_area .inner {
  padding: 100px 0 155px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner {
    padding: 8.6956521739vw 0 13.4782608696vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner {
    padding: 14.9739583333vw 0 27.9947916667vw;
  }
}
#rokugan_container #contact_area .inner .tit_area h2 {
  width: 317px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .tit_area h2 {
    width: 27.5652173913vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .tit_area h2 {
    width: 58.59375vw;
  }
}
#rokugan_container #contact_area .inner .tit_area .tit_text {
  color: #b29450;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.04em;
  margin: 15px 0 80px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .tit_area .tit_text {
    font-size: 2.1739130435vw;
    margin: 1.3043478261vw 0 6.9565217391vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .tit_area .tit_text {
    font-size: 2.9565217391vw;
    margin: 2.1739130435vw 0 7.3913043478vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area {
    width: 84.6354166667vw;
    margin: 0 auto;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box {
  margin-top: 50px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box {
    margin-top: 4.347826087vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box {
    margin-top: 7.8125vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .tit {
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .tit {
    margin-bottom: 0.8695652174vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .tit {
    margin-bottom: 1.5652173913vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .tit span {
  font-size: 20px;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .tit span {
    font-size: 1.7391304348vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .tit span {
    font-size: 3.6458333333vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .tit span.req {
  position: relative;
}
#rokugan_container #contact_area .inner .form_area .item_box .tit span.req::before {
  content: "必須";
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 44px;
  height: 22px;
  margin-top: -11px;
  padding-top: 4px;
  background: #e03b16;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: -65px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .tit span.req::before {
    font-size: 1.3913043478vw;
    width: 3.8260869565vw;
    height: 1.9130434783vw;
    margin-top: -0.9565217391vw;
    padding-top: 0.347826087vw;
    right: -5.652173913vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .tit span.req::before {
    font-size: 3.3854166667vw;
    width: 9.375vw;
    height: 4.6875vw;
    margin-top: -2.34375vw;
    padding-top: 0.6510416667vw;
    right: -13.671875vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .input select,
#rokugan_container #contact_area .inner .form_area .item_box .input input,
#rokugan_container #contact_area .inner .form_area .item_box .input textarea {
  color: #333;
  font-size: 20px;
  width: 1100px;
  height: 56px;
  padding: 0 20px;
  border-radius: 5px;
  background: #f8f0dc;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input select,
  #rokugan_container #contact_area .inner .form_area .item_box .input input,
  #rokugan_container #contact_area .inner .form_area .item_box .input textarea {
    font-size: 1.7391304348vw;
    width: 95.652173913vw;
    height: 4.8695652174vw;
    padding: 0 1.7391304348vw;
    border-radius: 0.4347826087vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input select,
  #rokugan_container #contact_area .inner .form_area .item_box .input input,
  #rokugan_container #contact_area .inner .form_area .item_box .input textarea {
    font-size: 3.6458333333vw;
    width: 84.6354166667vw;
    height: 10.4166666667vw;
    padding: 0 2.9947916667vw;
    border-radius: 1.0416666667vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .input select::placeholder,
#rokugan_container #contact_area .inner .form_area .item_box .input input::placeholder,
#rokugan_container #contact_area .inner .form_area .item_box .input textarea::placeholder {
  color: #beaca7;
}
#rokugan_container #contact_area .inner .form_area .item_box .input .kinds {
  width: 530px;
  background:
    url(../../img/template/images/form_select_arrow.svg) no-repeat right 18px center/16px 8px,
    #f8f0dc;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input .kinds {
    width: 46.0869565217vw;
    background:
      url(../../img/template/images/form_select_arrow.svg) no-repeat right 1.5652173913vw center/1.3913043478vw
        0.6956521739vw,
      #f8f0dc;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input .kinds {
    width: 100%;
    background:
      url(../../img/template/images/form_select_arrow.svg) no-repeat right 3.3854166667vw center/2.8645833333vw
        1.1304347826vw,
      #f8f0dc;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .input .tel {
  width: 550px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input .tel {
    width: 47.8260869565vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input .tel {
    width: 100%;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .input .other {
  line-height: 1.3;
  padding: 10px 20px;
  height: 240px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input .other {
    padding: 0.8695652174vw 1.7391304348vw;
    height: 20.8695652174vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .input .other {
    padding: 1.3020833333vw 2.9947916667vw;
    height: 36.4583333333vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .input .wpcf7-not-valid-tip {
  margin-top: 10px;
}
#rokugan_container #contact_area .inner .form_area .item_box .note {
  font-size: 18px;
  margin-top: 13px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .note {
    font-size: 1.5652173913vw;
    margin-top: 1.1304347826vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .note {
    font-size: 3.125vw;
    margin-top: 1.953125vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .privacy_box {
  overflow-y: auto;
  overflow-x: hidden;
  height: 230px;
  border-radius: 5px;
  border: 1px solid #4d4d4d;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box {
    height: 20vw;
    border-radius: 0.4347826087vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box {
    height: 33.8541666667vw;
    border-radius: 0.6510416667vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in {
  font-size: 14px;
  width: 1026px;
  margin: 0 auto;
  padding: 20px 0;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in {
    font-size: 1.2173913043vw;
    width: 89.2173913043vw;
    padding: 1.7391304348vw 0;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in {
    font-size: 3.3854166667vw;
    width: 75.5208333333vw;
    padding: 2.9947916667vw 0;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in h4,
#rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in p {
  line-height: 1.42;
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in h4,
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in p {
    line-height: 1.23;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in h4 {
  margin-top: 18px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in h4 {
    margin-top: 1.5652173913vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in h4 {
    margin-top: 3.90625vw;
  }
}
#rokugan_container #contact_area .inner .form_area .item_box .privacy_box .privacy_in h4:first-child {
  margin-top: 0;
}
#rokugan_container #contact_area .inner .form_area .name_box {
  display: flex;
  justify-content: space-between;
}
#rokugan_container #contact_area .inner .form_area .name_box .item_box {
  width: 530px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .name_box .item_box {
    width: 46.0869565217vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .name_box .item_box {
    width: 40.3645833333vw;
  }
}
#rokugan_container #contact_area .inner .form_area .name_box .item_box .input input {
  width: 530px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .name_box .item_box .input input {
    width: 46.0869565217vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .name_box .item_box .input input {
    width: 40.3645833333vw;
  }
}
#rokugan_container #contact_area .inner .form_area .agree {
  font-size: 20px;
  text-align: center;
  margin: 35px 0 70px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .agree {
    font-size: 1.7391304348vw;
    margin: 3.0434782609vw 0 6.0869565217vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .agree {
    font-size: 3.6458333333vw;
    margin: 6.25vw 0 15.625vw;
  }
}
#rokugan_container #contact_area .inner .form_area .agree input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0 15px 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .agree input[type="checkbox"] {
    width: 1.7391304348vw;
    height: 1.7391304348vw;
    margin: 0 1.3043478261vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .agree input[type="checkbox"] {
    width: 2.9565217391vw;
    height: 2.9565217391vw;
    margin: 0 1.5652173913vw 0 0;
  }
}
#rokugan_container #contact_area .inner .form_area .submit .btn-submit {
  display: block;
  text-indent: -9999px;
  width: 500px;
  height: 80px;
  margin: 0 auto;
  background: url(../../img/template/images/pc_form_btn_submit.png) no-repeat top left/100%;
  cursor: pointer;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container #contact_area .inner .form_area .submit .btn-submit {
    width: 43.4782608696vw;
    height: 6.9565217391vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container #contact_area .inner .form_area .submit .btn-submit {
    width: 78.125vw;
    height: 15.625vw;
    background: url(../../img/template/images/sp_form_btn_submit.png) no-repeat top left/100%;
  }
}
#rokugan_container #contact_area .inner .form_area .submit .btn-submit:disabled {
  cursor: auto;
}
#rokugan_container #contact_area .inner .form_area .submit .btn-submit:disabled,
#rokugan_container #contact_area .inner .form_area .submit .btn-submit:hover {
  opacity: 0.7;
}
#rokugan_container .thanks {
  min-height: 100vh;
}
#rokugan_container .thanks .thanks_text {
  font-size: 20px;
  text-align: center;
  line-height: 2.35;
  letter-spacing: 0.06em;
  margin-bottom: 90px;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container .thanks .thanks_text {
    font-size: 1.7391304348vw;
    margin-bottom: 7.8260869565vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container .thanks .thanks_text {
    font-size: 3.6458333333vw;
    line-height: 1.78;
    margin-bottom: 19.53125vw;
  }
}
#rokugan_container .thanks .thanks_top_btn {
  width: 500px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1149px) {
  #rokugan_container .thanks .thanks_top_btn {
    width: 43.4782608696vw;
  }
}
@media screen and (max-width: 768px) {
  #rokugan_container .thanks .thanks_top_btn {
    width: 78.125vw;
  }
} /*# sourceMappingURL=form.css.map */