:root {
  --base-value: 1400;
}

html {
  font-size: 10px;
}

html {
  font-size: 62.5%;
}
.l-container {
  width: 100%;
}

.l-container #feature {
  padding-bottom: calc(110 * 100vw / var(--base-value));
  margin: 34px auto 0;
  font-feature-settings: "palt";
  width: 100%;
  text-align: center;
  overflow: clip;
  color: #333;
  position: relative;
}
.l-container #feature .forSP {
  display: none !important;
}
.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:hover {
  cursor: pointer;
}
.l-container #feature a:hover::after {
  opacity: 1;
  transition: 0.4s;
}
.l-container #feature .default-img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.l-container #feature picture {
  display: block;
}
.l-container #feature .default-fig {
  position: relative;
}
.l-container #feature .default-fig > .figBody {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.l-container #feature .default-fig > .figBody::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.l-container #feature .default-fig > .figBody > .link {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.l-container #feature .default-fig > .figBody > .link:hover {
  opacity: 0.6;
}
.l-container #feature .default-fig > .figBG {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-container #feature .default-fig > .balloonTxt {
  z-index: 3;
  position: absolute;
  pointer-events: none;
}
.l-container #feature .slideFig {
  padding: 0 calc(30 * 100vw / var(--base-value)) 0;
  margin: 0 auto 0;
  position: relative;
}
.l-container #feature .default-fig {
  margin: 0 auto 0;
}
.l-container #feature .default-fig.-intro {
  width: calc(150 * 100vw / var(--base-value));
  max-width: 150px;
}
.l-container #feature .default-fig.-intro > .figBody::before {
  display: none !important;
}
.l-container #feature .default-fig.-model02, .l-container #feature .default-fig.-model03, .l-container #feature .default-fig.-model04, .l-container #feature .default-fig.-model05, .l-container #feature .default-fig.-model06, .l-container #feature .default-fig.-model07, .l-container #feature .default-fig.-model08, .l-container #feature .default-fig.-model09, .l-container #feature .default-fig.-model10, .l-container #feature .default-fig.-model11, .l-container #feature .default-fig.-model12, .l-container #feature .default-fig.-model13, .l-container #feature .default-fig.-model14, .l-container #feature .default-fig.-model15, .l-container #feature .default-fig.-model16, .l-container #feature .default-fig.-model17, .l-container #feature .default-fig.-model18, .l-container #feature .default-fig.-model19, .l-container #feature .default-fig.-model20, .l-container #feature .default-fig.-model21, .l-container #feature .default-fig.-model22, .l-container #feature .default-fig.-model23, .l-container #feature .default-fig.-model24, .l-container #feature .default-fig.-model25, .l-container #feature .default-fig.-model26 {
  width: 100%;
  /*  width: calc-size(312); */
}
.l-container #feature .default-txt {
  letter-spacing: 0.15em;
  line-height: 2.2;
  color: #977547;
  font-size: calc(12 * 100vw / var(--base-value));
}
.l-container #feature .credit-list {
  width: 100%;
  position: relative;
  letter-spacing: 0.02em;
  margin-top: calc(17 * 100vw / var(--base-value));
}
.l-container #feature .credit-list .credit {
  display: flex;
  flex-wrap: wrap;
  gap: calc(5 * 100vw / var(--base-value)) calc(14 * 100vw / var(--base-value));
}
.l-container #feature .credit-list li {
  width: fit-content;
}
.l-container #feature .credit-list li a {
  transition: 0.3s;
  text-decoration: none;
  font-size: calc(13 * 100vw / var(--base-value));
  text-align: left;
}
.l-container #feature .credit-list li a .txt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #333;
  letter-spacing: 0.064em;
  font-feature-settings: normal;
  line-height: 1.6;
}
.l-container #feature .credit-list li a .price {
  display: block;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top: calc(10 * 100vw / var(--base-value));
  font-family: "effra", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
}
.l-container #feature .credit-list li a:hover {
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}
.l-container #feature .credit-list li a::after {
  display: none;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
}
.l-container #feature .hero__img {
  margin: 0 auto 0;
}
.l-container #feature .hero .heroTxt {
  padding-bottom: calc(17 * 100vw / var(--base-value));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "orpheuspro", serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  /*top: 50%;
  left: 50%; */
  /*  transform: translate(-50%,-50%) translateY(calc-size(10)); */
  font-size: calc(41 * 100vw / var(--base-value));
  color: #fff;
  pointer-events: none;
}
.l-container #feature .hero .heroTxt > em {
  display: block;
}
.l-container #feature .hero .heroTxt > span {
  margin-top: calc(12 * 100vw / var(--base-value));
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  display: block;
  font-size: calc(15 * 100vw / var(--base-value));
}
.l-container #feature .hero__inner {
  width: 100%;
  height: calc(500 * 100vw / var(--base-value));
  max-height: 500px;
  margin: 0 auto 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.l-container #feature .hero__inner .heroTxt {
  z-index: 2;
  width: 100%;
  max-width: 100%;
  margin: calc(0 * 100vw / var(--base-value)) auto 0;
}
.l-container #feature .hero__inner .default-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
.l-container #feature .nav-box {
  margin-top: calc(55 * 100vw / var(--base-value));
}
.l-container #feature .navHeading {
  display: flex;
  flex-direction: column;
  gap: calc(19 * 100vw / var(--base-value));
  margin: 0 auto 0;
  color: #977547;
}
.l-container #feature .navHeading .engTxt {
  font-family: "orpheuspro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * 100vw / var(--base-value));
}
.l-container #feature .navHeading .jaTxt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: calc(15 * 100vw / var(--base-value));
  letter-spacing: 0.2em;
}
.l-container #feature .navList {
  display: flex;
  justify-content: center;
  margin: calc(46 * 100vw / var(--base-value)) auto 0;
  gap: calc(60 * 100vw / var(--base-value));
}
.l-container #feature .navItem {
  width: calc(220 * 100vw / var(--base-value));
  max-width: 220px;
  list-style: none;
}
.l-container #feature .navItem a {
  width: 100%;
  display: block;
  padding: 0 0 calc(28 * 100vw / var(--base-value));
  margin: 0;
  position: relative;
}
.l-container #feature .navItem a::after {
  border-right: 1px solid #977547;
  border-bottom: 1px solid #977547;
  content: "";
  display: block;
  width: calc(14 * 100vw / var(--base-value));
  height: calc(14 * 100vw / var(--base-value));
  bottom: calc(4 * 100vw / var(--base-value));
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: calc(4 * 100vw / var(--base-value));
}
.l-container #feature .navItem p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "orpheuspro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22 * 100vw / var(--base-value));
  margin: calc(12 * 100vw / var(--base-value)) auto 0;
  min-height: calc(73 * 100vw / var(--base-value));
}
.l-container #feature .lead-box {
  display: flex;
  justify-content: center;
  margin: calc(42 * 100vw / var(--base-value)) auto 0;
}
.l-container #feature .lead-box > .mainTxt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  letter-spacing: 0.13em;
  line-height: 2;
}
.l-container #feature .feature-heading02 {
  font-family: "orpheuspro", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  position: relative;
}
.l-container #feature .feature-heading02::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 1;
}
.l-container #feature .feature-heading02 > .numTxt {
  display: block;
  font-size: calc(63 * 100vw / var(--base-value));
  position: relative;
  z-index: 2;
  color: #977547;
}
.l-container #feature .feature-heading02 > .mainTxt {
  display: block;
  font-size: calc(36 * 100vw / var(--base-value));
  z-index: 2;
  margin-top: calc(3 * 100vw / var(--base-value));
}
.l-container #feature .swiper {
  position: relative;
  padding-bottom: calc(38 * 100vw / var(--base-value));
}
.l-container #feature .swiper-button-prev,
.l-container #feature .swiper-button-next {
  width: calc(36 * 100vw / var(--base-value));
  max-width: 36px;
  height: calc(36 * 100vw / var(--base-value));
  max-height: 36px;
  background: url(../img/next.svg) no-repeat center center/contain;
  border-radius: 50%;
  margin-top: calc(-67 * 100vw / var(--base-value));
}
.l-container #feature .swiper-button-prev::before,
.l-container #feature .swiper-button-next::before {
  display: none;
}
.l-container #feature .swiper-pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto 0;
  gap: calc(15 * 100vw / var(--base-value));
  bottom: 0;
}
.l-container #feature .swiper-button-prev {
  background-image: url(../img/prev.svg);
}
.l-container #feature .swiper-pagination-bullet {
  width: calc(8 * 100vw / var(--base-value));
  max-width: 8px;
  height: calc(8 * 100vw / var(--base-value));
  max-height: 8px;
  background: #ab967b;
  opacity: 0.5;
}
.l-container #feature .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.l-container #feature .feature-section > .innerWrap {
  padding: calc(86 * 100vw / var(--base-value)) 0 calc(100 * 100vw / var(--base-value));
}
.l-container #feature .feature-section > .innerWrap > .figList {
  width: 100%;
  max-width: 1400px;
  padding: 0 calc(30 * 100vw / var(--base-value)) 0;
  margin: calc(28 * 100vw / var(--base-value)) auto 0;
  display: flex;
  gap: 30px 30px;
}
.l-container #feature .feature-section > .innerWrap > .figList > .listItem {
  width: calc(25% - 22.5px);
  /* width: calc-size(312); */
  /* max-width: 312px; */
}
.l-container #feature .feature-section > .innerWrap .slideFig {
  margin: calc(28 * 100vw / var(--base-value)) auto 0;
}
.l-container #feature .feature-section > .innerWrap .btn.-more {
  width: calc(180 * 100vw / var(--base-value));
  max-width: 180px;
  height: calc(52 * 100vw / var(--base-value));
  max-height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #977547;
  background: #977547;
  color: #fff;
  margin: calc(40 * 100vw / var(--base-value)) auto 0;
  font-weight: bold;
  font-family: "effra", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1em;
  font-size: calc(13 * 100vw / var(--base-value));
  transition: 0.3s ease-in-out;
}
.l-container #feature .feature-section > .innerWrap .btn.-more:hover {
  background: #fff;
  color: #977547;
}
.l-container #feature .container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.l-container #feature .container__inner {
  width: 140rem;
  margin: 0 auto;
}
.l-container #feature .feature-icon {
  display: block;
  position: absolute;
  pointer-events: none;
}
.l-container #feature .feature-icon-tree {
  display: block;
  position: absolute;
}
.l-container #feature .feature-bg {
  width: 100%;
  position: absolute;
  top: calc(-876 * 100vw / var(--base-value));
  left: 0;
  right: 0;
  margin: 0 auto 0;
  z-index: 1;
}
.l-container #feature .hero {
  position: relative;
}
.l-container #feature .main {
  position: relative;
}
.l-container #feature .feature-section.-section01 {
  background: #e9edf4;
}
.l-container #feature .feature-section.-section01 .feature-heading02::before {
  width: calc(195.5 * 100vw / var(--base-value));
  max-width: 195.5px;
  height: calc(69.5 * 100vw / var(--base-value));
  max-height: 69.5px;
  background: url("../img/icon_heading01.png") no-repeat center center/contain;
  top: calc(-5 * 100vw / var(--base-value));
  transform: translateX(-50%) translateX(calc(-8 * 100vw / var(--base-value)));
}
.l-container #feature .feature-section.-section02 {
  background: #faf6eb;
}
.l-container #feature .feature-section.-section02 .btn.-more {
  margin-top: calc(34 * 100vw / var(--base-value));
}
.l-container #feature .feature-section.-section02 .feature-heading02::before {
  width: calc(264 * 100vw / var(--base-value));
  max-width: 264px;
  height: calc(105 * 100vw / var(--base-value));
  max-height: 105px;
  background: url("../img/icon_heading02.png") no-repeat center center/contain;
  top: calc(-20 * 100vw / var(--base-value));
  transform: translateX(-50%) translateX(calc(-6 * 100vw / var(--base-value)));
}
.l-container #feature .feature-section.-section03 {
  background: #fff2f1;
}
.l-container #feature .feature-section.-section03 .feature-heading02::before {
  width: calc(202 * 100vw / var(--base-value));
  max-width: 202px;
  height: calc(77 * 100vw / var(--base-value));
  max-height: 77px;
  background: url("../img/icon_heading03.png") no-repeat center center/contain;
  top: calc(-14 * 100vw / var(--base-value));
  transform: translateX(-50%) translateX(calc(0 * 100vw / var(--base-value)));
}
.l-container #feature .feature-section.-section04 {
  background: #fdfaf6;
}
.l-container #feature .feature-section.-section04 .btn.-more {
  margin-top: calc(34 * 100vw / var(--base-value));
}
.l-container #feature .feature-section.-section04 .feature-heading02::before {
  width: calc(292 * 100vw / var(--base-value));
  max-width: 292px;
  height: calc(146 * 100vw / var(--base-value));
  max-height: 146px;
  background: url("../img/icon_heading04.png") no-repeat center center/contain;
  top: calc(-58 * 100vw / var(--base-value));
  transform: translateX(-50%) translateX(calc(17 * 100vw / var(--base-value)));
}
.l-container #feature .feature-section.-section05 {
  background: #dadfe5;
}
.l-container #feature .feature-section.-section05 .feature-heading02::before {
  width: calc(260 * 100vw / var(--base-value));
  max-width: 260px;
  height: calc(66 * 100vw / var(--base-value));
  max-height: 66px;
  background: url("../img/icon_heading05.png") no-repeat center center/contain;
  top: calc(0 * 100vw / var(--base-value));
  transform: translateX(-50%) translateX(calc(-2 * 100vw / var(--base-value)));
}
.l-container #feature .feature-section.-section05 .innerWrap > .figList {
  justify-content: center;
}
.l-container #feature .main__inner {
  margin-top: calc(99 * 100vw / var(--base-value));
}
.l-container #feature .main__inner .txtLink {
  text-align: center;
  margin-top: calc(96 * 100vw / var(--base-value));
}
.l-container #feature .main__inner .txtLink > a {
  display: inline-block;
  margin: 0 auto 0;
  color: #977547;
  font-size: calc(22 * 100vw / var(--base-value));
  position: relative;
  padding-right: calc(45 * 100vw / var(--base-value));
  letter-spacing: 0.01em;
  transition: 0.3s ease-in-out;
  font-family: "orpheuspro", serif;
  font-weight: 400;
  font-style: normal;
}
.l-container #feature .main__inner .txtLink > a:hover {
  opacity: 0.7 !important;
}
.l-container #feature .main__inner .txtLink > a::before, .l-container #feature .main__inner .txtLink > a::after {
  width: calc(14 * 100vw / var(--base-value));
  height: calc(14 * 100vw / var(--base-value));
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-top: calc(1 * 100vw / var(--base-value)) solid #977547;
  border-right: calc(1 * 100vw / var(--base-value)) solid #977547;
  right: 0;
}
.l-container #feature .main__inner .txtLink > a::after {
  right: calc(4 * 100vw / var(--base-value));
}
.l-container #feature .main__inner > .d-btn {
  width: calc(378 * 100vw / var(--base-value));
  max-width: 378px;
  margin: calc(81 * 100vw / var(--base-value)) auto 0;
}
.l-container #feature .main__inner > .d-btn > a {
  transition: 0.3s ease-in-out;
  opacity: 1;
}
.l-container #feature .main__inner > .d-btn > a:hover {
  opacity: 0.6;
}
.l-container #feature .main__inner > .d-btn + .d-btn {
  margin-top: calc(50 * 100vw / var(--base-value));
}
@keyframes swing01 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotateZ(-6deg);
    -moz-transform: rotateZ(-6deg);
    -o-transform: rotateZ(-6deg);
    -ms-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg);
  }
  20% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  30% {
    -webkit-transform: rotateZ(-6deg);
    -moz-transform: rotateZ(-6deg);
    -o-transform: rotateZ(-6deg);
    -ms-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg);
  }
  40% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes fade01 {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade02 {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.l-container #feature .js-anime.-fade01 {
  opacity: 0;
  transform: translateY(3rem);
}
.l-container #feature .js-anime.-fade01.-delay {
  opacity: 0;
}
.l-container #feature .js-anime.-fade01.is-active {
  animation: 1s forwards fade01;
}
.l-container #feature .js-anime.-fade01.is-active.-delay {
  animation: 1s forwards 0.25s fade01;
}
.l-container #feature .js-anime.-fade01.is-active.-delay02 {
  animation: 1s forwards 0.5s fade01;
}
.l-container #feature .js-anime.-fade01.is-active.-delay03 {
  animation: 1s forwards 0.75s fade01;
}
.l-container #feature .js-anime.-fade02 {
  opacity: 0;
  transition: 1s ease;
}
.l-container #feature .js-anime.-fade02.-delay {
  transition: 1s ease 0.5s;
}
.l-container #feature .js-anime.-fade02.-delay02 {
  transition: 1s ease 1s;
}
.l-container #feature .js-anime.-fade02.is-active {
  opacity: 1;
}
.l-container #feature .js-anime.-typeTxt > span > span {
  opacity: 0;
  transition: 0s ease-in-out 1s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span {
  opacity: 1;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(2) {
  transition: 0s ease-in-out 1.2s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(3) {
  transition: 0s ease-in-out 1.3s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(4) {
  transition: 0s ease-in-out 1.4s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(5) {
  transition: 0s ease-in-out 1.5s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(6) {
  transition: 0s ease-in-out 1.6s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(7) {
  transition: 0s ease-in-out 1.7s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(8) {
  transition: 0s ease-in-out 1.8s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(9) {
  transition: 0s ease-in-out 1.9s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(10) {
  transition: 0s ease-in-out 2s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(11) {
  transition: 0s ease-in-out 2.1s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(12) {
  transition: 0s ease-in-out 2.2s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(13) {
  transition: 0s ease-in-out 2.3s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(14) {
  transition: 0s ease-in-out 2.4s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(15) {
  transition: 0s ease-in-out 2.5s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(16) {
  transition: 0s ease-in-out 2.6s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(17) {
  transition: 0s ease-in-out 2.7s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(18) {
  transition: 0s ease-in-out 2.8s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(19) {
  transition: 0s ease-in-out 2.9s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(20) {
  transition: 0s ease-in-out 3s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(21) {
  transition: 0s ease-in-out 3.1s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(22) {
  transition: 0s ease-in-out 3.2s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(23) {
  transition: 0s ease-in-out 3.3s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(24) {
  transition: 0s ease-in-out 3.4s;
}
.l-container #feature .js-anime.-typeTxt.is-active > span > span:nth-of-type(25) {
  transition: 0s ease-in-out 3.5s;
}
.l-container #feature .fadeUp-hidden {
  opacity: 0;
  transition: 1s ease all;
  transform: translateY(10rem);
}
.l-container #feature .animate-active {
  opacity: 1;
  transform: translateY(0) translateX(0) translateZ(0);
}

.feature-snslist {
  overflow: hidden;
}

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

.pc-footer {
  margin-top: 0;
}

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

@media screen and (min-width: 1400px) {
  .l-container #feature .slideFig {
    padding: 0 30px 0;
    width: 1400px;
  }
  .l-container #feature .default-fig.-model02, .l-container #feature .default-fig.-model03, .l-container #feature .default-fig.-model04, .l-container #feature .default-fig.-model05, .l-container #feature .default-fig.-model06, .l-container #feature .default-fig.-model07, .l-container #feature .default-fig.-model08, .l-container #feature .default-fig.-model09, .l-container #feature .default-fig.-model10, .l-container #feature .default-fig.-model11, .l-container #feature .default-fig.-model12, .l-container #feature .default-fig.-model13, .l-container #feature .default-fig.-model14, .l-container #feature .default-fig.-model15, .l-container #feature .default-fig.-model16, .l-container #feature .default-fig.-model17, .l-container #feature .default-fig.-model18, .l-container #feature .default-fig.-model19, .l-container #feature .default-fig.-model20, .l-container #feature .default-fig.-model21, .l-container #feature .default-fig.-model22, .l-container #feature .default-fig.-model23, .l-container #feature .default-fig.-model24, .l-container #feature .default-fig.-model25, .l-container #feature .default-fig.-model26 {
    width: 312px;
  }
  .l-container #feature .credit-list {
    margin-top: 17px;
  }
  .l-container #feature .credit-list li a {
    font-size: 13px;
  }
  .l-container #feature .credit-list li a .price {
    margin-top: 10px;
  }
  .l-container #feature .hero .heroTxt {
    padding-bottom: 17px;
    font-size: 41px;
    /* transform: translate(-50%,-50%) translateY(-9px); */
  }
  .l-container #feature .hero .heroTxt > span {
    margin-top: 12px;
    font-size: 15px;
  }
  .l-container #feature .nav-box {
    margin-top: 55px;
  }
  .l-container #feature .navHeading {
    gap: 19px;
  }
  .l-container #feature .navHeading .engTxt {
    font-size: 34px;
  }
  .l-container #feature .navHeading .jaTxt {
    font-size: 15px;
  }
  .l-container #feature .navList {
    margin: 46px auto 0;
    gap: 60px;
  }
  .l-container #feature .navItem a {
    padding: 0 0 28px;
  }
  .l-container #feature .navItem a::after {
    width: 14px;
    height: 14px;
    bottom: 4px;
  }
  .l-container #feature .navItem p {
    margin: 12px auto 0;
    line-height: 1.6;
    min-height: 73px;
    font-size: 22px;
  }
  .l-container #feature .lead-box {
    margin: 42px auto 0;
  }
  .l-container #feature .feature-heading02 > .numTxt {
    font-size: 63px;
  }
  .l-container #feature .feature-heading02 > .mainTxt {
    margin-top: 3px;
    font-size: 36px;
  }
  .l-container #feature .swiper {
    padding-bottom: 38px;
  }
  .l-container #feature .swiper-button-prev,
  .l-container #feature .swiper-button-next {
    margin-top: -67px;
  }
  .l-container #feature .swiper-pagination {
    gap: 15px;
  }
  .l-container #feature .feature-section > .innerWrap {
    padding: 86px 0 100px;
  }
  .l-container #feature .feature-section > .innerWrap > .figList {
    padding: 0 30px 0;
    margin: 28px auto 0;
  }
  .l-container #feature .feature-section > .innerWrap .slideFig {
    margin: 28px auto 0;
  }
  .l-container #feature .feature-section > .innerWrap .btn.-more {
    margin: 40px auto 0;
    font-size: 13px;
  }
  .l-container #feature .feature-section.-section01 .feature-heading02::before {
    top: -5px;
    transform: translateX(-50%) translateX(-8px);
  }
  .l-container #feature .feature-section.-section02 .btn.-more {
    margin-top: 34px;
  }
  .l-container #feature .feature-section.-section02 .feature-heading02::before {
    top: -20px;
    transform: translateX(-50%) translateX(-6px);
  }
  .l-container #feature .feature-section.-section03 .feature-heading02::before {
    top: -14px;
    transform: translateX(-50%) translateX(0px);
  }
  .l-container #feature .feature-section.-section04 .btn.-more {
    margin-top: 34px;
  }
  .l-container #feature .feature-section.-section04 .feature-heading02::before {
    top: -58px;
    transform: translateX(-50%) translateX(17px);
  }
  .l-container #feature .feature-section.-section05 .feature-heading02::before {
    top: 0;
    transform: translateX(-50%) translateX(-2px);
  }
  .l-container #feature .main__inner {
    margin-top: 99px;
  }
  .l-container #feature .main__inner .txtLink {
    margin-top: 96px;
  }
  .l-container #feature .main__inner .txtLink > a {
    padding-right: 45px;
  }
  .l-container #feature .main__inner .txtLink > a::before, .l-container #feature .main__inner .txtLink > a::after {
    width: 14px;
    height: 14px;
    border-top: 1px solid #977547;
    border-right: 1px solid #977547;
  }
  .l-container #feature .main__inner .txtLink > a::after {
    right: 4px;
  }
  .l-container #feature .main__inner .txtLink > a {
    font-size: 22px;
  }
}