.page-header {
  padding-top: 1.2rem;
  background-color: #f1f3f7;
}

@media screen and (max-width: 768px) {
  .page-header {
    padding-top: 3.2rem;
  }
}

.page-header .breadcrumb {
  line-height: 1;
}

.page-header .breadcrumb .breadcrumb-list .breadcrumb-item>a:not(.current) {
  letter-spacing: 0;
}

main.qa {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f1f3f7;
}

main.qa>section {
  padding-top: 5.6rem;
  padding-bottom: 3.2rem;
}

@media screen and (max-width: 768px) {
  main.qa>section {
    padding-top: 3.2rem;
    padding-bottom: 2.4rem;
  }
}

main.qa>section .wrapper>h2 {
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 768px) {
  main.qa>section .wrapper>h2 {
    margin-bottom: 0;
    font-size: 2.2rem;
  }
}

main.qa>section .wrapper>h2::before {
  background: linear-gradient(to right, #15488d 0%, #2f80ed 50%, #2d9ee0 100%);
  opacity: 0.6;
}

main.qa>section .wrapper>ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
  margin-top: 3.2rem;
}

@media screen and (max-width: 768px) {
  main.qa>section .wrapper>ul {
    margin-top: 2.1rem;
  }
}

main.qa>section .wrapper>ul>li {
  display: flex;
  padding: 3.2rem 4.4rem 3.2rem 4rem;
  background-color: #fff;
  border-radius: 0.5rem;
  gap: 1.4rem;
}

@media screen and (max-width: 768px) {
  main.qa>section .wrapper>ul>li {
    padding: 3.2rem 2.1rem 3.2rem 1.6rem;
  }
}

main.qa>section .wrapper>ul>li>h3 {
  font-size: 2.6rem;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #0054c2;
}

main.qa>section .wrapper>ul>li .content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
}

@media screen and (max-width: 768px) {
  main.qa>section .wrapper>ul>li .content {
    gap: 1.4rem;
  }
}

main.qa>section .wrapper>ul>li .content>h4 {
  font-size: 2rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: #1d1d1d;
}

main.qa>section .wrapper>ul>li .content>p {
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.7;
  letter-spacing: 0.08em;
  color: #1d1d1d;
}

@media screen and (max-width: 768px) {
  main.qa>section .wrapper>ul>li .content>p {
    position: relative;
    width: 115%;
    left: -3.5rem;
  }
}

main.qa section.system .wrapper>h2::before {
  background: linear-gradient(to right, #83a4d4, #b6fbff);
}

main.qa section.system .wrapper>ul>li>h3 {
  color: #1abdc6;
}

main.qa section.skill-up {
  padding-bottom: 15.5rem;
}

@media screen and (max-width: 768px) {
  main.qa section.skill-up {
    padding-bottom: 6.5rem;
  }
}

main.qa section.skill-up .wrapper>h2::before {
  background: linear-gradient(to right, #acb6e5, #86a2fd);
}

main.qa section.skill-up .wrapper>ul>li>h3 {
  color: #4638b1;
}

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