@charset "UTF-8";
html {
  font-size: 10px;
}

html {
  font-size: calc(10 * (100vw / 2100));
}

body {
  overflow-x: hidden;
}

.l-container {
  width: 100%;
}

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

.l-container #feature .default-img {
  width: 100%;
  height: auto;
  display: block;
}

.l-container #feature picture {
  display: block;
}

.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 .main {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  background-color: #fff;
}

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

.l-container #feature .creditContainer li {
  font-family: "Times New Roman", Times, serif;
  font-style: Italic;
  font-size: 1.7rem;
  line-height: 2.52rem;
  letter-spacing: -0.015em;
  color: #231815;
  text-align: left;
}

.l-container #feature .creditContainer li a {
  color: #231815;
  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 .price {
  margin-left: 0.5rem;
}

.l-container #feature .creditContainer__white .txt {
  color: #FFFEF8;
}

.l-container #feature .creditContainer__white .price {
  color: #FFFEF8;
}

.l-container #feature .creditContainer__check {
  position: relative;
  margin-top: 2.6rem;
  margin-left: 2.2rem;
  font-family: "Times New Roman", Times, serif;
  font-style: Italic;
  font-size: 1.7rem;
  line-height: 2.2rem;
  letter-spacing: -0.015em;
  color: #231815;
  text-align: left;
}

.l-container #feature .creditContainer__check::before {
  content: '>';
  font-size: 2.7rem;
  position: absolute;
  top: 0;
  left: -2rem;
  font-family: "Times New Roman", Times, serif;
  font-style: Italic;
  font-size: 1.7rem;
  line-height: 2.2rem;
  letter-spacing: -0.015em;
  color: #231815;
}

.l-container #feature .creditContainer__check--white {
  color: #FFFEF8;
}

.l-container #feature .creditContainer__check--white::before {
  color: #FFFEF8;
}

.l-container #feature .top_btn {
  position: fixed;
  bottom: 3rem;
  right: 3.7rem;
  width: 16.3rem;
  height: 16.3rem;
  z-index: 50;
  cursor: pointer;
  /* 背景を透明にして、丸い縁を作る */
  background-color: transparent;
  /* 背景を透明に設定 */
  border: 1px solid #231815;
  /* 縁の太さと色を設定 */
  border-radius: 50%;
  /* 丸くする */
  padding: 1rem;
  /* ボタンの内側の余白を設定 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* ボタンのテキストや内容のスタイル */
  font-family: "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: normal;
  color: #231815;
  /* テキストの色を設定 */
  text-align: center;
  /* テキストを中央揃え */
  font-size: 2.47rem;
  /* フォントサイズを設定 */
  line-height: 2.5rem;
  text-decoration: none;
  /* テキストの下線を消去 */
  /* ホバー時のエフェクト */
}

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

.l-container #feature .top_btn:hover {
  opacity: 0.6;
}

.l-container #feature .top_btn.hidden {
  display: none;
  /* main外にある場合は非表示 */
}

.l-container #feature .hero {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 0;
  margin: 0.3rem auto 0;
  width: 100%;
}

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

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

.l-container #feature .hero__box {
  position: absolute;
  top: 14rem;
  left: 6.7rem;
  width: 45.9rem;
  font-family: "Times New Roman", Times, serif;
  text-align: left;
  color: #231815;
}

.l-container #feature .hero__ttl {
  margin-bottom: 2.8rem;
  font-style: normal;
  font-size: 2.1rem;
  line-height: 2.13rem;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.l-container #feature .hero__txt {
  font-style: Italic;
  font-size: 1.6rem;
  line-height: 2.45rem;
  letter-spacing: 0.022em;
}

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

.l-container #feature .container__wrap {
  position: relative;
  display: flex;
  justify-content: center;
  column-gap: 2.5rem;
  margin-bottom: 14.2rem;
}

.l-container #feature .container__wrap--last {
  margin-bottom: 0;
}

.l-container #feature .container__ttl {
  font-family: "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.786rem;
  line-height: 2.128rem;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #231815;
}

.l-container #feature .container__ttl--white {
  color: #FFFEF8;
}

.l-container #feature .container__look {
  margin-left: 4.7rem;
}

.l-container #feature .container .look-number,
.l-container #feature .container .look-number-right,
.l-container #feature .container .look-number-left {
  font-style: italic;
}

.l-container #feature .container__position {
  position: absolute;
  top: 0;
  left: 193.5rem;
}

.l-container #feature .container__txt {
  width: fit-content;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1.6rem;
  line-height: 2.47rem;
  letter-spacing: 0.02em;
  color: #FFFEF8;
  text-align: right;
}

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

.l-container #feature .container .swiper, .l-container #feature .container__img {
  width: 62rem;
}

.l-container #feature .container .creditContainer .credit {
  flex-direction: column;
}

.l-container #feature .container01 {
  position: relative;
  padding: 11rem 0 11.5rem;
  background-color: #3A101B;
}

.l-container #feature .container01__img {
  margin: auto;
  width: 52.2rem;
}

.l-container #feature .container01__ttl {
  position: absolute;
  top: 9.4rem;
  left: 6.7rem;
}

.l-container #feature .container01__txt {
  position: absolute;
  bottom: 10.6rem;
  right: 7rem;
}

.l-container #feature .container02 {
  position: relative;
  padding: 6.9rem 0 18.3rem;
}

.l-container #feature .container02__ttl {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 70px;
  z-index: 10;
  width: fit-content;
  margin-left: 6.7rem;
  transform: translateY(4.9rem);
}

.l-container #feature .container02 .creditContainer {
  position: absolute;
  top: 9.5rem;
  left: 6.7rem;
}

.l-container #feature .container03 {
  position: relative;
  padding: 7.5rem 0 9.3rem;
  background-color: #fff;
  transition: background-color 0.5s ease;
}

.l-container #feature .container03__ttl {
  position: absolute;
  top: 6.7rem;
  left: 6.7rem;
}

.l-container #feature .container03__img_03 {
  margin: auto;
  width: 47.4rem;
}

.l-container #feature .container03__txt {
  position: absolute;
  bottom: 8.8rem;
  right: 6.7rem;
}

.l-container #feature .container03 .creditContainer {
  position: absolute;
  top: 6.6rem;
  left: 29.4rem;
}

.l-container #feature .container03.color-active {
  background-color: #3A101B;
}

.l-container #feature .container04 {
  position: relative;
  margin: 0 auto 0;
  padding: 11.9rem 0 13.2rem;
}

.l-container #feature .container04__ttl {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 70px;
  z-index: 10;
  width: fit-content;
  margin-left: 6.7rem;
  transform: translateY(4.9rem);
}

.l-container #feature .container04 .creditContainer {
  position: absolute;
  top: 9.5rem;
  left: 6.7rem;
}

.l-container #feature .container04 .container__wrap {
  margin-bottom: 16.9rem;
}

.l-container #feature .container04 .container__wrap--last {
  margin-bottom: 0;
}

.l-container #feature .container05-01 {
  position: relative;
  padding: 7.5rem 0 6rem;
  background-color: #3A101B;
}

.l-container #feature .container05-01__ttl {
  position: absolute;
  top: 7.6rem;
  left: 6.7rem;
}

.l-container #feature .container05-01__txt {
  position: absolute;
  bottom: 5.3rem;
  right: 6.7rem;
}

.l-container #feature .container05-01__img_11 {
  margin: 0 auto 0;
  width: 47.4rem;
}

.l-container #feature .container05-01 .creditContainer {
  position: absolute;
  top: 7.5rem;
  left: 32rem;
}

.l-container #feature .container05-02 {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  padding: 4.4rem 0 14.3rem;
  background-color: #3A101B;
}

.l-container #feature .container05-02__ttl {
  width: fit-content;
  margin-left: 6.7rem;
  transform: translateY(4.9rem);
  color: #FFFEF8;
}

.l-container #feature .container05-02 .creditContainer {
  position: absolute;
  top: 9.5rem;
  left: 6.7rem;
}

.l-container #feature .container06 {
  position: relative;
  padding: 10.3rem 0 10.1rem;
}

.l-container #feature .container06__ttl {
  position: relative;
  z-index: 10;
  width: fit-content;
  margin-left: 6.7rem;
  transform: translateY(4.9rem);
}

.l-container #feature .container06 .creditContainer {
  position: absolute;
  top: 9.3rem;
  left: 6.7rem;
}

.l-container #feature .container07 {
  position: relative;
  padding: 7.7rem 0 6rem;
  background-color: #3A101B;
}

.l-container #feature .container07__img_16 {
  margin: 0 auto 5rem;
  width: 47.3rem;
}

.l-container #feature .container07__ttl {
  position: absolute;
  top: 9.6rem;
  left: 6.7rem;
}

.l-container #feature .container07__txt {
  position: absolute;
  top: 13.8rem;
  left: 6.7rem;
  text-align: left;
}

.l-container #feature .container07 .creditContainer {
  position: absolute;
  top: 23.5rem;
  left: 6.7rem;
}

.l-container #feature .container07-02 {
  position: relative;
  padding: 4.8rem 0 0;
  background-color: #3A101B;
}

.l-container #feature .container07-02__ttl-top {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 70px;
  z-index: 5;
  width: fit-content;
  margin-left: 6.7rem;
  transform: translateY(4.9rem);
}

.l-container #feature .container07-02__ttl-bottom {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 115px;
  z-index: 10;
  width: fit-content;
  margin-left: 6.7rem;
  margin-bottom: 11.9rem;
  transform: translateY(-2.4rem);
}

.l-container #feature .container07-02__color {
  position: relative;
  margin-bottom: 0;
}

.l-container #feature .container07-02__color::after {
  content: '';
  width: 100%;
  height: 2.5rem;
  background-color: #3A101B;
  position: absolute;
  bottom: 0.1rem;
  left: 4rem;
  z-index: 15;
}

.l-container #feature .container07-02__wrap-top {
  padding-bottom: 17.4rem;
  margin-bottom: 0;
}

.l-container #feature .container07-02__wrap-bottom {
  padding-bottom: 10rem;
}

.l-container #feature .container07-02__white {
  background-color: #FFF;
}

.l-container #feature .container07-02__white .container__wrap-first {
  margin-bottom: 16.8rem;
}

.l-container #feature .container07-02__white .container__wrap-second {
  margin-bottom: 14rem;
}

.l-container #feature .container07-02__white .container__wrap-third {
  margin-bottom: 16.9rem;
}

.l-container #feature .container07-02__white .container__wrap--last {
  padding-bottom: 20.1rem;
}

.l-container #feature .container07-02 .creditContainer {
  position: absolute;
  top: 9.5rem;
  left: 6.7rem;
}

.l-container #feature .container08 {
  position: relative;
  padding: 11.6rem 0 11.5rem;
  background-color: #3A101B;
}

.l-container #feature .container08__ttl {
  position: absolute;
  top: 7rem;
  left: 6.7rem;
}

.l-container #feature .container08__txt {
  position: absolute;
  bottom: 9.3rem;
  right: 5.4rem;
}

.l-container #feature .container08__img_27 {
  margin: auto;
  width: 47.3rem;
}

.l-container #feature .container08 .creditContainer {
  position: absolute;
  top: 6.8rem;
  left: 32rem;
}

.l-container #feature .container09 {
  position: relative;
  padding: 9.1rem 0 0;
  margin-bottom: 22.7rem;
}

.l-container #feature .container09 .container__wrap {
  gap: 3rem;
  margin-bottom: 16.8rem;
}

.l-container #feature .container09 .container__wrap--last {
  margin-bottom: 0;
}

.l-container #feature .container09__ttl {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 60px;
  z-index: 10;
  width: fit-content;
  margin-left: 6.7rem;
  transform: translateY(4.9rem);
}

.l-container #feature .container09 .creditContainer {
  position: absolute;
  top: 9.5rem;
  left: 6.7rem;
}

.l-container #feature .container10 {
  padding-top: 12.1rem;
  padding-bottom: 6rem;
  margin-bottom: 9rem;
  background-color: #3A101B;
}

.l-container #feature .container10__inner {
  position: relative;
  margin: auto;
}

.l-container #feature .container10__img_34 {
  margin: 0 16.8rem 0 auto;
  width: 47.8rem;
}

.l-container #feature .container10__ttl {
  position: absolute;
  top: 9.5rem;
  left: 6.7rem;
}

.l-container #feature .container10__box {
  position: absolute;
  top: 50.7rem;
  left: 6.7rem;
  width: fit-content;
  font-family: "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  color: #FFFEF8;
}

.l-container #feature .container10__top {
  font-size: 2.318rem;
  line-height: 3.824rem;
  letter-spacing: 0.02em;
  margin-bottom: 5.4rem;
}

.l-container #feature .container10__top span {
  font-size: 2.747rem;
}

.l-container #feature .container10__bottom {
  font-size: 2.1rem;
  line-height: 3.79rem;
  letter-spacing: 0.003em;
}

.l-container #feature .container10__link {
  position: relative;
  margin: 4.3rem auto 0 1.8rem;
  font-size: 2.1rem;
  line-height: 3.809rem;
  letter-spacing: 0.01em;
  transition: all 0.4s;
}

.l-container #feature .container10__link .link {
  color: #FFFEF8;
}

.l-container #feature .container10__link .link::after {
  display: none;
}

.l-container #feature .container10__link:hover {
  opacity: 0.6;
}

.l-container #feature .container10__link::before {
  content: '>';
  font-size: 2.7rem;
  position: absolute;
  top: 0rem;
  left: -2rem;
  font-family: "Times New Roman", Times, serif;
  font-style: Italic;
  font-size: 2.1rem;
  line-height: 3.809rem;
  letter-spacing: -0.015em;
  color: #FFFEF8;
}

.l-container #feature .creditContainer,
.l-container #feature .pc-fadeUp-txt {
  opacity: 0;
  transition: opacity 2.3s ease;
  transition-delay: 0.9s;
  filter: blur(10px);
}

.l-container #feature .txt-active {
  opacity: 1;
  filter: blur(0);
}

.l-container #feature .pc-fadeUp-img {
  opacity: 0;
  transition: 1s ease all;
  transition-delay: 0.5s;
  transform: translateY(10rem);
}

.l-container #feature .img-active {
  opacity: 1;
  transform: translateY(0) translateX(0) translateZ(0);
}

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

.breadcrumbs {
  max-width: 100%;
}

.feature-snslist {
  overflow: hidden;
}

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

.pic__accordion {
  display: none !important;
}

.pc-header {
  overflow: hidden;
}