@charset 'UTF-8';
.inquiry {
  position:relative;

  padding-bottom:168px;
  padding-top:190px;
}
.inquiry:after {
  position:absolute;
  top:0;
  right:0;

  background-image:-webkit-image-set(url(../image/contact/top-img.png) 1x, url(../image/contact/2x/top-img@2x.png) 2x);
  background-image:image-set(url(../image/contact/top-img.png) 1x, url(../image/contact/2x/top-img@2x.png) 2x);
  background-size:contain;
  content:'';
  height:364px;
  max-width:1091px;
  width:80%;
  z-index:-1;
}

.sectionTitle {
  letter-spacing:.12em;
  padding-bottom:17px;
  padding-right:20px;
}

.sectionTitle_contact {
  margin-bottom:20px;
}

.inquiry_body {
  margin:0 auto;
  max-width:1140px;
  padding:0 20px;
}

/**
 * form
 */
.form_wrapper {
  margin-top:120px;
}

.formItems_cont {
  background:#f3f8ea;
  padding:50px 72px 65px;
  padding:50px 6.5454% 65px;
}

.inputItem {
  align-items:flex-start;
  -webkit-box-align:start;
  -webkit-box-pack:start;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  padding:21px 0;
  width:100%;
}
.inputItem label {
  text-align:left;
}

.inputName_wrapper {
  margin-top:10px;
  padding-right:26px;
  width:32%;
}

.inputName_require, .inputName {
  position:relative;

  align-items:center;
  -webkit-box-align:center;
  color:#2d5d29;
  display:block;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  font-size:2rem;
  font-weight:500;
  line-height:32px;
  min-width:250px;
  padding-right:75px;
  width:100%;
}
.inputName_require:after, .inputName:after {
  position:absolute;
  right:0;
  left:auto;

  background:#88b72d;
  -webkit-box-flex:0;
  color:#fff;
  display:inline-block;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  font-size:1.6rem;
  font-weight:500;
  line-height:32px;
  margin-left:auto;
  padding:4px 13px;
}

.inputName_require:after {
  content:'必須';
}

.inputName_notice {
  color:#2d5d29;
  display:block;
  font-size:1.4rem;
  padding-right:75px;
}

.item_input {
  font-size:1.7rem;
  width:68%;
}

#confirm .item_input {
  border-bottom:1px solid #b9b9b9;
  margin-top:15px;
}

#confirm .item_input p {
  min-height:1.8em;
}

select, input[type=text], input[type=email], input[type=date], textarea, .item_input > p {
  background-color:#fff;
  font-size:1.6rem;
  letter-spacing:.1em;
  line-height:1.8;
  padding-bottom:16px;
  padding-left:.5em;
  padding-right:1em;
  padding-top:16px;
  width:100%;
}
select::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .item_input > p::-webkit-input-placeholder {
  color:#a6a6a6;
}
select::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=date]::-moz-placeholder, textarea::-moz-placeholder, .item_input > p::-moz-placeholder {
  color:#a6a6a6;
}
select:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, textarea:-ms-input-placeholder, .item_input > p:-ms-input-placeholder {
  color:#a6a6a6;
}
select::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, textarea::-ms-input-placeholder, .item_input > p::-ms-input-placeholder {
  color:#a6a6a6;
}
select::placeholder, input[type=text]::placeholder, input[type=email]::placeholder, input[type=date]::placeholder, textarea::placeholder, .item_input > p::placeholder {
  color:#a6a6a6;
}

.item_input > p {
  background:transparent !important;
  padding:0;
}

option:first-of-type {
  color:#707070;
}

input[type=radio] {
  height:18px;
  width:25px;
}

/** checkbox 装飾**/
.checkbox-wrapper {
  padding-top:12px;
}
.checkbox-wrapper label {
  margin-bottom:20px;
  min-width:213px;
}
.checkbox-wrapper label:nth-of-type(odd) {
  width:35%;
}
.checkbox-wrapper label:nth-of-type(even) {
  width:64%;
}

.checkbox-input {
  display:none;
}

.checkbox-parts {
  position:relative;

  font-size:1.8rem;
  font-weight:300;
  margin-right:20px;
  padding-left:36px;
}
.checkbox-parts:before {
  position:absolute;
  top:3px;
  left:0;

  background:#fff;
  border:3px solid #ddd;
  content:'';
  display:block;
  height:24px;
  width:24px;
}

.checkbox-input:checked + .checkbox-parts:after {
  position:absolute;
  top:4px;
  left:8px;

  border-bottom:3px solid #88b72d;
  border-right:3px solid #88b72d;
  content:'';
  display:block;
  height:16px;
  -webkit-transform:rotate(40deg);
  transform:rotate(40deg);
  width:8px;
}

textarea {
  height:15em;
  padding:3px 8px;
}

input[type=radio], label {
  display:inline-block;
}

.privacy {
  padding-top:20px;
}
.privacy .inputName_require {
  width:100%;
}
.privacy .inputName_require:after {
  position:relative;
  right:auto;
  left:0;

  margin-left:23px;
  margin-right:auto;
}

.privacy_policy {
  background:#fff;
  color:#000;
  height:243px;
  margin-top:18px;
  overflow-y:scroll;
  padding:16px 21px;
}
.privacy_policy h3 {
  font-size:1.6rem;
  margin-bottom:14px;
}
.privacy_policy p, .privacy_policy ol, .privacy_policy li {
  font-size:1.4rem;
  line-height:2;
  margin-bottom:18px;
}
.privacy_policy ol, .privacy_policy li {
  list-style-type:decimal;
}
.privacy_policy ol {
  padding-left:2em;
}
.privacy_policy li {
  font-size:1.4rem;
}

.privacy_agreement {
  border:1px solid #88b72d;
  margin:19px auto;
  margin-top:20px;
  padding:20px 0 20px 23px;
  text-align:center;
  width:300px;
}

.formButton {
  height:100px;
  margin-top:50px;
  text-align:center;
}
.formButton p {
  display:inline-block;
  height:100%;
}
.formButton button, .formButton input {
  background:#000;
  border:none;
  border:2px solid transparent;
  border-radius:100px;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:3rem;
  font-weight:500;
  height:100%;
  letter-spacing:.1em;
  line-height:1;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  width:400px;
}
.formButton2 {
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:20px;
}

.step02_button {
  align-items:center;
  border:1px solid #88b72d;
  border-radius:8px;
  -webkit-box-align:center;
  -webkit-box-pack:center;
  color:#88b72d;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  -ms-flex-pack:center;
  font-size:1.8rem;
  justify-content:center;
  margin:0 1em;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  width:10em;
}
.step02_button:hover {
  background:#88b72d;
  background-position:center right 25px;
  background-size:29px;
  color:#fff;
}
.step02_button input[type=button], .step02_button button[type=submit] {
  padding:.5em;
  width:100%;
}

/** 同意ボタン押下で活性**/
button[type=submit][disabled] {
  cursor:default;
  opacity:.6;
}

.tel_wrapper {
  background:#e9ebf3;
  margin-left:auto;
  margin-right:auto;
  margin-top:93px;
  max-width:860px;
  padding-bottom:35px;
  padding-top:30px;
  text-align:center;
}
.tel_wrapper p {
  font-size:1.6rem;
  font-weight:500;
}
.tel_wrapper .tel_txt {
  color:#88b72d;
  font-size:3rem;
  font-weight:700;
}
.tel_wrapper .tel_num {
  color:#88b72d;
  font-size:4.8rem;
  font-weight:700;
  letter-spacing:.055em;
}
.tel_wrapper .tel_note {
  color:#88b72d;
  font-size:1.4rem;
  margin-top:-2px;
}

#confirm .formButton {
  height:75px;
}
#confirm .formButton input {
  margin-right:40px;
  width:300px;
}
#confirm .formButton input:last-of-type {
  margin-right:0;
}

.thanks-mes {
  line-height:1.8;
  margin-top:40px;
}
.thanks-mes a {
  display:inline-block;
  font-size:inherit;
}
@media screen and (max-width: 1200px) {
  .inquiry {
    position:relative;
  }
}
@media screen and (max-width: 820px) {
  .inquiry {
    padding-bottom:10vw;
    padding-top:20vw;
  }
  .sectionTitle_wrapper p {
    font-size:2.3vw;
  }
  .sectionTitle {
    border-bottom:.8vw solid #000;
    padding-bottom:.5vw;
  }
  .sectionTitle_contact {
    margin-bottom:5vw;
  }
  .form_wrapper {
    margin-top:7vw;
  }
  .formItems_cont {
    padding:5vw;
  }
  .inputItem {
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:2vw 0;
  }
  .inputName_wrapper {
    margin:2vw 0;
    padding-right:0;
    width:100%;
  }
  .inputName_require, .inputName {
    font-size:2.3vw;
    line-height:1.5;
    width:auto;
  }
  .inputName_require:after, .inputName:after {
    position:relative;
    right:auto;
    left:0;

    font-size:2vw;
    line-height:1;
    margin-left:1em;
    padding:1vw;
  }
  .inputName_notice {
    font-size:2.3vw;
    padding-right:0;
  }
  .item_input {
    width:100%;
  }
  #confirm .inputName_wrapper {
    margin:0;
  }
  #confirm .item_input {
    margin-top:0;
  }
  #confirm .item_input p {
    min-height:7.5vw;
  }
  select, input[type=text], input[type=email], input[type=date], textarea, .item_input > p {
    font-size:2.5vw;
    padding-bottom:1.5vw;
    padding-top:1.5vw;
  }
  input[type=radio] {
    height:3vw;
    width:4vw;
  }
  .checkbox-parts {
    font-size:2.5vw;
    padding-left:5.5vw;
  }
  .checkbox-parts:before {
    top:.6vw;
    left:1vw;

    height:3vw;
    width:3vw;
  }
  .privacy_policy {
    height:20vw;
    margin-top:3vw;
    padding:2vw 3vw;
  }
  .privacy_policy h3 {
    font-size:2.5vw;
    margin-bottom:1vw;
  }
  .privacy_policy p, .privacy_policy ol, .privacy_policy li {
    font-size:2vw;
    margin-bottom:2vw;
  }
  .privacy_agreement {
    margin:5vw auto 0;
    padding:2vw 0 2vw 3vw;
  }
  .formButton {
    height:9vw;
    margin-top:5vw;
  }
  .formButton button, .formButton input {
    font-size:3.3vw;
    width:45vw;
  }
  .formButton2 {
    height:8.5vw;
    margin-top:4vw;
  }
  .step02_button {
    background-position:center right 5vw;
    background-size:3vw;
    padding:2.5vw 12vw;
  }
  #confirm .formButton {
    height:9vw;
  }
  #confirm .formButton input {
    margin-right:2vw;
    width:35vw;
  }
}
@media screen and (max-width: 599px) {
  .inquiry {
    padding-bottom:20vw;
    padding-top:28vw;
  }
  .inquiry:after {
    width:110vw;
  }
  .sectionTitle_wrapper p {
    font-size:3.5vw;
  }
  .form_wrapper {
    margin-top:9vw;
  }
  .inputItem {
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:5vw 0 7vw;
  }
  .inputItem label {
    padding-left:0;
  }
  .inputName_require, .inputName {
    font-size:3.8vw;
    line-height:1.5;
    padding:0;
    width:100%;
  }
  .inputName_require:after, .inputName:after {
    font-size:3.3vw;
  }
  .inputName_notice {
    font-size:3.3vw;
  }
  .item_input {
    margin-top:1.5vw;
  }
  select, input[type=text], input[type=email], input[type=date], textarea, .item_input > p {
    font-size:3.6vw;
    padding-bottom:2vw;
    padding-top:2vw;
  }
  .checkbox-parts {
    font-size:3.5vw;
    padding-left:6vw;
  }
  .checkbox-parts:before {
    top:0vw;
    left:1vw;

    height:4vw;
    width:4vw;
  }
  textarea {
    height:15em;
  }
  .privacy_policy {
    height:39.5vw;
    margin-top:8vw;
    padding:4vw 6vw 0 4vw;
  }
  .privacy_policy h3 {
    font-size:4vw;
    margin-bottom:3vw;
  }
  .privacy_policy p, .privacy_policy ol, .privacy_policy li {
    font-size:3.5vw;
    font-weight:300;
    line-height:1.7;
  }
  .formButton {
    height:15vw;
    margin-top:8.5vw;
  }
  .formButton p {
    width:100%;
  }
  .formButton button, .formButton input {
    font-size:4.3vw;
    width:100%;
  }
  .tel_wrapper {
    margin-top:13vw;
    padding-bottom:4vw;
    padding-top:4vw;
  }
  .tel_wrapper p {
    font-size:3vw;
  }
  .tel_wrapper a {
    margin-bottom:1.5vw;
    margin-top:2vw;
  }
  .tel_wrapper .tel_txt {
    font-size:4.5vw;
  }
  .tel_wrapper .tel_num {
    font-size:7vw;
    line-height:0;
  }
  .tel_wrapper .tel_note {
    font-size:3vw;
  }
  #confirm .formButton {
    height:14vw;
  }
  .thanks-mes {
    margin-top:10vw;
  }
  .thanks-mes a {
    text-decoration:underline;
  }
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .inquiry:after {
    background-image:url(../image/contact/top-img.png);
  }
}
@media screen and (max-width: 1024px) {
  .checkbox-wrapper label:nth-of-type(odd) {
    width:100%;
  }
  .checkbox-wrapper label:nth-of-type(even) {
    width:100%;
  }
}