@charset "UTF-8";
/* line 6, ../../sass/faq/style.scss */
.faq .mv-container {
  background: url(/assets/img/faq/mv.jpg) center center no-repeat;
  background-size: cover;
}
/* line 11, ../../sass/faq/style.scss */
.faq .block-ttl {
  margin-bottom: 1.5em;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
/* line 18, ../../sass/faq/style.scss */
.faq a {
  text-decoration: none;
}
/* line 22, ../../sass/faq/style.scss */
.faq .search-block {
  margin-bottom: 6rem;
  padding-bottom: 7rem;
  border-bottom: 1px solid #ddd;
}
/* line 27, ../../sass/faq/style.scss */
.faq .search-block .keyword-box {
  padding: 3rem 2rem;
  background: #f5f5f5;
}
/* line 31, ../../sass/faq/style.scss */
.faq .search-block .keyword-box .inner {
  width: 73.24219%;
}
/* line 34, ../../sass/faq/style.scss */
.faq .search-block .keyword-box .inner input {
  width: 92%;
}
/* line 41, ../../sass/faq/style.scss */
.faq .category-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
/* line 46, ../../sass/faq/style.scss */
.faq .category-list li {
  width: 23.53516%;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
/* line 53, ../../sass/faq/style.scss */
.faq .category-list a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 170px;
  background: #f5f5f5;
}
/* line 62, ../../sass/faq/style.scss */
.faq .category-list a::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #000;
  border-bottom-color: #000;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 77, ../../sass/faq/style.scss */
.faq .category-list a:hover::after {
  -moz-transform: translate(5px, 5px);
  -ms-transform: translate(5px, 5px);
  -webkit-transform: translate(5px, 5px);
  transform: translate(5px, 5px);
}
/* line 83, ../../sass/faq/style.scss */
.faq .category-list .icon {
  margin-bottom: 1em;
}
/* line 87, ../../sass/faq/style.scss */
.faq .category-list .label-txt {
  margin-bottom: 0;
  line-height: 1.4;
  letter-spacing: .1em;
}
/* line 91, ../../sass/faq/style.scss */
.faq .category-list .label-txt span {
  display: inline-block;
}
/* line 97, ../../sass/faq/style.scss */
.faq .products-list {
  display: flex;
  flex-flow: row wrap;
}
/* line 101, ../../sass/faq/style.scss */
.faq .products-list li {
  margin-right: 4%;
  margin-bottom: 4%;
  width: 22%;
  text-align: center;
}
/* line 108, ../../sass/faq/style.scss */
.faq .products-list li:nth-child(4n) {
  margin-right: 0;
}
/* line 112, ../../sass/faq/style.scss */
.faq .products-list .icon {
  margin-bottom: 1em;
}
/* line 116, ../../sass/faq/style.scss */
.faq .products-list .txt {
  line-height: 1.4;
}
/* line 120, ../../sass/faq/style.scss */
.faq .products-list .ja {
  display: block;
  color: #999;
  font-weight: bold;
}
/* line 125, ../../sass/faq/style.scss */
.faq .products-list .en {
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .1em;
}
/* line 133, ../../sass/faq/style.scss */
.faq .qa-block {
  margin-bottom: 9.76563%;
}
/* line 137, ../../sass/faq/style.scss */
.faq .faq-list {
  padding-top: 2em;
  border-top: 1px solid #ddd;
  /* &.lot-list {
    .qa-list {
      dd {
        &::after {
          content: "続きを読む";
          margin-left: 1em;
          color: #0071be;
          text-decoration: underline;
          white-space: nowrap;
        }
        p {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
        }
      }
    }
  } */
}
/* line 141, ../../sass/faq/style.scss */
.faq .faq-list > li {
  margin-bottom: 2em;
  padding-bottom: 2.5em;
  border-bottom: 1px solid #ddd;
}
/* line 147, ../../sass/faq/style.scss */
.faq .faq-list .cate-label {
  margin-bottom: 2em;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .1em;
}
/* line 153, ../../sass/faq/style.scss */
.faq .faq-list .cate-label span {
  display: inline-block;
  padding-bottom: .1em;
  border-bottom: 3px solid currentColor;
}
/* line 159, ../../sass/faq/style.scss */
.faq .faq-list .cate-label.hydrogen {
  color: #2ac5e1;
}
/* line 162, ../../sass/faq/style.scss */
.faq .faq-list .cate-label.after-support {
  color: #1bd4c1;
}
/* line 165, ../../sass/faq/style.scss */
.faq .faq-list .cate-label.buy {
  color: #fea527;
}
/* line 190, ../../sass/faq/style.scss */
.faq .inquiry-block {
  text-align: center;
}
/* line 193, ../../sass/faq/style.scss */
.faq .inquiry-block .copy {
  margin-bottom: 3em;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
}
/* line 199, ../../sass/faq/style.scss */
.faq .inquiry-block .copy span {
  display: block;
}
/* line 204, ../../sass/faq/style.scss */
.faq .inquiry-block .means {
  display: flex;
  padding: 5.37109% 0 5.85938%;
  background: #f5f5f5;
}
/* line 208, ../../sass/faq/style.scss */
.faq .inquiry-block .means li {
  width: 50%;
}
/* line 211, ../../sass/faq/style.scss */
.faq .inquiry-block .means li:first-child {
  border-right: 1px solid #ddd;
}
/* line 216, ../../sass/faq/style.scss */
.faq .inquiry-block .means .link-btn {
  background: #0071be;
  border-color: #0071be;
}
/* line 220, ../../sass/faq/style.scss */
.faq .inquiry-block .means .link-btn:hover {
  color: #0071be;
  background: #fff;
}
/* line 227, ../../sass/faq/style.scss */
.faq .inquiry-block .box-ttl {
  font-size: 1.8rem;
  font-weight: bold;
}
/* line 232, ../../sass/faq/style.scss */
.faq .inquiry-block .tel {
  font-family: 'Lato', sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1;
}
/* line 240, ../../sass/faq/style.scss */
.faq .inquiry-block .time {
  font-size: 1.3rem;
  font-weight: bold;
}
/* line 243, ../../sass/faq/style.scss */
.faq .inquiry-block .time span {
  display: inline-block;
}

/* line 251, ../../sass/faq/style.scss */
.faq-list-sub li {
  margin-bottom: 2em;
  padding-bottom: 1.4em;
  border-bottom: 1px dashed #ddd;
}
/* line 256, ../../sass/faq/style.scss */
.faq-list-sub li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

/* line 263, ../../sass/faq/style.scss */
.qa-list {
  letter-spacing: .05em;
  /* &.over-txt {
    dd {
      &::after {
        content: "続きを読む";
        margin-left: 1em;
        color: #0071be;
        text-decoration: underline;
        white-space: nowrap;
      }
      p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
    }
  } */
}
/* line 266, ../../sass/faq/style.scss */
.qa-list dt {
  position: relative;
  display: flex;
  margin-bottom: .8em;
  padding-right: 40px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  cursor: pointer;
}
/* line 276, ../../sass/faq/style.scss */
.qa-list dt::before {
  content: "";
  display: block;
  margin-right: .8em;
  min-width: 30px;
  width: 3rem;
  height: 3rem;
  background: url(/assets/img/faq/icon-q.svg) center center no-repeat;
  background-size: contain;
}
/* line 286, ../../sass/faq/style.scss */
.qa-list dt::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1em;
  display: block;
  width: 16px;
  height: 16px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -moz-transform: translateY(25%) rotate(45deg);
  -ms-transform: translateY(25%) rotate(45deg);
  -webkit-transform: translateY(25%) rotate(45deg);
  transform: translateY(25%) rotate(45deg);
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 300, ../../sass/faq/style.scss */
.qa-list dd {
  position: relative;
  padding-left: 3em;
  height: 0;
  font-size: 1.6rem;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 311, ../../sass/faq/style.scss */
.qa-list dd::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  min-width: 30px;
  width: 3rem;
  height: 3rem;
  background: url(/assets/img/faq/icon-a.svg) center center no-repeat;
  background-size: contain;
}
/* line 328, ../../sass/faq/style.scss */
.qa-list.active dt::after {
  -moz-transform: translateY(25%) rotate(225deg);
  -ms-transform: translateY(25%) rotate(225deg);
  -webkit-transform: translateY(25%) rotate(225deg);
  transform: translateY(25%) rotate(225deg);
}
/* line 332, ../../sass/faq/style.scss */
.qa-list.active dd {
  height: auto;
  opacity: 1;
  visibility: visible;
}
/* line 339, ../../sass/faq/style.scss */
.qa-list p {
  margin-bottom: .5em;
}

/* .faq-body {
  .qa-list {
    dt {
      position: relative;
      padding-right: 40px;
      cursor: pointer;
      &::after {
        content: "";
        position: absolute;
        top: 0;
        right: 1em;
        display: block;
        width: 16px;
        height: 16px;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        @include transform(translateY(25%) rotate(45deg));
        @include transition(all .2s ease-out);
      }
    }
    dd {
      height: 0;
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      @include transition(all .2s ease-out);
    }
    &.active {
      dt {
        &::after {
          @include transform(translateY(25%) rotate(225deg));
        }
      }
      dd {
        height: auto;
        opacity: 1;
        visibility: visible;
      }
    }
  }
}
 */
/* line 404, ../../sass/faq/style.scss */
.keyword-box .inner {
  display: flex;
  margin: 0 auto;
}
/* line 408, ../../sass/faq/style.scss */
.keyword-box .inner input {
  padding: 1em;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 2px 0 0 2px;
  outline: 0;
}
/* line 415, ../../sass/faq/style.scss */
.keyword-box .inner button {
  width: 60px;
  color: #fff;
  background: #000;
  border: 1px solid #000;
  border-radius: 0 2px 2px 0;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
/* line 424, ../../sass/faq/style.scss */
.keyword-box .inner button .icon svg {
  fill: currentColor;
}
/* line 429, ../../sass/faq/style.scss */
.keyword-box .inner button:hover {
  color: #000;
  background: #fff;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 438, ../../sass/faq/style.scss */
.faq-header {
  margin-bottom: 10rem;
  padding: 4.5rem 0;
  background: #a7b2ba;
}
/* line 443, ../../sass/faq/style.scss */
.faq-header .wrap {
  display: flex;
  justify-content: space-between;
}
/* line 448, ../../sass/faq/style.scss */
.faq-header .faq-ttl {
  color: #fff;
  line-height: 1;
}
/* line 452, ../../sass/faq/style.scss */
.faq-header .faq-ttl b {
  font-size: 3.8rem;
}
/* line 456, ../../sass/faq/style.scss */
.faq-header .faq-ttl .ja {
  font-size: 2rem;
}
/* line 461, ../../sass/faq/style.scss */
.faq-header .keyword-box {
  width: 50%;
}
/* line 464, ../../sass/faq/style.scss */
.faq-header .keyword-box input {
  width: calc(100% - 60px);
}

/* line 471, ../../sass/faq/style.scss */
.faq-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9.76563%;
}
/* line 475, ../../sass/faq/style.scss */
.faq-block .faq-body {
  width: 65.82031%;
}
/* line 477, ../../sass/faq/style.scss */
.faq-block .faq-body .ttl {
  margin-bottom: 2.1em;
  font-size: 2.8rem;
}
/* line 482, ../../sass/faq/style.scss */
.faq-block .faq-body .tab-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin-bottom: 5em;
}
/* line 488, ../../sass/faq/style.scss */
.faq-block .faq-body .tab-list li {
  margin-bottom: 2em;
  width: 31.15727%;
  border-bottom: 2px solid #ddd;
}
/* line 495, ../../sass/faq/style.scss */
.faq-block .faq-body .tab-btn {
  position: relative;
  padding: .5em .3em .6em 1.8em;
  width: 100%;
  font-weight: bold;
  text-align: left;
}
/* line 502, ../../sass/faq/style.scss */
.faq-block .faq-body .tab-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 9px solid #000;
  border-bottom: none;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
/* line 517, ../../sass/faq/style.scss */
.faq-block .faq-body .tab-btn:hover::before {
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 525, ../../sass/faq/style.scss */
.faq-block .panel-box {
  display: none;
}
/* line 527, ../../sass/faq/style.scss */
.faq-block .panel-box:first-child {
  display: block;
}
/* line 531, ../../sass/faq/style.scss */
.faq-block .panel-ttl {
  margin-bottom: 3.3em;
  padding: 1em 1em 1em 1.6em;
  font-size: 1.8rem;
  line-height: 1;
  background: #f5f5f5;
}
/* line 538, ../../sass/faq/style.scss */
.faq-block .side-block {
  padding: 2em 1.5em 3.6em;
  width: 28.32031%;
  background: #f5f5f5;
}
/* line 543, ../../sass/faq/style.scss */
.faq-block .search-box {
  margin-bottom: 4em;
}
/* line 545, ../../sass/faq/style.scss */
.faq-block .search-box:last-child {
  margin-bottom: 0;
}
/* line 548, ../../sass/faq/style.scss */
.faq-block .search-box ul {
  border-top: 1px solid #ddd;
}
/* line 550, ../../sass/faq/style.scss */
.faq-block .search-box ul li {
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
}
/* line 555, ../../sass/faq/style.scss */
.faq-block .search-box ul li .ja {
  color: #999;
}
/* line 558, ../../sass/faq/style.scss */
.faq-block .search-box ul li .en {
  display: block;
  color: #000;
  letter-spacing: .1em;
}
/* line 565, ../../sass/faq/style.scss */
.faq-block .search-box a {
  position: relative;
  display: block;
  padding: 1em .5em;
  overflow: hidden;
}
/* line 571, ../../sass/faq/style.scss */
.faq-block .search-box a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 113, 190, 0.3);
  transform-origin: left top;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
/* line 586, ../../sass/faq/style.scss */
.faq-block .search-box a:hover::before {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 593, ../../sass/faq/style.scss */
.faq-block .search-ttl {
  margin-bottom: 1.25em;
  padding-left: .6em;
  font-size: 1.8rem;
  line-height: 1;
  border-left: 5px solid #000;
}

@media screen and (max-width: 1024px) {
  /* line 604, ../../sass/faq/style.scss */
  .faq .block-ttl {
    font-size: calc((26 - 16) * ((100vw - 375px) / (1024 - 375)) + 1.6rem);
  }
  /* line 608, ../../sass/faq/style.scss */
  .faq .category-list li {
    font-size: calc((18 - 13) * ((100vw - 375px) / (1024 - 375)) + 1.3rem);
  }
  /* line 613, ../../sass/faq/style.scss */
  .faq .inquiry-block .copy {
    font-size: calc((18 - 16) * ((100vw - 375px) / (1024 - 375)) + 1.6rem);
  }
  /* line 617, ../../sass/faq/style.scss */
  .faq .inquiry-block .box-ttl {
    font-size: calc((18 - 16) * ((100vw - 375px) / (1024 - 375)) + 1.6rem);
  }
  /* line 620, ../../sass/faq/style.scss */
  .faq .inquiry-block .tel {
    font-size: calc((36 - 20) * ((100vw - 375px) / (1024 - 375)) + 2rem);
  }
  /* line 623, ../../sass/faq/style.scss */
  .faq .inquiry-block .time {
    font-size: calc((13 - 10) * ((100vw - 375px) / (1024 - 375)) + 1rem);
  }
  /* line 630, ../../sass/faq/style.scss */
  .faq .faq-body .qa-list dt {
    font-size: calc((18 - 16) * ((100vw - 375px) / (1024 - 375)) + 1.6rem);
  }
}
@media screen and (max-width: 900px) {
  /* line 642, ../../sass/faq/style.scss */
  .faq .products-list li {
    margin-right: 2%;
    margin-bottom: 4%;
    width: 32%;
  }
  /* line 646, ../../sass/faq/style.scss */
  .faq .products-list li:nth-child(3n) {
    margin-right: 0;
  }
  /* line 649, ../../sass/faq/style.scss */
  .faq .products-list li:nth-child(4n) {
    margin-right: 2%;
  }

  /* line 656, ../../sass/faq/style.scss */
  .faq-block {
    display: block;
  }
  /* line 658, ../../sass/faq/style.scss */
  .faq-block .faq-body {
    margin-bottom: 5em;
    width: 100%;
  }
  /* line 663, ../../sass/faq/style.scss */
  .faq-block .side-block {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 2em;
    width: 100%;
  }
  /* line 669, ../../sass/faq/style.scss */
  .faq-block .side-block .search-box {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  /* line 679, ../../sass/faq/style.scss */
  .faq .inquiry-block .means {
    display: block;
    margin: 0 auto;
    padding: 0 2em;
    max-width: 512px;
  }
  /* line 684, ../../sass/faq/style.scss */
  .faq .inquiry-block .means li {
    padding: 2em 0;
    width: 100%;
  }
  /* line 687, ../../sass/faq/style.scss */
  .faq .inquiry-block .means li:first-child {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }
}
@media screen and (max-width: 640px) {
  /* line 700, ../../sass/faq/style.scss */
  .faq .category-list li {
    margin-bottom: 4%;
    width: 48%;
  }
  /* line 703, ../../sass/faq/style.scss */
  .faq .category-list li a {
    padding: 0 1.5em;
  }

  /* line 711, ../../sass/faq/style.scss */
  .faq-header .wrap {
    display: block;
  }
  /* line 714, ../../sass/faq/style.scss */
  .faq-header .faq-ttl {
    margin-bottom: 1.5em;
    text-align: center;
  }
  /* line 719, ../../sass/faq/style.scss */
  .faq-header .keyword-box {
    width: 100%;
  }

  /* line 726, ../../sass/faq/style.scss */
  .faq-block .side-block {
    display: block;
  }
  /* line 728, ../../sass/faq/style.scss */
  .faq-block .side-block .search-box {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  /* line 737, ../../sass/faq/style.scss */
  .faq .products-list {
    justify-content: space-between;
  }
  /* line 739, ../../sass/faq/style.scss */
  .faq .products-list li {
    margin-right: 0;
    width: 49%;
  }
  /* line 742, ../../sass/faq/style.scss */
  .faq .products-list li:nth-child(3n), .faq .products-list li:nth-child(4n) {
    margin-right: 0;
  }

  /* line 752, ../../sass/faq/style.scss */
  .faq-block .faq-body .tab-list {
    justify-content: space-between;
  }
  /* line 754, ../../sass/faq/style.scss */
  .faq-block .faq-body .tab-list li {
    width: 48%;
  }
}
@media screen and (max-width: 480px) {
  /* line 766, ../../sass/faq/style.scss */
  .faq-block .faq-body .tab-list {
    display: block;
  }
  /* line 768, ../../sass/faq/style.scss */
  .faq-block .faq-body .tab-list li {
    width: 100%;
  }
}