@charset "UTF-8";
/*アニメーション
----------------------------*/
@keyframes kv-c {
  0% {
    clip: rect(0px, 100vw, 100vh, 100vw);
  }
  50% {
    clip: rect(0px, 100vw, 100vh, 0vw);
  }
  100% {
    clip: rect(0px, 100vw, 100vh, 0vw);
  }
}
@keyframes kv-b {
  0% {
    filter: blur(6px);
  }
  50% {
    filter: blur(6px);
  }
  100% {
    filter: blur(0px);
  }
}
@keyframes kv-translate {
  0% {
    transform: scale(1.5) translate3d(100px, 0, 0);
  }
  50% {
    transform: scale(1) translate3d(0px, 0, 0);
  }
  100% {
    transform: scale(1) translate3d(0px, 0, 0);
  }
}
/*共通
----------------------------*/
.l-container {
  width: 100%;
}

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

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

.pc-footer {
  margin: 0;
}

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

.loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: filter 0.8s ease;
  overflow: hidden;
  opacity: 0;
}
.loading .loading__logo {
  width: calc(510 * var(--vw) / 1440);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1), filter 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  filter: blur(2.6666666667vw);
  opacity: 0;
  transition-delay: 0.5s;
}
.loading .loading__logo img {
  width: 100%;
  height: auto;
  display: block;
}
.loading .loading__movie {
  width: 100%;
  height: 100%;
}
.loading .loading__movie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.loading.is_hide {
  filter: brightness(2) saturate(0.3);
}
.loading.is_show {
  opacity: 1;
}
.loading.is_show .loading__logo {
  filter: blur(0);
  opacity: 1;
}

#feature {
  width: 100%;
  margin: 0 auto;
  color: #000;
  box-sizing: border-box;
  text-align: center;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  position: relative;
  overflow-x: clip;
  transition: 0.3s;
  opacity: 0;
  background-color: #fdeaeb;
}
#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 video {
  width: 100%;
  height: auto;
  display: block;
}
#feature .js_anime.is_clip figure {
  background: #fff;
  clip-path: inset(0% 0 0% 0);
  filter: blur(2.6666666667vw);
  transition: filter 0.9s cubic-bezier(0.88, 0.14, 0.87, 0.86) 0.8s, -webkit-mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s;
  transition: filter 0.9s cubic-bezier(0.88, 0.14, 0.87, 0.86) 0.8s, mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s;
  transition: filter 0.9s cubic-bezier(0.88, 0.14, 0.87, 0.86) 0.8s, mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s, -webkit-mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s;
  -webkit-mask-image: linear-gradient(#fff, #fff);
          mask-image: linear-gradient(#fff, #fff);
  -webkit-mask-size: 0% 100%;
          mask-size: 0% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center right;
          mask-position: center right;
}
#feature .js_anime.is_txt p {
  overflow: hidden;
}
#feature .js_anime.is_txt p span {
  display: block;
  transform: translateY(100%);
}
#feature .js_anime.is_featuring .sec__featuringttl {
  opacity: 0;
  transform: translateY(calc(50 * var(--vw) / 1440));
  transition: 1s;
}
#feature .js_anime.is_featuring .sec__featuring {
  opacity: 0;
  transform: translateY(calc(50 * var(--vw) / 1440));
  transition: 1s;
}
#feature .js_anime.is_featuring .sec__featuring.sec__featuring01 {
  transition-delay: 0.5s;
}
#feature .js_anime.is_featuring .sec__featuring.sec__featuring02 {
  transition-delay: 1s;
}
#feature .js_anime.is_featuring .sec__featuring.sec__featuring03 {
  transition-delay: 1.5s;
}
#feature .js_anime.is_fadeup {
  opacity: 0;
  transform: translateY(calc(50 * var(--vw) / 1440));
  transition: 1s;
}
#feature .js_anime.is_show.is_clip figure {
  filter: blur(0px);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
#feature .js_anime.is_show.is_txt p {
  overflow: hidden;
}
#feature .js_anime.is_show.is_txt p span {
  transform: translateY(0);
  transition: transform 1.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#feature .js_anime.is_show.is_txt p:nth-child(2) span {
  transition-delay: 0.5s;
}
#feature .js_anime.is_show.is_featuring .sec__featuringttl {
  opacity: 1;
  transform: translateY(0);
}
#feature .js_anime.is_show.is_featuring .sec__featuring {
  opacity: 1;
  transform: translateY(0);
}
#feature .js_anime.is_show.is_fadeup {
  opacity: 1;
  transform: translateY(0);
}

#feature {
  /*メインビジュアル（.hero)
    ----------------------------*/
}
#feature .main {
  display: flex;
}
#feature .main .left {
  flex: 1;
  height: calc(100vh - 80px);
  overflow: hidden;
  position: sticky;
  top: 80px;
  left: 0;
  z-index: 1;
  background-image: url(../img/pc-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
#feature .main .left .left__movie {
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: brightness(2) saturate(0.3);
  transition: opacity cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s 0.3s, filter cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s 0.3s;
}
#feature .main .left .left__movie video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#feature .main .left .left__movie.is_show {
  opacity: 1;
  filter: none;
}
#feature .main .right {
  flex: 1;
  height: calc(100vh - 80px);
  position: sticky;
  top: 80px;
  left: 0;
  background-color: #fdeaeb;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
}
#feature .main .right .right__img {
  width: calc(220 * var(--vw) / 1440);
}
#feature .main .center {
  width: calc(520 * var(--vw) / 1440);
  position: relative;
  z-index: 3;
  box-shadow: 0px 0px calc(12 * var(--vw) / 1440) 0px rgba(123, 0, 71, 0.2);
}
#feature .main .center .inner {
  overflow-x: clip;
  position: relative;
}
#feature .hero {
  width: 100%;
  overflow: hidden;
}
#feature .hero .hero__movie {
  width: 100%;
  aspect-ratio: 9/16;
  overflow: hidden;
  box-shadow: 0px 0px calc(12 * var(--vw) / 1440) 0px rgba(123, 0, 71, 0.2);
}
#feature .hero .hero__movie video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#feature .hero .hero__movie .mutebtn {
  width: calc(30 * var(--vw) / 1440);
  height: calc(30 * var(--vw) / 1440);
  background-image: url(../img/movie_on.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: calc(20 * var(--vw) / 1440);
  right: calc(20 * var(--vw) / 1440);
  pointer-events: auto;
  cursor: pointer;
}
#feature .hero .hero__movie .mutebtn.on {
  background-image: url(../img/movie_off.png);
}
#feature .sec {
  position: relative;
  z-index: 2;
}
#feature .sec .sec__block {
  width: 100%;
  position: relative;
  z-index: 2;
}
#feature .sec .sec__block.sec__block03 {
  width: calc(566 * var(--vw) / 1440);
}
#feature .sec .sec__img {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#feature .sec .sec__img figure {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#feature .sec .sec__img figure a {
  width: 100%;
  height: 100%;
  position: relative;
}
#feature .sec .sec__img.sec__img01 {
  width: calc(400 * var(--vw) / 1440);
  height: calc(570 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img02 {
  width: calc(314 * var(--vw) / 1440);
  height: calc(448 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img03 {
  width: calc(346 * var(--vw) / 1440);
  height: calc(494 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img04 {
  width: calc(295 * var(--vw) / 1440);
  height: calc(421 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img05 {
  width: calc(700 * var(--vw) / 1440);
  height: calc(442 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img05.is_show {
  box-shadow: 0px 0px calc(12 * var(--vw) / 1440) 0px rgba(123, 0, 71, 0.2);
  transition: box-shadow 0.3s;
  transition-delay: 1.2s;
}
#feature .sec .sec__img.sec__img06 {
  width: calc(300 * var(--vw) / 1440);
  height: calc(428 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img07 {
  width: calc(300 * var(--vw) / 1440);
  height: calc(428 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img08 {
  width: calc(300 * var(--vw) / 1440);
  height: calc(428 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img09 {
  width: calc(411 * var(--vw) / 1440);
  height: calc(616 * var(--vw) / 1440);
}
#feature .sec .sec__img.sec__img09.is_show {
  box-shadow: 0px 0px calc(12 * var(--vw) / 1440) 0px rgba(123, 0, 71, 0.2);
  transition: box-shadow 0.3s;
  transition-delay: 1.2s;
}
#feature .sec .sec__img.sec__img10 {
  width: 100%;
  height: calc(328 * var(--vw) / 1440);
}
#feature .sec .sec__bgimg {
  position: absolute;
  z-index: 1;
}
#feature .sec .sec__bgimg.sec__bgimg01 {
  width: calc(314 * var(--vw) / 1440);
}
#feature .sec .sec__bgimg.sec__bgimg02 {
  width: calc(339 * var(--vw) / 1440);
}
#feature .sec .sec__bgimg.sec__bgimg03 {
  width: calc(300 * var(--vw) / 1440);
}
#feature .sec .sec__bgimg.sec__bgimg04 {
  width: calc(411 * var(--vw) / 1440);
}
#feature .sec .sec__bgimg.sec__bgimg05 {
  width: 100%;
}
#feature .sec .sec__logo {
  width: calc(380 * var(--vw) / 1440);
}
#feature .sec .sec__txt {
  font-size: calc(16 * var(--vw) / 1440);
  line-height: calc(26 * var(--vw) / 1440);
  letter-spacing: 0.05em;
  color: #598eac;
  position: relative;
  z-index: 3;
}
#feature .sec .sec__ttl {
  font-family: "DM Serif Text", serif;
  font-size: calc(80 * var(--vw) / 1440);
  line-height: calc(63 * var(--vw) / 1440);
  color: #91aebe;
  position: relative;
  z-index: 3;
}
#feature .sec .sec__entxt {
  font-family: "DM Serif Text", serif;
  font-style: italic;
  font-size: calc(18 * var(--vw) / 1440);
  line-height: calc(28 * var(--vw) / 1440);
  color: #91aebe;
  position: relative;
  z-index: 3;
}
#feature .sec .sec__btn {
  width: calc(389 * var(--vw) / 1440);
  margin: calc(70 * var(--vw) / 1440) auto 0;
  position: relative;
  z-index: 2;
}
#feature .sec .sec__featuringarea {
  width: calc(376 * var(--vw) / 1440);
  margin: calc(126 * var(--vw) / 1440) auto 0;
}
#feature .sec .sec__featuringarea .sec__featuringttl {
  font-family: "DM Serif Text", serif;
  font-size: calc(40 * var(--vw) / 1440);
  line-height: 1;
  color: #5379ac;
  text-align: left;
}
#feature .sec .sec__featuringarea .sec__featuring {
  display: flex;
  justify-content: space-between;
}
#feature .sec .sec__featuringarea .sec__featuring .sec__featuringname {
  padding-top: calc(2 * var(--vw) / 1440);
  font-family: "DM Serif Text", serif;
  font-size: calc(16 * var(--vw) / 1440);
  line-height: calc(20 * var(--vw) / 1440);
  font-style: italic;
  color: #5379ac;
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit {
  margin-right: calc(-10 * var(--vw) / 1440);
  width: calc(310 * var(--vw) / 1440);
  position: relative;
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 calc(13 * var(--vw) / 1440);
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item::after {
  content: "/";
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-size: calc(16 * var(--vw) / 1440);
  line-height: calc(24 * var(--vw) / 1440);
  white-space: nowrap;
  color: #5379ac;
  position: absolute;
  top: 0;
  right: calc(-9 * var(--vw) / 1440);
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item.is_break::after {
  display: none;
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item:last-child::after {
  display: none;
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item .link {
  width: -moz-fit-content;
  width: fit-content;
}
#feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item .link p {
  font-family: "DM Serif Text", serif;
  font-size: calc(16 * var(--vw) / 1440);
  line-height: calc(24 * var(--vw) / 1440);
  white-space: nowrap;
  color: #5379ac;
}
#feature .sec .sec__featuringarea .sec__featuring.sec__featuring01 {
  margin-top: calc(43 * var(--vw) / 1440);
}
#feature .sec .sec__featuringarea .sec__featuring.sec__featuring02 {
  margin-top: calc(22 * var(--vw) / 1440);
}
#feature .sec .sec__featuringarea .sec__featuring.sec__featuring03 {
  margin-top: calc(22 * var(--vw) / 1440);
}
#feature .sec .sec__staff {
  margin-top: calc(69 * var(--vw) / 1440);
}
#feature .sec .sec__staff p {
  font-family: "DM Serif Text", serif;
  color: #5484ac;
  position: relative;
  z-index: 3;
}
#feature .sec .sec__staff p:nth-child(1) {
  font-size: calc(20 * var(--vw) / 1440);
  line-height: calc(20 * var(--vw) / 1440);
}
#feature .sec .sec__staff p:nth-child(2) {
  margin-top: calc(15 * var(--vw) / 1440);
  font-size: calc(13 * var(--vw) / 1440);
  line-height: calc(20 * var(--vw) / 1440);
}
#feature .sec.sec01 {
  padding-top: calc(101 * var(--vw) / 1440);
  padding-bottom: calc(162 * var(--vw) / 1440);
  opacity: 0;
  filter: brightness(2) saturate(0.3);
  transition: opacity cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s 0.3s, filter cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s 0.3s;
}
#feature .sec.sec01::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/mainbg.jpg);
  background-size: 100vw 165.3333333333vw;
  background-repeat: repeat-y;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#feature .sec.sec01::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: calc(520 * var(--vw) / 1440);
  height: calc(733 * var(--vw) / 1440);
  background-image: url(../img/bg01.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
#feature .sec.sec01 .sec__img.sec__img01 {
  margin: 0 auto;
}
#feature .sec.sec01 .sec__img.sec__img01 figure {
  background: #fff;
  clip-path: inset(0% 0 0% 0);
  filter: blur(2.6666666667vw);
  transition: filter 0.9s cubic-bezier(0.88, 0.14, 0.87, 0.86) 0.8s, -webkit-mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s;
  transition: filter 0.9s cubic-bezier(0.88, 0.14, 0.87, 0.86) 0.8s, mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s;
  transition: filter 0.9s cubic-bezier(0.88, 0.14, 0.87, 0.86) 0.8s, mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s, -webkit-mask 0.6s cubic-bezier(0.1, 0.7, 0.4, 1) 0.8s;
  -webkit-mask-image: linear-gradient(#fff, #fff);
          mask-image: linear-gradient(#fff, #fff);
  -webkit-mask-size: 0% 100%;
          mask-size: 0% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center right;
          mask-position: center right;
}
#feature .sec.sec01 .sec__logo {
  margin: calc(102 * var(--vw) / 1440) auto 0;
}
#feature .sec.sec01.is_show {
  opacity: 1;
  filter: none;
}
#feature .sec.sec01.is_show .sec__img.sec__img01 figure {
  filter: blur(0px);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
#feature .sec.sec02 {
  padding-top: calc(95 * var(--vw) / 1440);
  padding-bottom: calc(148 * var(--vw) / 1440);
}
#feature .sec.sec02::after {
  content: "";
  width: 100%;
  height: calc(7472.5 * var(--vw) / 1440);
  background-image: url(../img/pc-mainbg.jpg);
  background-size: calc(520 * var(--vw) / 1440) calc(7472.5 * var(--vw) / 1440);
  background-repeat: repeat-y;
  background-position: 0 calc(-194 * var(--vw) / 1440);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#feature .sec.sec02 .sec__img.sec__img02 {
  margin: calc(128 * var(--vw) / 1440) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img04 {
  margin: calc(-30 * var(--vw) / 1440) 0 0 auto;
}
#feature .sec.sec02 .sec__img.sec__img05 {
  margin: calc(101 * var(--vw) / 1440) 0 0 calc(-90 * var(--vw) / 1440);
}
#feature .sec.sec02 .sec__img.sec__img06 {
  margin: calc(120 * var(--vw) / 1440) calc(30 * var(--vw) / 1440) 0 auto;
}
#feature .sec.sec02 .sec__img.sec__img07 {
  margin: calc(-27 * var(--vw) / 1440) 0 0 calc(30 * var(--vw) / 1440);
}
#feature .sec.sec02 .sec__img.sec__img08 {
  margin: calc(-82 * var(--vw) / 1440) 0 0 calc(155 * var(--vw) / 1440);
}
#feature .sec.sec02 .sec__img.sec__img09 {
  margin: calc(118 * var(--vw) / 1440) 0 0 auto;
}
#feature .sec.sec02 .sec__bgimg.sec__bgimg01 {
  top: calc(233 * var(--vw) / 1440);
  right: 0;
}
#feature .sec.sec02 .sec__bgimg.sec__bgimg02 {
  position: relative;
  margin: calc(-161 * var(--vw) / 1440) 0 0 calc(-79 * var(--vw) / 1440);
}
#feature .sec.sec02 .sec__bgimg.sec__bgimg03 {
  top: calc(190 * var(--vw) / 1440);
  left: calc(110 * var(--vw) / 1440);
}
#feature .sec.sec02 .sec__bgimg.sec__bgimg04 {
  top: 0;
  left: 0;
}
#feature .sec.sec02 .sec__bgimg.sec__bgimg05 {
  margin-top: calc(122 * var(--vw) / 1440);
  position: relative;
  z-index: 2;
}
#feature .sec.sec02 .sec__ttl {
  margin-top: calc(75 * var(--vw) / 1440);
}
#feature .sec.sec02 .sec__entxt.sec__entxt01 {
  margin-top: calc(82 * var(--vw) / 1440);
}
#feature .sec.sec02 .sec__entxt.sec__entxt02 {
  margin: calc(51 * var(--vw) / 1440) calc(40 * var(--vw) / 1440) 0 auto;
  font-size: calc(16 * var(--vw) / 1440);
  line-height: calc(20 * var(--vw) / 1440);
  font-style: normal;
  text-align: right;
}
#feature .sec.sec02 .sec__entxt.sec__entxt03 {
  margin: calc(-35 * var(--vw) / 1440) 0 0 calc(30 * var(--vw) / 1440);
  font-size: calc(16 * var(--vw) / 1440);
  line-height: calc(20 * var(--vw) / 1440);
  font-style: normal;
  text-align: left;
}
@media screen and (min-width: 1440px) {
  #feature .main {
    display: flex;
  }
  #feature .main .left {
    flex: 1;
    height: calc(100vh - 80px);
    overflow: hidden;
    position: sticky;
    top: 80px;
    left: 0;
    z-index: 1;
    background-image: url(../img/pc-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #feature .main .left .left__movie {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s 0.3s, filter cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s 0.3s;
    transition-delay: 1.5s;
  }
  #feature .main .left .left__movie video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  #feature .main .left .left__movie.is_show {
    opacity: 1;
    filter: none;
  }
  #feature .main .right {
    flex: 1;
    height: calc(100vh - 80px);
    position: sticky;
    top: 80px;
    left: 0;
    background-color: #fdeaeb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
  }
  #feature .main .right .right__img {
    width: 220px;
  }
  #feature .main .center {
    width: 520px;
    position: relative;
    z-index: 3;
    box-shadow: 0px 0px 12px 0px rgba(123, 0, 71, 0.2);
  }
  #feature .main .center .inner {
    overflow-x: clip;
    position: relative;
  }
  #feature .hero {
    width: 100%;
    overflow: hidden;
  }
  #feature .hero .hero__movie {
    width: 100%;
    aspect-ratio: 9/16;
    overflow: hidden;
    box-shadow: 0px 0px 12px 0px rgba(123, 0, 71, 0.2);
  }
  #feature .hero .hero__movie video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  #feature .hero .hero__movie .mutebtn {
    width: 29.1666666667px;
    height: 29.1666666667px;
    background-image: url(../img/movie_on.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 19.4444444444px;
    right: 19.4444444444px;
    pointer-events: auto;
    cursor: pointer;
  }
  #feature .hero .hero__movie .mutebtn.on {
    background-image: url(../img/movie_off.png);
  }
  #feature .sec {
    position: relative;
    z-index: 2;
  }
  #feature .sec .sec__block {
    width: 100%;
    position: relative;
    z-index: 2;
  }
  #feature .sec .sec__block.sec__block03 {
    width: 566px;
  }
  #feature .sec .sec__img {
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
  #feature .sec .sec__img figure {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #feature .sec .sec__img figure a {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #feature .sec .sec__img.sec__img01 {
    width: 400px;
    height: 570px;
  }
  #feature .sec .sec__img.sec__img02 {
    width: 314px;
    height: 448px;
  }
  #feature .sec .sec__img.sec__img03 {
    width: 346px;
    height: 494px;
  }
  #feature .sec .sec__img.sec__img04 {
    width: 295px;
    height: 421px;
  }
  #feature .sec .sec__img.sec__img05 {
    width: 700px;
    height: 442px;
  }
  #feature .sec .sec__img.sec__img05.is_show {
    box-shadow: 0px 0px 12px 0px rgba(123, 0, 71, 0.2);
    transition: box-shadow 0.3s;
    transition-delay: 1.2s;
  }
  #feature .sec .sec__img.sec__img06 {
    width: 300px;
    height: 428px;
  }
  #feature .sec .sec__img.sec__img07 {
    width: 300px;
    height: 428px;
  }
  #feature .sec .sec__img.sec__img08 {
    width: 300px;
    height: 428px;
  }
  #feature .sec .sec__img.sec__img09 {
    width: 411px;
    height: 616px;
  }
  #feature .sec .sec__img.sec__img09.is_show {
    box-shadow: 0px 0px 12px 0px rgba(123, 0, 71, 0.2);
    transition: box-shadow 0.3s;
    transition-delay: 1.2s;
  }
  #feature .sec .sec__img.sec__img10 {
    width: 100%;
    height: 328px;
  }
  #feature .sec .sec__bgimg {
    position: absolute;
    z-index: 1;
  }
  #feature .sec .sec__bgimg.sec__bgimg01 {
    width: 314px;
  }
  #feature .sec .sec__bgimg.sec__bgimg02 {
    width: 339px;
  }
  #feature .sec .sec__bgimg.sec__bgimg03 {
    width: 300px;
  }
  #feature .sec .sec__bgimg.sec__bgimg04 {
    width: 411px;
  }
  #feature .sec .sec__bgimg.sec__bgimg05 {
    width: 100%;
  }
  #feature .sec .sec__logo {
    width: 380px;
  }
  #feature .sec .sec__txt {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.05em;
    color: #598eac;
    position: relative;
    z-index: 3;
  }
  #feature .sec .sec__ttl {
    font-family: "DM Serif Text", serif;
    font-size: 80px;
    line-height: 63px;
    color: #91aebe;
    position: relative;
    z-index: 3;
  }
  #feature .sec .sec__entxt {
    font-family: "DM Serif Text", serif;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    color: #91aebe;
    position: relative;
    z-index: 3;
  }
  #feature .sec .sec__btn {
    width: 378.1944444444px;
    margin: 68.0555555556px auto 0;
    position: relative;
    z-index: 2;
  }
  #feature .sec .sec__featuringarea {
    width: 376px;
    margin: 126px auto 0;
  }
  #feature .sec .sec__featuringarea .sec__featuringttl {
    font-family: "DM Serif Text", serif;
    font-size: 40px;
    line-height: 1;
    color: #5379ac;
    text-align: left;
  }
  #feature .sec .sec__featuringarea .sec__featuring {
    display: flex;
    justify-content: space-between;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__featuringname {
    padding-top: 2px;
    font-family: "DM Serif Text", serif;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    color: #5379ac;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit {
    margin-right: -9.7222222222px;
    width: 310px;
    position: relative;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 13px;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item::after {
    content: "/";
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    color: #5379ac;
    position: absolute;
    top: 0;
    right: -9px;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item.is_break::after {
    display: none;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item:last-child::after {
    display: none;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item .link {
    width: -moz-fit-content;
    width: fit-content;
  }
  #feature .sec .sec__featuringarea .sec__featuring .sec__credit .credit .item .link p {
    font-family: "DM Serif Text", serif;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    color: #5379ac;
  }
  #feature .sec .sec__featuringarea .sec__featuring.sec__featuring01 {
    margin-top: 43px;
  }
  #feature .sec .sec__featuringarea .sec__featuring.sec__featuring02 {
    margin-top: 22px;
  }
  #feature .sec .sec__featuringarea .sec__featuring.sec__featuring03 {
    margin-top: 22px;
  }
  #feature .sec .sec__staff {
    margin-top: 69px;
  }
  #feature .sec .sec__staff p {
    font-family: "DM Serif Text", serif;
    color: #5484ac;
    position: relative;
    z-index: 3;
  }
  #feature .sec .sec__staff p:nth-child(1) {
    font-size: 20px;
    line-height: 20px;
  }
  #feature .sec .sec__staff p:nth-child(2) {
    margin-top: 15px;
    font-size: 13px;
    line-height: 20px;
  }
  #feature .sec.sec01 {
    padding-top: 101px;
    padding-bottom: 162px;
  }
  #feature .sec.sec01::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/mainbg.jpg);
    background-size: 100vw 165.3333333333vw;
    background-repeat: repeat-y;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #feature .sec.sec01::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 520px;
    height: 733px;
    background-image: url(../img/bg01.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  #feature .sec.sec01 .sec__img.sec__img01 {
    margin: 0 auto;
  }
  #feature .sec.sec01 .sec__logo {
    margin: 102px auto 0;
  }
  #feature .sec.sec02 {
    padding-top: 95px;
    padding-bottom: 148px;
  }
  #feature .sec.sec02::after {
    content: "";
    width: 100%;
    height: 7472.5px;
    background-image: url(../img/pc-mainbg.jpg);
    background-size: 520px 7472.5px;
    background-repeat: repeat-y;
    background-position: 0 -194px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #feature .sec.sec02 .sec__img.sec__img02 {
    margin: 128px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img04 {
    margin: -30px 0 0 auto;
  }
  #feature .sec.sec02 .sec__img.sec__img05 {
    margin: 101px 0 0 -90px;
  }
  #feature .sec.sec02 .sec__img.sec__img06 {
    margin: 116.6666666667px 29.1666666667px 0 auto;
  }
  #feature .sec.sec02 .sec__img.sec__img07 {
    margin: -26.25px 0 0 29.1666666667px;
  }
  #feature .sec.sec02 .sec__img.sec__img08 {
    margin: -79.7222222222px 0 0 150.6944444444px;
  }
  #feature .sec.sec02 .sec__img.sec__img09 {
    margin: 118px 0 0 auto;
  }
  #feature .sec.sec02 .sec__bgimg.sec__bgimg01 {
    top: 233px;
    right: 0;
  }
  #feature .sec.sec02 .sec__bgimg.sec__bgimg02 {
    position: relative;
    margin: -156.5277777778px 0 0 -76.8055555556px;
  }
  #feature .sec.sec02 .sec__bgimg.sec__bgimg03 {
    top: 184.7222222222px;
    left: 106.9444444444px;
  }
  #feature .sec.sec02 .sec__bgimg.sec__bgimg04 {
    top: 0;
    left: 0;
  }
  #feature .sec.sec02 .sec__bgimg.sec__bgimg05 {
    margin-top: 122px;
    position: relative;
    z-index: 2;
  }
  #feature .sec.sec02 .sec__ttl {
    margin-top: 75px;
  }
  #feature .sec.sec02 .sec__entxt.sec__entxt01 {
    margin-top: 82px;
  }
  #feature .sec.sec02 .sec__entxt.sec__entxt02 {
    margin: 51px 40px 0 auto;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    text-align: right;
  }
  #feature .sec.sec02 .sec__entxt.sec__entxt03 {
    margin: -34.0277777778px 0 0 29.1666666667px;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    text-align: left;
  }
}/*# sourceMappingURL=style.css.map */