/* common-mv
-----------------------*/
.common-mv {
  background: url(../images/common/common_mv.jpg) no-repeat center/cover;
}

/* container
-----------------------*/
.container {
  max-width: 1000px;
}

/* common-ank-area__list
-----------------------*/
.common-ank-area__list {
  max-width: 900px;
}
.common-ank-area__list li {
  grid-column: span 3;
}
@media screen and (max-width: 1024px) {
  .common-ank-area__list li {
    grid-column: span 6;
  }
}
@media screen and (max-width: 768px) {
  .common-ank-area__list li a {
    padding: 10px 5px;
    font-size: 12px;
  }
}

/* faq-ttl
-----------------------*/
.faq-ttl {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.0;
  position: relative;
  margin-bottom: 25px;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .faq-ttl {
    font-size: 28px;
    margin-bottom: 20px;
    padding-top: 25px;
  }
}
.faq-ttl::before {
  content: "";
  display: block;
  width: 85px;
  height: 2px;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
}
.faq-ttl span {
  font-size: 38px;
  color: #f00000;
}
@media screen and (max-width: 768px) {
  .faq-ttl span {
    font-size: 34px;
  }
}

/* faq-note
-----------------------*/
.faq-note {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .faq-note {
    margin-bottom: 85px;
  }
}
.faq-note__list li {
  padding: 20px 0;
}
.faq-note__list li p {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
}
.faq-note__list li p span {
  color: #f00000;
}
.faq-note__list li + li {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 3px, transparent 3px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  background-position: left top;
}

/* faq-area
-----------------------*/
.faq-area {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .faq-area {
    margin-bottom: 65px;
  }
}
.faq-area__list > li:nth-of-type(odd) {
  background: #fafafa;
  transition: 0.5s;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}
.faq-area__list > li:nth-of-type(odd):hover {
  opacity: 0.7;
  color: #000000;
  text-decoration: none;
}
.faq-area__list > li p {
  font-size: 14px;
}
.faq-area__list > li .icn-faq {
  font-size: 28px;
  line-height: 1.0;
  margin-right: 25px;
}
.faq-area__list > li .question-area {
  padding: 20px 50px 20px 15px;
  display: flex;
  align-items: baseline;
  position: relative;
  cursor: pointer;
}
.faq-area__list > li .question-area::before, .faq-area__list > li .question-area::after {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  transition: 0.5s;
}
.faq-area__list > li .question-area::before {
  width: 18px;
  height: 2px;
  top: 35px;
  right: 20px;
}
.faq-area__list > li .question-area::after {
  width: 2px;
  height: 18px;
  top: 27px;
  right: 28px;
}
.faq-area__list > li .question-area.active::after {
  opacity: 0;
}
.faq-area__list > li .question-area p {
  font-weight: 600;
}
.faq-area__list > li .question-area .icn-faq {
  color: #f00000;
}
.faq-area__list > li .answer-area {
  padding: 20px 15px;
  margin-right: 25px;
  display: none;
}
.faq-area__list > li .answer-area .answer-area-inner {
  display: flex;
  align-items: baseline;
}
.faq-area__list > li .answer-area .icn-faq {
  color: #00b4d2;
}
.faq-area__list > li .faq-inner-list li p {
  padding-left: 1em;
  text-indent: -1em;
}

/*# sourceMappingURL=faq.css.map */