@charset "UTF-8";
/* parts */
/* _mixin */
/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  src: url("../font/NotoSansJP-Black.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansJP-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansJP-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Light.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSansJP-Thin.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  src: url("../font/Jost-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  src: url("../font/Jost-SemiBold.woff2") format("woff2");
  font-display: swap;
}
/* other */
/* indiviual */
#contents-area {
  width: 95%;
}
@media screen and (min-width: 1940px) {
  #contents-area {
    width: 60%;
  }
}
@media screen and (min-width: 1501px) and (max-width: 1940px) {
  #contents-area {
    width: 50%;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1500px) {
  #contents-area {
    width: 65%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #contents-area {
    width: 75%;
  }
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
  #contents-area {
    width: 85%;
  }
}
#contents-area {
  margin: 0 auto;
}

form .fade {
  color: #fff;
  opacity: 0;
  display: none;
}
form .fade.show {
  color: #000;
  display: block;
  opacity: 1;
  transition: 0.4s ease;
}
form p {
  margin: 2.5em 0;
}
form .btn-area {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}

dl.form-dl {
  width: 100%;
  padding: 2em;
  background: #F2F2F2;
}
dl.form-dl dt {
  color: #2A0F09;
  width: 100%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: center;
}
dl.form-dl dt::before {
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  display: block;
  background: #07627A;
  content: "";
}
dl.form-dl dt span.require {
  color: #B20A0A;
  font-weight: bold;
  padding-left: 0.5em;
}
dl.form-dl dd {
  min-height: 1.5em;
  padding-top: 0.5em;
}
dl.form-dl dd + dt {
  margin-top: 1.75em;
}
dl.form-dl dd input,
dl.form-dl dd textarea {
  width: 100%;
}
dl.form-dl dd textarea {
  min-height: 12em;
}
dl.form-dl dd span.wpcf7-not-valid-tip {
  color: #B20A0A;
  padding-top: 0.25em;
  display: block;
}

.form-privacy {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center;
}
.form-privacy span.wpcf7-form-control-wrap {
  padding: 1.25em;
  display: inline-block;
  background: #F2F2F2;
}
.form-privacy span.wpcf7-form-control-wrap .wpcf7-list-item {
  margin-left: 0;
}
.form-privacy span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  padding-top: 1em;
}
.form-privacy span.wpcf7-form-control-wrap input {
  margin-right: 0.25em;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  border: none !important;
}

.wpcf7-response-output.wpcf7-validation-errors {
  border: none !important;
}

p.complete {
  font-family: "Yu Mincho", "Hiragino Mincho", "Noto Serif JP", "MS Mincho", "MS 明朝", "Noto Serif", "Droid Serif", serif;
  font-style: normal;
  line-height: 1.3;
}
p.complete:lang(zh-Hans) {
  font-family: "Noto Serif SC", "Noto Serif", "Times New Roman", serif;
}
p.complete {
  font-size: 2em;
  width: 100%;
  margin: 3em 0 2em 0;
}/*# sourceMappingURL=contact.css.map */