@charset "UTF-8";
/* Scss Document */
/*=============================================================
 横スクロール
=============================================================*/
@media screen and (min-width: 1229.9px) {
  .js-scrollable {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media screen and (min-width: 1229.9px) {
  .js-scrollable::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (min-width: 519.9px) {
  .scroll-hint-icon {
    display: none;
  }
}

/*=============================================================
 お問い合わせ｜資料ダウンロード 共通
=============================================================*/
@media screen and (max-width: 519.9px) {
  .com-form {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 519.9px) {
  .com-form {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
.com-form dl {
  border: 1px solid #333;
}
@media screen and (max-width: 519.9px) {
  .com-form dl {
    max-width: 90%;
    margin: 0 auto;
  }
}
.com-form dl dt {
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 519.9px) {
  .com-form dl dt {
    line-height: 60px;
    font-size: 4vw;
  }
}
@media screen and (min-width: 519.9px) {
  .com-form dl dt {
    line-height: 80px;
    font-size: 20px;
  }
}
.com-form dl dt:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #333;
}
@media screen and (max-width: 519.9px) {
  .com-form dl dt:before {
    width: 12px;
    right: 15px;
    top: 50%;
    height: 2px;
  }
}
@media screen and (min-width: 519.9px) {
  .com-form dl dt:before {
    width: 16px;
    right: 35px;
    top: 50%;
    height: 3px;
  }
}
.com-form dl dt:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #333;
  transition: all 0.3s;
  transform: rotate(90deg);
}
@media screen and (max-width: 519.9px) {
  .com-form dl dt:after {
    width: 12px;
    right: 15px;
    top: 50%;
    height: 2px;
  }
}
@media screen and (min-width: 519.9px) {
  .com-form dl dt:after {
    width: 16px;
    right: 35px;
    top: 50%;
    height: 3px;
  }
}
.com-form dl dt.on:after {
  transform: rotate(0deg);
  transition: all 0.3s;
}
.com-form dl dd {
  display: none;
  padding: 20px;
  text-align: left;
}
@media screen and (min-width: 519.9px) {
  .com-form dl dd {
    font-size: 16px;
  }
}
.com-form dl dd ul {
  margin-left: 1em;
  line-height: 2;
}
.com-form dl dd ul li:before {
  content: "・";
  display: inline-block;
  text-indent: -1em;
}

/*=============================================================
 お問い合わせ
=============================================================*/
.contact-sec01 .container {
  padding: 0;
}

/*=============================================================
 資料ダウンロード
=============================================================*/
/*=============================================================
 プライバシーポリシー
=============================================================*/
.privacypolicy-sec01-block {
  text-align: left;
}
@media screen and (max-width: 519.9px) {
  .privacypolicy-sec01-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 519.9px) {
  .privacypolicy-sec01-block {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
.privacypolicy-sec01-block .title {
  color: #51B748;
  margin-top: 2em;
}
@media screen and (max-width: 519.9px) {
  .privacypolicy-sec01-block .title {
    font-size: 4vw;
  }
}
@media screen and (min-width: 519.9px) {
  .privacypolicy-sec01-block .title {
    font-size: 20px;
  }
}
.privacypolicy-sec01-block .sub_title {
  color: #333333;
  margin-top: 1em;
  margin-bottom: -1em;
  font-weight: 500;
}
@media screen and (max-width: 519.9px) {
  .privacypolicy-sec01-block .sub_title {
    font-size: 4vw;
  }
}
@media screen and (min-width: 519.9px) {
  .privacypolicy-sec01-block .sub_title {
    font-size: 18px;
  }
}
.privacypolicy-sec01-block .sub_title.text_indent {
  margin-left: 2.2em;
  margin-top: 1.8em;
}
.privacypolicy-sec01-block p {
  margin-top: 1em;
  line-height: 1.8;
}
.privacypolicy-sec01-block p:first-child {
  margin-top: 0;
}
.privacypolicy-sec01-block p.mt_XS {
  margin-top: 1.5em;
}
.privacypolicy-sec01-block p.p_text_indent {
  margin-left: 1.2em;
  margin-top: 1.8em;
}
.privacypolicy-sec01-block p.p_text_indent_2 {
  margin-left: 0em;
  margin-top: 1em;
  text-indent: 0;
}
.privacypolicy-sec01-block p a {
  text-decoration: underline;
}
.privacypolicy-sec01-block p a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.privacypolicy-sec01-block ul {
  margin-left: 0.5em;
  margin-top: 1em;
}
.privacypolicy-sec01-block ul li {
  text-indent: -0.5em;
}
.privacypolicy-sec01-block ul.mt0 {
  margin-top: 0em;
}
.privacypolicy-sec01-block ul.mt0 li.mb0 {
  margin-bottom: 0em;
}
.privacypolicy-sec01-block ul.ml_m {
  margin-left: 1.3em;
}
.privacypolicy-sec01-block ol {
  margin-left: 1em;
  margin-top: 1em;
}
.privacypolicy-sec01-block ol li {
  text-indent: -1em;
  margin-bottom: 0.8em;
}
.privacypolicy-sec01-block ol li.mb_xs {
  margin-bottom: 0.5em;
}
.privacypolicy-sec01-block ol.text_indent {
  margin-left: 2.2em;
  margin-top: 1.8em;
}
.privacypolicy-sec01-block .mt_XS {
  margin-top: 1.5em;
}

/*=============================================================
 404
=============================================================*/
@media screen and (max-width: 519.9px) {
  .page404-sec01-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 519.9px) {
  .page404-sec01-block {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
.page404-sec01-block-lead {
  line-height: 1.8;
}
@media screen and (max-width: 519.9px) {
  .page404-sec01-block-lead {
    padding-bottom: 40px;
    font-size: 4vw;
  }
}
@media screen and (min-width: 519.9px) {
  .page404-sec01-block-lead {
    padding-bottom: 75px;
    font-size: 20px;
  }
}/*# sourceMappingURL=style_page.css.map */