@charset "UTF-8";
/*--------------------------
Cover
---------------------------*/
section.cover {
  background-image: url("/wp-content/themes/mitsuibf-theme/images/misc/cover.jpg");
  background-size: cover;
  background-position: center;
}

/*--------------------------
inquiry
---------------------------*/
body.inquiry section.inputform,
body.inquiry section.confirmform,
body.inquiry section.success {
  width: 660px;
  padding: 70px 0 100px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  body.inquiry section.inputform,
body.inquiry section.confirmform,
body.inquiry section.success {
    width: 90%;
    padding: 50px 0 80px;
  }
}
body.inquiry section.inputform .intro,
body.inquiry section.confirmform .intro,
body.inquiry section.success .intro {
  line-height: 1.8em;
}
body.inquiry section.inputform .intro .red,
body.inquiry section.confirmform .intro .red,
body.inquiry section.success .intro .red {
  color: #ff0000;
}
body.inquiry section.inputform table,
body.inquiry section.confirmform table,
body.inquiry section.success table {
  width: 100%;
  margin-top: 50px;
}
body.inquiry section.inputform table tr th,
body.inquiry section.confirmform table tr th,
body.inquiry section.success table tr th {
  width: 30%;
  padding: 16px 20px 16px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  font-weight: bold;
}
body.inquiry section.inputform table tr th span,
body.inquiry section.confirmform table tr th span,
body.inquiry section.success table tr th span {
  color: #ff0000;
}
body.inquiry section.inputform table tr th.mid,
body.inquiry section.confirmform table tr th.mid,
body.inquiry section.success table tr th.mid {
  vertical-align: middle;
}
body.inquiry section.inputform table tr td,
body.inquiry section.confirmform table tr td,
body.inquiry section.success table tr td {
  width: 70%;
  padding: 16px 0;
}
body.inquiry section.inputform table tr td select, body.inquiry section.inputform table tr td input, body.inquiry section.inputform table tr td textarea,
body.inquiry section.confirmform table tr td select,
body.inquiry section.confirmform table tr td input,
body.inquiry section.confirmform table tr td textarea,
body.inquiry section.success table tr td select,
body.inquiry section.success table tr td input,
body.inquiry section.success table tr td textarea {
  border: 1px solid #a6a6a6;
  border-radius: 3px;
  padding: 8px 10px;
  width: 100%;
}
body.inquiry section.inputform table tr td select,
body.inquiry section.confirmform table tr td select,
body.inquiry section.success table tr td select {
  padding: 12px 20px;
}
body.inquiry section.inputform table tr td textarea,
body.inquiry section.confirmform table tr td textarea,
body.inquiry section.success table tr td textarea {
  line-height: 1.8em;
  height: 8em;
}
body.inquiry section.inputform table tr td .selectwrap,
body.inquiry section.confirmform table tr td .selectwrap,
body.inquiry section.success table tr td .selectwrap {
  position: relative;
}
body.inquiry section.inputform table tr td .selectwrap:after,
body.inquiry section.confirmform table tr td .selectwrap:after,
body.inquiry section.success table tr td .selectwrap:after {
  content: "▼";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1rem;
  color: #666;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  body.inquiry section.inputform table,
body.inquiry section.confirmform table,
body.inquiry section.success table {
    display: block;
    margin-top: 30px;
  }
  body.inquiry section.inputform table tr,
body.inquiry section.confirmform table tr,
body.inquiry section.success table tr {
    width: 90vw;
    display: block;
  }
  body.inquiry section.inputform table tr th,
body.inquiry section.confirmform table tr th,
body.inquiry section.success table tr th {
    width: 100%;
    display: block;
    padding: 20px 0 0 0;
  }
  body.inquiry section.inputform table tr td,
body.inquiry section.confirmform table tr td,
body.inquiry section.success table tr td {
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
  }
}
body.inquiry section.inputform .privacy,
body.inquiry section.confirmform .privacy,
body.inquiry section.success .privacy {
  background-color: #fafafa;
  border: 1px solid #a6a6a6;
  margin-top: 30px;
  padding: 0 15px 15px;
  height: 160px;
  overflow-y: scroll;
}
@media only screen and (max-width: 768px) {
  body.inquiry section.inputform .privacy,
body.inquiry section.confirmform .privacy,
body.inquiry section.success .privacy {
    margin-top: 40px;
  }
}
body.inquiry section.inputform .privacy p, body.inquiry section.inputform .privacy ul, body.inquiry section.inputform .privacy ol,
body.inquiry section.confirmform .privacy p,
body.inquiry section.confirmform .privacy ul,
body.inquiry section.confirmform .privacy ol,
body.inquiry section.success .privacy p,
body.inquiry section.success .privacy ul,
body.inquiry section.success .privacy ol {
  font-size: 1.4rem;
  line-height: 1.6em;
}
body.inquiry section.inputform .privacy .tl, body.inquiry section.inputform .privacy .stl,
body.inquiry section.confirmform .privacy .tl,
body.inquiry section.confirmform .privacy .stl,
body.inquiry section.success .privacy .tl,
body.inquiry section.success .privacy .stl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  font-weight: bold;
  margin-top: 10px;
}
body.inquiry section.inputform .privacy ol li,
body.inquiry section.confirmform .privacy ol li,
body.inquiry section.success .privacy ol li {
  position: relative;
  padding-left: 3em;
}
body.inquiry section.inputform .privacy ol li span,
body.inquiry section.confirmform .privacy ol li span,
body.inquiry section.success .privacy ol li span {
  position: absolute;
  top: 0;
  left: 0;
}
body.inquiry section.inputform .privacy ul,
body.inquiry section.confirmform .privacy ul,
body.inquiry section.success .privacy ul {
  margin-left: 20px;
}
body.inquiry section.inputform .privacy ul li,
body.inquiry section.confirmform .privacy ul li,
body.inquiry section.success .privacy ul li {
  list-style-type: disc;
}
body.inquiry section.inputform .privcheck,
body.inquiry section.confirmform .privcheck,
body.inquiry section.success .privcheck {
  text-align: center;
  margin-top: 20px;
}
body.inquiry section.inputform .privcheck span,
body.inquiry section.confirmform .privcheck span,
body.inquiry section.success .privcheck span {
  margin-left: 5px;
}
body.inquiry section.inputform .buttonarea,
body.inquiry section.confirmform .buttonarea,
body.inquiry section.success .buttonarea {
  text-align: center;
  margin-top: 30px;
}
body.inquiry section.inputform .buttonarea .button,
body.inquiry section.confirmform .buttonarea .button,
body.inquiry section.success .buttonarea .button {
  width: 300px;
  font-size: 1.8rem;
  display: inline-block;
  background-color: #00954d;
  color: #ffffff;
  padding: 18px 0;
  position: relative;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 13, 7, 0.15);
          box-shadow: 0px 0px 30px 0px rgba(0, 13, 7, 0.15);
}
body.inquiry section.inputform .buttonarea .button::after,
body.inquiry section.confirmform .buttonarea .button::after,
body.inquiry section.success .buttonarea .button::after {
  content: "";
  background-image: url("/wp-content/themes/mitsuibf-theme/images/common/button-arrow_pc.png");
  width: 4px;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
}
body.inquiry section.inputform .buttonarea .button + .button.onlypc,
body.inquiry section.confirmform .buttonarea .button + .button.onlypc,
body.inquiry section.success .buttonarea .button + .button.onlypc {
  margin-left: 30px;
}
body.inquiry section.inputform .buttonarea .button.onlysp,
body.inquiry section.confirmform .buttonarea .button.onlysp,
body.inquiry section.success .buttonarea .button.onlysp {
  display: none;
}
@media only screen and (max-width: 768px) {
  body.inquiry section.inputform .buttonarea .button,
body.inquiry section.confirmform .buttonarea .button,
body.inquiry section.success .buttonarea .button {
    width: 100%;
  }
  body.inquiry section.inputform .buttonarea .button + .button,
body.inquiry section.confirmform .buttonarea .button + .button,
body.inquiry section.success .buttonarea .button + .button {
    margin: 1.5em 0 0;
  }
  body.inquiry section.inputform .buttonarea .button.onlysp,
body.inquiry section.confirmform .buttonarea .button.onlysp,
body.inquiry section.success .buttonarea .button.onlysp {
    display: inline-block;
  }
  body.inquiry section.inputform .buttonarea .button.onlypc,
body.inquiry section.confirmform .buttonarea .button.onlypc,
body.inquiry section.success .buttonarea .button.onlypc {
    display: none;
  }
}
body.inquiry section.inputform .buttonarea .button.return,
body.inquiry section.confirmform .buttonarea .button.return,
body.inquiry section.success .buttonarea .button.return {
  background-color: #9db1a9;
}
body.inquiry section.inputform .err,
body.inquiry section.confirmform .err,
body.inquiry section.success .err {
  color: #ff0000;
  font-size: 1.4rem;
  margin-top: 10px;
}
body.inquiry section.inputform .priverr,
body.inquiry section.confirmform .priverr,
body.inquiry section.success .priverr {
  text-align: center;
}
body.inquiry section.inputform .errormessage,
body.inquiry section.confirmform .errormessage,
body.inquiry section.success .errormessage {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ff0000;
  color: #ff0000;
  padding: 1em 0;
  margin-top: 30px;
}
body.inquiry section.success .message {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  text-align: center;
  font-weight: bold;
  border: 1px solid #00954d;
  padding: 2em 0;
}
body.inquiry section.success .buttonarea {
  margin-top: 150px;
}
body.inquiry section.confirmform .message {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  text-align: center;
  font-weight: bold;
  border: 1px solid #00954d;
  padding: 2em 0;
}

/*--------------------------
sitemap
---------------------------*/
body.sitemap section.sitemap {
  padding: 50px 0 100px;
}
@media only screen and (max-width: 768px) {
  body.sitemap section.sitemap {
    padding: 30px 0 80px;
  }
}
body.sitemap section.sitemap .columnwrap {
  width: 800px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.sitemap section.sitemap .columnwrap > ul {
  width: 50%;
}
body.sitemap section.sitemap .columnwrap > ul > li {
  margin-top: 2em;
}
body.sitemap section.sitemap .columnwrap > ul > li > a {
  display: inline-block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  font-weight: bold;
}
body.sitemap section.sitemap .columnwrap > ul > li > a::after {
  content: "";
  background-image: url("/wp-content/themes/mitsuibf-theme/images/misc/map-arrow_pc.png");
  width: 6px;
  height: 12px;
  display: inline-block;
  margin-left: 5px;
}
body.sitemap section.sitemap .columnwrap > ul > li ul {
  padding-left: 2em;
}
body.sitemap section.sitemap .columnwrap > ul > li ul li {
  margin-top: 1em;
}
@media only screen and (max-width: 768px) {
  body.sitemap section.sitemap .columnwrap {
    width: 80%;
    display: block;
  }
  body.sitemap section.sitemap .columnwrap > ul {
    width: 100%;
  }
  body.sitemap section.sitemap .columnwrap > ul > li {
    margin-top: 2.5em;
  }
  body.sitemap section.sitemap .columnwrap > ul > li ul li {
    margin-top: 1.5em;
  }
}

/*--------------------------
Privacy
---------------------------*/
body.privacy section.privacy {
  padding: 40px 0 100px;
  width: 850px;
  margin: 0 auto;
}
body.privacy section.privacy p, body.privacy section.privacy ul, body.privacy section.privacy ol {
  font-size: 1.4rem;
  line-height: 1.8em;
}
body.privacy section.privacy .tl, body.privacy section.privacy .stl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  font-weight: bold;
  margin-top: 30px;
}
body.privacy section.privacy ol li {
  position: relative;
  padding-left: 3em;
}
body.privacy section.privacy ol li span {
  position: absolute;
  top: 0;
  left: 0;
}
body.privacy section.privacy ul {
  margin-left: 20px;
}
body.privacy section.privacy ul li {
  list-style-type: disc;
}
@media only screen and (max-width: 768px) {
  body.privacy section.privacy {
    width: 90%;
    padding: 30px 0 80px;
  }
}

/*--------------------------
Terms
---------------------------*/
body.terms section.terms {
  padding: 30px 0 100px;
}
body.terms section.terms .context {
  width: 660px;
  margin: 0 auto 0;
}
body.terms section.terms .context p {
  margin-top: 20px;
  line-height: 1.8em;
}
body.terms section.terms .context p a {
  text-decoration: underline;
}
body.terms section.terms .context .tl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, Arial, sans-serif;
  font-weight: bold;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  body.terms section.terms {
    padding: 20px 0 80px;
  }
  body.terms section.terms .context {
    width: 90%;
  }
}