@charset "UTF-8";
:root {
  --color-black: #000;
  --color-gray: #303030;
  --color-white: #fff;
  --color-01: #5e8ab4;
  --color-02: #ab5c57;
}

.l-container {
  margin-inline: auto;
  width: 100%;
  /* min-width: 1140px; */
  overflow: clip;
}
.l-footer,
.feature-snslist,
.header-fix-buttons,
.pc-header-main.is-fixed {
  z-index: 800;
}

.l-footer {
  padding-top: initial;
}

.pc-footer {
  margin-top: initial;
}

#feature {
  scroll-behavior: smooth;
}
#feature * {
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Helvetica, Arial, sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-optical-sizing: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#feature *:focus {
  outline: none;
}
#feature li {
  list-style: none;
}
#feature img {
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
#feature a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
#feature a:hover {
  opacity: 0.7;
  cursor: pointer;
}
#feature p {
  margin: initial;
}
#feature video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
          filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
  outline: none;
  border: none;
}
#feature [class^=img_] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ededed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
@font-face {
  font-family: "CommitMono-400";
  src: url("../fonts/CommitMono-400-Regular.otf") format("opentype");
}
@font-face {
  font-family: "CommitMono-700";
  src: url("../fonts/CommitMono-700-Regular.otf") format("opentype");
}
#feature .c-text {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 1.28571vw;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.11571vw;
  text-align: justify;
  color: #fff;
}
#feature .c-text.--fw-300 {
  font-weight: 300;
}
#feature .c-text.--fw-400 {
  font-weight: 400;
  line-height: 2.07;
}

/*=====================================
  component_common
=====================================*/
#feature {
  max-width: initial;
}
#feature .parent_credit {
  position: relative;
  top: 0;
  left: 0;
  display: inherit;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
  gap: inherit;
}
#feature .wrap_credit {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1.42857vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#feature .wrap_credit.--t-column-center, #feature .wrap_credit.--b-column-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: initial;
}
#feature .wrap_credit.--t-column-center .credit, #feature .wrap_credit.--b-column-center .credit {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#feature .wrap_credit.--t-column-center .credit_toggle, #feature .wrap_credit.--b-column-center .credit_toggle {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
#feature .wrap_credit.--t-column-center, #feature .wrap_credit.--t-column-left, #feature .wrap_credit.--t-column-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: initial;
  padding-inline: initial;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  bottom: initial;
  top: 0;
}
#feature .wrap_credit.--b-column-center, #feature .wrap_credit.--b-column-left, #feature .wrap_credit.--b-column-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: initial;
  padding-inline: initial;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
#feature .wrap_credit.--t-column-left, #feature .wrap_credit.--b-column-left {
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
#feature .wrap_credit.--t-column-left .credit, #feature .wrap_credit.--b-column-left .credit {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#feature .wrap_credit.--t-column-left .credit_toggle, #feature .wrap_credit.--b-column-left .credit_toggle {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
#feature .wrap_credit.--t-column-right, #feature .wrap_credit.--b-column-right {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
#feature .wrap_credit.--t-column-right .credit, #feature .wrap_credit.--b-column-right .credit {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#feature .wrap_credit.--t-column-right .credit .credit_item *, #feature .wrap_credit.--b-column-right .credit .credit_item * {
  text-align: end;
}
#feature .wrap_credit.--t-column-right .credit_toggle, #feature .wrap_credit.--b-column-right .credit_toggle {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#feature .wrap_credit.--b-left, #feature .wrap_credit.--b-right, #feature .wrap_credit.--b-center {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  padding-inline: initial;
}
#feature .wrap_credit.--b-left {
  left: 0;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
#feature .wrap_credit.--b-left .credit {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}
#feature .wrap_credit.--b-left .credit_toggle {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
#feature .wrap_credit.--b-right {
  right: 0;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
#feature .wrap_credit.--b-right .credit {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
      -ms-flex-pack: right;
          justify-content: right;
}
#feature .wrap_credit.--b-right .credit_toggle {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#feature .wrap_credit.--b-center {
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#feature .wrap_credit.--b-center .credit {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#feature .wrap_credit.--b-center .credit_toggle {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#feature .wrap_credit.--left, #feature .wrap_credit.--right {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: max(-4px, -0.19048vw);
}
#feature .wrap_credit.--left {
  padding-bottom: initial;
  padding-left: initial;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
#feature .wrap_credit.--left .credit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
      -ms-flex-pack: right;
          justify-content: right;
}
#feature .wrap_credit.--left .credit .credit_item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
#feature .wrap_credit.--left .credit .credit_item * {
  text-align: end;
}
#feature .wrap_credit.--left .credit_toggle {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
#feature .wrap_credit.--right {
  padding-bottom: initial;
  padding-right: initial;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
#feature .wrap_credit.--right .credit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
      -ms-flex-pack: right;
          justify-content: right;
}
#feature .wrap_credit.--right .credit .credit_item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
}
#feature .wrap_credit.--right .credit .credit_item * {
  text-align: start;
}
#feature .wrap_credit.--right .credit_toggle {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#feature .wrap_credit.credit_05 {
  padding-block: 1.04762vw;
}
#feature .wrap_credit.credit_06 {
  padding-block: 2.47619vw;
}
#feature .wrap_credit.credit_07 {
  padding-top: 10.28571vw;
  padding-inline: 2.85714vw;
}
#feature .wrap_credit.credit_08 {
  padding-bottom: 6vw;
  padding-inline: 2.85714vw;
}
#feature .wrap_credit.credit_09 {
  padding-top: 1.2381vw;
}
#feature .wrap_credit.credit_10 {
  padding-top: 2.85714vw;
}
#feature .wrap_credit.sp-none {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#feature .wrap_credit.pc-none {
  display: none;
}
#feature .wrap_credit .credit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.38095vw 0.85714vw;
}
#feature .wrap_credit .credit .credit_item .credit_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.47619vw;
}
#feature .wrap_credit .credit .credit_item * {
  font-family: "CommitMono-400", sans-serif;
  font-size: 0.7619vw;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  color: var(--color-black);
}
#feature .page_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transform: translateX(calc(var(--page-index, 0) * -100%));
          transform: translateX(calc(var(--page-index, 0) * -100%));
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
#feature .swiper-slide[data-has-inner-pages=true] {
  position: relative;
  width: 100vw;
}
#feature .swiper-slide[data-has-inner-pages=true] .base_page {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
#feature .swiper .swiper-parts {
  position: absolute;
  content: "";
  top: 28.42857vw;
  left: 0;
  width: 100%;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 200;
}
#feature .swiper .swiper-parts.all-last-slide .wrap_all-item {
  pointer-events: painted;
  opacity: 1;
}
#feature .swiper .swiper-parts .swiper-button-prev,
#feature .swiper .swiper-parts .swiper-button-next {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.33333vw;
  height: 0.7619vw;
  pointer-events: painted;
}
#feature .swiper .swiper-parts .swiper-button-prev {
  left: 9.14286vw;
  background-image: url(../img/arrow-left.png);
}
#feature .swiper .swiper-parts .swiper-button-next {
  left: initial;
  right: 9.14286vw;
  background-image: url(../img/arrow-right.png);
}
#feature .swiper .swiper-parts .wrap_all-item {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  content: "";
  top: 0.19048vw;
  left: 85.80952vw;
}
#feature .swiper .swiper-parts .wrap_all-item .all-item {
  width: 7.42857vw;
}
#feature .swiper .swiper-parts .swiper-button-disabled {
  display: none;
}

#feature .pc-none {
  display: none;
}
#feature .sp-none {
  display: block;
}

#feature .--delay-1000ms {
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important;
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
#feature .--delay-500ms {
  -webkit-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}
#feature .js_anime.is_fade .animearea {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#feature .js_anime.is_fade-up .animearea {
  opacity: 0;
  -webkit-transform: translateY(min(40px, 1.90476vw));
          transform: translateY(min(40px, 1.90476vw));
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
#feature .js_anime.is_fade-down .animearea {
  opacity: 0;
  -webkit-transform: translateY(min(-40px, -1.90476vw));
          transform: translateY(min(-40px, -1.90476vw));
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
#feature .js_anime.is_fade-left .animearea {
  opacity: 0;
  -webkit-transform: translateX(min(-40px, -1.90476vw));
          transform: translateX(min(-40px, -1.90476vw));
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
#feature .js_anime.is_fade-right .animearea {
  opacity: 0;
  -webkit-transform: translateX(min(40px, 1.90476vw));
          transform: translateX(min(40px, 1.90476vw));
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
#feature .js_anime.is_fade-up-chain .animearea ul li {
  opacity: 0;
  -webkit-transform: translateY(min(40px, 1.90476vw));
          transform: translateY(min(40px, 1.90476vw));
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(1) {
  -webkit-transition-delay: 320ms;
          transition-delay: 320ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(2) {
  -webkit-transition-delay: 640ms;
          transition-delay: 640ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(3) {
  -webkit-transition-delay: 960ms;
          transition-delay: 960ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(4) {
  -webkit-transition-delay: 1280ms;
          transition-delay: 1280ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(5) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(6) {
  -webkit-transition-delay: 1920ms;
          transition-delay: 1920ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(7) {
  -webkit-transition-delay: 2240ms;
          transition-delay: 2240ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(8) {
  -webkit-transition-delay: 2560ms;
          transition-delay: 2560ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(9) {
  -webkit-transition-delay: 2880ms;
          transition-delay: 2880ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(10) {
  -webkit-transition-delay: 3200ms;
          transition-delay: 3200ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(11) {
  -webkit-transition-delay: 3520ms;
          transition-delay: 3520ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(12) {
  -webkit-transition-delay: 3840ms;
          transition-delay: 3840ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(13) {
  -webkit-transition-delay: 4160ms;
          transition-delay: 4160ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(14) {
  -webkit-transition-delay: 4480ms;
          transition-delay: 4480ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(15) {
  -webkit-transition-delay: 4800ms;
          transition-delay: 4800ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(16) {
  -webkit-transition-delay: 5120ms;
          transition-delay: 5120ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(17) {
  -webkit-transition-delay: 5440ms;
          transition-delay: 5440ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(18) {
  -webkit-transition-delay: 5760ms;
          transition-delay: 5760ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(19) {
  -webkit-transition-delay: 6080ms;
          transition-delay: 6080ms;
}
#feature .js_anime.is_fade-up-chain .animearea ul li:nth-child(20) {
  -webkit-transition-delay: 6400ms;
          transition-delay: 6400ms;
}
#feature .js_anime.is_typing .animearea path {
  opacity: 0;
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}
#feature .js_anime.is_typing .animearea path:nth-child(1) {
  -webkit-transition-delay: 80ms;
          transition-delay: 80ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(2) {
  -webkit-transition-delay: 160ms;
          transition-delay: 160ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(3) {
  -webkit-transition-delay: 240ms;
          transition-delay: 240ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(4) {
  -webkit-transition-delay: 320ms;
          transition-delay: 320ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(5) {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(6) {
  -webkit-transition-delay: 480ms;
          transition-delay: 480ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(7) {
  -webkit-transition-delay: 560ms;
          transition-delay: 560ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(8) {
  -webkit-transition-delay: 640ms;
          transition-delay: 640ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(9) {
  -webkit-transition-delay: 720ms;
          transition-delay: 720ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(10) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(11) {
  -webkit-transition-delay: 880ms;
          transition-delay: 880ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(12) {
  -webkit-transition-delay: 960ms;
          transition-delay: 960ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(13) {
  -webkit-transition-delay: 1040ms;
          transition-delay: 1040ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(14) {
  -webkit-transition-delay: 1120ms;
          transition-delay: 1120ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(15) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(16) {
  -webkit-transition-delay: 1280ms;
          transition-delay: 1280ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(17) {
  -webkit-transition-delay: 1360ms;
          transition-delay: 1360ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(18) {
  -webkit-transition-delay: 1440ms;
          transition-delay: 1440ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(19) {
  -webkit-transition-delay: 1520ms;
          transition-delay: 1520ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(20) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(21) {
  -webkit-transition-delay: 1680ms;
          transition-delay: 1680ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(22) {
  -webkit-transition-delay: 1760ms;
          transition-delay: 1760ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(23) {
  -webkit-transition-delay: 1840ms;
          transition-delay: 1840ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(24) {
  -webkit-transition-delay: 1920ms;
          transition-delay: 1920ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(25) {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(26) {
  -webkit-transition-delay: 2080ms;
          transition-delay: 2080ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(27) {
  -webkit-transition-delay: 2160ms;
          transition-delay: 2160ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(28) {
  -webkit-transition-delay: 2240ms;
          transition-delay: 2240ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(29) {
  -webkit-transition-delay: 2320ms;
          transition-delay: 2320ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(30) {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(31) {
  -webkit-transition-delay: 2480ms;
          transition-delay: 2480ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(32) {
  -webkit-transition-delay: 2560ms;
          transition-delay: 2560ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(33) {
  -webkit-transition-delay: 2640ms;
          transition-delay: 2640ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(34) {
  -webkit-transition-delay: 2720ms;
          transition-delay: 2720ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(35) {
  -webkit-transition-delay: 2800ms;
          transition-delay: 2800ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(36) {
  -webkit-transition-delay: 2880ms;
          transition-delay: 2880ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(37) {
  -webkit-transition-delay: 2960ms;
          transition-delay: 2960ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(38) {
  -webkit-transition-delay: 3040ms;
          transition-delay: 3040ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(39) {
  -webkit-transition-delay: 3120ms;
          transition-delay: 3120ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(40) {
  -webkit-transition-delay: 3200ms;
          transition-delay: 3200ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(41) {
  -webkit-transition-delay: 3280ms;
          transition-delay: 3280ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(42) {
  -webkit-transition-delay: 3360ms;
          transition-delay: 3360ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(43) {
  -webkit-transition-delay: 3440ms;
          transition-delay: 3440ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(44) {
  -webkit-transition-delay: 3520ms;
          transition-delay: 3520ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(45) {
  -webkit-transition-delay: 3600ms;
          transition-delay: 3600ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(46) {
  -webkit-transition-delay: 3680ms;
          transition-delay: 3680ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(47) {
  -webkit-transition-delay: 3760ms;
          transition-delay: 3760ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(48) {
  -webkit-transition-delay: 3840ms;
          transition-delay: 3840ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(49) {
  -webkit-transition-delay: 3920ms;
          transition-delay: 3920ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(50) {
  -webkit-transition-delay: 4000ms;
          transition-delay: 4000ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(51) {
  -webkit-transition-delay: 4080ms;
          transition-delay: 4080ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(52) {
  -webkit-transition-delay: 4160ms;
          transition-delay: 4160ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(53) {
  -webkit-transition-delay: 4240ms;
          transition-delay: 4240ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(54) {
  -webkit-transition-delay: 4320ms;
          transition-delay: 4320ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(55) {
  -webkit-transition-delay: 4400ms;
          transition-delay: 4400ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(56) {
  -webkit-transition-delay: 4480ms;
          transition-delay: 4480ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(57) {
  -webkit-transition-delay: 4560ms;
          transition-delay: 4560ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(58) {
  -webkit-transition-delay: 4640ms;
          transition-delay: 4640ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(59) {
  -webkit-transition-delay: 4720ms;
          transition-delay: 4720ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(60) {
  -webkit-transition-delay: 4800ms;
          transition-delay: 4800ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(61) {
  -webkit-transition-delay: 4880ms;
          transition-delay: 4880ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(62) {
  -webkit-transition-delay: 4960ms;
          transition-delay: 4960ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(63) {
  -webkit-transition-delay: 5040ms;
          transition-delay: 5040ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(64) {
  -webkit-transition-delay: 5120ms;
          transition-delay: 5120ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(65) {
  -webkit-transition-delay: 5200ms;
          transition-delay: 5200ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(66) {
  -webkit-transition-delay: 5280ms;
          transition-delay: 5280ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(67) {
  -webkit-transition-delay: 5360ms;
          transition-delay: 5360ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(68) {
  -webkit-transition-delay: 5440ms;
          transition-delay: 5440ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(69) {
  -webkit-transition-delay: 5520ms;
          transition-delay: 5520ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(70) {
  -webkit-transition-delay: 5600ms;
          transition-delay: 5600ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(71) {
  -webkit-transition-delay: 5680ms;
          transition-delay: 5680ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(72) {
  -webkit-transition-delay: 5760ms;
          transition-delay: 5760ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(73) {
  -webkit-transition-delay: 5840ms;
          transition-delay: 5840ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(74) {
  -webkit-transition-delay: 5920ms;
          transition-delay: 5920ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(75) {
  -webkit-transition-delay: 6000ms;
          transition-delay: 6000ms;
}
#feature .js_anime.is_typing .animearea path:nth-child(76) {
  -webkit-transition-delay: 6080ms;
          transition-delay: 6080ms;
}
#feature .js_anime.is_blur {
  opacity: 0;
}
#feature .js_anime.is_blur-text .animearea {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#feature .js_anime.is_curtain-left .animearea {
  opacity: 0;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
#feature .js_anime.is_curtain-up .animearea {
  opacity: 0;
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
  -webkit-filter: blur(30px) brightness(1.1);
          filter: blur(30px) brightness(1.1);
}
#feature .swiper-slide-active .js_anime.is_fade .animearea {
  opacity: 1;
}
#feature .swiper-slide-active .js_anime.is_fade-up .animearea {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#feature .swiper-slide-active .js_anime.is_fade-down .animearea {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#feature .swiper-slide-active .js_anime.is_fade-left .animearea {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#feature .swiper-slide-active .js_anime.is_fade-right .animearea {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#feature .swiper-slide-active .js_anime.is_fade-up-chain .animearea ul li {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#feature .swiper-slide-active .js_anime.is_typing .animearea path {
  opacity: 1;
}
#feature .swiper-slide-active .js_anime.is_blur {
  opacity: 1;
  -webkit-animation-name: blurAnime;
          animation-name: blurAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes blurAnime {
  from {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    opacity: 0.01;
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes blurAnime {
  from {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    opacity: 0.01;
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
#feature .swiper-slide-active .js_anime.is_blur-text .animearea {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
#feature .swiper-slide-active .js_anime.is_curtain-left .animearea {
  opacity: 1;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
#feature .swiper-slide-active .js_anime.is_curtain-up .animearea {
  -webkit-animation: fadeInPic 0.95s cubic-bezier(0.16, 0.88, 0.25, 1) forwards;
          animation: fadeInPic 0.95s cubic-bezier(0.16, 0.88, 0.25, 1) forwards;
}
@-webkit-keyframes fadeInPic {
  0% {
    opacity: 0;
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  50% {
    opacity: 1;
    -webkit-filter: blur(30px) brightness(1.1);
            filter: blur(30px) brightness(1.1);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0) brightness(1);
            filter: blur(0) brightness(1);
    -webkit-clip-path: inset(0% 0 0 0);
            clip-path: inset(0% 0 0 0);
  }
}
@keyframes fadeInPic {
  0% {
    opacity: 0;
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  50% {
    opacity: 1;
    -webkit-filter: blur(30px) brightness(1.1);
            filter: blur(30px) brightness(1.1);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0) brightness(1);
            filter: blur(0) brightness(1);
    -webkit-clip-path: inset(0% 0 0 0);
            clip-path: inset(0% 0 0 0);
  }
}
#feature .wrap_anime-loop-target {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
#feature .wrap_anime-loop-target .anime-loop-target_right_double {
  -webkit-animation: loop_animation_right 5s linear infinite;
          animation: loop_animation_right 5s linear infinite;
  white-space: nowrap;
}
@-webkit-keyframes loop_animation_right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes loop_animation_right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

#feature .base_page {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

@media screen and (max-width: 751px) {
  .sp-footer {
    margin-top: initial;
  }
  #feature a:hover {
    opacity: initial;
    cursor: pointer;
  }
  #feature [class^=img_] {
    background-color: transparent;
  }
  #feature .c-text {
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-size: 6.4vw;
    letter-spacing: 0.48vw;
  }
  #feature .c-text.--sp-fw-500 {
    font-weight: 500;
    line-height: 1.86;
  }
  #feature .wrap_credit {
    padding: 4vw;
  }
  #feature .wrap_credit.--sp-left .credit .credit_item, #feature .wrap_credit.--sp-right .credit .credit_item {
    margin-inline: initial;
  }
  #feature .wrap_credit.--sp-left .credit .credit_item *, #feature .wrap_credit.--sp-right .credit .credit_item * {
    text-align: end;
  }
  #feature .wrap_credit.--sp-left {
    padding-bottom: initial;
    padding-left: initial;
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
    width: initial;
  }
  #feature .wrap_credit.--sp-left .credit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
  #feature .wrap_credit.--sp-left .credit .credit_item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
  #feature .wrap_credit.--sp-left .credit .credit_item * {
    text-align: end;
  }
  #feature .wrap_credit.--sp-left .credit_toggle {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #feature .wrap_credit.--sp-left.--t-left {
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #feature .wrap_credit.--sp-left.--t-left .credit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #feature .wrap_credit.--sp-left.--t-left .credit .credit_item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: initial;
    margin-right: auto;
  }
  #feature .wrap_credit.--sp-left.--t-left .credit .credit_item * {
    text-align: start;
  }
  #feature .wrap_credit.--sp-right {
    padding-bottom: initial;
    padding-right: initial;
    right: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
    width: initial;
  }
  #feature .wrap_credit.--sp-right .credit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  #feature .wrap_credit.--sp-right .credit .credit_item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
  }
  #feature .wrap_credit.--sp-right .credit .credit_item * {
    text-align: end;
  }
  #feature .wrap_credit.--sp-right .credit_toggle {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #feature .wrap_credit.--sp-right.--t-left {
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #feature .wrap_credit.--sp-right.--t-left .credit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #feature .wrap_credit.--sp-right.--t-left .credit .credit_item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: initial;
    margin-right: auto;
  }
  #feature .wrap_credit.--sp-right.--t-left .credit .credit_item * {
    text-align: start;
  }
  #feature .wrap_credit.--sp-b-left {
    padding-inline: initial;
    right: initial;
    left: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #feature .wrap_credit.--sp-b-left .credit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  #feature .wrap_credit.--sp-b-left .credit .credit_item {
    margin-inline: initial;
  }
  #feature .wrap_credit.--sp-b-left .credit_toggle {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #feature .wrap_credit.--sp-b-right {
    padding-inline: initial;
    left: initial;
    right: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
  #feature .wrap_credit.--sp-b-right .credit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
  #feature .wrap_credit.--sp-b-right .credit .credit_item {
    margin-inline: initial;
  }
  #feature .wrap_credit.--sp-b-right .credit_toggle {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  #feature .wrap_credit.--sp-b-center {
    padding-inline: initial;
    right: initial;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #feature .wrap_credit.--sp-b-center .credit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #feature .wrap_credit.--sp-b-center .credit .credit_item {
    margin-inline: initial;
  }
  #feature .wrap_credit.--sp-b-center .credit_toggle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #feature .wrap_credit.--sp-b-column-left, #feature .wrap_credit.--sp-b-column-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: initial;
    padding-inline: initial;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    left: initial;
    right: initial;
  }
  #feature .wrap_credit.--sp-b-column-left .credit .credit_item, #feature .wrap_credit.--sp-b-column-right .credit .credit_item {
    margin-inline: initial;
  }
  #feature .wrap_credit.--sp-b-column-left {
    left: 0;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #feature .wrap_credit.--sp-b-column-left .credit {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #feature .wrap_credit.--sp-b-column-left .credit .credit_item {
    margin-right: auto;
  }
  #feature .wrap_credit.--sp-b-column-left .credit .credit_item * {
    text-align: start;
  }
  #feature .wrap_credit.--sp-b-column-left .credit_toggle {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #feature .wrap_credit.--sp-b-column-right {
    right: 0;
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #feature .wrap_credit.--sp-b-column-right .credit {
    -webkit-box-pack: right;
    -webkit-justify-content: right;
        -ms-flex-pack: right;
            justify-content: right;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #feature .wrap_credit.--sp-b-column-right .credit .credit_item {
    margin-left: auto;
  }
  #feature .wrap_credit.--sp-b-column-right .credit .credit_item * {
    text-align: end;
  }
  #feature .wrap_credit.--sp-b-column-right .credit_toggle {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  #feature .wrap_credit.credit_05 {
    padding-block: 3.2vw;
  }
  #feature .wrap_credit.credit_06 {
    padding-block: 7.46667vw;
  }
  #feature .wrap_credit.credit_07 {
    padding-top: 29.06667vw;
    padding-inline: 8.26667vw;
  }
  #feature .wrap_credit.credit_08 {
    padding-bottom: 17.33333vw;
    padding-inline: 8vw;
  }
  #feature .wrap_credit.credit_09 {
    padding-top: 3.46667vw;
  }
  #feature .wrap_credit.credit_10 {
    padding-top: 8vw;
  }
  #feature .wrap_credit.sp-none {
    display: none;
  }
  #feature .wrap_credit.pc-none {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #feature .wrap_credit .credit {
    gap: 1.33333vw 3.46667vw;
  }
  #feature .wrap_credit .credit .credit_item .credit_link {
    gap: 1.33333vw;
  }
  #feature .wrap_credit .credit .credit_item * {
    font-size: 2.13333vw;
    font-weight: normal;
    line-height: 0.92;
  }
  #feature .swiper .swiper-parts {
    top: 161.06667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 34.13333vw;
    height: 2.93333vw;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
  #feature .swiper .swiper-parts::before {
    position: absolute;
    content: "";
    background-image: initial;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
  #feature .swiper .swiper-parts.all-first-slide::before {
    opacity: 1;
    width: 34.13333vw;
    height: 2.8vw;
    background-size: contain;
    background-image: url(../img/swiper-arrow-txt.png);
    background-repeat: no-repeat;
  }
  #feature .swiper .swiper-parts.all-first-slide .swiper-button-prev,
  #feature .swiper .swiper-parts.all-first-slide .swiper-button-next {
    opacity: 0;
    pointer-events: none;
  }
  #feature .swiper .swiper-parts.all-last-slide .swiper-button-prev,
  #feature .swiper .swiper-parts.all-last-slide .swiper-button-next {
    opacity: 0;
    pointer-events: none;
  }
  #feature .swiper .swiper-parts .swiper-button-prev,
  #feature .swiper .swiper-parts .swiper-button-next {
    margin-top: initial;
    pointer-events: none;
    width: 3.73333vw;
    height: 2.13333vw;
    top: 0vw;
  }
  #feature .swiper .swiper-parts .swiper-button-prev {
    left: 10.4vw;
  }
  #feature .swiper .swiper-parts .swiper-button-next {
    right: 10.4vw;
  }
  #feature .swiper .swiper-parts .wrap_all-item {
    top: 0.53333vw;
    left: 3.2vw;
  }
  #feature .swiper .swiper-parts .wrap_all-item .all-item {
    width: 27.73333vw;
  }
  #feature .swiper .swiper-parts .swiper-button-disabled {
    display: initial;
  }
  #feature .pc-none {
    display: block;
  }
  #feature .sp-none {
    display: none;
  }
  #feature .js_anime.is_fade-up .animearea {
    -webkit-transform: translateY(min(40px, 5.33333vw));
            transform: translateY(min(40px, 5.33333vw));
  }
  #feature .js_anime.is_fade-down .animearea {
    -webkit-transform: translateY(min(-40px, -5.33333vw));
            transform: translateY(min(-40px, -5.33333vw));
  }
  #feature .js_anime.is_fade-left .animearea {
    -webkit-transform: translateX(min(-40px, -5.33333vw));
            transform: translateX(min(-40px, -5.33333vw));
  }
  #feature .js_anime.is_fade-right .animearea {
    -webkit-transform: translateX(min(40px, 5.33333vw));
            transform: translateX(min(40px, 5.33333vw));
  }
  #feature .js_anime.is_fade-up-chain .animearea ul li {
    -webkit-transform: translateY(min(40px, 5.33333vw));
            transform: translateY(min(40px, 5.33333vw));
  }
}
/*# sourceMappingURL=common.css.map */