@charset "UTF-8";
/* CSS Document */
#scroll {color: #fff;text-align: center;position: absolute;left: 0;right: 0;bottom: 1.5em;z-index: 100;animation: mousemove1 1.6s ease-in-out infinite;opacity: 0;}
#scroll span {display: inline-block;font-size: 125%;font-family: "Barlow Condensed", sans-serif;text-shadow: 0 0 4px #333,0 0 4px #333,0 0 4px #333;position: relative;}
#scroll span::after {display: block;content: '';width: 2em;height: 2em;margin: 0.25em auto 0;border: 1px solid #fff;border-radius: 50%;box-shadow: 0 0 4px #333,0 0 4px #333,0 0 4px #333;}
#scroll span::before {display: block;content: '〉';font-size: 87.5%;line-height: 1;position: absolute;top: calc(50% + 1.25em);right: 48%;transform: rotate(90deg) translate(-50%,-50%);opacity: 0;animation: mousemove2 1.6s linear infinite;}
@keyframes mousemove1 {0%{bottom:1.75em;}50%{bottom:1.25em;} 100%{bottom:1.75em;}}
@keyframes mousemove2 {20%{top: calc(50% + 0.75em);opacity: 0;}50%{top: calc(50% + 1.25em);opacity: 1;} 80%{top: calc(50% + 1.75em);opacity: 0;}}
#billboard ul li {width: 100%;height: 100svh;position: relative;}
#billboard ul li::after {display: block;content: '';width: 100%;height: 100%;background: url("../img/index/index_mv_img01_pc.webp")no-repeat center/cover;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;pointer-events: none;}
#billboard ul li .imgWrap {text-align: center;letter-spacing: -0.4em;width: 90%;max-width: 1300px;position: absolute;top: 68%;left: 50%;transform: translate(-50%,-50%);}
#billboard ul li .imgWrap img {display: inline-block;width: 17%;margin: 1.5%;opacity: 0;transform: scale(1.5);}
#billboard ul li .imgWrap img:nth-child(1) {}
#billboard ul li .imgWrap img:nth-child(2) {width: 14%;filter: var(--color-03);}
#billboard ul li .imgWrap img:nth-child(3) {width: 16.5%;filter: brightness(0) invert(1);}
#billboard ul li .imgWrap img:nth-child(4) {width: 18%;transform: scale(1.5) translateY(-1em);filter: var(--color-03);}
#billboard ul li .imgWrap img:nth-child(5) {width: 13%;}
#billboard ul li p {width: 90%;max-width: 1000px;position: absolute;top: 36%;left: 50%;transform: translate(-50%,-50%);opacity: 0;}
#billboard ul li p img {max-width: 6em;}
header {opacity: 0;}
body.animationEnd #scroll,
body.scrolled #scroll,
body.animationEnd header,
body.scrolled header {opacity: 1;transition: 0.4s linear 0s;}
body.loaded #billboard ul li::after {opacity: 1;transition: opacity 1.2s;}
body.loaded #billboard ul li .imgWrap img:nth-child(1) {opacity: 1;transform: scale(1.0);transition: opacity 0.4s 1.2s, transform 0.4s 1.2s;}
body.loaded #billboard ul li .imgWrap img:nth-child(2) {opacity: 1;transform: scale(1.0);transition: opacity 0.4s 1.8s, transform 0.4s 1.8s;}
body.loaded #billboard ul li .imgWrap img:nth-child(3) {opacity: 1;transform: scale(1.0);transition: opacity 0.4s 2.4s, transform 0.4s 2.4s;}
body.loaded #billboard ul li .imgWrap img:nth-child(4) {opacity: 1;transform: scale(1.0) translateY(-1em);transition: opacity 0.4s linear 3.0s, transform 0.4s linear 3.0s;}
body.loaded #billboard ul li .imgWrap img:nth-child(5) {opacity: 1;transform: scale(1.0);transition: opacity 0.4s 3.6s, transform 0.4s 3.6s;}
body.loaded #billboard ul li p {opacity: 1;transition: opacity 1.6s 4.6s;}
.block-index-01 .container:nth-child(1) {}
section {width: 100%;height: 100svh;padding: 5em;background: #fff;position: -webkit-sticky;position: sticky;top: 0;}
section:nth-child(1) {background: url("../img/index/index_img01_pc.webp")no-repeat center/cover;}
section:nth-child(3) {background: url("../img/index/index_img03_pc.webp")no-repeat center/cover;}
section:nth-child(5) {background: url("../img/index/index_img05_pc.webp")no-repeat center/cover;}
section:nth-child(7) {background: url("../img/index/index_img07_pc.webp")no-repeat center/cover;}
section:nth-child(9) {background: url("../img/index/index_img09_pc.webp")no-repeat center/cover;}
section + section .container {max-width: 700px;position: absolute;top: 53%;left: 50%;transform: translate(-50%,-50%);}
section + section .container h2 {font-size: 1600%;font-family: "Barlow Condensed", sans-serif;line-height: 0;text-align: center;    position: absolute;top: 50%;left: 50%;}
section + section .container h2 span {font-weight: 600;}
section + section .container h2 > span {display: block;line-height: 0.8;position: relative;}
section + section .container h2 > span:nth-child(1) {display: inline-block;white-space: nowrap;position: relative;z-index: -1;}
section + section .container h2 > span:nth-child(1)::after {display: block;content: attr(data-title);font-size: 20px;letter-spacing: 0.1em;white-space: nowrap;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;position: absolute;top: calc(50% + 0.5em);}
section + section .container h2 > span:nth-child(2) {position: relative;z-index: 2;}
section + section .container .imgWrap {position: relative;z-index: 1;}
section + section .container .imgWrap::after {content: '';position: absolute;}
section + section .container p {font-size: 125%;font-weight: 500;line-height: 1.75;letter-spacing: 0.1em;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;}
section:nth-child(2) {background: #fff url("../img/index/index_img02_01_pc.webp")no-repeat center/contain;}
section:nth-child(2) .container::before {display: block;content: '';width: 100%;height: 3.5em;background: url("../img/index/index_img02_02_pc.webp")no-repeat top center/cover;position: absolute;top: 0;left: 0;z-index: 3;}
section:nth-child(2) .container h2 {transform: translate(-92%, -93%);z-index: 2;}
section:nth-child(2) .container h2 > span:nth-child(1)::after {left: calc(100% + 1em);}
section:nth-child(2) .container h2 .sp01 {color: var(--color-04);}
section:nth-child(2) .container .imgWrap {position: relative;z-index: 1;}
section:nth-child(2) .container .imgWrap::after {width: 40vw;max-width: 500px;height: 40vw;max-height: 24em;background: url("../img/common/common_mark01_pc.svg")no-repeat center/contain;top: 50%;left: 80%;}
section:nth-child(2) .container p {padding: 2.5em 0 0 5em;position: absolute;top: 100%;left: 0;}
section:nth-child(2) .container a {position: absolute;top: 68%;right: calc(100% + 2.5em);}
section:nth-child(4) {background: #fff url("../img/index/index_img04_01_pc.webp")no-repeat center/contain;}
section:nth-child(4) .container h2 {transform: translate(-33%, -185%);}
section:nth-child(4) .container h2 > span:nth-child(1)::after {right: calc(100% + 1em);}
section:nth-child(4) .container h2 .sp01 {color: var(--color-06);}
section:nth-child(4) .container .imgWrap::after {width: 40vw;max-width: 500px;height: 40vw;max-height: 24em;background: url("../img/common/common_mark02_pc.svg")no-repeat center/contain;top: 50%;right: 80%;}
section:nth-child(4) .container p {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;white-space: nowrap;position: absolute;top: 40%;left: calc(100% + 5.5em);}
section:nth-child(4) .container a {position: absolute;top: 20%;left: calc(100% + 2.5em);}
section:nth-child(6) {background: #fff url("../img/index/index_img06_01_pc.webp")no-repeat center/contain;}
section:nth-child(6) .container h2 {text-align: left;text-indent: 0.6em;transform: translate(-84%, -93%);}
section:nth-child(6) .container h2 > span:nth-child(1)::after {text-indent: 0;left: calc(100% + 1em);}
section:nth-child(6) .container h2 .sp01 {color: var(--color-07);}
section:nth-child(6) .container .imgWrap {position: relative;z-index: 1;}
section:nth-child(6) .container .imgWrap::after {width: 40vw;max-width: 500px;height: 40vw;max-height: 24em;background: url("../img/common/common_mark03_pc.svg")no-repeat center/contain;top: 50%;left: 80%;}
section:nth-child(6) .container p {padding: 2.5em 0 0 0;position: absolute;top: 100%;left: 0;}
section:nth-child(6) .container a {position: absolute;top: 68%;right: calc(100% + 2.5em);}
section:nth-child(8) {background: #fff url("../img/index/index_img08_01_pc.webp")no-repeat center/contain;}
section:nth-child(8) .container h2 {text-align: right;transform: translate(0%, -93%);}
section:nth-child(8) .container h2 > span:nth-child(1) {padding-right: 0.25em;}
section:nth-child(8) .container h2 > span:nth-child(1)::after {right: calc(100% + 1em);}
section:nth-child(8) .container h2 .sp01 {color: var(--color-08);}
section:nth-child(8) .container .imgWrap {position: relative;z-index: 1;}
section:nth-child(8) .container .imgWrap::after {width: 40vw;max-width: 500px;height: 40vw;max-height: 24em;background: url("../img/common/common_mark04_pc.svg")no-repeat center/contain;top: 50%;right: 80%;}
section:nth-child(8) .container p {white-space: nowrap;padding: 2.5em 0 0 0;position: absolute;top: 100%;left: 45%;}
section:nth-child(8) .container a {position: absolute;top: 66%;left: calc(100% + 1.5em);}


section:nth-child(10) {background: #fff url("../img/index/index_img10_01_pc.webp")no-repeat center/contain;}
section:nth-child(10) .container::before {display: block;content: '';width: 100%;height: 3.5em;background: url("../img/index/index_img10_02_pc.webp")no-repeat top center/cover;position: absolute;top: 0;left: 0;z-index: 3;}
section:nth-child(10) .container h2 {text-align: left;text-indent: 0.6em;transform: translate(-63%, -93%);z-index: 2;}
section:nth-child(10) .container h2 > span:nth-child(1)::after {text-indent: 0;right: calc(100% - 6em);}
section:nth-child(10) .container h2 .sp01 {color: var(--color-09);}
section:nth-child(10) .container .imgWrap {position: relative;z-index: 1;}
section:nth-child(10) .container .imgWrap::after {width: 40vw;max-width: 500px;height: 40vw;max-height: 30em;background: url("../img/common/common_mark05_pc.svg")no-repeat center/contain;top: 34%;left: 72%;}
section:nth-child(10) .container p {padding: 2.5em 0 0 0;position: absolute;top: 100%;left: 0;}
section:nth-child(10) .container a {position: absolute;top: 68%;right: calc(100% + 2.5em);}





@media only screen and (max-width: 1800px) {
}
@media only screen and (max-width: 1700px) {
  section:nth-child(10),
  section:nth-child(8),
  section:nth-child(6),
  section:nth-child(4),
  section:nth-child(2) {background-size: cover;}
}
@media only screen and (max-width: 1500px) {
  section {font-size: 1.1vw;}
  section + section .container h2 {font-size: 17vw;}
  section:nth-child(2) {background-position: left 66% center;}
}
@media only screen and (max-width: 1200px) {
  #billboard ul li p {display: none;}
}
@media only screen and (max-width: 1000px) {
  section + section .container h2 {top: 46%;}
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
}
@media only screen and (min-width: 768px) {
  #billboard ul li {min-height: 800px;}
  section {min-height: 850px;}
}
@media only screen and (min-width: 768px) and (max-height: 900px) {
}
@media only screen and (max-width: 767px) {
  #scroll {transform: translateY(-4em);}
  #scroll span::before {right: 49%;}
  #billboard ul li {width: 100%;height: 100svh;background: url("../img/index/index_mv_img01_sp.webp")no-repeat top center/cover;}
  #billboard ul li .imgWrap {width: 6em;top: 60%;left: 15%;}
  #billboard ul li .imgWrap img {margin: 0.25em !important;}
  #billboard ul li .imgWrap img:nth-child(1) {width: 100%;}
  #billboard ul li .imgWrap img:nth-child(2) {width: 90%;}
  #billboard ul li .imgWrap img:nth-child(3) {width: 108%;margin-top: 0.5em !important;margin-left: -0.5em !important;filter: brightness(0);}
  #billboard ul li .imgWrap img:nth-child(4) {width: 96%;margin-top: 1em !important;margin-bottom: 0 !important;}
  #billboard ul li .imgWrap img:nth-child(5) {width: 88%;margin-top: 0 !important;filter: brightness(0) invert(1);}
  #contentsWrap {overflow-x: hidden;overflow-y: auto;}
  section {font-size: 100%;}
  section {padding: 3em 14%;height: auto;position: relative;top: 0;}
  section:nth-child(odd) {height: 100svh;}
  section:nth-child(even) {background: none !important;}
  section + section > div {width: 100% !important;}
  section + section figure {height: 110vw;overflow: hidden;}
  section + section figure img {width: auto;height: 100%;transform: translateX(-24%);}
  section + section .container::before {display: none !important;}
  section + section h2 {font-size: 300% !important;text-align: center !important;letter-spacing: 0.02em;padding-bottom: 1em;position: relative !important;left: 0 !important;right: 0; transform: none !important;}
  section:nth-child(even) h2::after {width: 72vw;height: 100vw;margin-top: 1.5em;position: static;transform: none;}
  section + section h2 > span:nth-child(1)::after {letter-spacing: 0;}
  section + section h2 > span {display: inline !important;width: 100%;padding: 0 !important;position: static !important;z-index: 1 !important;}
  section + section h2 > span:nth-child(1) {z-index: 1;}
  section + section h2 > span:nth-child(1)::after {font-size: 34% !important;text-align: center;width: 100%;margin: 0 auto;top: 3em !important;left: 0% !important;bottom: auto;transform: none !important;}
  section + section a {margin: 1.5em auto 0 !important;position: static !important;}
  section + section p {font-size: 100% !important;text-align: left;white-space: nowrap;position: static !important;width: 72vw !important;margin: 5em auto 0;padding: 0 !important;transform: none;}
  section:nth-child(1) {background: url("../img/index/index_img01_sp.webp")no-repeat center bottom / cover;}
  section:nth-child(3) {background: url("../img/index/index_img03_sp.webp")no-repeat center bottom / cover;}
  section:nth-child(5) {background: url("../img/index/index_img05_sp.webp")no-repeat center bottom / cover;}
  section:nth-child(7) {background: url("../img/index/index_img07_sp.webp")no-repeat center bottom / cover;}
  section:nth-child(9) {background: url("../img/index/index_img09_sp.webp")no-repeat center center / cover;}
  section .container:nth-child(1) {text-align: center;width: 100%;position: relative;top: 0;left: 0;right: 0;transform: none;}
  section .container:nth-child(1) h2 .invert {filter: brightness(1) invert(0);}
  section:nth-child(2) .container:nth-child(1) .imgWrap::after {width: 57vw;max-width: 500px;height: 40vw;max-height: 24em;top: 80%;left: auto;right: -16vw;}
  section:nth-child(4) .container:nth-child(1) .imgWrap::after {width: 57vw;max-width: 500px;height: 40vw;max-height: 24em;top: 80%;left: auto;right: -16vw;}
  section:nth-child(4) .container h2 .sp10 {color: var(--color-06);}
  section:nth-child(4) .container h2 .sp01 {color: #000;}
  section:nth-child(4) .container:nth-child(1) p {letter-spacing: 0;-ms-writing-mode: lr-tb !important;writing-mode: horizontal-tb !important;}
  section:nth-child(6) .container h2 {text-indent: 0;}
  section:nth-child(6) .container h2 .sp10 {color: var(--color-07);}
  section:nth-child(6) .container h2 .sp01 {color: #000;}
  section:nth-child(6) .container:nth-child(1) .imgWrap::after {width: 57vw;max-width: 500px;height: 40vw;max-height: 24em;top: 80%;left: auto;right: -20vw;}
  section:nth-child(6) .container:nth-child(1) p {margin-top: 4em;}
  section:nth-child(8) .container:nth-child(1) figure {width: 100%;height: auto;}
  section:nth-child(8) .container:nth-child(1) figure img {width: 100%;height: auto;transform: none;}
  section:nth-child(8) .container:nth-child(1) .imgWrap::after {width: 52vw;max-width: 500px;height: 38vw;max-height: 24em;top: 83%;left: auto;right: -11vw;}
  section:nth-child(10) .container h2 {text-indent: 0;}
  section:nth-child(10) .container h2 > span:nth-child(1) {display: block !important;color: transparent;line-height: 0;}
  section:nth-child(10) .container h2 > span:nth-child(1)::after {color: #000; top: 3.4em !important;}
  section:nth-child(10) .container:nth-child(1) figure {width: 100%;height: auto;}
  section:nth-child(10) .container:nth-child(1) figure img {width: 100%;height: auto;transform: none;}  
  section:nth-child(10) .container:nth-child(1) .imgWrap::after {width: 52vw;max-width: 500px;height: 53vw;max-height: 24em;top: 66%;left: auto;right: -16vw;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 768px) and (max-height: 600px) {
  #billboard ul li .imgWrap {width: 5em;top: 55%;}
}