@charset "UTF-8";
/* CSS Document */
#globalMenu {pointer-events: none;opacity: 0.01;transition: 0.4s;}
body.skipped #globalMenu,
body.scrolled #globalMenu {pointer-events: auto;opacity: 1;}
body.skipped #globalMenu,
body.mvEnd #globalMenu {pointer-events: auto;opacity: 1;transition-delay: 4s;}
#billboard {/*background: url("../img/index/mv/index_mv00_img01_pc.webp") no-repeat center/cover;*/position: relative;}
#billboard video {display: block;width: 100%;transition: 1.2s;}
#billboard #audio {color: #fff;text-align: center;line-height: 1;width: 4em;height: 4em;border-radius: 50%;background: rgba(0,0,0,0.6);position: absolute;right: 2em;bottom: 2em;z-index: 3;cursor: pointer;transition: 1.2s;}
#billboard #audio span {width: 50%;height: 50%;background: url("../img/common/icon_13_off.svg") no-repeat center/contain;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#billboard.on #audio span {background: url("../img/common/icon_13_on.svg") no-repeat center/contain;}
#billboard #skip {color: #fff;text-align: center;line-height: 1;width: 4em;height: 4em;border-radius: 50%;background: rgba(0,0,0,0.6);position: absolute;right: 7em;bottom: 2em;z-index: 3;cursor: pointer;transition: 1.2s;}
#billboard #skip span {position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#billboard #mvScroll {display: block;color: #fff;font-size: 106.25%;text-align: center;width: 5em;padding-bottom: 3em;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 2em;z-index: 1;}
#billboard #mvScroll span {display: block;content: '';width: 3em;height: 3em;margin: 0 auto;background: url("../img/common/common_arrow.svg") no-repeat center/contain;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;animation: scrollFade 3s ease-in-out infinite;}
@keyframes scrollFade {
  0% {opacity: 1;transform: translateY(0);}
  15% {opacity: 0;transform: translateY(10px);}
  30% {opacity: 0;transform: translateY(-10px);}
  45% {opacity: 1;transform: translateY(0);}
  100% {opacity: 1;transform: translateY(0);}
}
body.skipped #billboard #audio,
body.skipped #billboard #skip,
body.skipped #billboard video,
body.mvEnd #billboard #audio,
body.mvEnd #billboard #skip {opacity: 0;}
body.skipped #billboard {background: url("../img/index/mv/index_mv00_img01_pc.webp") no-repeat center/cover;}
/*body.scrolled #globalMenu {pointer-events: auto;opacity: 1;}
body.sliderEnd #globalMenu {pointer-events: auto;opacity: 1;transition-delay: 4s;}
#billboard {overflow: hidden;}
#billboard ul li {position: relative;}
#billboard ul li.slide01 div {position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#billboard ul li.slide01 div ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;}
#billboard ul li.slide01 div ul li {opacity: 0;transition: 2.6s;}
#billboard ul li.slide01 div ul li:nth-child(1) {width: 23%;}
#billboard ul li.slide01 div ul li:nth-child(2) {width: 24%;}
#billboard ul li.slide01 div ul li:nth-child(3) {width: 18%;}
#billboard ul li.slide01 div ul li:nth-child(4) {width: 18%;}
#billboard ul li.slide01 div p {font-size: 187.5%;line-height: 2;letter-spacing: 0.2em;text-align: center;margin-top: 2em;opacity: 0;transition: 1.8s;transform: scale(1.1);}
#billboard ul li.slide01 figure {opacity: 0;transition: 1.2s;}
#billboard ul li.slide01.swiper-slide-active div ul li:nth-child(1) {opacity: 1;transition-delay: 1.0s;}
#billboard ul li.slide01.swiper-slide-active div ul li:nth-child(2) {opacity: 1;transition-delay: 2.0s;}
#billboard ul li.slide01.swiper-slide-active div ul li:nth-child(3) {opacity: 1;transition-delay: 3.0s;}
#billboard ul li.slide01.swiper-slide-active div ul li:nth-child(4) {opacity: 1;transition-delay: 4.0s;}
#billboard ul li.slide01.swiper-slide-active div p {opacity: 1;transform: scale(1);transition-delay: 5.5s;}
#billboard ul li.slide01.swiper-slide-active figure {opacity: 1;transition-delay: 0.2s;}
#billboard ul li.slide04 div,
#billboard ul li.slide03 div,
#billboard ul li.slide02 div {position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#billboard ul li.slide03 div,
#billboard ul li.slide02 div {opacity: 0;transition: 2.5s ease;}
#billboard ul li.slide04 div p,
#billboard ul li.slide03 div p,
#billboard ul li.slide02 div p {color: #fff;font-size: 150%;line-height: 2;letter-spacing: 0.2em;text-shadow: 0 0 15px rgba(0,0,0,0.8),0 0 15px rgba(0,0,0,0.8),0 0 10px rgba(0,0,0,0.8),0 0 15px rgba(0,0,0,0.8),0 0 15px rgba(0,0,0,0.8),0 0 15px rgba(0,0,0,0.8),0 0 15px rgba(0,0,0,0.8);}
#billboard ul li.slide02 div {left: 53%;}
#billboard ul li.slide03 div {text-align: right;left: 47%;}
#billboard ul li.slide03 figure img,
#billboard ul li.slide02 figure img {transform: scale(1.2);transition: 5s ease;}
#billboard ul li.slide03.swiper-slide-prev div,
#billboard ul li.slide03.swiper-slide-active div,
#billboard ul li.slide02.swiper-slide-prev div,
#billboard ul li.slide02.swiper-slide-active div {left: 50%;opacity: 1;transition-delay: 2s;}
#billboard ul li.slide03.swiper-slide-prev figure img,
#billboard ul li.slide03.swiper-slide-active figure img,
#billboard ul li.slide02.swiper-slide-prev figure img,
#billboard ul li.slide02.swiper-slide-active figure img {transform: scale(1);}
#billboard ul li.slide04 div {text-align: center;}
#billboard ul li.slide04 div p {text-shadow: none;opacity: 0;transition: 2s;}
#billboard ul li.slide04 div img {width: 70%;max-width: 26em;margin: 2em auto 0;opacity: 0;transition: 2s;}
#billboard ul li.slide04.swiper-slide-prev div p,
#billboard ul li.slide04.swiper-slide-active div p {opacity: 1;transition-delay: 1s;}
#billboard ul li.slide04.swiper-slide-prev div img,
#billboard ul li.slide04.swiper-slide-active div img {opacity: 1;transition-delay: 2.75s;}*/
#Main .block-index-00 {padding: 28em 0 15em;background: url("../img/common/bg09.webp") repeat-y center/100% auto;position: relative;}
#Main .block-index-00::after {display: block;content: '';width: 100%;height: 26em;background: url("../img/common/bg10.webp") no-repeat center top / 100% auto;position: absolute;top: 0;left: 0;z-index: 2;pointer-events: none;}
#Main .block-index-00::before {display: block;content: '';width: 100%;height: 50em;background: url("../img/index/index_img00_05_pc.webp") no-repeat center top / 100% auto;position: absolute;top: -1px;left: 0;z-index: 3;mix-blend-mode: multiply;}
#Main .block-index-00 p:nth-of-type(1) {color: #fff;font-size: 200%;text-align: center;line-height: 2;letter-spacing: 0.1em;position: relative;z-index: 3;}
#Main .block-index-00 > img {width: 70%;max-width: 29em;margin: 5em auto 8em;}
#Main .block-index-00 p:nth-of-type(2) {color: #fff;font-size: 250%;text-align: center;letter-spacing: 0.1em;max-width: 18.5em;margin: 0 auto;border-bottom: 1px solid #fff;}
#Main .block-index-00 p:nth-of-type(2) span {font-size: 150%;}
#Main .block-index-00 figure {margin-top: 10em;box-shadow: 0 2px 10px #000;}
#Main .block-index-00 figure figcaption {color: #fff;}
#Main .block-index-01 {position: relative;}
body.loaded #Main .block-index-01 {background: url("../img/common/bg09.webp") repeat-y center/100% auto;}
#Main .block-index-01::before {display: block;content: '';width: 100%;height: 50em;background: url("../img/index/index_img00_04_pc.webp") no-repeat left bottom / 100% auto;position: absolute;left: 0;bottom: 100%;z-index: 3;mix-blend-mode: multiply;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(1) {text-align: center;padding: 15em 0 30em;}
body.loaded #Main .block-index-01 .container:nth-child(1) div:nth-child(1) {background: url("../img/index/index_img00_01_pc.webp") no-repeat center/cover;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(1) p {color: #fff;letter-spacing: 0.05em;text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(1) p:nth-child(1) {font-size: 300%;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(1) p:nth-child(1) span {display: inline-block;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(1) p:nth-child(2) {font-size: 200%;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(2) {margin-top: -16em;padding: 8em 0;background: rgba(42,35,38,0.9);}
#Main .block-index-01 .container:nth-child(1) div:nth-child(2)::after {padding: 0.75em;top: auto;bottom: 100%;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(2) p {color: #fff;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(2) p:nth-child(1) {font-size: 175%;text-align: center;line-height: 2;letter-spacing: 0.1em;width: 90%;margin: 0 auto;}
#Main .block-index-01 .container:nth-child(1) div:nth-child(2) p:nth-child(2) {font-size: 125%;line-height: 2;width: 90%;max-width: 50em;margin: 3em auto 0;}
#Main .block-index-01 .container:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 4em;padding-top: 2em;background: rgba(42,35,38,0.9);}
#Main .block-index-01 .container:nth-child(2) figure {width: 35%;}
#Main .block-index-01 .container:nth-child(2) figure figcaption {padding: 0.75em;left: 0;right: auto;bottom: 0;}
#Main .block-index-01 .container:nth-child(2) div {width: 55%;padding: 2em 0;}
#Main .block-index-01 .container:nth-child(2) div p {color: #fff;}
#Main .block-index-01 .container:nth-child(2) div p:nth-child(1) {font-size: 175%;line-height: 2;letter-spacing: 0.1em;}
#Main .block-index-01 .container:nth-child(2) div p:nth-child(2) {font-size: 125%;line-height: 2;width: 90%;max-width: 34em;margin: 3em 0 0;}
#Main .block-index-02 {height: 90em;}
body.loaded #Main .block-index-02 {background: url("../img/index/index_img01_pc.webp") no-repeat center/cover;position: relative;}
#Main .block-index-02::after {background: transparent;}
#Main .block-index-02::before {display: block;content: '';width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 2;transition: 0.8s;pointer-events: none;}
#Main .block-index-02.staging::before {opacity: 0;transition-delay: 0.1s;}
#Main .block-index-02 .container > p {font-size: 175%;line-height: 2;letter-spacing: 0.1em;text-align: center;position: absolute;top: 7em;left: 0;right: 0;z-index: 1;}
#Main .block-index-02 ul {display: flex;flex-wrap: wrap;justify-content: space-between;position: absolute;left: 50%;bottom: 11em;z-index: 1;transform: translateX(-50%);}
#Main .block-index-02 ul li {width: 29.5%;padding-top: 29.25%;border: 1px solid #fff;background: rgba(0,82,88,0.51);position: relative;transition-duration: 1.2s;}
#Main .block-index-02 ul li:nth-child(2) {transition-delay: 0.4s;}
#Main .block-index-02 ul li:nth-child(3) {transition-delay: 1.0s;}
#Main .block-index-02 ul li p {color: #fff;font-size: 137.5%;text-align: center;white-space: nowrap;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#Main .block-index-02 ul li p strong {display: block;font-size: 200%;line-height: 1;margin-bottom: 0.5em;}
#Main .block-index-03 {padding: 5em 0;background-image: url("../img/common/bg02.webp");
  background-repeat: repeat;
  background-size: 300px 300px;}
#Main .block-index-03 .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#Main .block-index-03 .container + .container {margin-top: -22em;}
#Main .block-index-03 .container a {width: 50%;}
#Main .block-index-03 .container a div {max-width: 38em;position: relative;}
#Main .block-index-03 .container a div figure {width: 80%;margin: 0 17% 0 3%;position: relative;transform: translateY(7em);opacity: 0;transition: 0.8s ease-out;transition-delay: 0s;}
#Main .block-index-03 .container a div h2 {margin-top: 5em;transform: translateY(5em);opacity: 0;transition: 0.8s ease-in-out;transition-delay: 0s;}
#Main .block-index-03 .container a div h2 img {width: auto;height: 2.5em;}
#Main .block-index-03 .container a div p {transform: translateY(5em);opacity: 0;transition: 0.8s ease-out;}
#Main .block-index-03 .container a div p:nth-of-type(1) {font-size: 125%;line-height: 2;letter-spacing: 0.1em;margin-top: 2em;transition-delay: 0s;}
#Main .block-index-03 .container a div p:nth-of-type(2) {font-size: 106.25%;padding-top: 5em;background: url("../img/common/icon_11.svg") no-repeat 50% 0/36%;position: absolute;right: 1.5em;bottom: 1.5em;z-index: 1;transition-delay: 0s;}
#Main .block-index-03 .container a::after {display: block;content: '';width: 0;height: 2.5em;margin-top: 4em;background: url("../img/common/bg07.webp") no-repeat;transition: 0.8s ease-out;transition-delay: 0s;}
#Main .block-index-03 .container:nth-child(1) a div figure,
#Main .block-index-03 .container:nth-child(1) a div h2,
#Main .block-index-03 .container:nth-child(1) a div p:nth-of-type(1),
#Main .block-index-03 .container:nth-child(1) a div p:nth-of-type(2),
#Main .block-index-03 .container:nth-child(1) a::after {transition-delay: 0s;}
#Main .block-index-03 .container:nth-child(even) a::after {margin-left: auto;margin-right: 0;}
#Main .block-index-03 .container a.staging div p:nth-of-type(2),
#Main .block-index-03 .container a.staging div p:nth-of-type(1),
#Main .block-index-03 .container a.staging div h2,
#Main .block-index-03 .container a.staging div figure {opacity: 1;transform: translateY(0);}
#Main .block-index-03 .container a.staging::after {width: 100%;}
#Main .block-index-03 .container:nth-child(odd) a div {margin: 0 0 0 auto;padding-left: 1em;}
#Main .block-index-03 .container:nth-child(even) {flex-direction: row-reverse;}
#Main .block-index-03 .container:nth-child(even) a div {margin-left: 15%;}
@media only screen and (max-width: 1400px) {
  #Main .block-index-03 .container:nth-child(odd) a div figure {margin: 0 0 0 10%;}
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 1300px) {
  /*#billboard ul li.slide04 div p,
  #billboard ul li.slide03 div p,
  #billboard ul li.slide02 div p,
  #billboard ul li.slide01 div p {font-size: 137.5%;}
  #billboard ul li.slide04 div img {max-width: 20em;}*/
  #Main .block-index-02 {height: 114vw;}
  #Main .block-index-02 .container > p {top: 12%;}
}
@media only screen and (max-width: 1000px) {
  #Main .block-index-02 .container > p {font-size: 150%;}
  #Main .block-index-02 ul li p {font-size: 112.5%;}
  #Main .block-index-02 ul li p strong {margin-bottom: 0.25em;}  
  #Main .block-index-03 .container a div p:nth-of-type(1) {line-height: 1.5;margin-top: 1em;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #Main .block-index-00 {font-size: 1.2vw;}
  #Main .block-index-01 .container {font-size: 1.3vw;}
  #Main .block-index-03 .container {font-size: 1.3vw;}
  #Main .block-index-03 .container + .container {margin-top: -16em;}
  #Main .block-index-03 .container:nth-child(odd) a {padding: 0 2em 0 0;}
  #Main .block-index-03 .container:nth-child(even) a {padding: 0 0 0 2em;}
}
@media only screen and (min-width: 1800px) {
  #Main .block-index-00 {padding-top: 36em;}
  #Main .block-index-00::after {height: 40em;}
  #Main .block-index-00::before {height: 60em;}
  #Main .block-index-01::before {width: 70%;}
}
@media only screen and (min-width: 768px) {
  #Main .block-index-03 .container a:hover div p:nth-of-type(2) {background: url("../img/common/icon_11.svg") no-repeat 70% 0/36%;transition: 0.4s;}
}
@media only screen and (max-width: 767px) {
  #globalNavigation nav:nth-child(2) {pointer-events: none;opacity: 0;transition: 0.4s;}
  body.mvEnd #globalMenu {transition-delay: 4s;}
  body.scrolled #globalNavigation nav:nth-child(2) {pointer-events: auto;opacity: 1;}
  body.mvEnd #globalNavigation nav:nth-child(2) {pointer-events: auto;opacity: 1;transition-delay: 4s;}
  body.skipped #billboard {background: url("../img/index/mv/index_mv00_img01_sp.webp") no-repeat center/cover;}  
  #billboard #mvScroll {font-size: 125%;bottom: 1em;}
  #billboard #audio {width: 5em;height: 5em;right: 1.5em;bottom: 3em;}
  #billboard #skip {width: 5em;height: 5em;right: 7em;bottom: 3em;}
  #billboard #skip span {font-size: 125%;}
  #billboard video {height: 90vh;object-fit: cover;}
  /*#billboard #skip {top: 2em;bottom: auto;}*/
  /*body.sliderEnd #globalMenu {transition-delay: 4s;}
  body.scrolled #globalNavigation nav:nth-child(2) {pointer-events: auto;opacity: 1;}
  body.sliderEnd #globalNavigation nav:nth-child(2) {pointer-events: auto;opacity: 1;transition-delay: 4s;}
  #billboard ul li div {top: 40% !important;}
  #billboard ul li.slide01 div ul li {width: 100% !important;}
  #billboard ul li.slide01 div ul li + li {margin-top: 5em;}
  #billboard ul li.slide01 div ul li img {margin: 0 auto;}
  #billboard ul li.slide01 div ul li:nth-child(1) img {width: 50%;}
  #billboard ul li.slide01 div ul li:nth-child(2) img {width: 53%;}
  #billboard ul li.slide01 div ul li:nth-child(3) img {width: 40%;}
  #billboard ul li.slide01 div ul li:nth-child(4) img {width: 40%;}
  #billboard ul li.slide01 div p {font-size: 150%;letter-spacing: 0.05em;line-height: 1.75;white-space: nowrap;margin-top: 4em;}
  #billboard ul li.slide03 div,
  #billboard ul li.slide02 div {top: 20% !important;}
  #billboard ul li.slide04 div p,
  #billboard ul li.slide03 div p,
  #billboard ul li.slide02 div p {font-size: 175%;letter-spacing: 0.05em;line-height: 1.75;white-space: nowrap;text-shadow: none !important;}
  #billboard ul li.slide03 div,
  #billboard ul li.slide02 div {text-align: center;left: 50% !important;}
  #billboard ul li.slide02 div p {color: #2a2326;}
  #billboard ul li.slide04 div img {margin-top: 3em;}*/
  #Main .block-index-00 {padding: 10em 0 6em;background-size: 250% !important;}
  #Main .block-index-00 p:nth-of-type(1) {font-size: 150%;}
  #Main .block-index-00 > img {margin: 3em auto 4em;}
  #Main .block-index-00 p:nth-of-type(2) {font-size: 125%;}
  #Main .block-index-00 p:nth-of-type(2) span {font-size: 125%;}
  #Main .block-index-00 figure {margin-top: 5em;}
  #Main .block-index-01 {background-size: 250% !important;}
  #Main .block-index-01 .container:nth-child(1) div:nth-child(1) p:nth-child(1) {font-size: 250%;}
  #Main .block-index-01 .container:nth-child(1) div:nth-child(1) p:nth-child(2) {font-size: 175%;}
  #Main .block-index-01 .container:nth-child(1) div:nth-child(2) {padding: 3em 0;}
  #Main .block-index-01 .container:nth-child(1) div:nth-child(2) p:nth-child(1) {font-size: 150%;letter-spacing: 0;}
  #Main .block-index-01 .container:nth-child(1) div:nth-child(2) p:nth-child(2) {margin-top: 2em;}
  #Main .block-index-01 .container:nth-child(2) {padding: 2em 5vw;}
  #Main .block-index-01 .container:nth-child(2) figure {width: 100%;}
  #Main .block-index-01 .container:nth-child(2) figure figcaption {padding: 0;}
  #Main .block-index-01 .container:nth-child(2) div {width: 100%;margin-top: 1.5em;}
  #Main .block-index-01 .container:nth-child(2) div p:nth-child(1) {font-size: 150%;letter-spacing: 0;}
  #Main .block-index-01 .container:nth-child(2) div p:nth-child(2) {margin-top: 2em;}
  body.loaded #Main .block-index-02 {height: 180vw;background: url("../img/index/index_img01_sp.webp") no-repeat center/cover;position: relative;}
  #Main .block-index-02 .container > p {font-size: 150%;}
  #Main .block-index-02 ul {justify-content: center;bottom: 4em;}
  #Main .block-index-02 ul li {width: 35%;padding-top: 31.41%;margin: 0.75em;}
  #Main .block-index-02 ul li:nth-child(1) {margin-left: 30%;margin-right: 30%;}
  #Main .block-index-02 ul li p {font-size: 100%;}
  #Main .block-index-02 ul li p strong {font-size: 200%;}
  #Main .block-index-03 {padding: 4em 0 0;}
  #Main .block-index-03 .container {flex-direction: column-reverse !important;}  
  #Main .block-index-03 .container + .container {margin-top: 3em;}
  #Main .block-index-03 .container figure,
  #Main .block-index-03 .container a {transform: translateX(0);}  
  #Main .block-index-03 .container figure {width: 65%;margin: 0 auto !important;}
  #Main .block-index-03 .container a {padding: 0 !important;margin-top: 4em;width: 100%;}
  #Main .block-index-03 .container a div {width: 80%;margin: 0 auto !important;padding: 0 !important;}
  #Main .block-index-03 .container a div h2 img {height: 1.75em;}
  #Main .block-index-03 .container a::after {height: 3em;margin-top: 4em;background: url(../img/common/bg07.webp) no-repeat left / auto 130%;}
  #Main .block-index-03 .container a div p:nth-of-type(1) {font-size: 112.5%;}
  #Main .block-index-03 .container a div p:nth-of-type(2) {font-size: 93.75%;padding-top: 4em;margin-right: -2em;background: url(../img/common/icon_11.svg) no-repeat 50% 0 / 30%;bottom: 0.5em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}