.faq .faq-item {
  background-color: #f4f7ff;
  padding: 40px 60px;
  border-radius: 6px;
}
.faq .faq-item:not(:last-child) {
  margin-bottom: 40px;
}
.faq .faq-item .faq-item__parentlist > li:not(:last-child) {
  margin-bottom: 20px;
}
.faq .faq-item .faq-item__parentlist > li > a {
  display: flex;
  width: 100%;
}
.faq .faq-item .faq-item__parentlist > li .faq-item__childlist {
  display: flex;
  gap: 20px 40px;
  flex-wrap: wrap;
}
.faq .faq-item .faq-item__parentlist > li .faq-item__childlist > li > a {
  width: 400px;
}

.faqcat .lowertop .lowertop-inner .lowertop__title {
  font-size: 4rem;
}
.faqcat .faqcat-item:not(:last-child) {
  margin-bottom: 60px;
}
.faqcat .faqcat-item .faqcat-item__qabox {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 24px;
}
.faqcat .faqcat-item .faqcat-item__qabox > dt {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.75;
  margin-bottom: 16px;
  padding-left: 40px;
  position: relative;
}
.faqcat .faqcat-item .faqcat-item__qabox > dt::before {
  content: "Q";
  font-family: "Roboto";
  display: block;
  font-size: 3.2rem;
  font-weight: bold;
  color: #182e8a;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}
.faqcat .faqcat-item .faqcat-item__qabox > dd {
  line-height: 1.75;
  padding-left: 40px;
}
.faqcat .faqcat-item .faqcat-item__qabox > dd > p + p {
  margin-top: 1.75em;
}
.faqcat .faqcat-item .faqcat-item__qabox > dd > p > a {
  color: #182e8a;
  text-decoration: underline;
}
.faqcat .faqcat-item .faqcat-item__qabox:not(:last-child) {
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .faq .lower-main {
    padding: 40px 20px 80px;
  }
  .faq .faq-item {
    padding: 40px 10px;
    border-radius: 0;
  }
  .faq .faq-item .faq-item__parentlist > li:not(:last-child) {
    margin-bottom: 20px;
  }
  .faq .faq-item .faq-item__parentlist > li:not(:last-child) > a {
    padding-right: 86px;
  }
  .faq .faq-item .faq-item__parentlist > li .faq-item__childlist {
    flex-direction: column;
    gap: 20px 0;
  }
  .faq .faq-item .faq-item__parentlist > li .faq-item__childlist > li > a {
    width: 100%;
  }
  .faqcat .lowertop .lowertop-inner .lowertop__title {
    font-size: 2.6rem;
  }
  .faqcat .faqcat-item .faqcat-item__qabox > dt {
    padding-left: 34px;
  }
  .faqcat .faqcat-item .faqcat-item__qabox > dt::before {
    font-size: 2.6rem;
    top: 4px;
  }
  .faqcat .faqcat-item .faqcat-item__qabox > dd {
    padding-left: 0;
  }
}
