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

html {
  font-size: 10px;
  overflow-x: hidden;
}
.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%;
}
.l-container #feature a:hover {
  cursor: pointer;
}
.l-container #feature a:hover::after {
  opacity: 1;
  transition: 0.4s;
}
.l-container #feature a.link--mask::after {
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.l-container #feature a.link--mask-01::after {
  mask-image: url("../img/right-txt01.svg");
  -webkit-mask-image: url("../img/right-txt01.svg");
}
.l-container #feature p {
  margin: 0;
  padding: 0;
}
.l-container #feature .default-img {
  width: 100%;
  display: block;
}
.l-container #feature picture {
  display: block;
}
.l-container #feature .creditContainer {
  font-size: 2.3rem;
  font-family: "times-new-roman", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.l-container #feature .creditContainer:hover {
  opacity: 0.8;
}
.l-container #feature .creditContainer .credit {
  display: flex;
  flex-direction: column;
  gap: 0 0.5rem 0;
}
.l-container #feature .creditContainer .credit a {
  line-height: normal;
}
.l-container #feature .creditContainer li {
  width: fit-content;
}
.l-container #feature .creditContainer li a {
  color: #fff;
  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;
  pointer-events: none;
}
.l-container #feature .creditContainer li.item {
  list-style: none;
  width: fit-content;
}
.l-container #feature .creditContainer li.item a.link {
  display: block;
  color: #fff;
  line-height: 1.5246869565;
  letter-spacing: 0.02em;
}
.l-container #feature .creditContainer li.item a.link .txt {
  display: flex;
  align-items: center;
}
.l-container #feature .creditContainer li.item a.link .txt .price {
  margin-left: 0.85692rem;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
}
.l-container #feature .hero__inner {
  margin: 0 auto 0;
}
.l-container #feature .hero__img {
  margin: 0 auto 0;
}
.l-container #feature .hero-all-wrapper {
  position: relative;
}
.l-container #feature .hero-title1 {
  width: 26.08952rem;
  position: absolute;
  top: 3rem;
  left: 24.7rem;
  z-index: 5;
  pointer-events: none;
}
.l-container #feature .hero-title2 {
  width: 56.92198rem;
  position: absolute;
  top: 59.7rem;
  left: 9rem;
  z-index: 5;
  pointer-events: none;
}
.l-container #feature .credit01 {
  bottom: 2rem;
  left: 3rem;
}
.l-container #feature .hero-title3 {
  width: 43.66658rem;
  margin-left: auto;
  margin-top: 4rem;
  margin-right: 3.4615rem;
}
.l-container #feature .pic-all-wrapper {
  position: relative;
}
.l-container #feature .imgBox {
  position: relative;
}
.l-container #feature .imgBox .creditContainer {
  position: absolute;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.l-container #feature .imgBox.is-credit-open .creditContainer {
  opacity: 1;
  pointer-events: auto;
}
.l-container #feature .credit-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  cursor: pointer;
  pointer-events: auto;
}
.l-container #feature .credit-wrapper::after {
  content: "";
  opacity: 0;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.l-container #feature .credit-wrapper:hover::after {
  opacity: 1;
}
.l-container #feature {
  /* credit表示中はスワイプできるようにする */
}
.l-container #feature .imgBox.is-credit-open .credit-wrapper {
  pointer-events: none;
}
.l-container #feature .swiper-pagination {
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
  padding-right: 1.8rem;
  gap: 0 1rem;
}
.l-container #feature .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50% !important;
  border: 0.1rem solid #fff;
  background-color: transparent;
  opacity: 1;
  margin: 0px 0.1rem 0px 0px !important;
}
.l-container #feature .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.l-container #feature .swiper-pagination-bullets {
  position: absolute;
  bottom: 2.2rem;
  right: 0rem;
}
.l-container #feature .container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.l-container #feature .container__inner {
  margin: 0 auto;
}
.l-container #feature .pc-flex {
  position: relative;
  display: flex;
  height: 3019.9rem;
  background-color: #f4f3df;
}
.l-container #feature .pc-flex__left {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
}
.l-container #feature .pc-flex__left .side-img-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20rem;
}
.l-container #feature .pc-flex__left .side-img-right .main-img {
  width: 24.82691941rem;
}
.l-container #feature .pc-flex__left--inner {
  position: relative;
  margin: 0 auto 0;
  display: flex;
  align-items: center;
  height: 100vh;
}
.l-container #feature .pc-flex__left .side-img-container {
  position: relative;
  width: 100%;
  max-width: 1921px;
  margin: 0 auto;
  height: 100vh;
  pointer-events: none;
}
.l-container #feature .pc-flex__left .side-img-container .side-img-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
}
.l-container #feature .pc-flex__left .side-img-container .side-img-left {
  right: calc(50% + 37.5rem + 27.09495432rem);
}
.l-container #feature .pc-flex__left .side-img-container .side-img-left img {
  width: 39.55743897rem;
}
.l-container #feature .pc-flex__left .side-img-container .side-img-right {
  left: calc(50% + 37.5rem + 21.32610119rem);
  width: 50.214087rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  pointer-events: auto;
}
.l-container #feature .pc-flex__right {
  position: absolute;
  top: 0;
  left: calc((100% - 75rem) / 2);
  width: 75rem;
  background-color: #fff;
}
.l-container #feature .additional-img {
  position: absolute;
  width: 49.97328515rem;
  bottom: 137px;
  left: calc(50% + 37.5rem + 21.97328515rem);
}
.l-container #feature .container02 {
  margin-top: 22.9rem;
}
.l-container #feature .container02_pic-all-wrapper {
  width: 40.38565rem;
  margin-left: 3.43112rem;
}
.l-container #feature .credit02 {
  bottom: 5rem;
  left: 3rem;
}
.l-container #feature .container02-txt-svg {
  width: 65.1137rem;
  margin-top: 4.3447rem;
  margin-left: -2.46454rem;
}
.l-container #feature .container03 {
  margin-top: 3.81577rem;
}
.l-container #feature .credit03 {
  bottom: 3.98745rem;
  left: 2.87402rem;
}
.l-container #feature .container04 {
  margin-top: 6.75302rem;
}
.l-container #feature .credit04 {
  left: 2.89481rem;
  bottom: 3.31277rem;
}
.l-container #feature .container05 {
  margin-top: 1.66617rem;
}
.l-container #feature .credit05 {
  bottom: 3.21114rem;
  left: 3.00599rem;
}
.l-container #feature .container06 {
  margin-top: 10.17853rem;
}
.l-container #feature .container06_pic-all-wrapper {
  width: 55.92177rem;
  margin-left: auto;
  position: relative;
}
.l-container #feature {
  /* 上の飾り */
}
.l-container #feature .container06__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.63336rem;
  width: 3.03252rem;
  height: 24.59868rem;
  background: url(../img/container06-deco-01.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature {
  /* 下の飾り */
}
.l-container #feature .container06__inner::after {
  content: "";
  position: absolute;
  bottom: 0.3rem;
  left: 2.51735rem;
  width: 3.03252rem;
  height: 19.33079rem;
  background: url(../img/container06-deco-02.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature .credit06 {
  bottom: 2.65358rem;
  left: 2.87281rem;
}
.l-container #feature .container07 {
  margin-top: 24.7rem;
}
.l-container #feature .container07_pic-all-wrapper {
  width: 61.52314rem;
  margin-right: auto;
}
.l-container #feature .credit07 {
  bottom: 2.92465rem;
  left: 3.04268rem;
}
.l-container #feature .container08 {
  margin-top: 11.81476rem;
}
.l-container #feature .container08_pic-all-wrapper {
  width: 61.52314rem;
  margin-left: auto;
}
.l-container #feature .credit08 {
  left: 2.87282rem;
  bottom: 2.85499rem;
}
.l-container #feature .container09 {
  margin-top: 26.17675rem;
}
.l-container #feature .container09_pic-all-wrapper {
  width: 55.92177rem;
  margin-right: auto;
  position: relative;
}
.l-container #feature {
  /* 上の飾り */
}
.l-container #feature .container09__inner::before {
  content: "";
  position: absolute;
  top: 0.4rem;
  right: 2.63336rem;
  width: 3.03252rem;
  height: 19.33079rem;
  background: url(../img/container09-deco-01.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature {
  /* 下の飾り */
}
.l-container #feature .container09__inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 2.51735rem;
  width: 3.03252rem;
  height: 24.59869rem;
  background: url(../img/container09-deco-02.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature .credit09 {
  top: 2.42186rem;
  left: 2.52867rem;
}
.l-container #feature .container10 {
  margin-top: 26.47447rem;
}
.l-container #feature .container10-swiper {
  width: 75rem !important;
}
.l-container #feature .img10-slide01 {
  width: 75rem !important;
}
.l-container #feature .img10-slide02 {
  width: 75rem !important;
}
.l-container #feature .creditContainer_10 {
  margin-left: auto;
}
.l-container #feature .credit10 {
  top: 2.83216rem;
  left: 2.83216rem;
}
.l-container #feature .container11 {
  margin-top: 10.33379rem;
}
.l-container #feature .container11_pic-all-wrapper {
  width: 58.21238rem;
  margin-right: auto;
}
.l-container #feature .container11__inner::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  right: 3.4rem;
  width: 7.02056rem;
  height: 55.42898rem;
  background: url(../img/container11-txt.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature .credit11 {
  bottom: 5rem;
  left: 5rem;
}
.l-container #feature .container12 {
  margin-top: 26.47447rem;
}
.l-container #feature .container12-swiper {
  width: 75rem !important;
}
.l-container #feature .img12-slide01 {
  width: 75rem !important;
}
.l-container #feature .img12-slide02 {
  width: 75rem !important;
}
.l-container #feature .creditContainer_12 {
  margin-left: auto;
}
.l-container #feature .credit12 {
  top: 3.03125rem;
  left: 3.06859rem;
}
.l-container #feature .container13 {
  margin-top: 18.41179rem;
}
.l-container #feature .container13_pic-all-wrapper {
  width: 55.92177rem;
  margin-left: auto;
  position: relative;
}
.l-container #feature {
  /* 上の飾り */
}
.l-container #feature .container13__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.63336rem;
  width: 3.03252rem;
  height: 24.59868rem;
  background: url(../img/container13-deco-01.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature {
  /* 下の飾り */
}
.l-container #feature .container13__inner::after {
  content: "";
  position: absolute;
  bottom: 0.3rem;
  left: 2.51735rem;
  width: 3.03252rem;
  height: 19.33079rem;
  background: url(../img/container13-deco-02.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature .credit13 {
  left: 2.98088rem;
  bottom: 2.98088rem;
}
.l-container #feature .container14 {
  margin-top: 17.93525rem;
}
.l-container #feature .credit14 {
  left: 2.87178rem;
  top: 2.87178rem;
}
.l-container #feature .container15 {
  margin-top: 1.4315rem;
}
.l-container #feature .credit15 {
  top: 2.85695rem;
  right: 2.87238rem;
}
.l-container #feature .container16 {
  margin-top: 2.47113rem;
}
.l-container #feature .container16-swiper {
  width: 75rem !important;
}
.l-container #feature .img16-slide01 {
  width: 75rem !important;
}
.l-container #feature .img16-slide02 {
  width: 75rem !important;
}
.l-container #feature .creditContainer_16 {
  margin-left: auto;
}
.l-container #feature .credit16 {
  top: 3.09192rem;
  right: 2.86752rem;
}
.l-container #feature .container17 {
  margin-top: 26.17675rem;
}
.l-container #feature .container17_pic-all-wrapper {
  width: 55.92177rem;
  margin-right: auto;
  position: relative;
}
.l-container #feature {
  /* 上の飾り */
}
.l-container #feature .container17__inner::before {
  content: "";
  position: absolute;
  top: 0.4rem;
  right: 2.63336rem;
  width: 3.03252rem;
  height: 19.33079rem;
  background: url(../img/container17-deco-01.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature {
  /* 下の飾り */
}
.l-container #feature .container17__inner::after {
  content: "";
  position: absolute;
  bottom: -1.3rem;
  right: 2.51735rem;
  width: 3.03252rem;
  height: 24.59869rem;
  background: url(../img/container17-deco-02.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature .credit17 {
  bottom: 2.6536rem;
  left: 2.83497rem;
}
.l-container #feature .container18 {
  margin-top: 14.7rem;
}
.l-container #feature .credit18 {
  top: 2.89313rem;
  right: 2.86756rem;
}
.l-container #feature .container19 {
  margin-top: 1.73842rem;
}
.l-container #feature .credit19 {
  top: 3.98305rem;
  left: 2.92258rem;
}
.l-container #feature .container20 {
  margin-top: 12.4496rem;
}
.l-container #feature .credit20 {
  top: 3.74981rem;
  left: 2.87312rem;
}
.l-container #feature .container21 {
  margin-top: 2.13098rem;
}
.l-container #feature .credit21 {
  top: 3.33567rem;
  right: 2.86752rem;
}
.l-container #feature .container22 {
  margin-top: 10.05972rem;
}
.l-container #feature .credit22 {
  top: 3.45255rem;
  right: 2.71581rem;
}
.l-container #feature .container23 {
  margin-top: 2rem;
}
.l-container #feature .credit23 {
  top: 3.05023rem;
  left: 2.85703rem;
}
.l-container #feature .container24 {
  margin-top: 2.465rem;
}
.l-container #feature .credit24 {
  left: 2.86601rem;
  bottom: 3.90917rem;
}
.l-container #feature .container25 {
  margin-top: 16.57311rem;
}
.l-container #feature .container25__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.73262rem;
  width: 7.02056rem;
  height: 56.27679rem;
  background: url(../img/container25-txt.svg) no-repeat center/contain;
  z-index: 1;
}
.l-container #feature .container25_pic-all-wrapper {
  width: 55.69202rem;
  margin-left: auto;
}
.l-container #feature .credit25 {
  top: 2.9738rem;
  left: 2.5653rem;
}
.l-container #feature .container26 {
  margin-top: 13.12715rem;
}
.l-container #feature .credit26 {
  left: 3.04803rem;
  bottom: 4.41546rem;
}
.l-container #feature .container27 {
  display: none;
}
.l-container #feature .fadeIn-hidden {
  opacity: 0;
  transition: 1s ease all;
}
.l-container #feature .animate-active {
  opacity: 1;
}
.l-container #feature .container01.animate-active {
  transition-delay: 0s;
}
.l-container #feature .hero-title1.animate-active {
  transition-delay: 0.4s;
}
.l-container #feature .hero-title2.animate-active {
  transition-delay: 0.8s;
}

.feature-snslist {
  overflow: hidden;
}

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

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

@media screen and (min-width: 1921px) {
  html {
    font-size: 6.4px;
  }
}