@charset "UTF-8";
/*アニメーション
----------------------------*/
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes sway02 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  75% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes sway03 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(20deg);
  }
  75% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*共通
----------------------------*/
html {
  font-size: 62.5%;
  height: 100%;
}

.l-container {
  width: 100%;
}

.l-header {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.l-footer {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.pc-footer {
  margin: 0;
}

.feature-snslist {
  position: relative;
  z-index: 3;
}

#feature {
  width: 100%;
  margin: 0 auto;
  color: #000;
  box-sizing: border-box;
  text-align: center;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  position: relative;
  overflow-x: clip;
  opacity: 0;
  transition: 0.3s;
}
#feature.is_show {
  opacity: 1;
}
#feature * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  pointer-events: none;
}
#feature a {
  width: 100%;
  height: auto;
  display: block;
  color: #000;
  pointer-events: auto;
}
#feature a:hover {
  text-decoration: none;
  opacity: 1;
}
#feature img {
  width: 100%;
  height: auto;
  display: block;
}
#feature svg {
  width: 100%;
  height: auto;
  display: block;
}
#feature .js_anime.is_fadein {
  opacity: 0;
  transition: ease-in, opacity 1000ms, transform 500ms;
  transform: translate3d(0, 10rem, 0);
}
#feature .js_anime.is_fadein.is_d1 {
  transition-delay: 0.2s;
}
#feature .js_anime.is_fadein.is_d2 {
  transition-delay: 0.4s;
}
#feature .js_anime.is_fadein.is_d3 {
  transition-delay: 0.6s;
}
#feature .js_anime .is_fadein {
  opacity: 0;
  transition: ease-in, opacity 1000ms, transform 500ms;
  transform: translate3d(0, 10rem, 0);
}
#feature .js_anime .is_fadein.is_d1 {
  transition-delay: 0.2s;
}
#feature .js_anime .is_fadein.is_d2 {
  transition-delay: 0.4s;
}
#feature .js_anime .is_fadein.is_d3 {
  transition-delay: 0.6s;
}
#feature .js_anime .is_fadelogo {
  overflow: hidden;
}
#feature .js_anime .is_fadelogo figure {
  display: block;
  transform: translateY(100%);
}
#feature .js_anime .is_fadetxtarea .is_fadetxt {
  opacity: 0;
  transition: 0.5s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(2) {
  transition-delay: 0.2s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(3) {
  transition-delay: 0.4s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(4) {
  transition-delay: 0.6s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(5) {
  transition-delay: 0.8s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(6) {
  transition-delay: 1s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(7) {
  transition-delay: 1.2s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(8) {
  transition-delay: 1.4s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(9) {
  transition-delay: 1.6s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(10) {
  transition-delay: 1.8s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(11) {
  transition-delay: 2s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(12) {
  transition-delay: 2.2s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(13) {
  transition-delay: 2.4s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(14) {
  transition-delay: 2.6s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(15) {
  transition-delay: 2.8s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(16) {
  transition-delay: 3s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(17) {
  transition-delay: 3.2s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(18) {
  transition-delay: 3.4s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(19) {
  transition-delay: 3.6s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(20) {
  transition-delay: 3.8s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(21) {
  transition-delay: 4s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(22) {
  transition-delay: 4.2s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(23) {
  transition-delay: 4.4s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(24) {
  transition-delay: 4.6s;
}
#feature .js_anime .is_fadetxtarea .is_fadetxt:nth-child(25) {
  transition-delay: 4.8s;
}
#feature .js_anime.is_fadeleft {
  opacity: 0;
  transform: translateX(-100%);
  transition: 1s;
}
#feature .js_anime .is_fadeleft {
  opacity: 0;
  transform: translateX(-100%);
  transition: 1s;
}
#feature .js_anime.is_faderight {
  opacity: 0;
  transform: translateX(100%);
  transition: 1s;
}
#feature .js_anime .is_faderight {
  opacity: 0;
  transform: translateX(100%);
  transition: 1s;
  transition-delay: 0.5s;
}
#feature .js_anime.is_show.is_fadein {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#feature .js_anime.is_show .is_fadein {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#feature .js_anime.is_show .is_fadelogo {
  overflow: hidden;
}
#feature .js_anime.is_show .is_fadelogo figure {
  transform: translateY(0);
  transition: transform 1.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#feature .js_anime.is_show .is_fadelogo:nth-child(2) figure {
  transition-delay: 0.5s;
}
#feature .js_anime.is_show .is_fadetxtarea .is_fadetxt {
  opacity: 1;
}
#feature .js_anime.is_show.is_fadeleft {
  opacity: 1;
  transform: translateX(0%);
}
#feature .js_anime.is_show .is_fadeleft {
  opacity: 1;
  transform: translateX(0%);
}
#feature .js_anime.is_show.is_faderight {
  opacity: 1;
  transform: translateX(0%);
}
#feature .js_anime.is_show .is_faderight {
  opacity: 1;
  transform: translateX(0%);
}
#feature .is_sway img {
  transform-origin: center;
  animation: sway 1s ease infinite;
  will-change: transform;
}
#feature .is_sway.is_d1 img {
  animation-delay: 0.2s;
}
#feature .is_sway.is_d2 img {
  animation-delay: 0.4s;
}
#feature .is_sway.is_d3 img {
  animation-delay: 0.6s;
}
#feature .is_sway02 img {
  transform-origin: center center;
  will-change: transform;
  animation: 1.6s linear 0s infinite normal none running sway02;
}
#feature .is_sway03 img {
  transform-origin: center center;
  will-change: transform;
  animation: 1.6s linear 0s infinite normal none running sway03;
}

#feature .main {
  position: relative;
  background-color: #fff;
  display: flex;
}
#feature .main .left {
  height: calc(100vh - 80px);
  flex: 1;
  position: sticky;
  top: 80px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
#feature .main .left .left__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: ease-in, opacity 1000ms, transform 500ms;
  transform: translate3d(0, 10rem, 0);
}
#feature .main .left .left__img figure {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#feature .main .left .left__img figure a {
  width: 100%;
  height: 100%;
}
#feature .main .left .left__img figure a img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#feature .main .left.is_show .left__img {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#feature .main .right {
  height: calc(100vh - 80px);
  flex: 1;
  position: sticky;
  top: 80px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5dba61;
}
#feature .main .right .right__logo {
  width: calc(416 * var(--vw) / 1400);
  opacity: 0;
  transition: ease-in, opacity 1000ms, transform 500ms;
  transform: translate3d(0, 10rem, 0);
}
#feature .main .right .right__icon {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease-in, opacity 1000ms, transform 500ms;
  transform: translate3d(0, 10rem, 0);
}
#feature .main .right.is_show .right__logo {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#feature .main .right.is_show .right__icon {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#feature .main .center {
  width: calc(375 * var(--vw) / 1400);
  position: relative;
  background-color: #fff;
  overflow-x: clip;
}
#feature {
  /*メインビジュアル（.hero)
    ----------------------------*/
}
#feature .hero {
  position: relative;
}
#feature .sec {
  position: relative;
}
#feature .sec .sec__credit {
  position: absolute;
  z-index: 10;
}
#feature .sec .sec__credit .credit {
  width: -moz-fit-content;
  width: fit-content;
}
#feature .sec .sec__credit .credit .item {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#feature .sec .sec__credit .credit .item .link {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
}
#feature .sec .sec__credit .credit .item .link p {
  font-family: "cc-dash-to-school", sans-serif;
  font-weight: 400;
  font-size: calc(10 * var(--vw) * 0.2678571429 / 375);
  line-height: calc(13 * var(--vw) * 0.2678571429 / 375);
  letter-spacing: 0.03em;
  color: #232323;
}
#feature .sec .sec__flex {
  display: flex;
  position: relative;
}
#feature .sec .sec__flex.is_reverse {
  flex-direction: row-reverse;
}
#feature .sec .sec__img {
  position: relative;
  transform-origin: center;
}
#feature .sec .sec__img.sec__img01 {
  width: calc(313 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img02 {
  width: calc(282 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img03 {
  width: calc(313 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img04 {
  width: calc(265 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img05 {
  width: calc(390 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img06 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img07 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img08 {
  width: calc(390 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img09 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img10 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img11 {
  width: 100%;
}
#feature .sec .sec__img.sec__img12 {
  width: 100%;
}
#feature .sec .sec__img.sec__img13 {
  width: calc(238 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img14 {
  width: calc(238 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img15 {
  width: calc(238 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img16 {
  width: calc(353.75 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img17 {
  width: 100%;
}
#feature .sec .sec__img.sec__img18 {
  width: calc(299 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img19 {
  width: calc(183.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img20 {
  width: 100%;
}
#feature .sec .sec__img.sec__img21 {
  width: calc(315.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img22 {
  width: calc(295 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img23 {
  width: calc(333 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img24 {
  width: calc(333 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img24beside {
  width: calc(37 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img25 {
  width: calc(163 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img26 {
  width: calc(163 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img27 {
  width: calc(326 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img28 {
  width: calc(326 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img29 {
  width: calc(163 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img30 {
  width: calc(163 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img31 {
  width: calc(163 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img32 {
  width: calc(326 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img33 {
  width: calc(288 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img34 {
  width: calc(288 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img35 {
  width: calc(268 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img36 {
  width: calc(268 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img37 {
  width: calc(313.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img38 {
  width: 100%;
}
#feature .sec .sec__img.sec__img39 {
  width: calc(295 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img40 {
  width: calc(313 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img41 {
  width: calc(313 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img42 {
  width: 100%;
}
#feature .sec .sec__img.sec__img43 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img44 {
  width: calc(390 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img45 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img46 {
  width: calc(390 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img47 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img48 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img49 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img50 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__img.sec__img51 {
  width: calc(390 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__block {
  width: 100%;
  position: relative;
}
#feature .sec .sec__movie {
  width: calc(317 * var(--vw) * 0.2678571429 / 375);
  height: calc(564 * var(--vw) * 0.2678571429 / 375);
  position: relative;
  overflow: hidden;
}
#feature .sec .sec__movie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#feature .sec .sec__movie .mutebtn {
  width: calc(40 * var(--vw) * 0.2678571429 / 375);
  height: calc(12 * var(--vw) * 0.2678571429 / 375);
  background-image: url(../img/on.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  position: absolute;
  bottom: calc(12 * var(--vw) * 0.2678571429 / 375);
  right: calc(12 * var(--vw) * 0.2678571429 / 375);
  cursor: pointer;
  pointer-events: auto;
}
#feature .sec .sec__movie .mutebtn.on {
  background-image: url(../img/off.svg);
}
#feature .sec .sec__logo {
  margin: 0 auto;
}
#feature .sec .sec__logo.sec__logo01 {
  width: calc(174 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__logo.sec__logo02 {
  width: calc(341 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__logo.sec__logo03 {
  width: calc(154 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl {
  position: absolute;
  z-index: 3;
}
#feature .sec .sec__ttl.sec__ttl01 {
  width: calc(134 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl02 {
  width: calc(119 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl03 {
  width: calc(115 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl04 {
  width: calc(97 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl05 {
  width: calc(240.25 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl06 {
  width: calc(322.25 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl07 {
  width: calc(286.25 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl08 {
  width: calc(186 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl09 {
  width: calc(343.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl10 {
  width: calc(307.25 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__ttl.sec__ttl11 {
  width: calc(217.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__txt {
  width: calc(308 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon {
  position: absolute;
  transform-origin: center;
  z-index: 3;
}
#feature .sec .sec__icon.sec__icon01 {
  width: calc(101.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon02 {
  width: calc(110.75 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon03 {
  width: calc(126.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon04 {
  width: calc(100.25 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon05 {
  width: calc(142 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon06 {
  width: calc(118.75 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon07 {
  width: calc(87.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon08 {
  width: calc(106.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon09 {
  width: calc(104.75 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon10 {
  width: calc(120.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon11 {
  width: calc(95.25 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon12 {
  width: calc(143.75 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon13 {
  width: calc(91 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon14 {
  width: calc(35.25 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon15 {
  width: calc(252.75 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon16 {
  width: calc(110.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__icon.sec__icon17 {
  width: calc(331.5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__btn {
  width: calc(317 * var(--vw) * 0.2678571429 / 375);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#feature .sec .sec__staff {
  font-family: "interstate-condensed", sans-serif;
  font-size: calc(11 * var(--vw) * 0.2678571429 / 375);
  line-height: calc(15 * var(--vw) * 0.2678571429 / 375);
  color: #f0ebd9;
  letter-spacing: 0.02em;
  font-feature-settings: normal;
}
#feature .sec .sec__copy {
  font-family: "interstate-condensed", sans-serif;
  font-size: calc(11 * var(--vw) * 0.2678571429 / 375);
  line-height: calc(15 * var(--vw) * 0.2678571429 / 375);
  color: #f0ebd9;
  letter-spacing: 0.02em;
  font-feature-settings: normal;
}
#feature .sec .sec__loopslider {
  width: 100%;
  overflow-x: clip;
}
#feature .sec .sec__loopslider .splide__slide {
  margin-right: calc(5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__loopslider .splide__slide.is_163 {
  width: calc(163 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__loopslider .splide__slide.is_195 {
  width: calc(195 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__loopslider .splide__slide.is_326 {
  width: calc(326 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__loopslider .splide__slide.is_390 {
  width: calc(390 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec .sec__besidearea .sec__beside {
  display: flex;
}
#feature .sec .sec__besidearea .sec__beside .sec__besideimg {
  margin-right: calc(5 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec01 {
  padding-top: calc(91 * var(--vw) * 0.2678571429 / 375);
  padding-bottom: calc(94 * var(--vw) * 0.2678571429 / 375);
  background-color: #fce584;
}
#feature .sec.sec01 .sec__logo.sec__logo02 {
  margin-top: calc(23 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec01 .sec__txt {
  margin: calc(56 * var(--vw) * 0.2678571429 / 375) 0 0 calc(30 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec01 .sec__movie {
  margin: calc(140 * var(--vw) * 0.2678571429 / 375) auto 0;
}
#feature .sec.sec01 .sec__icon.sec__icon01 {
  top: calc(-80 * var(--vw) * 0.2678571429 / 375);
  left: calc(230 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-14deg);
}
#feature .sec.sec01 .sec__icon.sec__icon02 {
  top: calc(-50 * var(--vw) * 0.2678571429 / 375);
  left: calc(123 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-16deg);
}
#feature .sec.sec01 .sec__icon.sec__icon03 {
  bottom: calc(-78 * var(--vw) * 0.2678571429 / 375);
  left: calc(32 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-15deg);
}
#feature .sec.sec01 .sec__icon.sec__icon04 {
  bottom: calc(-115 * var(--vw) * 0.2678571429 / 375);
  left: calc(256 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-15deg);
}
#feature .sec.sec02 {
  padding-top: calc(94 * var(--vw) * 0.2678571429 / 375);
  background-image: url(../img/bg01.jpg);
  background-position: top;
  background-repeat: repeat-y;
  background-size: contain;
}
#feature .sec.sec02 .sec__img.sec__img01 {
  margin-left: auto;
  z-index: 2;
}
#feature .sec.sec02 .sec__img.sec__img02 {
  margin: calc(-70 * var(--vw) * 0.2678571429 / 375) 0 0 calc(17 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__img.sec__img03 {
  margin: calc(70 * var(--vw) * 0.2678571429 / 375) 0 0 calc(53 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__img.sec__img04 {
  margin: calc(35 * var(--vw) * 0.2678571429 / 375) 0 0 calc(9 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__ttl.sec__ttl01 {
  top: calc(-15 * var(--vw) * 0.2678571429 / 375);
  left: calc(22 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__ttl.sec__ttl02 {
  top: calc(130 * var(--vw) * 0.2678571429 / 375);
  right: calc(35 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__ttl.sec__ttl03 {
  top: calc(13 * var(--vw) * 0.2678571429 / 375);
  right: calc(60 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__ttl.sec__ttl04 {
  bottom: calc(-19 * var(--vw) * 0.2678571429 / 375);
  left: calc(36 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__ttl.sec__ttl05 {
  top: calc(-22 * var(--vw) * 0.2678571429 / 375);
  left: calc(102 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__icon.sec__icon05 {
  margin: calc(71 * var(--vw) * 0.2678571429 / 375) 0 0 calc(5 * var(--vw) * 0.2678571429 / 375);
  position: relative;
  z-index: 4;
}
#feature .sec.sec02 .sec__icon.sec__icon06 {
  margin: calc(-55 * var(--vw) * 0.2678571429 / 375) 0 0 calc(226 * var(--vw) * 0.2678571429 / 375);
  position: relative;
  z-index: 4;
}
#feature .sec.sec02 .sec__credit.sec__credit01 {
  top: calc(100% + 4 * var(--vw) * 0.2678571429 / 375);
  left: calc(17 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__credit.sec__credit02 {
  top: calc(100% + 4 * var(--vw) * 0.2678571429 / 375);
  left: calc(18 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__loopslider.sec__loopslider01 {
  margin-top: calc(-27 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__loopslider.sec__loopslider02 {
  margin-top: calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__sticky01 {
  margin-top: calc(51 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec02 .sec__sticky01 .sec__ttl06 {
  margin: 0 auto;
  position: relative;
}
#feature .sec.sec02 .sec__sticky01 .sec__img.sec__img11 {
  margin-top: calc(-8 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec03 {
  padding-top: calc(129 * var(--vw) * 0.2678571429 / 375);
  padding-bottom: calc(162 * var(--vw) * 0.2678571429 / 375);
  background-color: #fce584;
}
#feature .sec.sec03 .sec__block:nth-child(1) {
  z-index: 3;
}
#feature .sec.sec03 .sec__block:nth-child(2) {
  z-index: 2;
}
#feature .sec.sec03 .sec__img.sec__img13 {
  margin-left: calc(-22 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-12deg);
}
#feature .sec.sec03 .sec__img.sec__img14 {
  margin: calc(-248 * var(--vw) * 0.2678571429 / 375) 0 0 calc(189 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(4deg);
}
#feature .sec.sec03 .sec__img.sec__img15 {
  margin: calc(-64 * var(--vw) * 0.2678571429 / 375) 0 0 calc(35 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-4deg);
}
#feature .sec.sec03 .sec__img.sec__img16 {
  margin: calc(-28 * var(--vw) * 0.2678571429 / 375) 0 0 calc(-16 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(9deg);
}
#feature .sec.sec03 .sec__icon.sec__icon07 {
  top: calc(-54 * var(--vw) * 0.2678571429 / 375);
  left: calc(34 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-15deg);
}
#feature .sec.sec03 .sec__icon.sec__icon08 {
  top: calc(-68 * var(--vw) * 0.2678571429 / 375);
  right: calc(40 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-15deg);
}
#feature .sec.sec03 .sec__icon.sec__icon09 {
  bottom: calc(21 * var(--vw) * 0.2678571429 / 375);
  right: calc(19 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-15deg);
}
#feature .sec.sec03 .sec__icon.sec__icon10 {
  bottom: calc(-58 * var(--vw) * 0.2678571429 / 375);
  left: calc(28 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-15deg);
}
#feature .sec.sec03 .sec__credit.sec__credit03 {
  top: calc(100% + 82 * var(--vw) * 0.2678571429 / 375);
  left: calc(18 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec03 .sec__credit.sec__credit03 .credit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec04 {
  padding-bottom: calc(17 * var(--vw) * 0.2678571429 / 375);
  background-color: #5dba61;
}
#feature .sec.sec04 .sec__ttl.sec__ttl07 {
  margin: calc(90 * var(--vw) * 0.2678571429 / 375) auto 0;
  position: relative;
}
#feature .sec.sec04 .sec__img.sec__img18 {
  margin-top: calc(10 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec04 .sec__img.sec__img19 {
  margin: calc(-89 * var(--vw) * 0.2678571429 / 375) 0 0 calc(207 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(9deg);
  z-index: 2;
}
#feature .sec.sec04 .sec__icon.sec__icon11 {
  margin: calc(-73 * var(--vw) * 0.2678571429 / 375) 0 0 calc(22 * var(--vw) * 0.2678571429 / 375);
  position: relative;
}
#feature .sec.sec04 .sec__credit.sec__credit04 {
  top: calc(100% + 4 * var(--vw) * 0.2678571429 / 375);
  left: calc(16 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec04 .sec__credit.sec__credit04 .credit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec04 .sec__credit.sec__credit05 {
  top: calc(100% + 4 * var(--vw) * 0.2678571429 / 375);
  left: calc(17 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec04 .sec__credit.sec__credit05 .item .link {
  display: block;
  text-align: left;
}
#feature .sec.sec05 {
  padding-bottom: calc(75 * var(--vw) * 0.2678571429 / 375);
  background-color: #e88136;
}
#feature .sec.sec05 .sec__block.sec__block01 {
  z-index: 2;
}
#feature .sec.sec05 .sec__img.sec__img21 {
  margin: calc(49 * var(--vw) * 0.2678571429 / 375) 0 0 calc(-6 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-8deg);
}
#feature .sec.sec05 .sec__img.sec__img22 {
  margin: calc(-36 * var(--vw) * 0.2678571429 / 375) 0 0 calc(63 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec05 .sec__besidearea {
  margin-top: calc(182 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec05 .sec__icon.sec__icon11 {
  margin: calc(-73 * var(--vw) * 0.2678571429 / 375) 0 0 calc(22 * var(--vw) * 0.2678571429 / 375);
  position: relative;
}
#feature .sec.sec05 .sec__icon.sec__icon12 {
  position: absolute;
  top: calc(-110 * var(--vw) * 0.2678571429 / 375);
  left: calc(18 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec05 .sec__credit.sec__credit06 {
  width: calc(295 * var(--vw) * 0.2678571429 / 375);
  top: calc(100% + 4 * var(--vw) * 0.2678571429 / 375);
  left: calc(63 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec05 .sec__credit.sec__credit06 .credit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec05 .sec__credit.sec__credit06 .credit .item .link p {
  color: #f0ebd9;
}
#feature .sec.sec05 .sec__credit.sec__credit07 {
  width: calc(250 * var(--vw) * 0.2678571429 / 375);
  top: calc(100% + 4 * var(--vw) * 0.2678571429 / 375);
  left: calc(42 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec05 .sec__credit.sec__credit07 .credit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec05 .sec__credit.sec__credit07 .credit .item .link p {
  color: #f0ebd9;
}
#feature .sec.sec06 {
  padding-top: calc(37 * var(--vw) * 0.2678571429 / 375);
  padding-bottom: calc(44 * var(--vw) * 0.2678571429 / 375);
  margin-top: calc(7 * var(--vw) * 0.2678571429 / 375);
  background-color: #2c77c3;
}
#feature .sec.sec06 .sec__ttl.sec__ttl08 {
  margin-left: calc(16 * var(--vw) * 0.2678571429 / 375);
  position: relative;
}
#feature .sec.sec06 .sec__icon.sec__icon13 {
  top: calc(21 * var(--vw) * 0.2678571429 / 375);
  left: calc(226 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(15deg);
}
#feature .sec.sec06 .sec__icon.sec__icon14 {
  top: calc(88 * var(--vw) * 0.2678571429 / 375);
  left: calc(205 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-2deg);
}
#feature .sec.sec06 .sec__loopslider.sec__loopslider03 {
  margin-top: calc(9 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec06 .sec__loopslider.sec__loopslider04 {
  margin-top: calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec06 .sec__loopslider.sec__loopslider05 {
  margin-top: calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec07 {
  padding-top: calc(78 * var(--vw) * 0.2678571429 / 375);
  padding-bottom: calc(121 * var(--vw) * 0.2678571429 / 375);
  margin-top: calc(7 * var(--vw) * 0.2678571429 / 375);
  background-image: url(../img/bg02.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
#feature .sec.sec07 .sec__ttl.sec__ttl09 {
  margin-left: calc(16 * var(--vw) * 0.2678571429 / 375);
  position: relative;
}
#feature .sec.sec07 .sec__icon.sec__icon15 {
  top: calc(-53 * var(--vw) * 0.2678571429 / 375);
  left: calc(99 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec07 .sec__img.sec__img33 {
  margin: calc(31 * var(--vw) * 0.2678571429 / 375) 0 0 calc(34 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(-7deg);
  position: sticky;
  top: calc(80px + 30 * var(--vw) * 0.2678571429 / 375);
  z-index: 3;
}
#feature .sec.sec07 .sec__img.sec__img34 {
  padding-bottom: calc(9 * var(--vw) * 0.2678571429 / 375);
  margin: calc(50 * var(--vw) * 0.2678571429 / 375) 0 0 calc(34 * var(--vw) * 0.2678571429 / 375);
  z-index: 3;
}
#feature .sec.sec07 .sec__img.sec__img35 {
  margin: calc(-15 * var(--vw) * 0.2678571429 / 375) 0 0 calc(80 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(6deg);
  z-index: 2;
}
#feature .sec.sec07 .sec__img.sec__img36 {
  margin: calc(-359 * var(--vw) * 0.2678571429 / 375) 0 0 calc(-117 * var(--vw) * 0.2678571429 / 375);
  transform: rotate(16deg);
}
#feature .sec.sec07 .sec__img.sec__img37 {
  margin: calc(-46 * var(--vw) * 0.2678571429 / 375) 0 0 calc(64 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec07 .sec__img.sec__img37 figure {
  transform: rotate(-8deg);
  transform-origin: center;
}
#feature .sec.sec07 .sec__credit.sec__credit08 {
  top: calc(100% + 35 * var(--vw) * 0.2678571429 / 375);
  left: calc(-39 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 {
  padding-bottom: calc(59 * var(--vw) * 0.2678571429 / 375);
  background-color: #bf301d;
}
#feature .sec.sec08 .sec__bg {
  padding-top: calc(30 * var(--vw) * 0.2678571429 / 375);
  background-color: #bf301d;
  position: relative;
}
#feature .sec.sec08 .sec__ttl.sec__ttl09 {
  margin-left: calc(16 * var(--vw) * 0.2678571429 / 375);
  position: relative;
}
#feature .sec.sec08 .sec__ttl.sec__ttl10 {
  margin: calc(96 * var(--vw) * 0.2678571429 / 375) auto 0;
  position: relative;
}
#feature .sec.sec08 .sec__ttl.sec__ttl11 {
  margin: calc(26 * var(--vw) * 0.2678571429 / 375) auto 0;
  position: relative;
}
#feature .sec.sec08 .sec__icon.sec__icon16 {
  bottom: calc(-19 * var(--vw) * 0.2678571429 / 375);
  left: calc(29 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__icon.sec__icon17 {
  margin: calc(90 * var(--vw) * 0.2678571429 / 375) 0 0 calc(26 * var(--vw) * 0.2678571429 / 375);
  position: relative;
}
#feature .sec.sec08 .sec__img.sec__img38 {
  position: sticky;
  top: 51px;
}
#feature .sec.sec08 .sec__img.sec__img39 {
  margin: 0 0 0 auto;
}
#feature .sec.sec08 .sec__img.sec__img42 {
  margin-top: calc(-12 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__credit.sec__credit09 {
  width: calc(250 * var(--vw) * 0.2678571429 / 375);
  top: calc(100% + 4 * var(--vw) * 0.2678571429 / 375);
  left: calc(17 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__credit.sec__credit09 .credit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__credit.sec__credit09 .credit .item .link p {
  color: #f0ebd9;
}
#feature .sec.sec08 .sec__besidearea02 {
  padding: calc(50 * var(--vw) * 0.2678571429 / 375) 0 0 calc(17 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__loopslider.sec__loopslider06 {
  margin-top: calc(20 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__loopslider.sec__loopslider07 {
  margin-top: calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__loopslider.sec__loopslider08 {
  margin-top: calc(7 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__btn {
  margin-top: calc(60 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__logo03 {
  margin-top: calc(83 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__staff {
  margin-top: calc(34 * var(--vw) * 0.2678571429 / 375);
}
#feature .sec.sec08 .sec__copy {
  margin-top: calc(22 * var(--vw) * 0.2678571429 / 375);
}/*# sourceMappingURL=style.css.map */