@charset "UTF-8";
:root {
  --base-value: 1400;
}

html {
  font-size: 10px;
}
.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: #231815;
  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 .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.-model01 {
  width: calc(230 * 100vw / var(--base-value));
  max-width: 230px;
  margin-top: calc(69 * 100vw / var(--base-value));
}
.l-container #feature .default-fig.-model02 {
  width: calc(480 * 100vw / var(--base-value));
  max-width: 480px;
}
.l-container #feature .default-fig.-model03 {
  width: calc(420 * 100vw / var(--base-value));
  max-width: 420px;
  margin-right: calc(238 * 100vw / var(--base-value));
}
.l-container #feature .default-fig.-model04 {
  width: calc(280 * 100vw / var(--base-value));
  max-width: 280px;
}
.l-container #feature .default-fig.-model05 {
  width: calc(280 * 100vw / var(--base-value));
  max-width: 280px;
}
.l-container #feature .default-fig.-model06 {
  width: calc(280 * 100vw / var(--base-value));
  max-width: 280px;
}
.l-container #feature .default-fig.-model07 {
  width: calc(460 * 100vw / var(--base-value));
  max-width: 460px;
}
.l-container #feature .default-txt {
  letter-spacing: 0.15em;
  line-height: 2.2;
  color: #BAA89D;
  font-size: calc(12 * 100vw / var(--base-value));
}
.l-container #feature .credit-list {
  width: calc(420 * 100vw / var(--base-value));
  max-width: 420px;
  position: absolute;
  left: calc(-2 * 100vw / var(--base-value));
  bottom: calc(-26 * 100vw / var(--base-value));
  transform: translateY(100%);
  letter-spacing: 0.02em;
}
.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 {
  font-family: "acumin-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  transition: 0.3s;
  text-decoration: none;
  font-size: calc(13 * 100vw / var(--base-value));
}
.l-container #feature .credit-list li a .price {
  margin-left: calc(5 * 100vw / var(--base-value));
}
.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 .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 .hero .bgLine {
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-171 * 100vw / var(--base-value));
}
.l-container #feature .hero__inner {
  width: 100%;
  max-width: 1400px;
  margin: calc(-147 * 100vw / var(--base-value)) auto 0;
  position: relative;
  z-index: 2;
}
.l-container #feature .hero__inner .heroTxt {
  z-index: 2;
  width: calc(288 * 100vw / var(--base-value));
  max-width: 288px;
  margin: calc(0 * 100vw / var(--base-value)) auto 0;
}
.l-container #feature .hero__inner > .leadTxt {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: calc(92 * 100vw / var(--base-value)) auto 0;
  text-align: center;
  font-size: calc(14 * 100vw / var(--base-value));
  letter-spacing: 0.09em;
  line-height: 2;
}
.l-container #feature .hero__inner .default-fig {
  position: relative;
  z-index: 1;
}
.l-container #feature .hero__inner .introBox {
  width: calc(395 * 100vw / var(--base-value));
  max-width: 395px;
  padding: 4px;
  border: 2px solid #231815;
  margin: calc(94 * 100vw / var(--base-value)) auto 0;
  background: #f6f6f6;
  position: relative;
  left: 7px;
  z-index: 2;
}
.l-container #feature .hero__inner .introBox > .innerWrap {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: calc(60 * 100vw / var(--base-value)) 0 calc(56 * 100vw / var(--base-value));
  border: 1px solid #231815;
  font-size: aclc-size(14);
}
.l-container #feature .hero__inner .introBox > .innerWrap > .introTxt {
  margin-top: calc(34 * 100vw / var(--base-value));
  width: 100%;
  letter-spacing: 0.05em;
  line-height: 1.8;
  font-size: calc(14 * 100vw / var(--base-value));
}
.l-container #feature .hero__inner .introBox > .innerWrap > .logo {
  width: calc(86 * 100vw / var(--base-value));
  margin: calc(35 * 100vw / var(--base-value)) auto 0;
}
.l-container #feature .hero__inner .introBox > .innerWrap > .YoutubeID {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  font-size: calc(14 * 100vw / var(--base-value));
  margin: calc(6 * 100vw / var(--base-value)) auto 0;
  position: static;
}
.l-container #feature .hero__inner .introBox > .innerWrap > .YoutubeID::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0);
  transition: all 0.4s;
  z-index: 2;
}
.l-container #feature .hero__inner .introBox > .innerWrap > .YoutubeID:hover::after {
  background: rgba(255, 255, 255, 0.6);
}
.l-container #feature .main {
  position: relative;
}
.l-container #feature .main__heading {
  font-family: "athena", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.l-container #feature .main__heading > .subTxt {
  display: block;
  line-height: 1;
  font-size: calc(27 * 100vw / var(--base-value));
}
.l-container #feature .main__heading > .mainTxt {
  margin-top: calc(14 * 100vw / var(--base-value));
  display: block;
  font-size: calc(58 * 100vw / var(--base-value));
  line-height: 1.1;
}
.l-container #feature .main__heading > .mainTxt > span {
  display: block;
}
.l-container #feature .main__heading > .mainTxt > span:nth-of-type(n+2) {
  letter-spacing: 0.02em;
}
.l-container #feature .main__inner {
  margin-top: calc(204 * 100vw / var(--base-value));
}
.l-container #feature .main__inner > .wonwonIcon {
  width: calc(172 * 100vw / var(--base-value));
  max-width: 172px;
  margin: calc(79 * 100vw / var(--base-value)) auto 0;
  position: relative;
  left: calc(-30 * 100vw / var(--base-value));
}
.l-container #feature .main__inner > .wonwonIcon > .wonwonTxt {
  display: block;
  width: calc(38 * 100vw / var(--base-value));
  max-width: 38px;
  position: absolute;
}
.l-container #feature .main__inner > .wonwonIcon > .wonwonTxt.-txt01 {
  top: calc(19 * 100vw / var(--base-value));
  left: calc(20 * 100vw / var(--base-value));
}
.l-container #feature .main__inner > .wonwonIcon > .wonwonTxt.-txt02 {
  top: calc(22 * 100vw / var(--base-value));
  left: calc(54 * 100vw / var(--base-value));
}
.l-container #feature .main__inner > .wonwonIcon > .wonwonImg {
  display: block;
}
.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));
}
.l-container #feature .feature-fig-wrap {
  position: relative;
}
.l-container #feature .feature-fig-wrap > .innerWrap {
  max-width: 1400px;
  margin: 0 auto 0;
  position: relative;
  z-index: 3;
}
.l-container #feature .feature-fig-wrap > .bgLine {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.l-container #feature .feature-fig-wrap.-wrap02 {
  margin-top: calc(100 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap02 .feature-icon-tree {
  width: calc(160 * 100vw / var(--base-value));
  max-width: 160px;
  top: calc(344 * 100vw / var(--base-value));
  right: calc(144 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap02 > .bgLine {
  top: calc(-87 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap03 {
  margin-top: calc(101 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap03 > .innerWrap > .wonwonIcon {
  width: calc(120 * 100vw / var(--base-value));
  max-width: 120px;
  position: absolute;
  top: calc(169 * 100vw / var(--base-value));
  left: calc(296 * 100vw / var(--base-value));
  z-index: 2;
}
.l-container #feature .feature-fig-wrap.-wrap03 > .bgLine {
  top: calc(216 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap04-06 {
  margin-top: calc(205 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap04-06 > .innerWrap {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.l-container #feature .feature-fig-wrap.-wrap04-06 > .innerWrap .default-fig {
  margin: 0;
}
.l-container #feature .feature-fig-wrap.-wrap04-06 .feature-icon-tree {
  width: calc(161 * 100vw / var(--base-value));
  max-width: 161px;
  top: calc(94 * 100vw / var(--base-value));
  left: 50%;
  transform: translateX(-50%);
}
.l-container #feature .feature-fig-wrap.-wrap07 {
  margin-top: calc(180 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap07 .feature-icon-tree {
  width: calc(161 * 100vw / var(--base-value));
  max-width: 161px;
  top: calc(243 * 100vw / var(--base-value));
  left: calc(166 * 100vw / var(--base-value));
}
.l-container #feature .feature-fig-wrap.-wrap07 > .bgLine {
  top: calc(204 * 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(20px);
  }
  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;
  transition: 2s ease;
}
.l-container #feature .js-anime.-fade01.-delay {
  transition: 2s ease 0.5s;
}
.l-container #feature .js-anime.-fade01.-delay02 {
  transition: 2s ease 1s;
}
.l-container #feature .js-anime.-fade01.is-active {
  opacity: 1;
}
.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: 1401px) {
  .l-container #feature {
    padding-bottom: 110px;
  }
  .l-container #feature .default-fig.-model01 {
    margin-top: 69px;
  }
  .l-container #feature .default-fig.-model03 {
    margin-right: 238px;
  }
  .l-container #feature .default-txt {
    font-size: 12px;
  }
  .l-container #feature .credit-list {
    left: -2px;
    bottom: -26px;
  }
  .l-container #feature .credit-list .credit {
    gap: 5px 14px;
  }
  .l-container #feature .credit-list li a {
    font-size: 13px;
  }
  .l-container #feature .credit-list li a .price {
    margin-left: 5px;
  }
  .l-container #feature .hero__inner {
    margin: -147px auto 0;
  }
  .l-container #feature .hero__inner .heroTxt {
    margin-top: 0;
  }
  .l-container #feature .hero__inner > .leadTxt {
    margin-top: 92px;
    font-size: 14px;
  }
  .l-container #feature .hero__inner .introBox {
    padding: 4px;
    margin: 94px auto 0;
  }
  .l-container #feature .hero__inner .introBox > .innerWrap {
    padding: 60px 0 56px;
    font-size: 14px;
  }
  .l-container #feature .hero__inner .introBox > .innerWrap > .introTxt {
    margin-top: 34px;
    font-size: 14px;
  }
  .l-container #feature .hero__inner .introBox > .innerWrap > .logo {
    width: 86px;
    margin: 35px auto 0;
  }
  .l-container #feature .hero__inner .introBox > .innerWrap > .YoutubeID {
    margin: 6px auto 0;
    font-size: 14px;
  }
  .l-container #feature .main__heading > .subTxt {
    font-size: 27px;
  }
  .l-container #feature .main__heading > .mainTxt {
    font-size: 58px;
    margin-top: 14px;
  }
  .l-container #feature .main__inner {
    margin-top: 204px;
  }
  .l-container #feature .main__inner > .wonwonIcon {
    margin-top: 79px;
    left: -30px;
  }
  .l-container #feature .main__inner > .wonwonIcon > .wonwonTxt.-txt01 {
    top: 19px;
    left: 20px;
  }
  .l-container #feature .main__inner > .wonwonIcon > .wonwonTxt.-txt02 {
    top: 22px;
    left: 54px;
  }
  .l-container #feature .main__inner > .d-btn {
    margin-top: 81px;
  }
  .l-container #feature .main__inner > .d-btn + .d-btn {
    margin-top: 50px;
  }
  .l-container #feature .feature-fig-wrap.-wrap02 {
    margin-top: 100px;
  }
  .l-container #feature .feature-fig-wrap.-wrap02 .feature-icon-tree {
    top: 344px;
    right: 144px;
  }
  .l-container #feature .feature-fig-wrap.-wrap03 {
    margin-top: 101px;
  }
  .l-container #feature .feature-fig-wrap.-wrap03 > .innerWrap > .wonwonIcon {
    top: 169px;
    left: 296px;
  }
  .l-container #feature .feature-fig-wrap.-wrap04-06 {
    margin-top: 205px;
  }
  .l-container #feature .feature-fig-wrap.-wrap04-06 .feature-icon-tree {
    top: 94px;
  }
  .l-container #feature .feature-fig-wrap.-wrap07 {
    margin-top: 180px;
  }
  .l-container #feature .feature-fig-wrap.-wrap07 .feature-icon-tree {
    top: 243px;
    left: 166px;
  }
}