@charset "UTF-8";
/*アニメーション
----------------------------*/
@keyframes radiation {
  0% {
    opacity: 1;
    clip-path: polygon(0 0, 200% 0, 0 200%);
    z-index: 3;
  }
  25% {
    opacity: 1;
    clip-path: polygon(0 0, 0 0, 0 0);
    z-index: 3;
  }
  26% {
    opacity: 0;
    clip-path: polygon(0 0, 0 0, 0 0);
    z-index: 2;
  }
  27% {
    opacity: 0;
    clip-path: polygon(0 0, 200% 0, 0 200%);
    z-index: 2;
  }
  100% {
    opacity: 0;
    clip-path: polygon(0 0, 200% 0, 0 200%);
    z-index: 2;
  }
}
/*共通
----------------------------*/
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 {
  width: 100%;
  margin: 0 auto;
  color: #3f3a3a;
  box-sizing: border-box;
  text-align: center;
  font-family: "avenir-next-world", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 400;
  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;
}
#feature a {
  width: 100%;
  height: auto;
  display: block;
  color: #3f3a3a;
  transition: 0.3s;
}
#feature a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#feature figure {
  background-color: #fff;
}
#feature img {
  width: 100%;
  height: auto;
  display: block;
}
#feature .is_spnone {
  display: none;
}
#feature .js_anime {
  opacity: 0;
  transition: opacity 1.2s, transform 1.2s;
  transform: translateY(50px);
}
#feature .js_anime.is_d {
  transition-delay: 0.3s;
}
#feature .js_anime.is_show {
  opacity: 1;
  transform: translateY(0);
}

#feature {
  /*メインビジュアル（.hero)
  ----------------------------*/
}
#feature .hero {
  background-color: #e3e1d8;
}
#feature .hero .hero__img {
  width: 100%;
  height: calc(100vh - 80px);
  margin: 0 auto;
  position: sticky;
  top: 80px;
}
#feature .hero .hero__img figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#feature .hero .hero__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
#feature .hero .hero__ttl {
  width: calc(439 * var(--vw) / 1400);
  margin: calc(139 * var(--vw) / 1400) 0 0 calc(479 * var(--vw) / 1400);
}
#feature .hero .hero__txt {
  margin: calc(41 * var(--vw) / 1400) auto 0;
  font-weight: 700;
  font-size: calc(16.1 * var(--vw) / 1400);
  line-height: calc(31.75 * var(--vw) / 1400);
  letter-spacing: 0.1em;
}
#feature .sec {
  position: relative;
}
#feature .sec .sec__credit {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#feature .sec .sec__credit .sec__creditname {
  font-weight: 600;
  font-size: calc(15.66 * var(--vw) / 1400);
  line-height: calc(29.24 * var(--vw) / 1400);
  letter-spacing: 0.04em;
  white-space: nowrap;
  position: relative;
}
#feature .sec .sec__credit .credit {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#feature .sec .sec__credit .credit .item {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#feature .sec .sec__credit .credit .item .link p {
  font-weight: 600;
  font-size: calc(15.66 * var(--vw) / 1400);
  line-height: calc(29.24 * var(--vw) / 1400);
  letter-spacing: 0.03em;
  white-space: nowrap;
  position: relative;
}
#feature .sec .sec__credit.sec__credit01 {
  margin: calc(55 * var(--vw) / 1400) 0 0 calc(202 * var(--vw) / 1400);
}
#feature .sec .sec__credit.sec__credit02 {
  margin-top: calc(25 * var(--vw) / 1400);
}
#feature .sec .sec__credit.sec__credit02 .credit .item .link p {
  font-size: calc(14.74 * var(--vw) / 1400);
  line-height: calc(27.52 * var(--vw) / 1400);
}
#feature .sec .sec__credit.sec__credit03 {
  margin: calc(60 * var(--vw) / 1400) 0 0 calc(59 * var(--vw) / 1400);
}
#feature .sec .sec__credit.sec__credit03 .sec__creditname {
  font-size: calc(14.74 * var(--vw) / 1400);
  line-height: calc(27.52 * var(--vw) / 1400);
  color: #e3e1d8;
  text-align: left;
  letter-spacing: 0.055em;
}
#feature .sec .sec__credit.sec__credit03 .credit {
  margin: 0;
}
#feature .sec .sec__credit.sec__credit03 .credit .item {
  margin: 0;
}
#feature .sec .sec__credit.sec__credit03 .credit .item .link p {
  font-size: calc(14.74 * var(--vw) / 1400);
  line-height: calc(27.52 * var(--vw) / 1400);
  color: #e3e1d8;
  text-align: left;
}
#feature .sec .sec__flex {
  display: flex;
  position: relative;
}
#feature .sec .sec__flex.sec__flex01 {
  padding-top: calc(258 * var(--vw) / 1400);
  padding-bottom: calc(189 * var(--vw) / 1400);
  background-color: #e3e1d8;
}
#feature .sec .sec__flex.sec__flex02 {
  background-color: #56391b;
}
#feature .sec .sec__flex.sec__flex02 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex03 {
  background-color: #56391b;
}
#feature .sec .sec__flex.sec__flex03 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex04 {
  background-color: #56391b;
}
#feature .sec .sec__flex.sec__flex04 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex05 {
  background-color: #e3e1d8;
}
#feature .sec .sec__flex.sec__flex05 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex06 {
  background-color: #414822;
}
#feature .sec .sec__flex.sec__flex06 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex07 {
  background-color: #e3e1d8;
}
#feature .sec .sec__flex.sec__flex07 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex08 {
  background-color: #e3e1d8;
}
#feature .sec .sec__flex.sec__flex08 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex09 {
  background-color: #56391b;
}
#feature .sec .sec__flex.sec__flex09 .sec__contents {
  width: 50%;
}
#feature .sec .sec__flex.sec__flex11 {
  justify-content: space-between;
}
#feature .sec .sec__flex.sec__flex12 {
  width: calc(576 * var(--vw) / 1400);
  margin: calc(88 * var(--vw) / 1400) auto 0;
  background-color: #56391b;
  z-index: 3;
}
#feature .sec .sec__img {
  position: relative;
}
#feature .sec .sec__img .slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#feature .sec .sec__img .slider .slider__item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(-1, 1);
  clip-path: polygon(0 0, 200% 0, 0 200%);
}
#feature .sec .sec__img .slider .slider__item figure {
  width: 100%;
  height: 100%;
  transform: scale(-1, 1);
}
#feature .sec .sec__img .slider .slider__item figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}
#feature .sec .sec__img.sec__img01 {
  width: calc(500 * var(--vw) / 1400);
  margin-left: calc(123 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img02 {
  width: calc(700 * var(--vw) / 1400);
  height: calc(900 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img02 .slider .slider__item {
  transform: scale(-1, 1);
  clip-path: polygon(0 0, 200% 0, 0 200%);
  z-index: 2;
}
#feature .sec .sec__img.sec__img02 .slider .slider__item figure {
  transform: scale(-1, 1);
}
#feature .sec .sec__img.sec__img02 .slider .slider__item figure img {
  transition: 2s;
}
#feature .sec .sec__img.sec__img02 .slider .slider__item.is_anime {
  animation-name: radiation;
  animation-duration: 8s;
  z-index: 3;
}
#feature .sec .sec__img.sec__img02 .slider .slider__item.is_anime img {
  transform: scale(1);
  transition-delay: 2s;
}
#feature .sec .sec__img.sec__img02 .slider .slider__item:not(.is_anime) img {
  transform: scale(1.08);
}
#feature .sec .sec__img.sec__img03 {
  width: calc(300 * var(--vw) / 1400);
  position: absolute;
  top: calc(694 * var(--vw) / 1400);
  left: calc(471 * var(--vw) / 1400);
  z-index: 10;
}
#feature .sec .sec__img.sec__img04 {
  width: calc(700 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img05 {
  width: calc(700 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img06 {
  width: calc(240 * var(--vw) / 1400);
  position: absolute;
  top: calc(622 * var(--vw) / 1400);
  left: calc(608 * var(--vw) / 1400);
  z-index: 2;
}
#feature .sec .sec__img.sec__img07 {
  width: calc(300 * var(--vw) / 1400);
  position: absolute;
  top: calc(785 * var(--vw) / 1400);
  left: calc(354 * var(--vw) / 1400);
  z-index: 3;
}
#feature .sec .sec__img.sec__img08 {
  width: calc(700 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img09 {
  width: calc(700 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img10 {
  width: calc(296 * var(--vw) / 1400);
  position: absolute;
  top: calc(654 * var(--vw) / 1400);
  left: calc(441 * var(--vw) / 1400);
  z-index: 2;
}
#feature .sec .sec__img.sec__img11 {
  width: calc(700 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img12 {
  width: calc(296 * var(--vw) / 1400);
  position: absolute;
  top: calc(670 * var(--vw) / 1400);
  left: calc(1069 * var(--vw) / 1400);
  z-index: 2;
}
#feature .sec .sec__img.sec__img13 {
  width: calc(700 * var(--vw) / 1400);
  height: calc(900 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img13 .slider .slider__item {
  transform: scale(-1, 1);
  clip-path: polygon(0 0, 200% 0, 0 200%);
  z-index: 2;
}
#feature .sec .sec__img.sec__img13 .slider .slider__item figure {
  transform: scale(-1, 1);
}
#feature .sec .sec__img.sec__img13 .slider .slider__item figure img {
  transition: 2s;
}
#feature .sec .sec__img.sec__img13 .slider .slider__item.is_prevanime {
  z-index: 1;
}
#feature .sec .sec__img.sec__img13 .slider .slider__item.is_anime {
  animation-name: radiation;
  animation-duration: 8s;
  z-index: 3;
}
#feature .sec .sec__img.sec__img13 .slider .slider__item.is_anime img {
  transform: scale(1);
  transition-delay: 2s;
}
#feature .sec .sec__img.sec__img13 .slider .slider__item:not(.is_anime):not(.is_prevanime) img {
  transform: scale(1.08);
}
#feature .sec .sec__img.sec__img14 {
  width: calc(700 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img15 {
  width: calc(500 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img16 {
  width: calc(337.5 * var(--vw) / 1400);
  position: absolute;
  top: calc(594 * var(--vw) / 1400);
  left: calc(83 * var(--vw) / 1400);
  z-index: 2;
}
#feature .sec .sec__img.sec__img17 {
  width: calc(500 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img18 {
  width: calc(334 * var(--vw) / 1400);
  position: absolute;
  top: calc(587 * var(--vw) / 1400);
  left: calc(191 * var(--vw) / 1400);
  z-index: 2;
}
#feature .sec .sec__img.sec__img19 {
  width: calc(500 * var(--vw) / 1400);
  margin: calc(263 * var(--vw) / 1400) 0 0 calc(97 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img20 {
  width: calc(200 * var(--vw) / 1400);
}
#feature .sec .sec__img.sec__img21 {
  width: 100%;
  margin-top: calc(-59 * var(--vw) / 1400);
}
#feature .sec .sec__btn a {
  width: 100%;
  height: 100%;
  background-image: url(../img/buy01.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s;
}
#feature .sec .sec__btn a:hover {
  background-image: url(../img/buy02.svg);
}
#feature .sec .sec__btn.sec__btn01 {
  width: calc(145 * var(--vw) / 1400);
  height: calc(72 * var(--vw) / 1400);
  margin: calc(134 * var(--vw) / 1400) 0 0 calc(284 * var(--vw) / 1400);
}
#feature .sec .sec__btn.sec__btn02 {
  width: calc(161 * var(--vw) / 1400);
  height: calc(80 * var(--vw) / 1400);
  margin: calc(106 * var(--vw) / 1400) auto 0;
}
#feature .sec .sec__icon.sec__icon01 {
  width: calc(312 * var(--vw) / 1400);
  margin: calc(116 * var(--vw) / 1400) 0 0 calc(203 * var(--vw) / 1400);
}
#feature .sec .sec__icon.sec__icon02 {
  width: calc(37 * var(--vw) / 1400);
  margin: calc(14 * var(--vw) / 1400) 0 0 calc(320 * var(--vw) / 1400);
}
#feature .sec .sec__txt {
  width: 100%;
}
#feature .sec .sec__txt p {
  font-weight: 700;
  color: #e3e1d8;
}
#feature .sec .sec__txt p:nth-child(1) {
  font-size: calc(22.68 * var(--vw) / 1400);
  line-height: calc(38.55 * var(--vw) / 1400);
  letter-spacing: 0.09em;
}
#feature .sec .sec__txt p:nth-child(1) span {
  font-size: calc(13.61 * var(--vw) / 1400);
  position: relative;
  top: calc(-7 * var(--vw) / 1400);
}
#feature .sec .sec__txt p:nth-child(2) {
  margin-top: calc(18 * var(--vw) / 1400);
  font-size: calc(14.74 * var(--vw) / 1400);
  line-height: calc(27.52 * var(--vw) / 1400);
  letter-spacing: 0.1em;
}
#feature .sec .sec__txt.sec__txt01 {
  margin: calc(365 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt01 p {
  font-size: calc(24.09 * var(--vw) / 1400);
  line-height: calc(48.19 * var(--vw) / 1400);
  letter-spacing: 0.15em;
}
#feature .sec .sec__txt.sec__txt01 p span {
  font-size: calc(24.09 * var(--vw) / 1400);
  line-height: calc(48.19 * var(--vw) / 1400);
  top: 0;
}
#feature .sec .sec__txt.sec__txt02 {
  margin: calc(379 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt03 {
  margin: calc(369 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt03 p {
  letter-spacing: 0.13em;
}
#feature .sec .sec__txt.sec__txt03 p:nth-child(2) {
  margin-top: calc(12 * var(--vw) / 1400);
}
#feature .sec .sec__txt.sec__txt04 {
  margin: calc(378 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt04 p {
  color: #3f3a3a;
  letter-spacing: 0.13em;
}
#feature .sec .sec__txt.sec__txt04 p:nth-child(2) {
  margin-top: calc(12 * var(--vw) / 1400);
}
#feature .sec .sec__txt.sec__txt05 {
  margin: calc(339 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt05 p {
  color: #e3e1d8;
  letter-spacing: 0.13em;
}
#feature .sec .sec__txt.sec__txt06 {
  margin: calc(369 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt06 p {
  color: #3f3a3a;
}
#feature .sec .sec__txt.sec__txt06 p:nth-child(2) {
  letter-spacing: 0.13em;
}
#feature .sec .sec__txt.sec__txt07 {
  margin: calc(245 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt07 p {
  color: #3f3a3a;
}
#feature .sec .sec__txt.sec__txt07 p:nth-child(2) {
  margin-top: calc(27 * var(--vw) / 1400);
  line-height: calc(31.75 * var(--vw) / 1400);
  letter-spacing: 0.13em;
}
#feature .sec .sec__txt.sec__txt08 {
  margin: calc(322 * var(--vw) / 1400) 0 0 0;
  padding-right: calc(8 * var(--vw) / 1400);
}
#feature .sec .sec__txt.sec__txt08 p {
  color: #e3e1d8;
}
#feature .sec .sec__txt.sec__txt09 {
  margin: calc(33 * var(--vw) / 1400) 0 0 0;
}
#feature .sec .sec__txt.sec__txt09 p {
  color: #e3e1d8;
  font-size: calc(14.74 * var(--vw) / 1400);
  line-height: calc(27.52 * var(--vw) / 1400);
  letter-spacing: 0.12em;
}
#feature .sec .sec__pointlist {
  width: calc(468 * var(--vw) / 1400);
  margin: calc(125 * var(--vw) / 1400) auto 0;
  display: flex;
  justify-content: space-between;
}
#feature .sec .sec__pointlist .sec__point {
  width: calc(130 * var(--vw) / 1400);
}
#feature .sec .sec__block {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#feature .sec .sec__block.sec__block01 {
  margin: 0 0 0 calc(118 * var(--vw) / 1400);
}
#feature .sec .sec__block.sec__block02 {
  margin: calc(365 * var(--vw) / 1400) 0 0 calc(146 * var(--vw) / 1400);
}
#feature .sec .sec__bg {
  padding-top: calc(122 * var(--vw) / 1400);
  background-color: #e3e1d8;
}
#feature .sec .sec__store {
  width: calc(684 * var(--vw) / 1400);
  height: calc(392 * var(--vw) / 1400);
  padding: calc(36 * var(--vw) / 1400) 0 0 calc(48 * var(--vw) / 1400);
  margin-top: calc(436 * var(--vw) / 1400);
  background-color: #414822;
}
#feature .sec .sec__store p {
  color: #e3e1d8;
  font-weight: 700;
  text-align: left;
}
#feature .sec .sec__store p:nth-child(1) {
  font-size: calc(22.68 * var(--vw) / 1400);
  line-height: calc(43.09 * var(--vw) / 1400);
  letter-spacing: 0.09em;
}
#feature .sec .sec__store p:nth-child(2) {
  margin-top: calc(8 * var(--vw) / 1400);
  font-size: calc(14.74 * var(--vw) / 1400);
  line-height: calc(26.9 * var(--vw) / 1400);
  letter-spacing: 0.05em;
}
#feature .sec .sec__store p:nth-child(2) span {
  font-size: calc(9.07 * var(--vw) / 1400);
  position: relative;
  top: calc(-5 * var(--vw) / 1400);
}
#feature .sec .sec__store p:nth-child(3) {
  margin-top: calc(15 * var(--vw) / 1400);
  font-size: calc(12.47 * var(--vw) / 1400);
  line-height: calc(27.52 * var(--vw) / 1400);
  letter-spacing: 0.08em;
}/*# sourceMappingURL=style.css.map */