@charset "UTF-8";
/* CSS Document */
.billboard-style-01::after {background: url("../img/faq/faq_mv01_img01_pc.webp") no-repeat center/cover;}
.block-faq-01 .container {padding: 5em 0 0;}
.block-faq-01 .container nav {max-width: 1000px;}
.block-faq-01 .container nav ul {letter-spacing: -0.4em;}
.block-faq-01 .container nav ul li {display: inline-block;letter-spacing: 0;margin: 0 3em 1.5em 0;}
.block-faq-01 .container nav ul li a {}
.block-faq-01 .container nav ul li a span {display: inline-block;color: var(--color-03);font-size: 112.5%;font-weight: 600;line-height: 1;padding-left: 1.5em;position: relative;}
.block-faq-01 .container nav ul li a span::before,
.block-faq-01 .container nav ul li a span::after {display: block;content: '';position: absolute;top: 0;left: 0;}
.block-faq-01 .container nav ul li a span::before {width: 0.35em;height: 0.35em;border-right: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(45deg);top: 0.35em;left: 0.4em;z-index: 1;}
.block-faq-01 .container nav ul li a span::after {width: 1.2em;height: 1.2em;background: var(--color-03);border-radius: 2px;}
.block-faq-02 .container {padding: 0 0 8em;}
.block-faq-02 .container section {padding: 1em 0 5em;}
.block-faq-02 .container section + section {border-top: 1px solid var(--color-02);}
.block-faq-02 .container section h3 {font-size: 200%;font-weight: 600;text-align: center;padding-top: 2em;}
.block-faq-02 .container section ul {margin-top: 3em;}
.block-faq-02 .container section ul li {margin-top: -2em;padding-top: 6em;}
.block-faq-02 .container section ul li:nth-child(1) {margin-top: -6em;padding-top: 8em;}
.block-faq-02 .container section ul li div {padding: 3em;background: var(--color-04);}
.block-faq-02 .container section ul li h4 {color: var(--color-03);font-size: 125%;font-weight: 600;}
.block-faq-02 .container section ul li h4::before {content: attr(data-label);}
.block-faq-02 .container section ul li h4 + p {font-size: 87.5%;line-height: 2;margin-top: 1.5em;}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .block-faq-01 .container {padding: 3em 0 0;}
  .block-faq-01 .container nav ul li {width: 100%;margin: 0 0 1em;}
  .block-faq-01 .container nav ul li a span {padding: 0.25em 0 0.25em 2em;}
  .block-faq-01 .container nav ul li a span::after {width: 1.5em;height: 1.5em;}
  .block-faq-01 .container nav ul li a span::before {top: 0.5em;left: 0.55em;}
  .block-faq-02 .container {padding: 0 0 3em;}
  .block-faq-02 .container section {padding: 1em 0 3.5em;}
  .block-faq-02 .container section h3 {font-size: 150%;}
  .block-faq-02 .container section ul {margin-top: 1.5em;}
  .block-faq-02 .container section ul li {margin-top: -2em;padding-top: 5em;}
  .block-faq-02 .container section ul li:nth-child(1) {margin-top: -3em;padding-top: 4em;}
  .block-faq-02 .container section ul li div {padding: 1.5em;}
  .block-faq-02 .container section ul li h4 {font-size: 112.5%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}