@charset "UTF-8";
@-moz-document url-prefix() {}html {
  font-size: 10px;
}

body {
  overflow-x: hidden;
}

.l-container {
  width: 100%;
}

.l-container #feature {
  margin: 0 auto;
  font-feature-settings: "palt";
  width: 100%;
  text-align: center;
}

.l-container #feature .default-img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  width: 100%;
  height: auto;
  display: block;
}

.l-container #feature * {
  box-sizing: border-box;
  color: #261C19;
}

.l-container #feature *::after {
  box-sizing: border-box;
}

.l-container #feature *::before {
  box-sizing: border-box;
}

.l-container #feature a {
  display: block;
  text-decoration: none;
  position: relative;
}

.l-container #feature a:hover {
  cursor: pointer;
  opacity: 0.6;
  transition: 0.4s;
}

.l-container #feature .main {
  margin: 0 auto;
}

.l-container #feature .creditContainer {
  font-family: "garamond-premier-pro-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.1rem;
  letter-spacing: 0.065em;
  line-height: 3.288rem;
  color: #261C19;
}

.l-container #feature .creditContainer .credit {
  display: flex;
  flex-wrap: wrap;
}

.l-container #feature .creditContainer li a {
  transition: 0.3s;
  text-decoration: none;
}

.l-container #feature .creditContainer li a:hover {
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}

.l-container #feature .creditContainer li a::after {
  display: none;
}

.l-container #feature .creditContainer .item .link .txt {
  position: relative;
  display: block;
}

.l-container #feature .creditContainer .item .link .txt::before {
  content: ",";
  position: absolute;
  top: 0rem;
  right: -0.5rem;
}

.l-container #feature .creditContainer .item:last-of-type .txt::before {
  display: none;
}

.l-container #feature .creditContainer .price {
  margin-left: 0.25rem;
}

.l-container #feature .hero {
  margin: 3rem auto 0;
  width: 100%;
  position: sticky;
  top: 4.5rem;
}

.l-container #feature .hero__inner {
  width: 210rem;
  margin-inline: auto;
  position: relative;
}

.l-container #feature .hero__img {
  margin-inline: auto;
  width: 210rem;
}

.l-container #feature .hero__mvText01 {
  position: absolute;
  top: 36.8rem;
  right: 37.1rem;
  width: 32.45439rem;
}

.l-container #feature .hero__mvText02 {
  position: absolute;
  top: 44.95rem;
  right: 38.3rem;
  width: 30.00011rem;
}

.l-container #feature .hero__mvText03 {
  position: absolute;
  top: 53.55rem;
  right: 47.25rem;
  width: 12.52709rem;
}

.l-container #feature .hero__mvText04 {
  position: absolute;
  top: 58.2rem;
  right: 38.8rem;
  width: 29.15378rem;
}

.l-container #feature .hero__mvText05 {
  position: absolute;
  top: 71.4rem;
  right: 22.9rem;
  width: 61.44246rem;
}

.l-container #feature .hero__mvText05[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.l-container #feature .container {
  margin: 0 auto 19rem;
  width: 100%;
  position: relative;
  background-color: #ffffff;
}

.l-container #feature .container__inner {
  width: 210rem;
  margin: 0 auto;
}

.l-container #feature .container01__inner {
  position: relative;
}

.l-container #feature .container01__topSection--stikyWrap {
  position: relative;
  display: flex;
}

.l-container #feature .container01__topSection--stikyWrap .stikyImg01 {
  width: 11.75955rem;
  margin-left: 5.45rem;
  margin-top: 5.65rem;
}

.l-container #feature .container01__topSection--stikyWrap .stikyImg01[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__topSection--stikyWrap .stikyImg02 {
  width: 33.13401rem;
  margin-left: 71.2rem;
  margin-top: 8.3rem;
}

.l-container #feature .container01__topSection--stikyWrap .stikyImg02[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}

.l-container #feature .container01__topSection--stikyWrap .stikyImg03 {
  width: 23.21614rem;
  margin-left: 60.3rem;
  margin-top: 8.3rem;
}

.l-container #feature .container01__topSection--stikyWrap .stikyImg03[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.l-container #feature .container01__topSection--stikyWrap .line01 {
  position: absolute;
  top: 9.05rem;
  left: 19.2rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
}

.l-container #feature .container01__topSection--stikyWrap .line01[data-is-active="true"] {
  background-color: #261C19;
  /* 線の色を指定 */
  animation: stretchLine01 3s forwards;
  /* アニメーションの時間を指定 */
  animation-delay: 0.4s;
}

.l-container #feature .container01__topSection--stikyWrap .line02 {
  position: absolute;
  top: 9.05rem;
  left: 123.7rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
}

.l-container #feature .container01__topSection--stikyWrap .line02[data-is-active="true"] {
  background-color: #261C19;
  /* 線の色を指定 */
  animation: stretchLine02 3s forwards;
  /* アニメーションの時間を指定 */
  animation-delay: 1s;
}

.l-container #feature .container01__topSection--link01 {
  width: 56.93625rem;
  margin-inline: auto;
  margin-top: 12.45rem;
}

.l-container #feature .container01__topSection--title01 {
  width: 36.52585rem;
  margin-inline: auto;
  margin-top: 9.3rem;
}

.l-container #feature .container01__topSection--title01[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__topSection--title02 {
  width: 87.50473rem;
  margin-inline: auto;
  margin-top: 5.35rem;
}

.l-container #feature .container01__topSection--shellImg {
  width: 56.93625rem;
  margin-inline: auto;
  margin-top: 6.75rem;
}

.l-container #feature .container01__look01 {
  position: relative;
}

.l-container #feature .container01__look01 .sticky--box {
  position: absolute;
  top: -13.7rem;
  left: 5.4rem;
  height: 768.4rem;
  width: 200rem;
  pointer-events: none;
}

.l-container #feature .container01__look01--stikyImg {
  position: sticky;
  top: 12rem;
  left: 0rem;
  width: 199.6934rem;
  z-index: 3;
}

.l-container #feature .container01__look01--linkBox {
  display: flex;
  margin-top: 37.7rem;
}

.l-container #feature .container01__look01--linkBox .link02--01 {
  width: 69.99507rem;
  margin-left: 31.8rem;
}

.l-container #feature .container01__look01--linkBox .link02--01[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look01--linkBox .link02--02 {
  width: 70.48992rem;
  margin-left: 5.75rem;
}

.l-container #feature .container01__look01--linkBox .link02--02[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
}

.l-container #feature .container01__look01--look {
  width: 10.22515rem;
  margin-inline: auto;
  margin-top: 7.1rem;
}

.l-container #feature .container01__look01--line {
  position: absolute;
  bottom: 4.9rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look01--line[data-is-active="true"] {
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
  animation-duration: 3s;
  /* アニメーションの時間を修正 */
}

.l-container #feature .container01__look01 .credit {
  justify-content: center;
  margin-top: 3.2rem;
}

.l-container #feature .container01__look02 {
  position: relative;
}

.l-container #feature .container01__look02 .swiper-container {
  overflow: visible !important;
  position: relative;
  width: 69.99507rem;
  overflow: hidden;
  margin-top: 27.5rem;
}

.l-container #feature .container01__look02 .swiper-container[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look02 .swiper-container .swiper-wrapper {
  overflow: hidden;
}

.l-container #feature .container01__look02 .swiper-container .swiper-slide {
  width: 69.99507rem !important;
  overflow: hidden;
}

.l-container #feature .container01__look02 .swiper-container .swiper-slide a {
  overflow: hidden;
}

.l-container #feature .container01__look02 .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.l-container #feature .container01__look02 .swiper-container .swiper-pagination {
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  gap: 0 1.7rem;
}

.l-container #feature .container01__look02 .swiper-container .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50% !important;
  background-color: transparent;
  border: #4D4D4D solid 0.1rem;
  opacity: 1;
  margin: 0px 0px 0px 0px !important;
}

.l-container #feature .container01__look02 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #261C19;
}

.l-container #feature .container01__look02 .swiper-container .swiper-pagination-bullets {
  position: absolute;
  bottom: -19.25rem;
}

.l-container #feature .container01__look02--look {
  width: 10.36869rem;
  margin-inline: auto;
  margin-top: 7.2rem;
}

.l-container #feature .container01__look02--line {
  position: absolute;
  bottom: 4.9rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look02--line[data-is-active="true"] {
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
  animation-delay: 0.4s;
}

.l-container #feature .container01__look02 .credit {
  justify-content: center;
  margin-top: 3.2rem;
  gap: 0 1.5rem;
}

.l-container #feature .container01__look02 .credit .color {
  margin-left: 0.5rem;
}

.l-container #feature .container01__look03 {
  position: relative;
}

.l-container #feature .container01__look03--linkBox {
  display: flex;
  justify-content: center;
  gap: 0 6.3rem;
  margin-top: 27.5rem;
}

.l-container #feature .container01__look03--linkBox .link06 {
  width: 69.99507rem;
}

.l-container #feature .container01__look03--linkBox .link06[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look03--linkBox .link05 {
  width: 69.99507rem;
}

.l-container #feature .container01__look03--linkBox .link05[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look03--look {
  width: 10.33129rem;
  margin-inline: auto;
  margin-top: 7.2rem;
}

.l-container #feature .container01__look03--line {
  position: absolute;
  bottom: 5.05rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look03--line[data-is-active="true"] {
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
  animation-delay: 0.4s;
}

.l-container #feature .container01__look03 .credit {
  justify-content: center;
  margin-top: 3.2rem;
  gap: 0 1.5rem;
}

.l-container #feature .container01__look03 .credit .color {
  margin-left: 0.5rem;
}

.l-container #feature .container01__look04 {
  position: relative;
}

.l-container #feature .container01__look04 .swiper-container {
  overflow: visible !important;
  position: relative;
  width: 69.99288rem;
  overflow: hidden;
  margin-top: 27.5rem;
}

.l-container #feature .container01__look04 .swiper-container[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look04 .swiper-container .swiper-wrapper {
  overflow: hidden;
}

.l-container #feature .container01__look04 .swiper-container .swiper-slide {
  width: 69.99288rem !important;
  overflow: hidden;
}

.l-container #feature .container01__look04 .swiper-container .swiper-slide a {
  overflow: hidden;
}

.l-container #feature .container01__look04 .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.l-container #feature .container01__look04 .swiper-container .swiper-pagination {
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  gap: 0 1.8rem;
}

.l-container #feature .container01__look04 .swiper-container .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50% !important;
  background-color: transparent;
  border: #4D4D4D solid 0.1rem;
  opacity: 1;
  margin: 0px 0px 0px 0px !important;
}

.l-container #feature .container01__look04 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #261C19;
}

.l-container #feature .container01__look04 .swiper-container .swiper-pagination-bullets {
  position: absolute;
  bottom: -19.05rem;
}

.l-container #feature .container01__look04--look {
  width: 10.33129rem;
  margin-inline: auto;
  margin-top: 7rem;
}

.l-container #feature .container01__look04--line {
  position: absolute;
  bottom: 5rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look04--line[data-is-active="true"] {
  animation-delay: 0.2s;
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
}

.l-container #feature .container01__look04 .credit {
  justify-content: center;
  margin-top: 3.2rem;
  gap: 0 1.5rem;
}

.l-container #feature .container01__look04 .credit .price {
  margin-left: 0.6rem;
}

.l-container #feature .container01__look04 .credit .color {
  margin-left: 1rem;
}

.l-container #feature .container01__look05 {
  position: relative;
}

.l-container #feature .container01__look05--linkBox {
  display: flex;
  justify-content: center;
  margin-top: 27.4rem;
  gap: 0 6.3rem;
}

.l-container #feature .container01__look05--linkBox .link11 {
  width: 69.99506rem;
}

.l-container #feature .container01__look05--linkBox .link11[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look05--linkBox .link10 {
  width: 69.99506rem;
}

.l-container #feature .container01__look05--linkBox .link10[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look05--look {
  width: 10.4083rem;
  margin-inline: auto;
  margin-top: 7.2rem;
}

.l-container #feature .container01__look05--line {
  position: absolute;
  bottom: 8.2rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look05--line[data-is-active="true"] {
  animation-delay: 0.4s;
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
}

.l-container #feature .container01__look05 .credit {
  justify-content: center;
  margin-top: 3.1rem;
  gap: 0 1.5rem;
  width: 75rem;
  margin-inline: auto;
}

.l-container #feature .container01__look05 .credit .price {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look05 .credit .color {
  margin-left: 0.4rem;
}

.l-container #feature .container01__secondSection {
  padding-bottom: 6rem;
}

.l-container #feature .container01__secondSection--title03 {
  width: 61.80561rem;
  margin-top: 54.6rem;
  margin-left: 74.7rem;
}

.l-container #feature .container01__secondSection--link12 {
  width: 74.99472rem;
  margin-left: 68.85rem;
  margin-top: 4.35rem;
}

.l-container #feature .container01__secondSection--title04 {
  width: 44.59785rem;
  margin-top: 4.2rem;
  margin-left: 84rem;
}

.l-container #feature .container01__secondSection--title04[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look06 {
  position: relative;
}

.l-container #feature .container01__look06 .sticky--box02 {
  position: absolute;
  top: -13.7rem;
  left: 5.4rem;
  height: 592rem;
  width: 200rem;
  pointer-events: none;
}

.l-container #feature .container01__look06--stikyImg {
  position: sticky;
  top: 12rem;
  left: 5.4rem;
  z-index: 3;
  width: 199.6934rem;
}

.l-container #feature .container01__look06--linkBox {
  display: flex;
  margin-top: 16.85rem;
}

.l-container #feature .container01__look06--linkBox .link13 {
  width: 69.9950rem;
  margin-left: 31.7rem;
}

.l-container #feature .container01__look06--linkBox .link13[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look06--linkBox .link14 {
  width: 70.48992rem;
  margin-left: 5.9rem;
}

.l-container #feature .container01__look06--linkBox .link14[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
}

.l-container #feature .container01__look06--look {
  width: 10.55791rem;
  margin-inline: auto;
  margin-top: 6.7rem;
}

.l-container #feature .container01__look06--line {
  position: absolute;
  bottom: 5rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look06--line[data-is-active="true"] {
  animation-delay: 0.6s;
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
}

.l-container #feature .container01__look06 .credit {
  justify-content: center;
  margin-top: 3.3rem;
  gap: 0 1.3rem;
}

.l-container #feature .container01__look06 .credit .price {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look06 .credit .color {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look07 {
  position: relative;
}

.l-container #feature .container01__look07--linkBox {
  display: flex;
  justify-content: center;
  margin-top: 26.85rem;
  gap: 0 5.5rem;
}

.l-container #feature .container01__look07--linkBox .swiper-container {
  overflow: visible !important;
  position: relative;
  width: 70.14667rem;
  overflow: hidden;
  margin: 0rem;
}

.l-container #feature .container01__look07--linkBox .swiper-container[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-wrapper {
  overflow: hidden;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-slide {
  width: 70.14667rem !important;
  overflow: hidden;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-slide a {
  overflow: hidden;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-pagination {
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  gap: 0 1.7rem;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50% !important;
  background-color: transparent;
  border: #4D4D4D solid 0.1rem;
  opacity: 1;
  margin: 0px 0px 0px 0px !important;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #261C19;
}

.l-container #feature .container01__look07--linkBox .swiper-container .swiper-pagination-bullets {
  position: absolute;
  bottom: -20.15rem;
  left: 37.9rem;
}

.l-container #feature .container01__look07--linkBox .link15 {
  width: 70.14667rem;
}

.l-container #feature .container01__look07--linkBox .link15[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look07--look {
  width: 10.55791rem;
  margin-inline: auto;
  margin-top: 7rem;
}

.l-container #feature .container01__look07--line {
  position: absolute;
  bottom: 5.05rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look07--line[data-is-active="true"] {
  animation-delay: 0.4s;
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
}

.l-container #feature .container01__look07 .credit {
  justify-content: center;
  margin-top: 3.3rem;
  gap: 0 1.5rem;
}

.l-container #feature .container01__look07 .credit .price {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look07 .credit .color {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look08 {
  position: relative;
}

.l-container #feature .container01__look08--linkBox {
  display: flex;
  justify-content: center;
  margin-top: 27.4rem;
  gap: 0 6rem;
}

.l-container #feature .container01__look08--linkBox .link18 {
  width: 69.99507rem;
}

.l-container #feature .container01__look08--linkBox .link18[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look08--linkBox .swiper-container {
  overflow: visible !important;
  position: relative;
  width: 69.99507rem;
  overflow: hidden;
  margin: 0rem;
}

.l-container #feature .container01__look08--linkBox .swiper-container[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-wrapper {
  overflow: hidden;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-slide {
  width: 69.99507rem !important;
  overflow: hidden;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-slide a {
  overflow: hidden;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-pagination {
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  gap: 0 1.7rem;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50% !important;
  background-color: transparent;
  border: #4D4D4D solid 0.1rem;
  opacity: 1;
  margin: 0px 0px 0px 0px !important;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #261C19;
}

.l-container #feature .container01__look08--linkBox .swiper-container .swiper-pagination-bullets {
  position: absolute;
  bottom: -19.25rem;
  left: -38rem;
}

.l-container #feature .container01__look08--look {
  width: 10.41045rem;
  margin-inline: auto;
  margin-top: 7.1rem;
}

.l-container #feature .container01__look08--line {
  position: absolute;
  bottom: 4.9rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look08--line[data-is-active="true"] {
  animation-delay: 0.4s;
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
}

.l-container #feature .container01__look08 .credit {
  justify-content: center;
  margin-top: 3.2rem;
  gap: 0 1.1rem;
}

.l-container #feature .container01__look08 .credit .price {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look08 .credit .color {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look09 {
  position: relative;
}

.l-container #feature .container01__look09 .swiper-container {
  overflow: visible !important;
  position: relative;
  width: 69.99507rem;
  overflow: hidden;
  margin-top: 27.5rem;
}

.l-container #feature .container01__look09 .swiper-container[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look09 .swiper-container .swiper-wrapper {
  overflow: hidden;
}

.l-container #feature .container01__look09 .swiper-container .swiper-slide {
  width: 69.99507rem !important;
  overflow: hidden;
}

.l-container #feature .container01__look09 .swiper-container .swiper-slide a {
  overflow: hidden;
}

.l-container #feature .container01__look09 .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.l-container #feature .container01__look09 .swiper-container .swiper-pagination {
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  gap: 0 1.7rem;
}

.l-container #feature .container01__look09 .swiper-container .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50% !important;
  background-color: transparent;
  border: #4D4D4D solid 0.1rem;
  opacity: 1;
  margin: 0px 0px 0px 0px !important;
}

.l-container #feature .container01__look09 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #261C19;
}

.l-container #feature .container01__look09 .swiper-container .swiper-pagination-bullets {
  position: absolute;
  bottom: -19.25rem;
}

.l-container #feature .container01__look09--look {
  width: 10.41045rem;
  margin-inline: auto;
  margin-top: 7.1rem;
}

.l-container #feature .container01__look09--line {
  position: absolute;
  bottom: 4.9rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look09--line[data-is-active="true"] {
  animation-delay: 0.2s;
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
}

.l-container #feature .container01__look09 .credit {
  justify-content: center;
  margin-top: 3.2rem;
  gap: 0 1.5rem;
}

.l-container #feature .container01__look09 .credit .price {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look09 .credit .color {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look10 {
  position: sticky;
  top: -30rem;
}

.l-container #feature .container01__look10--linkBox {
  display: flex;
  justify-content: center;
  margin-top: 27.5rem;
  gap: 0 6rem;
}

.l-container #feature .container01__look10--linkBox .link25 {
  width: 69.99507rem;
}

.l-container #feature .container01__look10--linkBox .link25[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.l-container #feature .container01__look10--linkBox .swiper-container {
  overflow: visible !important;
  position: relative;
  width: 69.99507rem;
  overflow: hidden;
  margin: 0rem;
}

.l-container #feature .container01__look10--linkBox .swiper-container[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-wrapper {
  overflow: hidden;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-slide {
  width: 69.99507rem !important;
  overflow: hidden;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-slide a {
  overflow: hidden;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-pagination {
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  gap: 0 1.7rem;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50% !important;
  background-color: transparent;
  border: #4D4D4D solid 0.1rem;
  opacity: 1;
  margin: 0px 0px 0px 0px !important;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #261C19;
}

.l-container #feature .container01__look10--linkBox .swiper-container .swiper-pagination-bullets {
  position: absolute;
  bottom: -19.25rem;
  left: -38rem;
}

.l-container #feature .container01__look10--look {
  width: 12.07153rem;
  margin-inline: auto;
  margin-top: 7.1rem;
}

.l-container #feature .container01__look10--line {
  position: absolute;
  bottom: 4.9rem;
  left: 5.1rem;
  width: 0;
  height: 0.1rem;
  /* 線の高さを調整 */
  background-color: #261C19;
  /* 線の色を指定 */
}

.l-container #feature .container01__look10--line[data-is-active="true"] {
  animation-delay: 0.4s;
  animation: longStretchLine 3s forwards;
  /* アニメーションの時間を指定 */
}

.l-container #feature .container01__look10 .credit {
  justify-content: center;
  margin-top: 3.2rem;
  gap: 0 1.5rem;
}

.l-container #feature .container01__look10 .credit .price {
  margin-left: 0.4rem;
}

.l-container #feature .container01__look10 .credit .color {
  margin-left: 0.4rem;
}

.l-container #feature .container01__lastSection {
  position: relative;
}

.l-container #feature .container01__lastSection::after {
  content: "";
  position: absolute;
  top: -20.35rem;
  left: 0rem;
  width: 210rem;
  height: 137.56451rem;
  background-color: #E4E8EA;
  z-index: 3;
}

.l-container #feature .container01__lastSection--textImg01 {
  width: 36.05801rem;
  margin-inline: auto;
  margin-top: 57.6rem;
  position: relative;
  z-index: 5;
}

.l-container #feature .container01__lastSection--textImg02 {
  width: 28.19169rem;
  margin-inline: auto;
  margin-top: 6rem;
  position: relative;
  z-index: 5;
}

.l-container #feature .container01__lastSection--textImg03 {
  width: 11.77256rem;
  position: absolute;
  top: 15.5rem;
  left: 99.1rem;
  z-index: 6;
}

.l-container #feature .container01__lastSection--textImg04 {
  width: 28.38413rem;
  margin-inline: auto;
  margin-top: 8.5rem;
  position: relative;
  z-index: 5;
}

.l-container #feature .container01__lastSection--textImg05 {
  width: 50.50943rem;
  margin-inline: auto;
  margin-top: 6.7rem;
  position: relative;
  z-index: 5;
}

.l-container #feature .container01__lastSection--btn {
  width: 27.18331rem;
  margin-inline: auto;
  margin-top: 2.5rem;
  position: relative;
  z-index: 5;
}

.l-container #feature .container01__lastSection--btn[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
}

.l-container #feature .container01__lastSection--staff {
  width: 48.6374rem;
  margin-inline: auto;
  margin-top: 12.7rem;
  position: relative;
  z-index: 5;
}

.l-container #feature .container01__lastSection--staff[data-is-active="true"] {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.l-container #feature .target[data-animation="fadeUpIn"] {
  opacity: 0;
  transition: opacity 0.9s, transform 0.9s;
  transform: translateY(3rem);
}

.l-container #feature .target[data-animation="fadeUpIn"][data-is-active="true"] {
  transform: translateY(0);
  opacity: 1;
}

.l-container #feature .target[data-animation="fadeIn"] {
  opacity: 0;
  transition: opacity 0.9s;
}

.l-container #feature .target[data-animation="fadeIn"][data-is-active="true"] {
  opacity: 1;
}

.l-container #feature .target[data-animation="fadeIn02"] {
  opacity: 0;
  transition: opacity 0.9s;
  transition-delay: 0.2s;
}

.l-container #feature .target[data-animation="fadeIn02"][data-is-active="true"] {
  opacity: 1;
}

.l-container #feature .target[data-animation="fadeIn03"] {
  opacity: 0;
  transition: opacity 0.9s;
  transition-delay: 0.4s;
}

.l-container #feature .target[data-animation="fadeIn03"][data-is-active="true"] {
  opacity: 1;
}

.l-container #feature .target[data-animation="fadeIn04"] {
  opacity: 0;
  transition: opacity 0.9s;
  transition-delay: 0.6s;
}

.l-container #feature .target[data-animation="fadeIn04"][data-is-active="true"] {
  opacity: 1;
}

.l-container #feature .target[data-animation="fadeIn05"] {
  opacity: 0;
  transition: opacity 0.9s;
  transition-delay: 0.8s;
}

.l-container #feature .target[data-animation="fadeIn05"][data-is-active="true"] {
  opacity: 1;
}

.l-container #feature .target[data-animation="fadeIn06"] {
  opacity: 0;
  transition: opacity 0.9s;
  transition-delay: 1s;
}

.l-container #feature .target[data-animation="fadeIn06"][data-is-active="true"] {
  opacity: 1;
}

@keyframes stretchLine01 {
  100% {
    width: 66.86236rem;
    /* 線の長さを100%に設定 */
  }
}

@keyframes stretchLine02 {
  100% {
    width: 56.63406rem;
    /* 線の長さを100%に設定 */
  }
}

@keyframes longStretchLine {
  100% {
    width: 199.84762rem;
    /* 線の長さを100%に設定 */
  }
}

@keyframes blurAnime {
  0% {
    filter: blur(1rem);
    transform: scale(1.02);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}

.pc-footer {
  margin: 0;
}

.area-header {
  max-width: 100%;
}

.breadcrumbs {
  max-width: 100%;
}

.feature-snslist {
  overflow: hidden;
}

.l-footer,
.pc-footer {
  overflow: hidden;
  padding: 0;
}

.pic__accordion {
  display: none !important;
}

@media screen and (max-width: 2100px) {
  html {
    font-size: calc(10 * (100vw / 2100));
  }
}