html {
  font-size: 10px;
}

:root {
  --formula:0.9;
  --formula_pc: calc((100vw / 2100) * 1);
}
.l-container {
  width: 100%;
}

.l-container #feature {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  overflow: clip;
}
.l-container #feature .pc-flex {
  display: flex;
}
.l-container #feature .pc-flex__left, .l-container #feature .pc-flex__right {
  width: 50%;
}
.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 .default-img {
  width: 100%;
  display: block;
}
.l-container #feature picture {
  display: block;
}
.l-container #feature .creditContainer .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 calc(var(--formula) * 2.1rem);
}
.l-container #feature .creditContainer li {
  width: fit-content;
  font-family: "Inter";
  font-weight: 300;
  font-size: calc(var(--formula) * 2rem);
  line-height: calc(var(--formula) * 3rem);
  letter-spacing: 0.02em;
  color: #353535;
}
.l-container #feature .creditContainer li a {
  transition: 0.3s;
  text-decoration: none;
  color: #353535;
}
.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-01 {
  margin-top: calc(var(--formula) * 3.35rem);
  margin-left: calc(var(--formula) * 9rem);
  width: calc(var(--formula) * 60rem);
}
.l-container #feature .creditContainer-01 li:nth-child(2), .l-container #feature .creditContainer-01 li:nth-child(3), .l-container #feature .creditContainer-01 li:nth-child(5) {
  position: relative;
}
.l-container #feature .creditContainer-01 li:nth-child(2)::before, .l-container #feature .creditContainer-01 li:nth-child(3)::before, .l-container #feature .creditContainer-01 li:nth-child(5)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.3rem);
  top: 0;
}
.l-container #feature .creditContainer-02 {
  margin: calc(var(--formula) * 3.35rem) auto 0;
  width: calc(var(--formula) * 58rem);
}
.l-container #feature .creditContainer-02 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-02 li:nth-child(2), .l-container #feature .creditContainer-02 li:nth-child(3), .l-container #feature .creditContainer-02 li:nth-child(5) {
  position: relative;
}
.l-container #feature .creditContainer-02 li:nth-child(2)::before, .l-container #feature .creditContainer-02 li:nth-child(3)::before, .l-container #feature .creditContainer-02 li:nth-child(5)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.4rem);
  top: 0;
}
.l-container #feature .creditContainer-03 {
  margin-top: calc(var(--formula) * 3.35rem);
  margin-left: calc(var(--formula) * 5rem);
}
.l-container #feature .creditContainer-04 {
  margin: calc(var(--formula) * 3.35rem) auto 0;
  width: calc(var(--formula) * 42rem);
}
.l-container #feature .creditContainer-04 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-04 li:nth-child(2), .l-container #feature .creditContainer-04 li:nth-child(4) {
  position: relative;
}
.l-container #feature .creditContainer-04 li:nth-child(2)::before, .l-container #feature .creditContainer-04 li:nth-child(4)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.4rem);
  top: 0;
}
.l-container #feature .creditContainer-05 {
  margin: calc(var(--formula) * 3.35rem) auto 0;
  width: calc(var(--formula) * 55rem);
}
.l-container #feature .creditContainer-05 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-05 li:nth-child(2), .l-container #feature .creditContainer-05 li:nth-child(3), .l-container #feature .creditContainer-05 li:nth-child(5) {
  position: relative;
}
.l-container #feature .creditContainer-05 li:nth-child(2)::before, .l-container #feature .creditContainer-05 li:nth-child(3)::before, .l-container #feature .creditContainer-05 li:nth-child(5)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.4rem);
  top: 0;
}
.l-container #feature .creditContainer-06 {
  margin-top: calc(var(--formula) * 3.35rem);
  margin-left: calc(var(--formula) * 5rem);
  width: calc(var(--formula) * 52rem);
}
.l-container #feature .creditContainer-06 li:nth-child(2), .l-container #feature .creditContainer-06 li:nth-child(3), .l-container #feature .creditContainer-06 li:nth-child(5) {
  position: relative;
}
.l-container #feature .creditContainer-06 li:nth-child(2)::before, .l-container #feature .creditContainer-06 li:nth-child(3)::before, .l-container #feature .creditContainer-06 li:nth-child(5)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.3rem);
  top: 0;
}
.l-container #feature .creditContainer-07 {
  margin: calc(var(--formula) * 3.35rem) auto 0;
}
.l-container #feature .creditContainer-07 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-08 {
  margin-top: calc(var(--formula) * 3.35rem);
  margin-left: calc(var(--formula) * 14rem);
  width: calc(var(--formula) * 44rem);
}
.l-container #feature .creditContainer-08 li:nth-child(even) {
  position: relative;
}
.l-container #feature .creditContainer-08 li:nth-child(even)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.3rem);
  top: 0;
}
.l-container #feature .creditContainer-09 {
  margin-top: calc(var(--formula) * 3.35rem);
  margin-left: calc(var(--formula) * 12.5rem);
  width: calc(var(--formula) * 37rem);
}
.l-container #feature .creditContainer-09 li:nth-child(even) {
  position: relative;
}
.l-container #feature .creditContainer-09 li:nth-child(even)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.3rem);
  top: 0;
}
.l-container #feature .creditContainer-10 {
  margin: calc(var(--formula) * 3.35rem) auto 0;
  width: calc(var(--formula) * 57rem);
}
.l-container #feature .creditContainer-10 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-10 li:nth-child(2), .l-container #feature .creditContainer-10 li:nth-child(3), .l-container #feature .creditContainer-10 li:nth-child(5) {
  position: relative;
}
.l-container #feature .creditContainer-10 li:nth-child(2)::before, .l-container #feature .creditContainer-10 li:nth-child(3)::before, .l-container #feature .creditContainer-10 li:nth-child(5)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.4rem);
  top: 0;
}
.l-container #feature .creditContainer-11 {
  margin-top: calc(var(--formula) * 3.35rem);
  margin-left: calc(var(--formula) * 18rem);
  width: calc(var(--formula) * 39rem);
}
.l-container #feature .creditContainer-11 li:nth-child(even) {
  position: relative;
}
.l-container #feature .creditContainer-11 li:nth-child(even)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.3rem);
  top: 0;
}
.l-container #feature .creditContainer-12 {
  margin: calc(var(--formula) * 3.35rem) auto 0;
  width: calc(var(--formula) * 58rem);
}
.l-container #feature .creditContainer-12 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-12 li:nth-child(2), .l-container #feature .creditContainer-12 li:nth-child(3), .l-container #feature .creditContainer-12 li:nth-child(5) {
  position: relative;
}
.l-container #feature .creditContainer-12 li:nth-child(2)::before, .l-container #feature .creditContainer-12 li:nth-child(3)::before, .l-container #feature .creditContainer-12 li:nth-child(5)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.4rem);
  top: 0;
}
.l-container #feature .creditContainer-13 {
  margin-top: calc(var(--formula) * 3.35rem);
  margin-left: calc(var(--formula) * 4.5rem);
  width: calc(var(--formula) * 58rem);
}
.l-container #feature .creditContainer-13 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-13 li:nth-child(2), .l-container #feature .creditContainer-13 li:nth-child(3) {
  position: relative;
}
.l-container #feature .creditContainer-13 li:nth-child(2)::before, .l-container #feature .creditContainer-13 li:nth-child(3)::before {
  content: "/";
  position: absolute;
  left: calc(var(--formula) * -1.4rem);
  top: 0;
}
.l-container #feature .pc-flex__left {
  position: sticky;
  top: 80px;
  height: 100vh;
  width: 50%;
  margin-bottom: -80px;
}
.l-container #feature .pc-flex__left .pc-hero-img img {
  height: calc(100vh - 80px);
  object-fit: cover;
  object-position: center top;
}
.l-container #feature .pc-flex__left .pc-hero-ttl_img {
  width: 39.1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.l-container #feature .container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.l-container #feature .container__inner {
  width: calc(675 * var(--formula_pc));
  margin: 0 auto;
  overflow: hidden;
}
.l-container #feature .container01 {
  margin-top: calc(var(--formula) * 12rem);
}
.l-container #feature .container01__inner {
  padding-bottom: calc(var(--formula) * 15.55rem);
}
.l-container #feature .container01__img_01 {
  width: calc(var(--formula) * 60rem);
  margin-right: auto;
}
.l-container #feature .container01-swiper01 {
  margin-top: calc(var(--formula) * 8rem);
}
.l-container #feature .container01-swiper01 .swiper-slide {
  width: calc(var(--formula) * 46rem);
  margin-right: calc(var(--formula) * 3rem);
}
.l-container #feature .container01__img_03 {
  width: calc(var(--formula) * 66rem);
  margin-top: calc(var(--formula) * 8rem);
  margin-left: auto;
}
.l-container #feature .container01__img_04 {
  margin-top: calc(var(--formula) * 15.64rem);
}
.l-container #feature .container01-swiper02 {
  margin-top: calc(var(--formula) * 8rem);
  margin: calc(var(--formula) * 8rem) auto 0;
  width: calc(var(--formula) * 54rem);
  position: relative;
}
.l-container #feature .container01-swiper02 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container01-swiper02 .swiper-pagination {
  position: absolute;
  width: calc(var(--formula) * 15rem);
  bottom: calc(var(--formula) * 1.55rem);
  left: auto;
  right: calc(var(--formula) * -3.5rem);
}
.l-container #feature .container01-swiper02 .swiper-pagination-bullet {
  width: calc(var(--formula) * 1rem);
  height: calc(var(--formula) * 1rem);
  background-color: rgba(0, 0, 0, 0);
  border: 0.1rem solid #fff;
  opacity: 1;
}
.l-container #feature .container01-swiper02 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container01-swiper02 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--formula) * 1rem);
}
.l-container #feature .container01__img_06 {
  margin: calc(var(--formula) * 3rem) auto 0;
  width: calc(var(--formula) * 54rem);
}
.l-container #feature .container01__img_07 {
  width: calc(var(--formula) * 44rem);
  margin-top: calc(var(--formula) * 15.65rem);
  margin-left: calc(var(--formula) * 5rem);
}
.l-container #feature .container01__img_08 {
  width: calc(var(--formula) * 60rem);
  margin-top: calc(var(--formula) * 15.55rem);
  margin-left: calc(var(--formula) * 10rem);
}
.l-container #feature .container01-swiper03 {
  margin-top: calc(var(--formula) * 8rem);
}
.l-container #feature .container01-swiper03 .swiper-slide {
  width: calc(var(--formula) * 56rem);
  margin-right: calc(var(--formula) * 3rem);
}
.l-container #feature .container01__img_10 {
  margin: calc(var(--formula) * 15.65rem) auto 0;
  width: calc(var(--formula) * 66rem);
}
.l-container #feature .container01-swiper04 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: calc(var(--formula) * 25rem);
  width: calc(var(--formula) * 50rem);
  position: relative;
}
.l-container #feature .container01-swiper04 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container01-swiper04 .swiper-pagination {
  position: absolute;
  width: calc(var(--formula) * 15rem);
  bottom: calc(var(--formula) * 1.55rem);
  left: auto;
  right: calc(var(--formula) * -3.5rem);
}
.l-container #feature .container01-swiper04 .swiper-pagination-bullet {
  width: calc(var(--formula) * 1rem);
  height: calc(var(--formula) * 1rem);
  background-color: rgba(0, 0, 0, 0);
  border: 0.1rem solid #fff;
  opacity: 1;
}
.l-container #feature .container01-swiper04 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container01-swiper04 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--formula) * 1rem);
}
.l-container #feature .container01__img_12 {
  margin-top: calc(var(--formula) * 8rem);
  position: relative;
}
.l-container #feature .container01__img_12 a::after {
  z-index: 11;
}
.l-container #feature .container01__img_12 .pie {
  font-family: "Inter";
  font-weight: 300;
  font-size: calc(var(--formula) * 2.8rem);
  line-height: calc(var(--formula) * 2.8rem);
  letter-spacing: calc(var(--formula) * 0.04em);
  color: #353535;
  position: absolute;
  left: calc(var(--formula) * 6.1rem);
  bottom: calc(var(--formula) * 16.8rem);
  pointer-events: none;
  z-index: 10;
}
.l-container #feature .container01__img_13 {
  margin-top: calc(var(--formula) * 15.65rem);
  margin-left: calc(var(--formula) * 5rem);
  width: calc(var(--formula) * 56rem);
}
.l-container #feature .container01__img_14 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: auto;
  width: calc(var(--formula) * 60rem);
}
.l-container #feature .container01__img_15 {
  margin-top: calc(var(--formula) * 8rem);
  margin-right: auto;
  width: calc(var(--formula) * 66rem);
}
.l-container #feature .container01__img_16 {
  margin: calc(var(--formula) * 15.65rem) auto 0;
  width: calc(var(--formula) * 50rem);
}
.l-container #feature .container02__img_17 {
  margin-left: calc(var(--formula) * 5rem);
  width: calc(var(--formula) * 62rem);
}
.l-container #feature .container02-swiper05 {
  margin-top: calc(var(--formula) * 8rem);
}
.l-container #feature .container02-swiper05 .swiper-slide {
  width: calc(var(--formula) * 46rem);
  margin-right: calc(var(--formula) * 3rem);
}
.l-container #feature .container02__img_19 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: calc(var(--formula) * 14rem);
  width: calc(var(--formula) * 56rem);
}
.l-container #feature .container02__img_20 {
  margin-top: calc(var(--formula) * 15.65rem);
}
.l-container #feature .container02__img_21 {
  margin: calc(var(--formula) * 8rem) auto 0;
  width: calc(var(--formula) * 50rem);
}
.l-container #feature .container02__img_22 {
  margin: calc(var(--formula) * 3rem) auto 0;
  width: calc(var(--formula) * 50rem);
}
.l-container #feature .container02-swiper06 {
  margin-top: calc(var(--formula) * 15.65rem);
  margin-right: auto;
  width: calc(var(--formula) * 66rem);
  position: relative;
}
.l-container #feature .container02-swiper06 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container02-swiper06 .swiper-pagination {
  position: absolute;
  width: calc(var(--formula) * 15rem);
  bottom: calc(var(--formula) * 1.55rem);
  left: auto;
  right: calc(var(--formula) * -3.5rem);
}
.l-container #feature .container02-swiper06 .swiper-pagination-bullet {
  width: calc(var(--formula) * 1rem);
  height: calc(var(--formula) * 1rem);
  background-color: rgba(0, 0, 0, 0);
  border: 0.1rem solid #fff;
  opacity: 1;
}
.l-container #feature .container02-swiper06 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container02-swiper06 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--formula) * 1rem);
}
.l-container #feature .container02__img_24 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: auto;
  width: calc(var(--formula) * 54rem);
}
.l-container #feature .container02__img_25 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: calc(var(--formula) * 7.5rem);
  width: calc(var(--formula) * 60rem);
}
.l-container #feature .container02__img_26 {
  margin-top: calc(var(--formula) * 15.65rem);
}
.l-container #feature .container02__img_27 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: calc(var(--formula) * 5rem);
  width: calc(var(--formula) * 58rem);
}
.l-container #feature .container02__img_28 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: calc(var(--formula) * 18rem);
  width: calc(var(--formula) * 52rem);
}
.l-container #feature .container02__img_29 {
  margin-top: calc(var(--formula) * 15.75rem);
  width: calc(var(--formula) * 64rem);
}
.l-container #feature .container02__img_30 {
  margin-top: calc(var(--formula) * 8rem);
  margin-left: auto;
  width: calc(var(--formula) * 50rem);
}
.l-container #feature .container02__img_31 {
  margin: calc(var(--formula) * 8rem) auto 0;
  width: calc(var(--formula) * 66rem);
}
.l-container #feature .container02__img_32 {
  width: calc(var(--formula) * 60.8rem);
  margin: calc(var(--formula) * 15.65rem) 0 0 auto;
  display: flex;
  text-align: end;
  gap: calc(var(--formula) * 3.7rem);
}
.l-container #feature .container02__img_32 a {
  width: calc(var(--formula) * 54rem);
}
.l-container #feature .container02__img_32 .pob {
  font-family: "Inter";
  font-weight: 300;
  font-size: calc(var(--formula) * 2.8rem);
  line-height: calc(var(--formula) * 2.8rem);
  letter-spacing: calc(var(--formula) * 0.038em);
  color: #353535;
  writing-mode: sideways-lr;
  margin: 0;
  margin-left: calc(var(--formula) * 0.3rem);
}
.l-container #feature .container02__img_33 {
  margin-top: calc(var(--formula) * 3rem);
  margin-left: auto;
  width: calc(var(--formula) * 54rem);
}
.l-container #feature .container02__img_34 {
  margin-top: calc(var(--formula) * 8rem);
  width: calc(var(--formula) * 64rem);
}
.l-container #feature .container02__footer-btn {
  margin: calc(var(--formula) * 19rem) auto calc(var(--formula) * 20rem);
  text-align: center;
}
.l-container #feature .container02__footer-btn::after {
  content: "";
  height: 1px;
  width: 0;
  background: #353535;
  display: block;
  margin: 2.2rem auto 0;
}
.l-container #feature .container02__footer-btn a {
  width: calc(var(--formula) * 30rem);
  font-family: "Inter";
  font-weight: 300;
  font-size: calc(var(--formula) * 3.1rem);
  line-height: calc(var(--formula) * 3.72rem);
  letter-spacing: calc(var(--formula) * 0.033em);
  color: #353535;
  margin: auto;
}
.l-container #feature .container02__footer-btn a::after {
  height: 180%;
}
.l-container #feature .container02__footer-btn.is-active::after {
  width: calc(var(--formula) * 16rem);
  transition: 1.5s;
  transition-delay: 0.4s;
  margin-top: calc(var(--formula) * 2.1rem);
}
.l-container #feature .fadeUp {
  opacity: 0;
  transition: 1s ease all;
  transform: translate(0px, 30px);
}
.l-container #feature .fadeUp.is-active {
  opacity: 1;
  transform: translate(0px, 0px);
}

.pc-footer {
  margin: 0;
}

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

.feature-snslist {
  overflow: hidden;
}

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