@charset "UTF-8";
/*================================================  ================================================*/
/* Contact Form 7 の送信後メッセージを常に非表示 */
.wpcf7 .wpcf7-response-output {
  display: none !important;
}

.wpcf7-list-item {
  margin: 0 !important;
}

@media screen and (min-width: 768px) {
  main div.contact-box {
    width: 602px;
    margin: 75px auto;
  }
}
main div.contact-box span.error-msg {
  display: block;
  color: #FF0000;
}
main div.contact-box.check {
  margin-top: 5%;
}
main div.contact-box.check h2 {
  text-align: center;
  font-size: 1.4em;
  margin-bottom: 15%;
}
@media screen and (min-width: 768px) {
  main div.contact-box.check h2 {
    margin-bottom: 50px;
  }
}
main div.contact-box.check ul.contact-ul li {
  border-bottom: solid 4px #F4F4F4;
  padding: 0 0 1em;
}
@media screen and (min-width: 768px) {
  main div.contact-box.check ul.contact-ul li {
    margin-bottom: 20px;
  }
}
main div.contact-box.check ul.contact-ul li dl dt {
  font-weight: 700;
}
main div.contact-box.check div.check-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8%;
}
@media screen and (min-width: 768px) {
  main div.contact-box.check div.check-btn-wrap {
    gap: 32px;
  }
}
main div.contact-box.check div.check-btn-wrap input[type=button].back_button,
main div.contact-box.check div.check-btn-wrap input[type=submit],
main div.contact-box.check div.check-btn-wrap button,
main div.contact-box.check div.check-btn-wrap a {
  width: 42%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  main div.contact-box.check div.check-btn-wrap input[type=button].back_button,
  main div.contact-box.check div.check-btn-wrap input[type=submit],
  main div.contact-box.check div.check-btn-wrap button,
  main div.contact-box.check div.check-btn-wrap a {
    width: 130px;
  }
}
main div.contact-box.check div.check-btn-wrap input[type=button].back_button,
main div.contact-box.check div.check-btn-wrap button {
  display: block;
  background: #B2B2B2;
  border: #B2B2B2;
  border-radius: 50em;
  color: #FFF;
}
main div.contact-box .wpcf7-spinner {
  display: none;
}
main div.contact-box.thanks h2 {
  text-align: center;
  font-size: 1.4em;
  margin-bottom: 15%;
  color: #65B9B6;
}
@media screen and (min-width: 768px) {
  main div.contact-box.thanks h2 {
    margin-bottom: 50px;
  }
}
main div.contact-box.thanks p.thanks-txt01 {
  text-align: center;
  margin-bottom: 1em;
  font-size: 1.12em;
  line-height: 2em;
}
main p.contact-txt01 {
  margin: 10% 0;
  font-size: 1.12em;
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  main p.contact-txt01 {
    font-size: 16px;
    margin: 75px 0;
  }
}
@media screen and (min-width: 768px) {
  main ul.contact-ul {
    margin-bottom: 50px;
  }
}
main ul.contact-ul li {
  margin-bottom: 10%;
}
@media screen and (min-width: 768px) {
  main ul.contact-ul li {
    margin-bottom: 20px;
  }
  main ul.contact-ul li:first-child {
    margin-bottom: 40px;
  }
}
main ul.contact-ul li span.wpcf7-list-item-label {
  display: inline-block;
  position: relative;
  padding-left: 1.4em;
  margin-right: 1.4em;
}
main ul.contact-ul li span.wpcf7-list-item-label::before {
  display: block;
  content: "";
  width: 1.1em;
  height: 1.1em;
  border: 1px solid #65BAB6;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0.34em;
  left: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  main ul.contact-ul li span.wpcf7-list-item-label::before {
    top: 0.34em;
  }
}
main ul.contact-ul li input[type=radio]:checked + .wpcf7-list-item-label::after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  background: #65BAB6;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: 0.49em;
  left: 0.15em;
}
main ul.contact-ul li span.customCheck,
main ul.contact-ul li span.radio-txt-wrap {
  display: inline-block;
  position: relative;
  margin-right: 1.4em;
}
main ul.contact-ul li span.customCheck .radio-label,
main ul.contact-ul li span.radio-txt-wrap .radio-label {
  cursor: pointer;
}
main ul.contact-ul li span.customCheck input[type=radio],
main ul.contact-ul li span.customCheck .customCheck,
main ul.contact-ul li span.radio-txt-wrap input[type=radio],
main ul.contact-ul li span.radio-txt-wrap .customCheck {
  display: none;
}
main ul.contact-ul li span.customCheck .customRadio,
main ul.contact-ul li span.radio-txt-wrap .customRadio {
  width: 1.1em;
  height: 1.1em;
  border: 1px solid #65BAB6;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 0.34em;
}
@media screen and (min-width: 768px) {
  main ul.contact-ul li span.customCheck .customRadio,
  main ul.contact-ul li span.radio-txt-wrap .customRadio {
    top: 0.36em;
  }
}
main ul.contact-ul li span.customCheck .radio-txt,
main ul.contact-ul li span.radio-txt-wrap .radio-txt {
  padding-left: 1.8em;
}
main ul.contact-ul li span.customCheck .customCheck:checked + .customRadio::after,
main ul.contact-ul li span.radio-txt-wrap .customCheck:checked + .customRadio::after {
  content: "";
  width: 50%;
  height: 50%;
  background: #65BAB6;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main ul.contact-ul li .radio-txt {
  font-size: 1.12em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  main ul.contact-ul li .radio-txt {
    font-size: 16px;
  }
}
main ul.contact-ul li dl dt {
  font-size: 1.12em;
  letter-spacing: 0;
  margin-bottom: 0.6em;
}
@media screen and (min-width: 768px) {
  main ul.contact-ul li dl dt {
    font-size: 16px;
  }
}
main ul.contact-ul li dl dt span.red {
  color: #FF0000;
}
main ul.contact-ul li dl dd input, main ul.contact-ul li dl dd textarea {
  width: 100%;
  border: solid #EAEAEA 3px;
  border-radius: 0.4em;
  padding: 0.4em;
  box-sizing: border-box;
  font-size: 1.2em;
}
main ul.contact-ul li dl dd textarea {
  min-height: 50vw;
}
@media screen and (min-width: 768px) {
  main ul.contact-ul li dl dd textarea {
    min-height: 188px;
  }
}
main div.privacy-check {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0.98em;
}
@media screen and (min-width: 768px) {
  main div.privacy-check {
    font-size: 14px;
  }
}
main div.privacy-check input {
  width: 1.4em;
  height: 1.4em;
  cursor: pointer;
}
main div.privacy-check label {
  padding: 0 0 0 0.6em;
  cursor: pointer;
}
main a.privacy-txt {
  display: block;
  color: #111;
  text-align: center;
  text-decoration: underline;
  margin: 0.6em 0 2.6em;
  font-size: 0.98em;
}
@media screen and (min-width: 768px) {
  main a.privacy-txt {
    font-size: 14px;
  }
}
main input[type=button].back_button,
main input[type=button].cm-btn01,
main input[type=submit],
main button.cm-btn01,
main a.cm-btn01 {
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  main input[type=button].back_button,
  main input[type=button].cm-btn01,
  main input[type=submit],
  main button.cm-btn01,
  main a.cm-btn01 {
    display: block;
    margin: auto;
    width: 343px;
  }
}
main div.telphone-box {
  text-align: center;
  padding: 10% 0;
}
@media screen and (min-width: 768px) {
  main div.telphone-box {
    padding: 60px 0;
  }
}
main div.telphone-box .telphone-txt01 {
  font-size: 1.68em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  main div.telphone-box .telphone-txt01 {
    font-size: 24px;
  }
}
main div.telphone-box .telphone-txt02 {
  font-size: 0.98em;
  margin: 1.2em 0;
}
@media screen and (min-width: 768px) {
  main div.telphone-box .telphone-txt02 {
    font-size: 16px;
  }
}
main div.telphone-box .telphone-txt03 {
  font-size: 2.38em;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  main div.telphone-box .telphone-txt03 {
    font-size: 34px;
  }
}
main div.telphone-box .telphone-txt04 {
  font-size: 1.12em;
  font-weight: 700;
  margin: 0.4em 0;
}
@media screen and (min-width: 768px) {
  main div.telphone-box .telphone-txt04 {
    font-size: 16px;
    margin: 0.2em 0;
  }
}
main div.telphone-box .telphone-txt05 {
  font-size: 1.12em;
}
@media screen and (min-width: 768px) {
  main div.telphone-box .telphone-txt05 {
    font-size: 16px;
  }
}

div.bg-img01 {
  width: 90%;
  top: -50vw;
  right: -25%;
  transform: translate(0, 0%) rotate(-80deg);
}
@media screen and (min-width: 768px) {
  div.bg-img01 {
    width: 580px;
    left: -250px;
    right: auto;
    top: 40px;
    transform: translate(0, 0%) rotate(-190deg);
  }
}

@media screen and (min-width: 768px) {
  div.bg-img02 {
    width: 580px;
    right: -200px;
    top: 500px;
    transform: translate(0, 0%) rotate(-100deg);
  }
}

div.bg-img03 {
  width: 90%;
  top: -50vw;
  right: -25%;
  transform: translate(0, 0%) rotate(-80deg);
}
@media screen and (min-width: 768px) {
  div.bg-img03 {
    width: 580px;
    left: -250px;
    right: auto;
    top: -50px;
    transform: translate(0, 0%) rotate(-190deg);
  }
}

@media screen and (min-width: 768px) {
  div.bg-img04 {
    width: 700px;
    right: -300px;
    top: -200px;
    transform: translate(0, 0%) rotate(-80deg);
  }
}/*# sourceMappingURL=contact.css.map */