@charset "UTF-8";
html {
  font-size: 10px;
}
:root {
  --scale-PCwidth: 0.746666 ;
}

.l-container {
  width: 100%;
}

.l-container #feature {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  overflow: clip;
}
.l-container #feature * {
  box-sizing: border-box;
}
.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::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}
.l-container #feature a:hover {
  cursor: pointer;
}
.l-container #feature a:hover::after {
  opacity: 1;
  transition: 0.4s;
}
.l-container #feature a.hover-opacity {
  transition: opacity 0.6s ease;
}
.l-container #feature a.hover-opacity::after {
  display: none;
}
.l-container #feature a.hover-opacity:hover {
  opacity: 0.5;
}
.l-container #feature .default-img {
  width: 100%;
  display: block;
}
.l-container #feature picture {
  display: block;
}
.l-container #feature .creditContainer .credit {
  display: flex;
  flex-wrap: wrap;
}
.l-container #feature .creditContainer li {
  width: fit-content;
}
.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 .js-loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: #fcfaf3;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.l-container #feature .js-loading.is-loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.l-container #feature body.is-loading-lock {
  overflow: hidden;
  height: 100%;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
}
.l-container #feature .hero__img {
  margin: 0 auto 0;
}
.l-container #feature .container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.l-container #feature .swiper-container {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.l-container #feature .swiper-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.l-container #feature .swiper-container figure, .l-container #feature .swiper-container .swiper-slide {
  height: 100%;
  opacity: 0 !important; /* 基本は完全に透明にしておく */
  transition: opacity 1000ms ease; /* script.jsのspeed: 1000 に合わせる */
}
.l-container #feature .swiper-container figure.swiper-slide-active, .l-container #feature .swiper-container .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.l-container #feature .swiper-container .swiper-pagination {
  width: initial !important;
  left: auto !important; /* デフォルトの left: 0 を無効化 */
  right: calc(var(--scale-PCwidth) * 1.5rem) !important;
  bottom: calc(var(--scale-PCwidth) * 1.2rem) !important;
}
.l-container #feature .swiper-container .swiper-pagination-bullet {
  margin: 0 calc(var(--scale-PCwidth) * 0.5rem) !important;
  width: calc(var(--scale-PCwidth) * 1.1rem);
  height: calc(var(--scale-PCwidth) * 1.1rem);
  border-radius: 50%;
  border: calc(var(--scale-PCwidth) * 0.2rem) solid #13337a;
  background-color: transparent;
  opacity: 1 !important;
}
.l-container #feature .swiper-container .swiper-pagination span {
  opacity: 1 !important;
}
.l-container #feature .swiper-container .swiper-pagination-bullet-active {
  background-color: #13337a;
}
.l-container #feature .creditContainer {
  margin: 0 auto;
  margin-top: 2rem;
}
.l-container #feature .creditContainer .credit {
  justify-content: center;
}
.l-container #feature .creditContainer .credit-inner {
  display: flex;
  flex-wrap: wrap;
}
.l-container #feature .creditContainer .credit-inner .item {
  display: inline-flex;
  align-items: center;
}
.l-container #feature .creditContainer .credit-inner .item:not(:last-child)::after {
  content: "/";
  margin: 0 0.3em;
}
.l-container #feature .creditContainer li a {
  color: #13337a;
  font-size: calc(var(--scale-PCwidth) * 2.3rem);
  line-height: 3rem;
  letter-spacing: 0;
  font-family: "garamond-premier-pro-caption", serif;
  font-weight: 400;
  font-style: normal;
}
.l-container #feature .creditContainer li a .txt {
  margin-right: 1.4rem;
}
.l-container #feature .creditContainer li a .txt .price {
  margin-left: 0.6rem;
}
.l-container #feature .creditContainer .credit_add_text {
  color: #13337a;
  font-size: calc(var(--scale-PCwidth) * 2rem);
  line-height: 2rem;
  text-align: end;
  font-family: "garamond-premier-pro-caption", serif;
  font-weight: 400;
  font-style: normal;
}
.l-container #feature .pc-flex {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.l-container #feature .pc-flex__left {
  position: sticky;
  background-color: #93b1c9;
  top: 0;
  left: 0;
  height: 100vh;
  width: calc((100% - 54rem) / 2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.l-container #feature .pc-flex__left--inner .pc-left__logo {
  width: 34rem;
  margin: 0 auto;
}
.l-container #feature .pc-flex__center {
  position: relative;
  width: 56rem;
  background-color: #fcfaf3;
  z-index: 1;
}
.l-container #feature .pc-flex__right {
  position: sticky;
  background-color: #93b1c9;
  top: 0;
  right: 0;
  height: 100vh;
  width: calc((100% - 54rem) / 2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.l-container #feature .pc-flex__right--inner {
  margin: 0 auto;
}
.l-container #feature .pc-flex__right--inner .pc-right__btn {
  width: 30rem;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  z-index: -1;
  height: fit-content;
  overflow: hidden;
}
.l-container #feature video {
  width: calc(var(--scale-PCwidth) * 75rem);
  display: block;
}
.l-container #feature .movie_area {
  position: relative;
  height: fit-content;
}
.l-container #feature .movie_area .sound-btn {
  position: absolute;
  z-index: 10;
  /* 1. 配置の基準を「右下」から【左上】の計算に変更 */
  /* もともと右から 3rem の位置にあったので、その位置に左上（あるいは右上）が固定されるように枠の大きさを確保します */
  bottom: calc(var(--scale-PCwidth) * 12rem);
  right: calc(var(--scale-PCwidth) * 3rem);
  /* 2. ボタン全体の「表示枠」を、大きい方のサイズ（OFF時）に固定する */
  width: calc(var(--scale-PCwidth) * 10.47rem);
  height: calc(var(--scale-PCwidth) * 2.495rem);
  /* 3. 背景画像の設定（左上揃えに固定） */
  background-repeat: no-repeat;
  background-position: left top; /* ←ここが重要です！ */
  background-size: contain;
  background-image: url(../img/sound_off.svg);
}
.l-container #feature .movie_area .sound-btn.on {
  background-image: url(../img/sound_on.svg);
  /* 【重要】ここにあった width と height の指定を削除します */
  /* 枠の大きさは維持したまま、背景の画像だけを切り替えるためです */
}
.l-container #feature .main {
  position: relative;
  z-index: 5;
  background-color: #fcfaf3;
  width: 100%;
  height: auto;
  padding-top: calc(var(--scale-PCwidth) * 6.5rem);
}
.l-container #feature .MV__inner {
  position: relative;
}
.l-container #feature .MV__inner__title {
  width: calc(var(--scale-PCwidth) * 35.95rem);
  margin: 0 auto;
}
.l-container #feature .MV__inner__read {
  width: calc(var(--scale-PCwidth) * 45.67rem);
  margin-left: calc(var(--scale-PCwidth) * 6rem);
  margin-top: calc(var(--scale-PCwidth) * 22rem);
}
.l-container #feature .MV__inner__txt {
  position: absolute;
  width: calc(var(--scale-PCwidth) * 2.51rem);
  top: calc(var(--scale-PCwidth) * 56rem);
  right: calc(var(--scale-PCwidth) * 3.5rem);
}
.l-container #feature .container01 {
  position: relative;
  margin-top: 5.6rem;
}
.l-container #feature .container01 .image_looknumber_set {
  position: relative;
}
.l-container #feature .container01 .image_looknumber_set .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
}
.l-container #feature .container01 .image_looknumber_set .look_number01 {
  top: calc(var(--scale-PCwidth) * 3rem);
}
.l-container #feature .container01 .image_looknumber_set .look_number02 {
  top: calc(var(--scale-PCwidth) * 2rem);
}
.l-container #feature .container01 .image_looknumber_set .text_right {
  position: absolute;
  width: calc(var(--scale-PCwidth) * 2.51rem);
  bottom: calc(var(--scale-PCwidth) * 1rem);
  right: calc(var(--scale-PCwidth) * 4rem);
}
.l-container #feature .container01 .image_looknumber_set .look_number03 {
  top: calc(var(--scale-PCwidth) * 1.5rem);
}
.l-container #feature .container01 .swiper-container01 {
  position: relative;
  margin: 0 auto;
  width: calc(var(--scale-PCwidth) * 75rem);
}
.l-container #feature .container01 .swiper-container02 {
  position: relative;
  margin: 0 auto;
  width: calc(var(--scale-PCwidth) * 64.97rem);
  margin-top: calc(var(--scale-PCwidth) * 11rem);
}
.l-container #feature .container01 .swiper-container03 {
  position: relative;
  margin: 0 auto;
  width: calc(var(--scale-PCwidth) * 59.68rem);
  margin-top: calc(var(--scale-PCwidth) * 12rem);
}
.l-container #feature .container01 .swiper-container03 .swiper-pagination-bullet {
  border: calc(var(--scale-PCwidth) * 0.2rem) solid #FFF;
}
.l-container #feature .container01 .swiper-container03 .swiper-pagination-bullet-active {
  background-color: #FFF;
}
.l-container #feature .container01 .container01__img_04 {
  width: 100%;
  margin-top: calc(var(--scale-PCwidth) * 15.5rem);
}
.l-container #feature .container01 .creditContainer01 {
  margin: 0 auto;
  margin-top: calc(var(--scale-PCwidth) * 1.5rem);
}
.l-container #feature .container01 .creditContainer01 .credit-inner {
  width: 40rem;
  justify-content: flex-end;
  margin: 0 auto;
  margin-top: 1.5rem;
  margin-right: calc(var(--scale-PCwidth) * 3rem);
}
.l-container #feature .container01 .creditContainer01 .credit-inner .item:nth-child(3)::after {
  content: normal;
}
.l-container #feature .container01 .creditContainer01 li:nth-child(3n) a .txt {
  margin-right: 0;
}
.l-container #feature .container01 .creditContainer01 .credit_add_text {
  margin-right: calc(var(--scale-PCwidth) * 3rem);
}
.l-container #feature .container01 .creditContainer02 {
  margin: 0 auto;
  margin-top: calc(var(--scale-PCwidth) * 1.1rem);
}
.l-container #feature .container01 .creditContainer02 .credit-inner {
  width: 50rem;
  justify-content: flex-end;
  margin: 0 auto;
  margin-right: calc(var(--scale-PCwidth) * 5rem);
}
.l-container #feature .container01 .creditContainer02 li:nth-child(3n) a .txt {
  margin-right: 0;
}
.l-container #feature .container01 .creditContainer02 .credit_add_text {
  margin-right: calc((56rem - var(--scale-PCwidth) * 64.97rem) / 2);
}
.l-container #feature .container01 .creditContainer03 {
  position: absolute;
  bottom: calc(var(--scale-PCwidth) * 2rem);
  right: calc(var(--scale-PCwidth) * 2rem);
}
.l-container #feature .container01 .creditContainer03 .credit {
  justify-content: flex-end;
  margin-right: calc(var(--scale-PCwidth) * 3rem);
}
.l-container #feature .container01 .creditContainer03 li:nth-child(3n) a .txt {
  margin-right: 0;
}
.l-container #feature .container01 .sticky-track {
  position: absolute;
  width: 100%;
  z-index: 10;
  height: calc(var(--scale-PCwidth) * 358rem);
  top: 4rem;
  pointer-events: none;
}
.l-container #feature .container01 .fade-marker {
  position: absolute;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.l-container #feature .container01 .fade-marker_03 {
  top: calc(var(--scale-PCwidth) * -70rem);
}
.l-container #feature .container01 .fade-marker_04 {
  top: calc(var(--scale-PCwidth) * 55rem);
}
.l-container #feature .container01 .fade-marker_05 {
  top: calc(var(--scale-PCwidth) * 258rem);
}
.l-container #feature .container01 .sticky-track__fade-group {
  position: sticky;
  top: 20vh;
  width: 100%;
  height: 0;
}
.l-container #feature .container01 .container01__txt_02 {
  position: absolute;
  top: 0;
  width: calc(var(--scale-PCwidth) * 5.71rem);
  margin-left: calc(var(--scale-PCwidth) * 3.5rem);
}
.l-container #feature .container01 .container01__txt_03,
.l-container #feature .container01 .container01__txt_04,
.l-container #feature .container01 .container01__txt_05 {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}
.l-container #feature .container01 .container01__txt_03.is-fade-active,
.l-container #feature .container01 .container01__txt_04.is-fade-active,
.l-container #feature .container01 .container01__txt_05.is-fade-active {
  opacity: 1;
  pointer-events: auto;
}
.l-container #feature .container01 .container01__txt_03 {
  width: calc(var(--scale-PCwidth) * 2.77rem);
  left: calc(var(--scale-PCwidth) * 10rem);
}
.l-container #feature .container01 .container01__txt_04 {
  width: calc(var(--scale-PCwidth) * 1.97rem);
  left: calc(var(--scale-PCwidth) * 9rem);
}
.l-container #feature .container01 .container01__txt_05 {
  width: calc(var(--scale-PCwidth) * 2.78rem);
  left: calc(var(--scale-PCwidth) * 9rem);
}
.l-container #feature .container02 {
  position: relative;
  margin-top: calc(var(--scale-PCwidth) * 15.5rem);
}
.l-container #feature .container02 .container__inner {
  width: 100%;
}
.l-container #feature .container02 .container__inner .container02__img_01 {
  width: calc(var(--scale-PCwidth) * 47.15rem);
  margin: 0 auto;
}
.l-container #feature .container02 .container__inner .container02__flex {
  display: flex;
  width: calc(var(--scale-PCwidth) * 66rem);
  justify-content: space-between;
  margin: 0 auto;
  margin-top: calc(var(--scale-PCwidth) * 5.4rem);
}
.l-container #feature .container02 .container__inner .container02__flex .cre-txt01 {
  width: calc(var(--scale-PCwidth) * 16.52rem);
  margin-top: calc(var(--scale-PCwidth) * 1rem);
}
.l-container #feature .container02 .container__inner .container02__flex .creditContainer04 {
  margin-top: calc(var(--scale-PCwidth) * 2rem);
  margin-right: 0;
}
.l-container #feature .container02 .container__inner .container02__flex .creditContainer04 .credit {
  justify-content: flex-end;
  margin-top: calc(var(--scale-PCwidth) * 1.4rem);
}
.l-container #feature .container02 .container__inner .container02__flex .creditContainer04 li a {
  line-height: 0;
}
.l-container #feature .container02 .container__inner .container02__flex .creditContainer04 li:nth-child(1) a .txt {
  margin-right: 0;
}
.l-container #feature .container03 {
  padding-top: calc(var(--scale-PCwidth) * 14.5rem);
}
.l-container #feature .container03 .image_looknumber_set {
  position: relative;
}
.l-container #feature .container03 .image_looknumber_set .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
}
.l-container #feature .container03 .image_looknumber_set .look_number04 {
  top: calc(var(--scale-PCwidth) * 2.5rem);
}
.l-container #feature .container03 .swiper-container04 {
  position: relative;
  margin: 0 auto;
  width: calc(var(--scale-PCwidth) * 75rem);
}
.l-container #feature .container03 .container03__img_02 {
  width: calc(var(--scale-PCwidth) * 75rem);
  margin-top: calc(var(--scale-PCwidth) * 1rem);
}
.l-container #feature .container03 .creditContainer05 {
  margin-top: calc(var(--scale-PCwidth) * 2rem);
}
.l-container #feature .container03 .creditContainer05 .credit-inner {
  width: 40rem;
  justify-content: flex-end;
  margin: 0 auto;
  margin-top: 1.9rem;
  margin-right: calc(var(--scale-PCwidth) * 3rem);
}
.l-container #feature .container03 .creditContainer05 .credit-inner .item:nth-child(3)::after {
  content: normal;
}
.l-container #feature .container03 .creditContainer05 li:is(:nth-child(3), :nth-child(5)) a .txt {
  margin-right: 0;
}
.l-container #feature .container03 .creditContainer05 .credit_add_text {
  margin-right: calc(var(--scale-PCwidth) * 3rem);
}
.l-container #feature .container04 {
  padding-top: calc(var(--scale-PCwidth) * 11rem);
}
.l-container #feature .container04 .swiper-container {
  position: relative;
  margin: 0 auto;
  width: calc(var(--scale-PCwidth) * 64.97rem);
}
.l-container #feature .container04 .swiper-container .swiper-pagination-bullet {
  border: calc(var(--scale-PCwidth) * 0.2rem) solid #FFF;
}
.l-container #feature .container04 .swiper-container .swiper-pagination-bullet-active {
  background-color: #FFF;
}
.l-container #feature .container04 .container04__flex {
  display: flex;
  width: calc(var(--scale-PCwidth) * 80rem);
  justify-content: space-between;
  margin-top: calc(var(--scale-PCwidth) * 1.5rem);
  margin-left: 4rem;
}
.l-container #feature .container04 .container04__flex .look_number {
  width: calc(var(--scale-PCwidth) * 9.157rem);
  margin-top: calc(var(--scale-PCwidth) * 1.5rem);
}
.l-container #feature .container04 .container04__flex .creditContainer06 {
  margin-top: calc(var(--scale-PCwidth) * 0.6rem);
  margin-left: calc(var(--scale-PCwidth) * 2.5rem);
  flex-shrink: 0;
}
.l-container #feature .container04 .container04__flex .creditContainer06 .credit-inner {
  width: 50rem;
  margin-left: 0.3rem;
}
.l-container #feature .container04 .container04__flex .creditContainer06 .credit-inner .item:nth-child(3)::after {
  content: normal;
}
.l-container #feature .container04 .container04__flex .creditContainer06 li:nth-child(1) a .txt {
  margin-right: 0;
}
.l-container #feature .container04 .container04__box01 {
  position: relative;
  margin-top: calc(var(--scale-PCwidth) * 5rem);
  padding-top: calc(var(--scale-PCwidth) * 17rem);
  width: calc(var(--scale-PCwidth) * 75rem);
  aspect-ratio: 750/1022; /* ここには実際の画像の縦横比を入れてください */
  height: auto;
  background-image: url("../img/note_bg01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}
.l-container #feature .container04 .container04__box01 .text_left {
  position: absolute;
  width: calc(var(--scale-PCwidth) * 2.515rem);
  top: calc(var(--scale-PCwidth) * 45rem);
  left: calc(var(--scale-PCwidth) * 3.2rem);
}
.l-container #feature .container04 .container04__box01 .container03__img_02 {
  width: calc(var(--scale-PCwidth) * 50rem);
  margin: 0 auto;
  margin-right: calc(var(--scale-PCwidth) * 5.6rem);
}
.l-container #feature .container04 .container04__box01 .creditContainer07 {
  margin: 0 auto;
  margin-right: calc(var(--scale-PCwidth) * 6rem);
  margin-top: calc(var(--scale-PCwidth) * 4rem);
}
.l-container #feature .container04 .container04__box01 .creditContainer07 .credit-inner {
  justify-content: flex-end;
}
.l-container #feature .container04 .container04__box01 .creditContainer07 li:nth-child(1) a .txt {
  margin-right: 0;
}
.l-container #feature .container05 {
  padding-top: calc(var(--scale-PCwidth) * 4.5rem);
  position: relative;
}
.l-container #feature .container05 .container05__img_01 {
  width: 100%;
}
.l-container #feature .container05 .container05__img_02 {
  width: 100%;
  margin-top: calc(var(--scale-PCwidth) * 2rem);
}
.l-container #feature .container05 .look_number {
  position: absolute;
  top: calc(var(--scale-PCwidth) * 60.5rem);
  left: calc(var(--scale-PCwidth) * 5rem);
  width: calc(var(--scale-PCwidth) * 9.157rem);
}
.l-container #feature .container05 .creditContainer {
  position: absolute;
  top: calc(var(--scale-PCwidth) * 64rem);
  right: calc(var(--scale-PCwidth) * -43.5rem);
  transform: rotate(90deg);
  margin: 0;
}
.l-container #feature .container05 .creditContainer .credit-inner {
  width: 70rem;
}
.l-container #feature .container06 {
  padding-top: calc(var(--scale-PCwidth) * 16.4rem);
}
.l-container #feature .container06 .swiper-container {
  width: 100%;
}
.l-container #feature .container06 .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--scale-PCwidth) * 19rem);
}
.l-container #feature .container06 .creditContainer09 {
  margin-left: calc(var(--scale-PCwidth) * 3.5rem);
  margin-top: calc(var(--scale-PCwidth) * 2rem);
}
.l-container #feature .container06 .creditContainer09 .credit-inner {
  width: 40rem;
}
.l-container #feature .container06 .creditContainer09 .credit-inner .item:nth-child(3)::after {
  content: normal;
}
.l-container #feature .container07 {
  padding-top: calc(var(--scale-PCwidth) * 7rem);
}
.l-container #feature .container07 .container07__img_01 {
  position: relative;
  margin: 0 auto;
  width: calc(var(--scale-PCwidth) * 64.97rem);
}
.l-container #feature .container07 .container07__flex {
  display: flex;
  width: calc(var(--scale-PCwidth) * 65rem);
  justify-content: space-between;
  margin: 0 auto;
}
.l-container #feature .container07 .container07__flex .look_number {
  width: calc(var(--scale-PCwidth) * 9.157rem);
  margin-top: calc(var(--scale-PCwidth) * 1.5rem);
}
.l-container #feature .container07 .container07__flex .creditContainer {
  margin: 0;
  margin-top: 0.3rem;
}
.l-container #feature .container07 .container07__flex .creditContainer .credit {
  justify-content: flex-end;
  margin-top: calc(var(--scale-PCwidth) * 1.6rem);
}
.l-container #feature .container07 .container07__flex .creditContainer li:nth-child(3) a .txt {
  margin-right: 0;
}
.l-container #feature .container08 {
  position: relative;
  margin-top: calc(var(--scale-PCwidth) * 15.5rem);
}
.l-container #feature .container08 .container__inner {
  width: 100%;
}
.l-container #feature .container08 .container__inner .container08__img_01 {
  width: calc(var(--scale-PCwidth) * 47.15rem);
  margin: 0 auto;
}
.l-container #feature .container08 .container__inner .container08__flex {
  display: flex;
  width: calc(var(--scale-PCwidth) * 68rem);
  justify-content: space-between;
  margin: 0 auto;
  margin-top: calc(var(--scale-PCwidth) * 5.4rem);
  padding-left: 1rem;
}
.l-container #feature .container08 .container__inner .container08__flex .cre-txt02 {
  width: calc(var(--scale-PCwidth) * 19rem);
  margin-top: calc(var(--scale-PCwidth) * 1.5rem);
}
.l-container #feature .container08 .container__inner .container08__flex .creditContainer {
  margin: 0;
  margin-top: 0.5rem;
}
.l-container #feature .container08 .container__inner .container08__flex .creditContainer li:nth-child(1) a .txt {
  margin-right: 0;
}
.l-container #feature .container09 {
  padding-top: calc(var(--scale-PCwidth) * 13.3rem);
}
.l-container #feature .container09 .container09__img_01 {
  width: 100%;
}
.l-container #feature .container09 .container09__img_02 {
  width: calc(var(--scale-PCwidth) * 65rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-PCwidth) * 4.7rem);
}
.l-container #feature .container09 .creditContainer {
  margin-top: calc(var(--scale-PCwidth) * 2rem);
  margin-left: calc((56rem - var(--scale-PCwidth) * 65rem) / 2);
}
.l-container #feature .container09 .creditContainer .credit-inner {
  width: 40rem;
}
.l-container #feature .container09 .creditContainer .credit-inner .item:nth-child(3)::after {
  content: normal;
}
.l-container #feature .container09 .creditContainer li:is(:nth-child(3), :nth-child(5)) a .txt {
  margin-right: 0;
}
.l-container #feature .container09 .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--scale-PCwidth) * 16.5rem);
}
.l-container #feature .container10 {
  margin-top: calc(var(--scale-PCwidth) * 9.3rem);
}
.l-container #feature .container10 .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--scale-PCwidth) * 2rem);
}
.l-container #feature .container10 .swiper-container {
  margin: 0 auto;
  width: 100%;
}
.l-container #feature .container10 .swiper-container .swiper-pagination-bullet {
  border: calc(var(--scale-PCwidth) * 0.2rem) solid #FFF;
}
.l-container #feature .container10 .swiper-container .swiper-pagination-bullet-active {
  background-color: #FFF;
}
.l-container #feature .container10 .creditContainer {
  position: absolute;
  bottom: calc(var(--scale-PCwidth) * 1rem);
  left: calc(var(--scale-PCwidth) * -0.5rem);
  z-index: 10;
}
.l-container #feature .container10 .creditContainer li a {
  color: #FFF;
}
.l-container #feature .container10 .creditContainer .credit-inner {
  justify-content: flex-start;
  width: 30rem;
}
.l-container #feature .container10 .creditContainer .credit-inner .item:not(:last-child)::after {
  content: "/";
  color: #fff;
  margin: 0 0.3em;
}
.l-container #feature .container10 .creditContainer .credit-inner .item:nth-child(2)::after {
  content: normal;
}
.l-container #feature .container10 .creditContainer li:nth-child(2n) a .txt {
  margin-right: 0;
}
.l-container #feature .container11 {
  position: relative;
}
.l-container #feature .container11 .container11__img_01 {
  width: 100%;
}
.l-container #feature .container11 .look_number {
  position: absolute;
  top: calc(var(--scale-PCwidth) * 54rem);
  left: calc(var(--scale-PCwidth) * 4.5rem);
  width: calc(var(--scale-PCwidth) * 9.157rem);
}
.l-container #feature .container11 .creditContainer {
  position: absolute;
  top: calc(var(--scale-PCwidth) * 54rem);
  right: calc(var(--scale-PCwidth) * -29rem);
  transform: rotate(90deg);
  margin: 0;
}
.l-container #feature .container12 {
  position: relative;
  padding-top: calc(var(--scale-PCwidth) * 17.5rem);
  width: calc(var(--scale-PCwidth) * 75rem);
  aspect-ratio: 750/1019; /* ここには実際の画像の縦横比を入れてください */
  height: auto;
  background-image: url("../img/note_bg02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}
.l-container #feature .container12 .container12__box01 {
  position: relative;
}
.l-container #feature .container12 .container12__box01 .text_left {
  position: absolute;
  width: calc(var(--scale-PCwidth) * 2.515rem);
  top: calc(var(--scale-PCwidth) * 27.5rem);
  left: calc(var(--scale-PCwidth) * 3.2rem);
}
.l-container #feature .container12 .container12__box01 .container12__img_01 {
  width: calc(var(--scale-PCwidth) * 50rem);
  margin: 0 auto;
  margin-right: calc(var(--scale-PCwidth) * 5.6rem);
}
.l-container #feature .container12 .container12__box01 .creditContainer {
  margin-right: calc(var(--scale-PCwidth) * 5.5rem);
  margin-top: calc(var(--scale-PCwidth) * 4.5rem);
}
.l-container #feature .container12 .container12__box01 .creditContainer .credit-inner {
  justify-content: flex-end;
}
.l-container #feature .container12 .container12__box01 .creditContainer .credit-inner .item:nth-child(2)::after {
  content: normal;
}
.l-container #feature .container12 .container12__box01 .creditContainer li:nth-child(1) a .txt {
  margin-right: 0;
}
.l-container #feature .container13 {
  padding-top: calc(var(--scale-PCwidth) * 3.5rem);
  position: relative;
}
.l-container #feature .container13 .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--scale-PCwidth) * 7rem);
}
.l-container #feature .container13 .container13__txt_01 {
  position: absolute;
  width: calc(var(--scale-PCwidth) * 7.8rem);
  top: calc(var(--scale-PCwidth) * 112rem);
  left: calc(var(--scale-PCwidth) * 4rem);
  z-index: 10;
}
.l-container #feature .container13 .container13__txt_02 {
  position: absolute;
  width: calc(var(--scale-PCwidth) * 2.515rem);
  top: calc(var(--scale-PCwidth) * 100rem);
  right: calc(var(--scale-PCwidth) * 2.5rem);
  z-index: 10;
}
.l-container #feature .container13 .container13__img_01 {
  width: 100%;
}
.l-container #feature .container13 .container13__img_02 {
  width: calc(var(--scale-PCwidth) * 64.97rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-PCwidth) * 5.7rem);
}
.l-container #feature .container13 .creditContainer {
  margin-left: calc(var(--scale-PCwidth) * 5.1rem);
  margin-top: calc(var(--scale-PCwidth) * 1.2rem);
}
.l-container #feature .container13 .creditContainer .credit-inner {
  justify-content: flex-start;
  width: 30rem;
}
.l-container #feature .container13 .creditContainer .credit-inner .item:nth-child(2)::after {
  content: normal;
}
.l-container #feature .container13 .creditContainer li:nth-child(1) a .txt {
  margin-right: 0;
}
.l-container #feature .container14 {
  margin-top: calc(var(--scale-PCwidth) * 9.3rem);
}
.l-container #feature .container14 .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--scale-PCwidth) * 3rem);
}
.l-container #feature .container14 .swiper-container {
  margin: 0 auto;
  width: 100%;
}
.l-container #feature .container14 .creditContainer {
  position: absolute;
  bottom: calc(var(--scale-PCwidth) * 1rem);
  left: calc(var(--scale-PCwidth) * -0.5rem);
  z-index: 10;
}
.l-container #feature .container14 .creditContainer .credit-inner {
  justify-content: flex-start;
  width: 40rem;
}
.l-container #feature .container14 .creditContainer .credit-inner .item:nth-child(3)::after {
  content: normal;
}
.l-container #feature .container14 .creditContainer li:nth-child(2n) a .txt {
  margin-right: 0;
}
.l-container #feature .container15 {
  position: relative;
  margin-top: calc(var(--scale-PCwidth) * 15.5rem);
}
.l-container #feature .container15 .container__inner {
  width: 100%;
}
.l-container #feature .container15 .container__inner .container15__img_01 {
  width: calc(var(--scale-PCwidth) * 50rem);
  margin: 0 auto;
}
.l-container #feature .container15 .container__inner .container15__txt_01 {
  position: absolute;
  width: calc(var(--scale-PCwidth) * 2.515rem);
  top: calc(var(--scale-PCwidth) * 30rem);
  left: calc(var(--scale-PCwidth) * 3.5rem);
}
.l-container #feature .container15 .container__inner .creditContainer {
  margin-top: calc(var(--scale-PCwidth) * 5.7rem);
  margin-right: calc(var(--scale-PCwidth) * 6rem);
}
.l-container #feature .container15 .container__inner .creditContainer .credit-inner {
  justify-content: flex-end;
}
.l-container #feature .container15 .container__inner .creditContainer li:nth-child(1) a .txt {
  margin-right: 0;
}
.l-container #feature .container16 {
  margin-top: calc(var(--scale-PCwidth) * 9.5rem);
}
.l-container #feature .container16 .container16__img_01 {
  width: 100%;
}
.l-container #feature .container16 .creditContainer {
  margin-top: calc(var(--scale-PCwidth) * 1.8rem);
  margin-left: calc(var(--scale-PCwidth) * 3.5rem);
}
.l-container #feature .container16 .creditContainer .credit-inner {
  justify-content: flex-start;
}
.l-container #feature .container16 .creditContainer .credit-inner .item:nth-child(3)::after {
  content: normal;
}
.l-container #feature .container16 .creditContainer li:is(:nth-child(3), :nth-child(5)) a .txt {
  margin-right: 0;
}
.l-container #feature .container16 .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--scale-PCwidth) * 3.4rem);
}
.l-container #feature .container17 {
  position: relative;
  padding-top: calc(var(--scale-PCwidth) * 9rem);
  z-index: 1;
}
.l-container #feature .container17 .look_number {
  position: absolute;
  z-index: 10;
  width: calc(var(--scale-PCwidth) * 9rem);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--scale-PCwidth) * 11.5rem);
}
.l-container #feature .container17 .container17__img_01 {
  width: calc(var(--scale-PCwidth) * 64.93rem);
  margin: 0 auto;
}
.l-container #feature .container18 {
  position: relative;
  z-index: 1;
  position: sticky;
  top: 0;
  height: fit-content;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}
.l-container #feature .container18 .swiper-container {
  width: 100%;
  margin-top: calc(var(--scale-PCwidth) * 8rem);
  top: 0;
}
.l-container #feature .container18 .creditContainer {
  position: absolute;
  top: calc(var(--scale-PCwidth) * 54rem);
  left: calc(var(--scale-PCwidth) * -36rem);
  transform: rotate(-90deg);
  margin: 0;
  z-index: 10;
}
.l-container #feature .container_last {
  position: relative;
  padding-top: calc(var(--scale-PCwidth) * 18rem);
  z-index: 5;
  width: calc(var(--scale-PCwidth) * 75rem);
  aspect-ratio: 750/1385; /* ここには実際の画像の縦横比を入れてください */
  height: auto;
  background-image: url("../img/note_bg03.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /* ★ ここを修正：横方向は中央（center）、縦方向は上端（top）を起点にする */
  background-position: left top;
}
.l-container #feature .container_last .last_title {
  width: calc(var(--scale-PCwidth) * 42.28rem);
  margin-left: calc(var(--scale-PCwidth) * 11.5rem);
}
.l-container #feature .container_last .stuff_credit {
  margin-top: calc(var(--scale-PCwidth) * 24rem);
  margin-left: calc(var(--scale-PCwidth) * 12rem);
}
.l-container #feature .container_last .stuff_credit .stuffcredit_title {
  width: calc(var(--scale-PCwidth) * 22.18rem);
}
.l-container #feature .container_last .stuff_credit .stuff_name {
  margin-top: calc(var(--scale-PCwidth) * 5rem);
  font-size: calc(var(--scale-PCwidth) * 2.3rem);
  line-height: 2.7rem;
  color: #13337a;
  text-align: start;
  font-family: "garamond-premier-pro-display", serif;
  font-weight: 300;
  font-style: normal;
}
.l-container #feature .container_last .check_all {
  width: calc(var(--scale-PCwidth) * 37rem);
  margin-top: calc(var(--scale-PCwidth) * 11.2rem);
  margin-left: calc(var(--scale-PCwidth) * 11.2rem);
}
.l-container #feature .fade-hidden {
  opacity: 0;
  transition: 1s ease all;
  transition-delay: 0.3s;
}
.l-container #feature .animate-active {
  opacity: 1;
}
.l-container #feature .creditContainer {
  margin-left: calc(var(--scale-PCwidth) * 3.5rem);
  margin-top: calc(var(--scale-PCwidth) * 1rem);
}
.l-container #feature .creditContainer .credit {
  justify-content: start;
}
.l-container #feature .js-blur-zoom {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  transition: filter 1s, opacity 1s, transform 1s;
  transition-delay: 0.5s;
}
.l-container #feature .js-blur-zoom-active {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
}

.pc-footer {
  margin: 0;
}

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

.feature-snslist {
  overflow: hidden;
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}