@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/* CSS Document */
.billboard-style-02 {background: url("../img/flow-faq/flow-faq_mv_img01_pc.webp")no-repeat center/cover;}
.billboard-style-02 img {bottom: 2.5em;}
.billboard-style-02 h2 .sp01 {color: var(--color-07);}
.block-flow-faq-01 {position: relative;}
.block-flow-faq-01 .container:nth-child(1) {padding: 7em 0 38em;position: relative;}
.block-flow-faq-01 .container:nth-child(1) div > p:nth-child(1) {font-size: 187.5%;font-weight: 600;letter-spacing: 0.1em;line-height: 1.666;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.block-flow-faq-01 .container:nth-child(1) div > p:nth-child(2) {font-size: 112.5%;line-height: 2;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;margin-top: 2em;}
.block-flow-faq-01 .container:nth-child(1) .bg01 {width: 100%;height: 44em;background: url("../img/flow-faq/flow-faq_bg01_pc.webp")no-repeat center bottom/100% auto;position: absolute;right: 0;bottom: 0;z-index: -1;}
.block-flow-faq-02 {margin-top: -12em;}
.block-flow-faq-02 .container:nth-child(1) h3 {}
.block-flow-faq-02 .container:nth-child(1) h3::after {color: var(--color-07);}
.block-flow-faq-02 .container:nth-child(1) p {font-size: 187.5%;font-weight: 600;text-align: center;letter-spacing: 0.2em;margin-top: 2em;}
.block-flow-faq-02 .container:nth-child(2) > div {margin-top: 5em;}
.block-flow-faq-02 .container:nth-child(2) > div > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 7em;}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1) {width: 22%;padding: 4em 0;background: #fff;position: relative;}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1)::after {display: block;content: '';width: 4px;height: 0;background: #707070;margin: 0 auto;position: absolute;top: 100%;left: 0;right: 0;}
.block-flow-faq-02 .container:nth-child(2) > div > div:last-child div:nth-child(1)::after {display: none;}
.block-flow-faq-02 .container:nth-child(2) > div > div.staging div:nth-child(1)::after {height: 8em;transition: 0.4s linear 0.4s;}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1) p {font-size: 1125%;font-weight: 500;font-family: "Barlow Condensed", sans-serif;text-align: center;line-height: 0.75;position: relative;}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1) p::before {display: block;content: attr(data-title);color: var(--color-07);font-size: 20px;text-align: center;letter-spacing: 0;position: absolute;left: 0;right: 0;bottom: 100%;}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) {width: 78%;}
.block-flow-faq-02 .container:nth-child(2) > div > div + div div:nth-child(2) {}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) p:nth-child(1) {color: var(--color-07);font-size: 187.5%;font-weight: 600;letter-spacing: 0.1em;}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) p:nth-child(2) {line-height: 2;margin-top: 1em;}
.block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) p:nth-child(2) a {display: inline-block;color: #e62f2f;font-size: 137.5%;font-weight: 600;line-height: 1;}
.block-flow-faq-02 .container:nth-child(2) > div > div:nth-child(1) div:nth-child(1) p {letter-spacing: 0.07em;text-indent: -0.05em;}
.block-flow-faq-02 .container:nth-child(3) .bg01 {width: 100%;height: 8em;margin: 10em 0;background: url("../img/flow-faq/flow-faq_bg01_pc.webp")no-repeat center/cover;transform: skewY(10deg);position: relative;}
.block-flow-faq-02 .container:nth-child(3) .bg01::after {display: block;content: '';width: 100%;height: 110%;background: #fff;position: absolute;top: -5%;right: 0;}
.block-flow-faq-02 .container:nth-child(3) .bg01.staging::after {width: 0;transition: all 0.5s ease-out;}
.block-flow-faq-03 {padding: 0 0 10em;margin-top: -5em;}
.block-flow-faq-03 .container:nth-child(1) h3 {}
.block-flow-faq-03 .container:nth-child(1) h3::after {color: var(--color-07);}
.block-flow-faq-03 .container:nth-child(2) > p {font-size: 187.5%;font-weight: 600;text-align: center;letter-spacing: 0.2em;margin-top: 3em;}
.block-flow-faq-03 .container:nth-child(2) ul {margin-top: 2em;overflow: hidden;}
.block-flow-faq-03 .container:nth-child(2) ul li {border-top: 1px solid #707070;overflow: hidden;}
.block-flow-faq-03 .container:nth-child(2) ul li p {font-size: 112.5%;padding: 1.5em 0.5em 1.5em 6em;position: relative;}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) {background: #f4f2f2;position: relative;cursor: pointer;z-index: 100;}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1)::before {display: block;content: attr(data-title);font-size: 225%;font-weight: 400;font-family: 'Oswald', sans-serif;position: absolute;top: 50%;left: 0.5em;transform: translateY(-50%);}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) span {font-weight: 600;}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) span::before,
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) span::after {display: block;content: '';width: 1.5em;height: 0.2em;background: #000;position: absolute;top: 50%;right: 1.5em;transform: translateY(-50%);transition: 0.4s;}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) span::before {transform: translateY(-50%) rotate(90deg);}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(2) {padding-right: 5em;opacity: 0;z-index: -1;transition: 0.4s;}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(2)::before {display: block;content: attr(data-title);color: var(--color-07);font-size: 250%;font-weight: 600;font-family: "Barlow Condensed", sans-serif;position: absolute;top: 50%;left: 0.5em;transform: translateY(-50%);}
.block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(2) span {font-size: 83.33%;line-height: 2;}
.block-flow-faq-03 .container:nth-child(2) ul li.open p:nth-child(1) span::before {transform: translateY(-50%) rotate(180deg);transition: 0.4s;}
.block-flow-faq-03 .container:nth-child(2) ul li.open p:nth-child(2) {margin-top: 0;opacity: 1;transition: 0.4s;}
@media only screen and (max-width: 1800px) {
  .block-flow-faq-01 .container:nth-child(1) {padding-bottom: 30em;}
  .block-flow-faq-02 {margin-top: -9em;}
}
@media only screen and (max-width: 1400px) {
  .block-flow-faq-03 .container:nth-child(2) > p {margin-top: 2em;}
}
@media only screen and (max-width: 1200px) {
  .billboard-style-02 h2::after {left: calc(50% - 6.5em);}
  .block-flow-faq-01 .container:nth-child(1) {padding: 3em 0 20em;}
  .block-flow-faq-01 .container:nth-child(1) div > p:nth-child(2) {font-size: 100%;margin-top: 0.5em;} 
  .block-flow-faq-02 {margin-top: -5em;}
  .block-flow-faq-02 .container:nth-child(1) p {font-size: 175%;letter-spacing: 0.1em;}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1) p {font-size: 800%;}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) p:nth-child(1) {font-size: 150%;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #contentsWrap {font-size: 1.6vw;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .billboard-style-02 {background: url("../img/flow-faq/flow-faq_mv_img01_sp.webp")no-repeat center/cover;}
  .block-flow-faq-01 .container:nth-child(1) {padding: 2em 0 8em;}
  .block-flow-faq-01 .container:nth-child(1) > div > p:nth-child(1) {font-size: 112.5%;font-weight: 600;letter-spacing: 0;line-height: 2;text-align: center;}
  .block-flow-faq-01 .container:nth-child(1) > div > p:nth-child(2) {line-height: 2;}
  .block-flow-faq-01 .container:nth-child(1) > div > p:nth-child(2) br {display: none;}
  .block-flow-faq-02 {margin-top: 1em;}
  .block-flow-faq-02 .container:nth-child(1) p {font-size: 112.5%;line-height: 2;margin-top: 1em;}
  .block-flow-faq-02 .container:nth-child(2) > div {margin-top: 1em;}
  .block-flow-faq-02 .container:nth-child(2) > div > div {align-items: flex-start;margin-bottom: 2em;}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1) {padding: 3em 0 2em;}
  .block-flow-faq-02 .container:nth-child(2) > div > div + div {margin-top: 2em !important;}
  .block-flow-faq-02 .container:nth-child(2) > div > div.staging div::after {height: 9em !important;}
  .block-flow-faq-02 .container:nth-child(2) > div > div:nth-child(1).staging div:nth-child(1)::after {height: 22em !important;}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1) p {font-size: 500%;}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(1) p::before {bottom: calc(100% + 0.2em);}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) {width: 74%;padding-top: 2.9em;}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) p:nth-child(1) {font-size: 125%;letter-spacing: 0;}
  .block-flow-faq-02 .container:nth-child(2) > div > div div:nth-child(2) p:nth-child(2) {font-size: 93.75%;margin-top: 0.75em;}
  .block-flow-faq-02 .container:nth-child(3) .bg01 {height: 1.75em;margin: 4em 0 3em;}
  .block-flow-faq-03 {padding: 0 0 6em;}
  .block-flow-faq-03 .container:nth-child(2) > p {font-size: 125%;margin-top: 2em;}
  .block-flow-faq-03 .container:nth-child(2) ul {margin-top: 1.5em;}
  .block-flow-faq-03 .container:nth-child(2) ul li p {font-size: 87.5%;padding: 1em 2.5em 1em 4.75em !important;}
  .block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) {margin-bottom: 0;}
  .block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1)::before {font-size: 218.75%;left: 0.25em;}
  .block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) span::before,
  .block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(1) span::after {right: 0.75em;}
  .block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(2) {pointer-events: none;}
  .block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(2)::before {top: 1em;}
  .block-flow-faq-03 .container:nth-child(2) ul li p:nth-child(2) span {font-size: 100%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}