@charset "UTF-8";
:root {
  /*===================== Color =====================*/
  --color-toyopet: #005952;
  --color-hac-base: #005952;
  --color-chubase-red: #F40013;
  --color-hac-base: #0F5E75;
  --color-kinto: #20A5C0;
  --color-main: #1F1F1F;
  --color-light-blue: #44A0BE;
  --color-blue: #178BD2;
  --color-red: #DB0011;
  --color-red02: #E54956;
  --color-pink: #EB6B76;
  --color-orange: #F28212;
  --color-gold: #B18B31;
  --color-light-gray: #C8C8C8;
  --color-white-blue: #E1ECEF;
  --color-gray: #DEE4E8;
  --color-blue-gray-light: rgba(235, 241, 245, 0.9);
  --color-blue-gray: #8E9FA4;
  --color-used: #EC1223;
  --color-light-green: #46B41E;
  --color-dark-green: #3A4246;
  --color-green: #00A941;
  --color-green02: #46B196;
  --color-green03: #00CDA4;
  --color-02: #556168;
  --color-03: #2970C0;
  --color-navy: #38405C;
  --color-sub-txt: #818181;
  --color-sub-txt-v02: #6F6F6F;
  --color-sub: #9D9D9D;
  --color-sub-line05: #d6d6d6;
  /*表*/
  --color-table: #494949;
  /*Table*/
  --color-table-bg: #F2F2F2;
  --color-table-menu: #79888D;
  /*===================== Gradient =====================*/
  --gradient-green-blue: linear-gradient(90deg,#78B50F 1%,#69D04D 35%,#38B5CE 72%,#3C64A1 100%);
  --gradient-red-yellow: linear-gradient(90deg,#F05353,#E7B500);
  /*===================== Font =====================*/
  --font-montserrat: "Montserrat", sans-serif;
  --font-manrope: "Manrope", sans-serif;
  --font-bungee: "Bungee", sans-serif;
  /*===================== CONT radius =====================*/
  --ease-bounce-s:linear(0, 0.271 8.8%, 0.542 19.9%, 0.837 34.2%, 1 44.7%, 0.943 51.1%, 0.925 57.5%, 0.937 63.1%, 1 77.4%, 0.991 84.2%, 1);
  --ease-bounce:linear(0, 0.247 13.2%, 0.415 20.5%, 0.624 27.4%, 1 37.8%, 0.794 44.9%, 0.747 47.9%, 0.731 50.8%, 0.744 53.5%, 0.785 56.4%, 0.999 65.5%, 0.927 69.6%, 0.904 73.4%, 0.921 77%, 1 84.5%, 0.981 89.4%, 1);
}

/*================================= 見出し =================================*/
/*======================= SP-VW =======================*/
/*======================= PC-VW =======================*/
/*------ 使用例 ------
.text {
	font-size: spvw(16);
}
*/
/*======================= PCLG-VW =======================*/
/*================================= マウスオーバー =================================*/
/*================================= コンテンツ 角丸 =================================*/
/*================================= アニメーション =================================*/
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes big {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes flipcard01 {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(180deg);
  }
}
@keyframes flipcard02 {
  0% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
/*================================= メニュー左寄せ =================================*/
@keyframes img-scale {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes img-scale-in {
  0% {
    transform: scale(1.4);
    opacity: 0;
    filter: blur(5px);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
  }
}
main {
  overflow: hidden;
}

.top-cont-title.animation .large .wrap:nth-of-type(1) .cardface__front {
  animation: flipcard01 3s 0.2s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(1) .cardface__back {
  animation: flipcard02 3s 0.2s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(3) .cardface__front {
  animation: flipcard01 3s 0.4s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(3) .cardface__back {
  animation: flipcard02 3s 0.4s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(5) .cardface__front {
  animation: flipcard01 3s 0.6s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(5) .cardface__back {
  animation: flipcard02 3s 0.6s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(7) .cardface__front {
  animation: flipcard01 3s 0.8s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(7) .cardface__back {
  animation: flipcard02 3s 0.8s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(9) .cardface__front {
  animation: flipcard01 3s 1s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .large .wrap:nth-of-type(9) .cardface__back {
  animation: flipcard02 3s 1s linear(0, 0.013 0.5%, 0.05 1%, 0.109 1.5%, 0.204 2.1%, 0.429 3.2%, 1.04 5.8%, 1.301 7.2%, 1.395 7.9%, 1.454 8.5%, 1.491 9.1%, 1.508 9.7%, 1.503 10.2%, 1.488 10.8%, 1.453 11.4%, 1.405 12%, 1.29 13.1%, 0.98 15.7%, 0.847 17.1%, 0.799 17.8%, 0.769 18.4%, 0.75 19%, 0.742 19.6%, 0.752 20.7%, 0.794 21.9%, 1.01 25.6%, 1.078 27%, 1.118 28.3%, 1.131 29.5%, 1.126 30.6%, 1.105 31.8%, 0.995 35.5%, 0.96 36.9%, 0.941 38.1%, 0.933 39.3%, 0.942 41.3%, 1.016 46.4%, 1.034 49.2%, 1.029 51.2%, 0.992 56.3%, 0.983 59%, 1.009 68.9%, 0.996 78.5%, 1.002 88.5%, 1) forwards;
}
.top-cont-title.animation .small::after {
  animation: top-cont-title-small-after 0.6s 0.5s forwards cubic-bezier(0.6, 0, 0, 0.98);
}
.top-cont-title.animation .small span {
  animation: top-cont-title-small 1s 0.6s forwards cubic-bezier(0.6, 0, 0, 0.98);
}
.top-cont-title.center {
  text-align: center;
}
.top-cont-title.white {
  color: #fff;
}
.top-cont-title .large {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: calc(85 / 750 * 100vw);
  line-height: 1em;
  letter-spacing: -0.03em;
  letter-spacing: -0.6em;
}
@media screen and (min-width: 768px) {
  .top-cont-title .large {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: clamp(50px, 80 / 1366 * 100vw, 1000px);
    line-height: 1em;
    letter-spacing: -0.03em;
    letter-spacing: -0.6em;
  }
}
.top-cont-title .large.en {
  font-family: var(--font-montserrat);
  line-height: 1em;
}
.top-cont-title .large .wrap {
  display: inline-block;
  position: relative;
  letter-spacing: 0;
}
.top-cont-title .large .wrap .img {
  display: block;
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top-cont-title .large .wrap.space {
  display: inline-block;
  margin-left: 0.2em;
}
.top-cont-title .large .card {
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
}
.top-cont-title .large .cardface {
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 1em;
  font-weight: bold;
  border-radius: 1vw;
  backface-visibility: hidden;
  transform-origin: center center;
}
.top-cont-title .large .cardface__front {
  transform: none;
  position: absolute;
}
.top-cont-title .large .cardface__front img {
  animation: base 0.9s 0.4s infinite;
  transform-origin: bottom center;
}
.top-cont-title .large .cardface__back {
  transform: rotateY(180deg);
}
.top-cont-title .small {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2em;
  margin-top: 1em;
  padding-left: 1.2em;
  position: relative;
  overflow: hidden;
  font-size: calc(24 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .top-cont-title .small {
    font-size: clamp(10px, 15 / 1366 * 100vw, 100px);
  }
}
.top-cont-title .small::after {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  border-radius: 50em;
  top: 0.26em;
  left: 0;
  transform: scale(0);
  background-color: var(--color-light-green);
}
.top-cont-title .small span {
  display: block;
  transform: translate(0, 1.5em);
}
@keyframes top-cont-title-small-after {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes top-cont-title-small {
  0% {
    transform: translate(0, 1.5em);
  }
  100% {
    transform: translate(0, 0);
  }
}

@media screen and (min-width: 768px) {
  .l-main-cont-wrap::after {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    animation: l-side-menu-bg 0.8s 1s forwards linear(0, 0.012 0.9%, 0.05 2%, 0.411 9.2%, 0.517 11.8%, 0.611 14.6%, 0.694 17.7%, 0.765 21.1%, 0.824 24.8%, 0.872 28.9%, 0.91 33.4%, 0.939 38.4%, 0.977 50.9%, 0.994 68.4%, 1);
  }
}

@keyframes l-side-menu {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes l-side-menu-line {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes l-side-menu-bg {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@media screen and (min-width: 768px) {
  .l-side-menu::after {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    animation: l-side-menu-bg 0.8s 1s forwards linear(0, 0.012 0.9%, 0.05 2%, 0.411 9.2%, 0.517 11.8%, 0.611 14.6%, 0.694 17.7%, 0.765 21.1%, 0.824 24.8%, 0.872 28.9%, 0.91 33.4%, 0.939 38.4%, 0.977 50.9%, 0.994 68.4%, 1);
  }
}
@media screen and (min-width: 1000px) {
  .l-side-menu nav.side-menu-inner {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    animation: l-side-menu-bg 0.8s 1s forwards linear(0, 0.012 0.9%, 0.05 2%, 0.411 9.2%, 0.517 11.8%, 0.611 14.6%, 0.694 17.7%, 0.765 21.1%, 0.824 24.8%, 0.872 28.9%, 0.91 33.4%, 0.939 38.4%, 0.977 50.9%, 0.994 68.4%, 1);
  }
}
.l-side-menu nav.side-menu-inner .hd-logo {
  opacity: 0;
  transform-origin: center center;
  animation: l-side-menu 1s 1.3s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li {
  opacity: 0;
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(1) {
  animation: l-side-menu 1s 1.4s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(2) {
  animation: l-side-menu 1s 1.46s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(3) {
  animation: l-side-menu 1s 1.52s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(4) {
  animation: l-side-menu 1s 1.58s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(5) {
  animation: l-side-menu 1s 1.64s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(6) {
  animation: l-side-menu 1s 1.7s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(7) {
  animation: l-side-menu 1s 1.76s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(8) {
  animation: l-side-menu 1s 1.82s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(9) {
  animation: l-side-menu 1s 1.88s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu nav.side-menu-inner ul li:nth-of-type(10) {
  animation: l-side-menu 1s 1.94s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu .calendar-link {
  opacity: 0;
  animation: l-side-menu 1s 1.9s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu a.inst-link {
  opacity: 0;
  animation: l-side-menu 1s 1.9s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
.l-side-menu .menu-btn-wrap::after {
  animation: l-side-menu-line 1s 2s forwards cubic-bezier(0.94, 0.28, 0.06, 0.98);
  transform: scaleX(0);
}
.l-side-menu .menu-btn {
  opacity: 0;
  animation: l-side-menu 1s 1s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
}
@media screen and (min-width: 768px) {
  .l-side-menu .menu-btn {
    animation: l-side-menu 1s 2.1s forwards cubic-bezier(0.8, -0.01, 0.1, 0.98);
  }
}

div.hero-area {
  box-sizing: border-box;
  padding: calc(100 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  div.hero-area {
    padding: 18px;
  }
}
div.hero-area div.hero-slider-wrap {
  transform: scale(0);
  animation: hero-slider 2s 0.2s forwards cubic-bezier(0.6, 0, 0, 0.98);
}
div.hero-area div.hero-slider-wrap picture {
  display: block;
  animation: hero-slider-img 2s 0.2s forwards cubic-bezier(0.6, 0, 0, 0.98);
}
@keyframes hero-slider {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes hero-slider-img {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
div.hero-area div.hero-slider-wrap picture {
  opacity: 0;
}
div.hero-area div.hero-slider-wrap img {
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 750/720;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-slider-wrap img {
    aspect-ratio: 1105/580;
  }
}
div.hero-area div.hero-slider {
  overflow: hidden;
  isolation: isolate;
  background: #EBF1F5;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-slider {
    border-radius: 5px;
  }
}
div.hero-area div.hero-slider .splide__slide a {
  display: block;
}
div.hero-area div.hero-slider .splide__slide a:hover img {
  transform: scale(1.04);
}
div.hero-area div.hero-slider .splide__slide a img {
  transition: all 0.3s;
}
div.hero-area div.hero-slider .splide__arrows {
  position: absolute;
  bottom: calc(20 / 750 * 100vw);
  right: calc(20 / 750 * 100vw);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50em;
  box-sizing: border-box;
  padding: calc(12 / 750 * 100vw) calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-slider .splide__arrows {
    width: auto;
    right: 23px;
    bottom: 21px;
    padding: calc(9 / 1366 * 100vw) calc(15 / 1366 * 100vw);
  }
}
div.hero-area div.hero-slider .splide__arrows {
  transform: scaleX(0);
  transform-origin: right;
  animation: hero-splide__arrows 0.3s 2.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
@keyframes hero-splide__arrows {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder {
  width: auto;
  height: auto;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-slider .splide__arrows div.pagination-holder {
    padding: 0 14px;
  }
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination {
  position: relative;
  bottom: 0;
  left: 0;
  padding: 0;
  align-items: center;
  gap: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination {
    gap: 8px;
  }
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li {
  height: auto;
  line-height: 0;
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(1) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 2.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(2) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 2.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(3) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(4) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(5) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(6) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(7) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(8) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(9) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(10) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(11) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(12) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 3.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(13) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(14) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(15) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(16) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(17) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(18) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(19) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(20) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(21) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(22) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 4.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(23) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(24) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(25) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(26) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(27) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(28) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(29) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(30) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(31) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(32) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 5.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(33) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(34) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(35) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(36) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(37) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(38) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(39) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(40) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(41) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(42) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 6.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(43) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(44) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(45) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(46) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(47) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(48) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(49) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(50) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(51) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(52) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 7.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(53) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(54) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(55) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(56) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(57) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(58) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(59) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(60) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(61) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(62) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 8.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(63) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(64) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(65) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(66) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(67) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(68) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(69) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(70) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(71) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(72) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 9.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(73) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(74) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(75) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(76) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(77) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(78) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(79) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(80) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(81) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(82) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 10.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(83) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(84) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(85) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(86) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(87) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(88) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(89) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(90) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(91) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(92) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 11.9s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(93) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(94) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12.1s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(95) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12.2s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(96) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12.3s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(97) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12.4s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(98) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12.5s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(99) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12.6s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination li:nth-of-type(100) .splide__pagination__page::after {
  animation: hero-pagination 0.3s 12.7s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination .splide__pagination__page {
  margin: 0;
  background: none;
  opacity: 1;
  display: block;
  font-size: 1em;
  width: calc(6 / 750 * 100vw);
  height: calc(6 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination .splide__pagination__page {
    width: clamp(4px, 4 / 1366 * 100vw, 1000px);
    height: clamp(4px, 4 / 1366 * 100vw, 1000px);
  }
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination .splide__pagination__page::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #DAE0E5;
  transform: scale(0);
  border-radius: 50em;
}
@keyframes hero-pagination {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
div.hero-area div.hero-slider .splide__arrows div.pagination-holder .splide__pagination .splide__pagination__page.is-active::after {
  background-color: var(--color-light-green);
}
div.hero-area div.hero-slider .splide__arrows .splide__arrow {
  display: none;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-slider .splide__arrows .splide__arrow {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    background: none;
    transform: translate(0) scale(0);
    width: clamp(5px, 5 / 1366 * 100vw, 1000px);
    height: auto;
  }
}
div.hero-area div.hero-slider .splide__arrows .splide__arrow {
  animation: hero-splide__arrow 0.3s 2.8s forwards cubic-bezier(0, 0.53, 0, 0.98);
}
@keyframes hero-splide__arrow {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
div.hero-area div.hero-slider .splide__arrows .splide__arrow svg {
  width: 100%;
  height: auto;
  fill: none;
  transform: translate(0);
}
div.hero-area div.hero-link-area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 calc(20 / 750 * 100vw);
  margin-top: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-link-area {
    margin-top: 15px;
    -moz-column-gap: 8px;
         column-gap: 8px;
    padding: 0;
  }
}
div.hero-area div.hero-link-area a {
  display: block;
  box-sizing: border-box;
  background: #fff;
  font-weight: 500;
  font-size: calc(22 / 750 * 100vw);
  text-align: center;
  padding: 0.6em 0;
  opacity: 0;
  border-radius: calc(5 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-link-area a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    border-radius: 5px;
    width: 100%;
    height: 4em;
    font-size: clamp(11px, 14 / 1366 * 100vw, 100px);
    padding: 0 22px;
    transition: all 0.3s;
  }
  div.hero-area div.hero-link-area a:hover {
    background-color: var(--color-light-green);
    color: #fff;
  }
  div.hero-area div.hero-link-area a:hover .arrow svg:nth-of-type(1) {
    transform: translate(100%, 0);
  }
  div.hero-area div.hero-link-area a:hover .arrow svg:nth-of-type(2) {
    transform: translate(0, 0);
  }
  div.hero-area div.hero-link-area a.no-arrow:hover .arrow svg:nth-of-type(1) {
    transform: translate(0, 0);
  }
  div.hero-area div.hero-link-area a.no-arrow:hover .arrow svg:nth-of-type(2) {
    transform: translate(-120%, 0);
  }
}
div.hero-area div.hero-link-area a:nth-of-type(1) {
  animation: hero-link 1.6s 1.1s forwards cubic-bezier(0.6, 0, 0, 0.98);
  transform-origin: top left;
  width: 24%;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-link-area a:nth-of-type(1) {
    width: 100%;
  }
}
div.hero-area div.hero-link-area a:nth-of-type(2) {
  animation: hero-link 1.6s 1.2s forwards cubic-bezier(0.6, 0, 0, 0.98);
  transform-origin: bottom left;
  width: 47.2%;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-link-area a:nth-of-type(2) {
    width: 100%;
  }
}
div.hero-area div.hero-link-area a:nth-of-type(3) {
  animation: hero-link 1.6s 1.3s forwards cubic-bezier(0.6, 0, 0, 0.98);
  transform-origin: top left;
  width: 26%;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-link-area a:nth-of-type(3) {
    width: 56%;
  }
}
@keyframes hero-link {
  0% {
    transform: scale(0.8);
    opacity: 0;
    transform-origin: center center;
  }
  100% {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center;
  }
}
div.hero-area div.hero-link-area a span {
  display: block;
}
div.hero-area div.hero-link-area a .arrow {
  overflow: hidden;
  position: relative;
  display: none;
}
@media screen and (min-width: 768px) {
  div.hero-area div.hero-link-area a .arrow {
    display: block;
    width: 1em;
  }
}
div.hero-area div.hero-link-area a .arrow svg {
  transition: all 0.3s;
}
div.hero-area div.hero-link-area a .arrow svg:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-120%, 0);
}
div.hero-area div.hero-link-area a .arrow svg path {
  transition: all 0.3s;
}

div.bn-slider-wrap {
  margin-top: calc(110 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap {
    margin-top: calc(100 / 1366 * 100vw);
  }
}
div.bn-slider-wrap .splide__arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap .splide__arrow {
    top: 45%;
  }
  div.bn-slider-wrap .splide__arrow:hover {
    background: var(--color-light-green);
    opacity: 1;
  }
  div.bn-slider-wrap .splide__arrow:hover .arrow svg:nth-of-type(2) path {
    stroke: #fff;
  }
}
div.bn-slider-wrap .splide__arrow.splide__arrow--prev {
  left: 4.9%;
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap .splide__arrow.splide__arrow--prev:hover .arrow svg:nth-of-type(1) {
    transform: translate(-120%, 0);
  }
  div.bn-slider-wrap .splide__arrow.splide__arrow--prev:hover .arrow svg:nth-of-type(2) {
    transform: translate(0, 0);
  }
}
div.bn-slider-wrap .splide__arrow.splide__arrow--next {
  left: auto;
  right: 4.9%;
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap .splide__arrow.splide__arrow--next:hover .arrow svg:nth-of-type(1) {
    transform: translate(120%, 0);
  }
  div.bn-slider-wrap .splide__arrow.splide__arrow--next:hover .arrow svg:nth-of-type(2) {
    transform: translate(0, 0);
  }
}
div.bn-slider-wrap div.splide__slide a {
  display: block;
  overflow: hidden;
  isolation: isolate;
  border-radius: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap div.splide__slide a {
    border-radius: 5px;
  }
  div.bn-slider-wrap div.splide__slide a:hover img {
    transform: scale(1.02);
  }
}
div.bn-slider-wrap div.splide__slide a img {
  transition: all 0.3s;
}
div.bn-slider-wrap div.pagination-holder {
  width: auto;
  height: auto;
  padding: calc(12 / 750 * 100vw) calc(20 / 750 * 100vw);
  background: #fff;
  border-radius: 50em;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  margin-top: calc(28 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap div.pagination-holder {
    padding: calc(9 / 1366 * 100vw) calc(20 / 1366 * 100vw);
    margin-top: calc(25 / 1366 * 100vw);
  }
}
div.bn-slider-wrap div.pagination-holder .splide__pagination {
  position: relative;
  bottom: 0;
  left: 0;
  padding: 0;
  align-items: center;
  gap: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap div.pagination-holder .splide__pagination {
    gap: 8px;
  }
}
div.bn-slider-wrap div.pagination-holder .splide__pagination li {
  height: auto;
  line-height: 0;
}
div.bn-slider-wrap div.pagination-holder .splide__pagination .splide__pagination__page {
  margin: 0;
  background: #DAE0E5;
  opacity: 1;
  display: block;
  font-size: 1em;
  width: calc(6 / 750 * 100vw);
  height: calc(6 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  div.bn-slider-wrap div.pagination-holder .splide__pagination .splide__pagination__page {
    width: clamp(4px, 4 / 1366 * 100vw, 1000px);
    height: clamp(4px, 4 / 1366 * 100vw, 1000px);
  }
}
div.bn-slider-wrap div.pagination-holder .splide__pagination .splide__pagination__page.is-active {
  background-color: var(--color-light-green);
}

section.sec-newcar {
  background-color: rgba(255, 255, 255, 0.7);
  border: solid 1px #fff;
  border-radius: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar {
    border-radius: 10px;
  }
}
section.sec-newcar {
  box-sizing: border-box;
  margin: calc(120 / 750 * 100vw) calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) calc(20 / 750 * 100vw);
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  section.sec-newcar {
    margin: calc(80 / 1366 * 100vw) 18px 18px;
    padding: calc(100 / 1366 * 100vw) 0 calc(100 / 1366 * 100vw) 56px;
  }
}
section.sec-newcar h2 {
  margin-bottom: calc(43 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar h2 {
    margin-bottom: calc(40 / 1366 * 100vw);
  }
}
section.sec-newcar h2 .large .wrap .img.w01 {
  width: 80%;
  transform: translate(-70%, -50%);
}
section.sec-newcar h2 .large .wrap .img.w02 {
  width: 45%;
  transform: translate(-65%, -50%);
}
section.sec-newcar h2 .large .wrap .img.w03 {
  width: 70%;
  transform: translate(-45%, -50%);
}
section.sec-newcar h3 {
  color: var(--color-sub-txt-v02);
  margin-bottom: 1.6em;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.2em;
  overflow: hidden;
  font-weight: 500;
  margin-left: calc(33 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar h3 {
    margin-left: 0;
    margin-bottom: 1em;
    font-size: clamp(10px, 11 / 1366 * 100vw, 1000px);
  }
}
section.sec-newcar h3 span {
  display: block;
  transform: translate(0, 1.2em);
}
section.sec-newcar h3.animation span {
  animation: newcar-sub-title 0.6s 0.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
@keyframes newcar-sub-title {
  0% {
    transform: translate(0, 1.2em);
  }
  100% {
    transform: translate(0, 0);
  }
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(1) {
  animation: newcar-slide 0.8s 0s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(2) {
  animation: newcar-slide 0.8s 0.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(3) {
  animation: newcar-slide 0.8s 0.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(4) {
  animation: newcar-slide 0.8s 0.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(5) {
  animation: newcar-slide 0.8s 0.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(6) {
  animation: newcar-slide 0.8s 0.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(7) {
  animation: newcar-slide 0.8s 0.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(8) {
  animation: newcar-slide 0.8s 0.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(9) {
  animation: newcar-slide 0.8s 0.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(10) {
  animation: newcar-slide 0.8s 0.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(11) {
  animation: newcar-slide 0.8s 1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(12) {
  animation: newcar-slide 0.8s 1.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(13) {
  animation: newcar-slide 0.8s 1.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(14) {
  animation: newcar-slide 0.8s 1.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(15) {
  animation: newcar-slide 0.8s 1.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(16) {
  animation: newcar-slide 0.8s 1.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(17) {
  animation: newcar-slide 0.8s 1.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(18) {
  animation: newcar-slide 0.8s 1.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(19) {
  animation: newcar-slide 0.8s 1.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(20) {
  animation: newcar-slide 0.8s 1.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(21) {
  animation: newcar-slide 0.8s 2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(22) {
  animation: newcar-slide 0.8s 2.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(23) {
  animation: newcar-slide 0.8s 2.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(24) {
  animation: newcar-slide 0.8s 2.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(25) {
  animation: newcar-slide 0.8s 2.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(26) {
  animation: newcar-slide 0.8s 2.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(27) {
  animation: newcar-slide 0.8s 2.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(28) {
  animation: newcar-slide 0.8s 2.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(29) {
  animation: newcar-slide 0.8s 2.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(30) {
  animation: newcar-slide 0.8s 2.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(31) {
  animation: newcar-slide 0.8s 3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(32) {
  animation: newcar-slide 0.8s 3.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(33) {
  animation: newcar-slide 0.8s 3.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(34) {
  animation: newcar-slide 0.8s 3.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(35) {
  animation: newcar-slide 0.8s 3.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(36) {
  animation: newcar-slide 0.8s 3.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(37) {
  animation: newcar-slide 0.8s 3.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(38) {
  animation: newcar-slide 0.8s 3.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(39) {
  animation: newcar-slide 0.8s 3.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(40) {
  animation: newcar-slide 0.8s 3.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(41) {
  animation: newcar-slide 0.8s 4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(42) {
  animation: newcar-slide 0.8s 4.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(43) {
  animation: newcar-slide 0.8s 4.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(44) {
  animation: newcar-slide 0.8s 4.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(45) {
  animation: newcar-slide 0.8s 4.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(46) {
  animation: newcar-slide 0.8s 4.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(47) {
  animation: newcar-slide 0.8s 4.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(48) {
  animation: newcar-slide 0.8s 4.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(49) {
  animation: newcar-slide 0.8s 4.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(50) {
  animation: newcar-slide 0.8s 4.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(51) {
  animation: newcar-slide 0.8s 5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(52) {
  animation: newcar-slide 0.8s 5.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(53) {
  animation: newcar-slide 0.8s 5.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(54) {
  animation: newcar-slide 0.8s 5.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(55) {
  animation: newcar-slide 0.8s 5.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(56) {
  animation: newcar-slide 0.8s 5.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(57) {
  animation: newcar-slide 0.8s 5.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(58) {
  animation: newcar-slide 0.8s 5.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(59) {
  animation: newcar-slide 0.8s 5.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(60) {
  animation: newcar-slide 0.8s 5.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(61) {
  animation: newcar-slide 0.8s 6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(62) {
  animation: newcar-slide 0.8s 6.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(63) {
  animation: newcar-slide 0.8s 6.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(64) {
  animation: newcar-slide 0.8s 6.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(65) {
  animation: newcar-slide 0.8s 6.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(66) {
  animation: newcar-slide 0.8s 6.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(67) {
  animation: newcar-slide 0.8s 6.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(68) {
  animation: newcar-slide 0.8s 6.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(69) {
  animation: newcar-slide 0.8s 6.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(70) {
  animation: newcar-slide 0.8s 6.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(71) {
  animation: newcar-slide 0.8s 7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(72) {
  animation: newcar-slide 0.8s 7.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(73) {
  animation: newcar-slide 0.8s 7.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(74) {
  animation: newcar-slide 0.8s 7.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(75) {
  animation: newcar-slide 0.8s 7.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(76) {
  animation: newcar-slide 0.8s 7.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(77) {
  animation: newcar-slide 0.8s 7.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(78) {
  animation: newcar-slide 0.8s 7.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(79) {
  animation: newcar-slide 0.8s 7.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(80) {
  animation: newcar-slide 0.8s 7.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(81) {
  animation: newcar-slide 0.8s 8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(82) {
  animation: newcar-slide 0.8s 8.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(83) {
  animation: newcar-slide 0.8s 8.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(84) {
  animation: newcar-slide 0.8s 8.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(85) {
  animation: newcar-slide 0.8s 8.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(86) {
  animation: newcar-slide 0.8s 8.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(87) {
  animation: newcar-slide 0.8s 8.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(88) {
  animation: newcar-slide 0.8s 8.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(89) {
  animation: newcar-slide 0.8s 8.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(90) {
  animation: newcar-slide 0.8s 8.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(91) {
  animation: newcar-slide 0.8s 9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(92) {
  animation: newcar-slide 0.8s 9.1s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(93) {
  animation: newcar-slide 0.8s 9.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(94) {
  animation: newcar-slide 0.8s 9.3s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(95) {
  animation: newcar-slide 0.8s 9.4s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(96) {
  animation: newcar-slide 0.8s 9.5s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(97) {
  animation: newcar-slide 0.8s 9.6s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(98) {
  animation: newcar-slide 0.8s 9.7s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(99) {
  animation: newcar-slide 0.8s 9.8s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-newcar div.newcar-slider-wrap.animation .splide__slide:nth-of-type(100) {
  animation: newcar-slide 0.8s 9.9s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
@keyframes newcar-slide {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
section.sec-newcar .splide__slide {
  background: #fff;
  border-radius: 5px;
  opacity: 0;
  padding: calc(46 / 750 * 100vw) 0 calc(17 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar .splide__slide {
    padding-top: clamp(8px, 27 / 1366 * 100vw, 1000px);
    padding-bottom: clamp(8px, 8 / 1366 * 100vw, 1000px);
  }
}
section.sec-newcar .splide__slide h4 {
  line-height: 1.2em;
  width: 84%;
  margin: auto;
  font-family: var(--font-montserrat);
  font-size: calc(25 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar .splide__slide h4 {
    font-size: clamp(12px, 17 / 1366 * 100vw, 1000px);
  }
}
section.sec-newcar .splide__slide .list-car-img {
  display: block;
  width: 84%;
  margin: auto;
  margin: calc(50 / 750 * 100vw) auto calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar .splide__slide .list-car-img {
    margin: 43px auto 0;
  }
  section.sec-newcar .splide__slide .list-car-img:hover img {
    transform: scale(0.92);
  }
}
section.sec-newcar .splide__slide .list-car-img img {
  transition: all 0.3s;
}
section.sec-newcar .splide__slide div.link-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar .splide__slide div.link-wrap {
    margin-top: 40px;
    font-size: clamp(10px, 13 / 1366 * 100vw, 1000px);
  }
}
section.sec-newcar .splide__slide div.link-wrap a {
  display: block;
  width: 50%;
  text-align: center;
  color: var(--color-sub-txt-v02);
  position: relative;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  section.sec-newcar .splide__slide div.link-wrap a:hover {
    color: var(--color-light-green);
  }
}
section.sec-newcar .splide__slide div.link-wrap a.is-none {
  color: #E8E8E8;
  pointer-events: none;
}
section.sec-newcar .splide__slide div.link-wrap a::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-light-gray);
}
section.sec-newcar .splide__slide div.link-wrap a:last-child::after {
  background: none;
}
section.sec-newcar div.newcar-link-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 81%;
  margin: calc(83 / 750 * 100vw) auto 0;
}
@media screen and (min-width: 768px) {
  section.sec-newcar div.newcar-link-wrap {
    flex-wrap: nowrap;
    -moz-column-gap: 8px;
         column-gap: 8px;
    width: 90%;
    margin: clamp(0px, 70 / 1366 * 100vw, 1000px) 0 0 38px;
  }
}
section.sec-newcar div.newcar-link-wrap a.m-btn-base {
  width: 100%;
  height: calc(98 / 750 * 100vw);
  margin-bottom: calc(12 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-newcar div.newcar-link-wrap a.m-btn-base {
    margin: 0;
    height: clamp(0px, 85 / 1366 * 100vw, 1000px);
    font-size: clamp(0px, 18 / 1366 * 100vw, 1000px);
  }
}
section.sec-newcar div.newcar-link-wrap a.m-btn-base:nth-of-type(2), section.sec-newcar div.newcar-link-wrap a.m-btn-base:nth-of-type(3) {
  width: 49%;
}
@media screen and (min-width: 768px) {
  section.sec-newcar div.newcar-link-wrap a.m-btn-base:nth-of-type(2), section.sec-newcar div.newcar-link-wrap a.m-btn-base:nth-of-type(3) {
    width: 47%;
  }
}

section.sec-usedcar {
  background-color: rgba(255, 255, 255, 0.7);
  border: solid 1px #fff;
  border-radius: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-usedcar {
    border-radius: 10px;
  }
}
section.sec-usedcar {
  box-sizing: border-box;
  margin: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) calc(20 / 750 * 100vw);
  padding: calc(100 / 750 * 100vw) calc(33 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-usedcar {
    margin: 18px 18px 50px;
    padding: clamp(0px, 100 / 1366 * 100vw, 1000px) 56px clamp(0px, 80 / 1366 * 100vw, 1000px);
  }
}
section.sec-usedcar h2 .large .wrap .img.w01 {
  width: 68%;
  transform: translate(-50%, -50%);
}
section.sec-usedcar h2 .large .wrap .img.w02 {
  width: 90%;
  transform: translate(-47%, -50%);
}
section.sec-usedcar h2 .large .wrap .img.w03 {
  width: 100%;
  transform: translate(-45%, -50%);
}
section.sec-usedcar h2 .large .wrap .img.w04 {
  width: 86%;
  transform: translate(-31%, -50%);
}
section.sec-usedcar div.usedcar-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-usedcar div.usedcar-box {
    margin-top: calc(60 / 1366 * 100vw);
  }
}
section.sec-usedcar div.usedcar-box div.usedcar-img {
  isolation: isolate;
  overflow: hidden;
  transform: scale(0.9);
  position: relative;
  border-radius: calc(5 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-usedcar div.usedcar-box div.usedcar-img {
    width: 55%;
    border-radius: 5px;
  }
}
section.sec-usedcar div.usedcar-box div.usedcar-img.animation {
  animation: img-scale 0.8s 0.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-usedcar div.usedcar-box div.usedcar-img.animation img {
  animation: img-scale-in 0.8s 0.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-usedcar div.usedcar-box div.usedcar-img img {
  opacity: 0;
  filter: blur(5px);
}
section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap {
  width: 90%;
  margin: calc(80 / 750 * 100vw) auto 0;
}
@media screen and (min-width: 768px) {
  section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap {
    width: 40%;
    margin: 0;
  }
}
section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap h3 {
  margin-bottom: 0.8em;
  font-weight: 700;
  font-size: calc(36 / 750 * 100vw);
  line-height: 1.44em;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap h3 {
    font-weight: 700;
    font-size: clamp(17px, 26 / 1366 * 100vw, 35px);
    line-height: 1.46em;
    letter-spacing: 0.02em;
  }
}
section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap p {
  color: var(--color-sub-txt-v02);
  margin-bottom: 3em;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.75em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap p {
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap a {
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-usedcar div.usedcar-box div.usedcar-txt-wrap a {
    margin: 0;
    width: 16.1em;
  }
}

section.sec-support {
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  section.sec-support {
    padding: 0 18px;
  }
}
section.sec-support::after {
  content: "";
  display: block;
  width: 100%;
  height: 120%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(207deg, #2C2C2C, #1F1F1F);
}
section.sec-support div.sec-support-inner {
  padding: calc(153 / 750 * 100vw) calc(20 / 750 * 100vw) calc(270 / 750 * 100vw);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  section.sec-support div.sec-support-inner {
    padding: calc(157 / 1366 * 100vw) 18px calc(265 / 1366 * 100vw);
  }
}
section.sec-support h2 .large .wrap .img.w01 {
  width: 86%;
  transform: translate(-70%, -50%);
}
section.sec-support h2 .large .wrap .img.w02 {
  width: 86%;
  transform: translate(-50%, -53%);
}
section.sec-support h2 .large .wrap .img.w03 {
  width: 65%;
  transform: translate(-60%, -50%);
}
section.sec-support h2 .large .wrap .img.w04 {
  width: 70%;
  transform: translate(-31%, -50%);
}
section.sec-support ul {
  margin-top: calc(70 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-support ul {
    margin-top: calc(63 / 1366 * 100vw);
  }
}
section.sec-support ul li {
  margin-top: calc(4 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-support ul li {
    margin-top: 1px;
  }
}
section.sec-support ul li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  overflow: hidden;
  isolation: isolate;
  position: relative;
  z-index: 0;
  padding: calc(24 / 750 * 100vw) 0;
  border-radius: calc(5 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-support ul li a {
    border-radius: 5px;
    padding: calc(60 / 1366 * 100vw) calc(40 / 1366 * 100vw) calc(60 / 1366 * 100vw) 0;
    transition: all 0.3s ease;
    height: 2vw;
  }
}
@media screen and (min-width: 1000px) {
  section.sec-support ul li a {
    padding: calc(40 / 1366 * 100vw) calc(40 / 1366 * 100vw) calc(40 / 1366 * 100vw) 0;
  }
}
section.sec-support ul li a:hover {
  color: #fff;
}
@media screen and (min-width: 768px) {
  section.sec-support ul li a:hover {
    padding-top: 0;
    padding-bottom: 0;
    height: calc(18.4vw - 40px);
  }
}
section.sec-support ul li a:hover .support-img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
section.sec-support ul li a:hover::after {
  width: 100%;
}
section.sec-support ul li a::after {
  content: "";
  display: block;
  width: calc(18 / 750 * 100vw);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.6s cubic-bezier(0.67, 0.39, 0, 0.99);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  section.sec-support ul li a::after {
    width: calc(20 / 1366 * 100vw);
  }
}
section.sec-support ul li a.line::after {
  background: var(--color-light-green);
}
section.sec-support ul li a.u_car::after {
  background: #D42A2A;
}
section.sec-support ul li a.kinto::after {
  background: #20A5C0;
}
section.sec-support ul li a.insurance::after {
  background: #DF771C;
}
section.sec-support ul li a.online::after {
  background: #26C599;
}
section.sec-support ul li a.support::after {
  background: var(--color-gold);
}
section.sec-support ul li a p.number {
  width: 15%;
  font-size: calc(22 / 750 * 100vw);
  font-family: var(--font-montserrat);
  font-weight: 600;
  text-align: center;
  line-height: 1em;
  transition: color 0.3s;
}
@media screen and (min-width: 768px) {
  section.sec-support ul li a p.number {
    width: 26%;
    font-size: clamp(0px, 18 / 1366 * 100vw, 1000px);
  }
}
section.sec-support ul li a p.support-txt {
  width: 43%;
  font-size: calc(26 / 750 * 100vw);
  font-weight: 500;
  line-height: 1.34em;
  transition: color 0.3s;
}
@media screen and (min-width: 768px) {
  section.sec-support ul li a p.support-txt {
    width: 47%;
    line-height: 1em;
    font-size: clamp(0px, 26 / 1366 * 100vw, 1000px);
  }
}
section.sec-support ul li a div.support-img {
  overflow: hidden;
  isolation: isolate;
  width: 33.8%;
  transition: all 0.3s 0.2s;
}
@media screen and (min-width: 768px) {
  section.sec-support ul li a div.support-img {
    border-radius: 5px;
    width: 27%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
  }
}
@media screen and (min-width: 768px) {
  section.sec-support ul li a div.support-img img {
    transition: all 0.3s;
  }
}

section.sec-about {
  position: relative;
  z-index: 1;
  padding: calc(120 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-about {
    padding: calc(110 / 1366 * 100vw) 0 0;
  }
}
section.sec-about div.support-bg {
  display: block;
  width: calc(3000 / 750 * 100vw);
  height: calc(6000 / 750 * 100vw);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: #fff;
  border-radius: 2000vw;
  pointer-events: none;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  section.sec-about div.support-bg {
    width: calc(4687 / 1366 * 100vw);
    height: calc(4687 / 1366 * 100vw);
  }
}
section.sec-about div.sec-about-inner {
  position: relative;
  z-index: 3;
}
section.sec-about h2 .large .wrap .img.w01 {
  width: 80%;
  transform: translate(-70%, -50%);
}
section.sec-about h2 .large .wrap .img.w02 {
  width: 55%;
  transform: translate(-46%, -50%);
}
section.sec-about h2 .large .wrap .img.w03 {
  width: 80%;
  transform: translate(-25%, -50%);
}
section.sec-about h2 .large .wrap .img.w04 {
  width: 67%;
  transform: translate(-25%, -50%);
}
section.sec-about div.about-img {
  border-radius: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about div.about-img {
    border-radius: 10px;
  }
}
section.sec-about div.about-img {
  overflow: hidden;
  isolation: isolate;
  position: relative;
}
section.sec-about div.about-img div.txt-wrap {
  position: absolute;
  top: calc(75 / 750 * 100vw);
  left: calc(65 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about div.about-img div.txt-wrap {
    top: 50%;
    left: 8%;
    transform: translate(0, -50%);
  }
}
section.sec-about div.about-img div.txt-wrap h3 {
  margin-bottom: 0.6em;
  font-size: calc(36 / 750 * 100vw);
  line-height: 1.2em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  section.sec-about div.about-img div.txt-wrap h3 {
    margin-bottom: 1em;
    line-height: 1.2em;
    letter-spacing: 0.06em;
    font-size: clamp(20px, 26 / 1366 * 100vw, 1000px);
  }
}
section.sec-about div.about-img div.txt-wrap p {
  color: var(--color-02);
  font-weight: 400;
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.92em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.about-img div.txt-wrap p {
    line-height: 2em;
    font-size: clamp(0px, 16 / 1366 * 100vw, 1000px);
  }
}
section.sec-about ul.about-list {
  margin: calc(110 / 750 * 100vw) calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list {
    margin: calc(93 / 1366 * 100vw) 74px calc(80 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li.sustainability div.about-accordion-inner {
    display: flex;
    gap: 18px;
  }
}
section.sec-about ul.about-list li.sustainability .sustainability-link {
  display: block;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li.sustainability .sustainability-link {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li.shops div.about-accordion-inner {
    display: flex;
    gap: 18px;
  }
}
section.sec-about ul.about-list li.shops .shops-link {
  display: block;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li.shops .shops-link {
    margin-bottom: 0;
  }
}
section.sec-about ul.about-list li.motor .about-more-btn p {
  color: var(--color-sub-txt-v02);
}
section.sec-about ul.about-list li.motor {
  /*button.about-more-btn{
      @include mq(pc) {
          &:hover{
              .ja,.en{
                  color: #838383;
              }
              .plus{
                  &::after,&::before{
                      background-color: var(--color-light-green);
                  }
              }
          }
      }
  }*/
}
section.sec-about ul.about-list li:last-child {
  border-bottom: solid 1px var(--color-light-gray);
}
section.sec-about ul.about-list li {
  border-top: solid 1px var(--color-light-gray);
}
section.sec-about ul.about-list li button.about-more-btn {
  position: relative;
  display: block;
  width: 100%;
  padding: calc(35 / 750 * 100vw) 0 calc(60 / 750 * 100vw) calc(35 / 750 * 100vw);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn {
    padding: calc(18 / 1366 * 100vw) 0 calc(60 / 1366 * 100vw);
  }
  section.sec-about ul.about-list li button.about-more-btn:hover::after {
    transform: scaleX(1);
  }
  section.sec-about ul.about-list li button.about-more-btn:hover h3 {
    color: var(--color-light-green);
    margin-left: 1.6em;
  }
  section.sec-about ul.about-list li button.about-more-btn:hover .ja, section.sec-about ul.about-list li button.about-more-btn:hover p {
    color: var(--color-light-green);
  }
  section.sec-about ul.about-list li button.about-more-btn:hover .plus::after, section.sec-about ul.about-list li button.about-more-btn:hover .plus::before {
    background-color: var(--color-light-green);
  }
  section.sec-about ul.about-list li button.about-more-btn::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: var(--color-light-green);
    transform: scaleX(0);
    transform-origin: left;
    transition: all 0.4s ease;
  }
}
section.sec-about ul.about-list li button.about-more-btn.is-active::after {
  transform: scaleX(0);
  opacity: 0;
}
section.sec-about ul.about-list li button.about-more-btn.is-active .plus::before {
  transform: translate(-50%, -50%) rotate(-90deg);
}
section.sec-about ul.about-list li button.about-more-btn h3 {
  text-align: left;
  transition: all 0.3s;
  width: 100%;
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn h3 {
    width: 60%;
  }
}
section.sec-about ul.about-list li button.about-more-btn h3 span {
  display: block;
  line-height: 1.2em;
  transition: all 0.3s;
}
section.sec-about ul.about-list li button.about-more-btn h3 .ja {
  font-weight: bold;
  font-size: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn h3 .ja {
    font-size: clamp(10px, 35 / 1366 * 100vw, 1000px);
  }
}
section.sec-about ul.about-list li button.about-more-btn h3 .en {
  font-family: var(--font-montserrat);
  font-weight: 600;
  margin-top: 1em;
  font-size: calc(22 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn h3 .en {
    font-size: clamp(10px, 11 / 1366 * 100vw, 1000px);
  }
}
section.sec-about ul.about-list li button.about-more-btn p {
  color: var(--color-light-green);
  font-weight: 500;
  font-size: calc(22 / 750 * 100vw);
  line-height: 1.2em;
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn p {
    transform: translate(0);
    font-size: clamp(10px, 15 / 1366 * 100vw, 1000px);
    margin-top: 0;
  }
}
section.sec-about ul.about-list li button.about-more-btn .plus {
  display: block;
  position: absolute;
  top: 20%;
  right: 5%;
  width: calc(32 / 750 * 100vw);
  height: calc(32 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn .plus {
    transform: translate(0, -50%);
    top: 40%;
    right: 2%;
    width: calc(25 / 1366 * 100vw);
    height: calc(25 / 1366 * 100vw);
    transition: all 0.3s;
  }
}
section.sec-about ul.about-list li button.about-more-btn .plus::after, section.sec-about ul.about-list li button.about-more-btn .plus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  transition: all 0.3s;
  border-radius: 50em;
}
section.sec-about ul.about-list li button.about-more-btn .plus::after {
  width: 100%;
  height: calc(3 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn .plus::after {
    height: 2px;
  }
}
section.sec-about ul.about-list li button.about-more-btn .plus::before {
  width: calc(3 / 750 * 100vw);
  height: 100%;
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li button.about-more-btn .plus::before {
    width: 2px;
  }
}
section.sec-about ul.about-list li div.about-accordion {
  padding-bottom: calc(75 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li div.about-accordion {
    padding-bottom: calc(45 / 1366 * 100vw);
  }
}
section.sec-about ul.about-list li div.about-accordion div.about-accordion-inner {
  box-sizing: border-box;
  padding: 0 calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li div.about-accordion div.about-accordion-inner {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li div.about-accordion a.shops-link:hover img, section.sec-about ul.about-list li div.about-accordion a.sustainability-link:hover img {
    transform: scale(1.05);
  }
  section.sec-about ul.about-list li div.about-accordion a.shops-link:hover p.about-ad-txt, section.sec-about ul.about-list li div.about-accordion a.sustainability-link:hover p.about-ad-txt {
    color: var(--color-light-green);
  }
}
section.sec-about ul.about-list li div.about-accordion div.about-ad-img {
  overflow: hidden;
  isolation: isolate;
  border-radius: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li div.about-accordion div.about-ad-img {
    border-radius: 5px;
  }
}
section.sec-about ul.about-list li div.about-accordion div.about-ad-img img {
  transition: all 0.3s;
}
section.sec-about ul.about-list li div.about-accordion p.about-ad-txt {
  color: var(--color-sub-txt-v02);
  line-height: 1.2em;
  margin-top: 1em;
  transition: all 0.3s;
  font-size: calc(22 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li div.about-accordion p.about-ad-txt {
    font-size: clamp(10px, 13 / 1366 * 100vw, 1000px);
  }
}
section.sec-about ul.about-list li div.about-accordion p.about-ad-motor-txt {
  color: var(--color-sub-txt-v02);
  line-height: 1.8em;
  margin-top: 1.2em;
  font-size: calc(22 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li div.about-accordion p.about-ad-motor-txt {
    margin-top: 2.4em;
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
section.sec-about ul.about-list li div.about-accordion a.m-btn-base {
  margin: calc(70 / 750 * 100vw) 0 0 auto;
}
@media screen and (min-width: 768px) {
  section.sec-about ul.about-list li div.about-accordion a.m-btn-base {
    margin: calc(45 / 1366 * 100vw) 0 0 auto;
  }
}
section.sec-about a.brand-link {
  display: block;
  color: #fff;
  border-radius: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about a.brand-link {
    border-radius: 10px;
  }
}
section.sec-about a.brand-link {
  position: relative;
  margin: 0 calc(20 / 750 * 100vw);
  padding: calc(55 / 750 * 100vw) 0 calc(52 / 750 * 100vw);
  text-align: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
}
@media screen and (min-width: 768px) {
  section.sec-about a.brand-link {
    margin: 0 75px;
    padding: calc(75 / 1366 * 100vw) 0 calc(77 / 1366 * 100vw);
    transition: all 0.2s;
  }
  section.sec-about a.brand-link:hover {
    transform: scale(0.98);
  }
  section.sec-about a.brand-link:hover::after {
    transform: translate(-50%, 0) scale(1.05);
  }
  section.sec-about a.brand-link:hover .m-btm-square .arrow svg:nth-of-type(1) {
    transform: translate(120%, 0);
  }
  section.sec-about a.brand-link:hover .m-btm-square .arrow svg:nth-of-type(2) {
    transform: translate(0, 0);
  }
  section.sec-about a.brand-link:hover h3 {
    transform: scale(1.1);
  }
  section.sec-about a.brand-link:hover h3 .en {
    letter-spacing: 0.01em;
  }
}
section.sec-about a.brand-link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-image: url(../../myimg/top/brand-link-bg_sp.webp);
  background-size: cover;
  background-position: center;
  z-index: -1;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  section.sec-about a.brand-link::after {
    background-image: url(../../myimg/top/brand-link-bg_pc.webp);
  }
}
section.sec-about a.brand-link h3 {
  transition: all 0.3s;
}
section.sec-about a.brand-link h3 span {
  display: block;
  transition: all 0.3s;
}
section.sec-about a.brand-link h3 span.ja {
  font-weight: 400;
  margin-left: 0.2em;
  line-height: 1.2em;
  font-size: calc(18 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about a.brand-link h3 span.ja {
    font-size: clamp(10px, 16 / 1366 * 100vw, 1000px);
  }
}
section.sec-about a.brand-link h3 span.en {
  font-size: calc(65 / 750 * 100vw);
  line-height: 1.2em;
  font-family: var(--font-montserrat);
}
@media screen and (min-width: 768px) {
  section.sec-about a.brand-link h3 span.en {
    font-size: clamp(35px, 60 / 1366 * 100vw, 1000px);
  }
}
section.sec-about a.brand-link span.m-btm-square {
  display: none;
  position: absolute;
  bottom: calc(20 / 750 * 100vw);
  right: calc(20 / 750 * 100vw);
  width: calc(61 / 750 * 100vw);
  height: calc(61 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about a.brand-link span.m-btm-square {
    bottom: 20px;
    right: 20px;
    width: clamp(0px, 40 / 1366 * 100vw, 1000px);
    height: clamp(0px, 40 / 1366 * 100vw, 1000px);
  }
}
section.sec-about div.character-link {
  margin: calc(120 / 750 * 100vw) calc(55 / 750 * 100vw) calc(100 / 750 * 100vw);
  overflow: hidden;
  isolation: isolate;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link {
    display: flex;
    margin: calc(40 / 1366 * 100vw) 74px calc(100 / 1366 * 100vw) 74px;
    -moz-column-gap: 12px;
         column-gap: 12px;
    border-radius: 10px;
  }
}
section.sec-about div.character-link a {
  display: block;
  padding: calc(77 / 750 * 100vw) 0 0;
  border-radius: calc(10 / 750 * 100vw);
  overflow: hidden;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a {
    width: 100%;
    padding: calc(46 / 1366 * 100vw) 0 0;
  }
}
section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(1) {
  transition: 0.2s ease;
  transform: translate(0.12em, -0.1em) scale(1.04);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(1) {
    transform: translate(0.12em, -0.1em) scale(1.1);
    letter-spacing: 0.2em;
  }
}
section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(2) {
  transition: 0.2s ease;
  transform: translate(0.12em, -0.1em) scale(1.04);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(2) {
    transform: translate(0.12em, -0.1em) scale(1.1);
    letter-spacing: 0.2em;
  }
}
section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(3) {
  transition: 0.2s ease;
  transform: translate(0.12em, -0.1em) scale(1.04);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(3) {
    transform: translate(0.12em, -0.1em) scale(1.1);
    letter-spacing: 0.2em;
  }
}
section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(4) {
  transition: 0.2s ease;
  transform: translate(0.12em, -0.1em) scale(1.04);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(4) {
    transform: translate(0.12em, -0.1em) scale(1.1);
    letter-spacing: 0.2em;
  }
}
section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(5) {
  transition: 0.2s ease;
  transform: translate(0.12em, -0.1em) scale(1.04);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(5) {
    transform: translate(0.12em, -0.1em) scale(1.1);
    letter-spacing: 0.2em;
  }
}
section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(6) {
  transition: 0.2s ease;
  transform: translate(0.12em, -0.1em) scale(1.04);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(6) {
    transform: translate(0.12em, -0.1em) scale(1.1);
    letter-spacing: 0.2em;
  }
}
section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(7) {
  transition: 0.2s ease;
  transform: translate(0.12em, -0.1em) scale(1.04);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a:hover h3 span.en span:nth-of-type(7) {
    transform: translate(0.12em, -0.1em) scale(1.1);
    letter-spacing: 0.2em;
  }
}
section.sec-about div.character-link a:hover div.character-img {
  transform: scale(1.3);
}
section.sec-about div.character-link a.kumaru {
  background-color: var(--color-table-bg);
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a.kumaru {
    margin-bottom: 0;
  }
}
section.sec-about div.character-link a.kumaru h3 span.en {
  color: var(--color-light-green);
}
section.sec-about div.character-link a.kumaru:hover {
  background-color: var(--color-light-green);
}
section.sec-about div.character-link a.kumaru:hover h3 span.en, section.sec-about div.character-link a.kumaru:hover h3 span.ja {
  color: #fff;
}
section.sec-about div.character-link a.chumaru {
  background-color: var(--color-table-bg);
}
section.sec-about div.character-link a.chumaru h3 span.en {
  color: var(--color-used);
}
section.sec-about div.character-link a.chumaru:hover {
  background-color: var(--color-chubase-red);
}
section.sec-about div.character-link a.chumaru:hover h3 span.en, section.sec-about div.character-link a.chumaru:hover h3 span.ja {
  color: #fff;
}
section.sec-about div.character-link a h3 {
  text-align: center;
  color: #fff;
}
section.sec-about div.character-link a h3 span.en {
  font-size: calc(100 / 750 * 100vw);
  font-family: var(--font-bungee);
  line-height: 0.8em;
  display: block;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a h3 span.en {
    font-size: clamp(0px, 70 / 1366 * 100vw, 1000px);
  }
}
@media screen and (min-width: 1000px) {
  section.sec-about div.character-link a h3 span.en {
    font-size: clamp(0px, 64 / 1366 * 100vw, 1000px);
  }
}
@media screen and (min-width: 1280px) {
  section.sec-about div.character-link a h3 span.en {
    font-size: clamp(0px, 70 / 1366 * 100vw, 1000px);
  }
}
section.sec-about div.character-link a h3 span.en span {
  display: inline-block;
  transition: all 0.3s;
}
section.sec-about div.character-link a h3 span.ja {
  font-size: calc(20 / 750 * 100vw);
  font-weight: 500;
  margin-top: 0.4em;
  display: block;
  color: var(--color-sub-txt-v02);
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a h3 span.ja {
    font-size: clamp(10px, 16 / 1366 * 100vw, 1000px);
    margin-top: 0.6em;
  }
}
section.sec-about div.character-link a div.character-img {
  width: 84%;
  margin: auto;
  transition: all var(--ease-bounce) 0.6s;
}
@media screen and (min-width: 768px) {
  section.sec-about div.character-link a div.character-img {
    width: 75%;
    margin-top: 2%;
  }
}
section.sec-about div.tv-link {
  position: relative;
  overflow: hidden;
  padding: calc(144 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link {
    padding: calc(144 / 1366 * 100vw) 0 calc(82 / 1366 * 100vw);
  }
}
section.sec-about div.tv-link div.tv-video-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 110%;
  min-height: 110%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link div.tv-video-bg {
    min-width: 110%;
    min-height: 110%;
  }
}
section.sec-about div.tv-link div.tv-video-bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); /* Safari用 */
  z-index: 1;
}
section.sec-about div.tv-link div.tv-video-bg video {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
section.sec-about div.tv-link div.tv-link-inner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link div.tv-link-inner {
    margin: 0 56px;
  }
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link div.tv-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
section.sec-about div.tv-link div.tv-box div.tv-txt-wrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link div.tv-box div.tv-txt-wrap {
    text-align: left;
  }
}
section.sec-about div.tv-link div.tv-box div.tv-txt-wrap h3 {
  color: #fff;
  line-height: 1em;
  font-weight: 600;
  font-family: var(--font-montserrat);
  font-size: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link div.tv-box div.tv-txt-wrap h3 {
    font-size: clamp(0px, 55 / 1366 * 100vw, 1000px);
  }
}
section.sec-about div.tv-link div.tv-box div.tv-txt-wrap p {
  color: var(--color-light-gray);
  margin-top: 1em;
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link div.tv-box div.tv-txt-wrap p {
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
section.sec-about div.tv-link div.tv-box div.tv-video {
  transform: scale(0);
  overflow: hidden;
  isolation: isolate;
  width: 94.6%;
  margin: calc(90 / 750 * 100vw) auto calc(60 / 750 * 100vw);
  border-radius: calc(10 / 750 * 100vw);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link div.tv-box div.tv-video {
    width: 58%;
    margin: 0;
    border-radius: 10px;
  }
}
section.sec-about div.tv-link div.tv-box div.tv-video.animation {
  animation: img-scale 0.8s 0.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-about div.tv-link div.tv-box div.tv-video.animation video {
  animation: img-scale-in 0.8s 0.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-about div.tv-link div.tv-box div.tv-video video {
  width: 100%;
  display: block;
  opacity: 0;
  filter: blur(5px);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  section.sec-about div.tv-link a.m-btn-base {
    width: 16.1em;
    margin: calc(30 / 1366 * 100vw) 0 0 auto;
  }
}

section.sec-recruit {
  position: relative;
  background: linear-gradient(#f7f8fa, #e8ebee);
  padding: calc(130 / 750 * 100vw) 0 calc(223 / 750 * 100vw);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  section.sec-recruit {
    background: linear-gradient(#fcfdff, #f1f2f4);
    padding: calc(167 / 1366 * 100vw) 0 calc(255 / 1366 * 100vw);
  }
}
section.sec-recruit::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(260 / 750 * 100vw);
  position: absolute;
  bottom: -1px;
  left: 0;
  transform: translate(0, 0);
  background: #fff;
  clip-path: polygon(100% 99%, 100% 100%, 0 100%, 0 0);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  section.sec-recruit::after {
    height: calc(360 / 1366 * 100vw);
  }
}
section.sec-recruit div.sec-recruit-inner {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.sec-recruit-inner {
    margin-left: 56px;
  }
}
section.sec-recruit h2 {
  margin-left: calc(53 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-recruit h2 {
    margin-left: 0;
  }
}
section.sec-recruit h2 .large .wrap .img.w01 {
  width: 85%;
  transform: translate(-45%, -50%);
}
section.sec-recruit h2 .large .wrap .img.w02 {
  width: 80%;
  transform: translate(-46%, -50%);
}
section.sec-recruit h2 .large .wrap .img.w03 {
  width: 80%;
  transform: translate(-50%, -50%);
}
section.sec-recruit h2 .large .wrap .img.w04 {
  width: 85%;
  transform: translate(-25%, -50%);
}
section.sec-recruit div.recruit-box {
  margin-top: calc(90 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.recruit-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: calc(62 / 1366 * 100vw);
  }
}
section.sec-recruit div.recruit-box div.recruit-txt-wrap {
  margin-left: calc(53 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.recruit-box div.recruit-txt-wrap {
    width: 32%;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.recruit-box div.recruit-img-wrap {
    width: 65%;
    overflow: hidden;
  }
}
section.sec-recruit div.recruit-box h3 {
  font-weight: 700;
  font-size: calc(36 / 750 * 100vw);
  line-height: 1.44em;
  letter-spacing: 0.03em;
  margin-bottom: 0.6em;
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.recruit-box h3 {
    font-weight: 700;
    font-size: clamp(17px, 26 / 1366 * 100vw, 35px);
    line-height: 1.46em;
    letter-spacing: 0.02em;
  }
}
section.sec-recruit div.recruit-box p {
  color: var(--color-sub-txt-v02);
  font-weight: 400;
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.92em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.recruit-box p {
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
section.sec-recruit div.recruit-box a {
  margin: calc(70 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.recruit-box a {
    width: 16.1em;
    margin: calc(35 / 1366 * 100vw) 0 0;
  }
}
section.sec-recruit div.recruit-img-slider-wrap {
  overflow: hidden;
  margin-top: calc(107 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-recruit div.recruit-img-slider-wrap {
    margin-top: 0;
  }
}
section.sec-recruit .recruit-img-slider {
  display: flex;
  overflow: hidden;
  width: 700%;
}
@media screen and (min-width: 768px) {
  section.sec-recruit .recruit-img-slider {
    width: 500%;
  }
}
section.sec-recruit .recruit-img-slider .slider {
  animation: scroll-left 50s infinite linear 0.5s both;
  display: flex;
  position: relative;
  left: 0;
}
section.sec-recruit .recruit-img-slider .slide {
  margin-right: calc(10 / 750 * 100vw);
  border-radius: calc(10 / 750 * 100vw);
  box-sizing: border-box;
  overflow: hidden;
  isolation: isolate;
}
@media screen and (min-width: 768px) {
  section.sec-recruit .recruit-img-slider .slide {
    margin-right: 8px;
    border-radius: 5px;
  }
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes suenaga-triangle {
  0% {
    transform: translate(-20%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
section.sec-suenaga {
  background: #fff;
  position: relative;
  padding: 0 0 calc(205 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-suenaga {
    padding: 0 0 calc(194 / 1366 * 100vw);
  }
}
section.sec-suenaga.animation div.triangle {
  position: absolute;
  z-index: 1;
}
section.sec-suenaga.animation div.triangle.triangle01 {
  animation: suenaga-triangle 0.5s ease forwards;
}
section.sec-suenaga.animation div.triangle.triangle02 {
  animation: suenaga-triangle 0.5s 0.2s ease forwards;
}
section.sec-suenaga.animation div.triangle.triangle03 {
  animation: suenaga-triangle 0.5s 0.4s ease forwards;
}
section.sec-suenaga.animation div.triangle.triangle04 {
  animation: suenaga-triangle 0.5s 0.1s ease forwards;
}
section.sec-suenaga.animation div.triangle.triangle05 {
  animation: suenaga-triangle 0.5s 0.3s ease forwards;
}
section.sec-suenaga.animation div.triangle.triangle06 {
  animation: suenaga-triangle 0.5s 0.6s ease forwards;
}
section.sec-suenaga div.sec-suenaga-inner {
  overflow: hidden;
}
section.sec-suenaga h3 {
  position: relative;
  z-index: 2;
  width: 41%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-suenaga h3 {
    width: calc(205 / 1366 * 100vw);
    min-width: 150px;
  }
}
section.sec-suenaga p.suenaga-txt {
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.5em;
  margin-top: calc(62 / 750 * 100vw);
  color: var(--color-sub-txt-v02);
}
@media screen and (min-width: 768px) {
  section.sec-suenaga p.suenaga-txt {
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0.03em;
    font-size: clamp(10px, 18 / 1366 * 100vw, 24px);
    margin-top: 2em;
    color: var(--color-main);
  }
}
section.sec-suenaga .suenaga-img {
  display: block;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 2;
  width: 94.6%;
  margin: calc(62 / 750 * 100vw) auto calc(65 / 750 * 100vw);
  border-radius: calc(10 / 750 * 100vw);
  box-shadow: calc(4 / 750 * 100vw) calc(8 / 750 * 100vw) calc(15 / 750 * 100vw) rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  section.sec-suenaga .suenaga-img {
    width: 80%;
    margin: calc(65 / 1366 * 100vw) auto;
    border-radius: 10px;
    box-shadow: 6px 10px 15px rgba(0, 0, 0, 0.1);
    transform: scale(0);
  }
}
section.sec-suenaga .suenaga-img.animation {
  animation: img-scale 0.8s 0.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-suenaga .suenaga-img.animation img {
  animation: img-scale-in 0.8s 0.2s forwards cubic-bezier(0.47, 0.03, 0.22, 0.91);
}
section.sec-suenaga .suenaga-img img {
  opacity: 0;
  filter: blur(5px);
}
section.sec-suenaga div.triangle {
  position: absolute;
  z-index: 1;
  opacity: 0;
}
section.sec-suenaga div.triangle.triangle01 {
  width: 23.4%;
  top: 2%;
  left: 2%;
}
@media screen and (min-width: 768px) {
  section.sec-suenaga div.triangle.triangle01 {
    width: 20%;
    top: -4%;
    left: 10%;
  }
}
section.sec-suenaga div.triangle.triangle02 {
  width: 25%;
  top: 16%;
  left: -5%;
}
@media screen and (min-width: 768px) {
  section.sec-suenaga div.triangle.triangle02 {
    width: 52%;
    top: 18%;
  }
}
section.sec-suenaga div.triangle.triangle03 {
  width: 21.6%;
  top: 60%;
  left: 0%;
}
@media screen and (min-width: 768px) {
  section.sec-suenaga div.triangle.triangle03 {
    width: 29%;
    top: 72%;
    left: 3%;
  }
}
section.sec-suenaga div.triangle.triangle04 {
  width: 44.4%;
  top: 82%;
  left: calc(18 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-suenaga div.triangle.triangle04 {
    width: 29%;
    top: 8%;
    left: auto;
    right: 0.4%;
  }
}
section.sec-suenaga div.triangle.triangle05 {
  width: 21.6%;
  top: 8.4%;
  right: -9%;
}
@media screen and (min-width: 768px) {
  section.sec-suenaga div.triangle.triangle05 {
    width: 18%;
    top: 48.4%;
    right: -3%;
  }
}
section.sec-suenaga div.triangle.triangle06 {
  width: 8.4%;
  top: 23%;
  right: calc(65 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-suenaga div.triangle.triangle06 {
    width: 24%;
    top: 70.4%;
    right: 0;
  }
}

section.sec-topics {
  background-color: var(--color-main);
  position: relative;
  z-index: 1;
  padding: calc(137 / 750 * 100vw) 0 calc(92 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-topics {
    padding: calc(126 / 1366 * 100vw) 0 0;
  }
}
section.sec-topics div.sec-topics-inner {
  margin: 0 calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-topics div.sec-topics-inner {
    margin: 0 73px;
  }
}
section.sec-topics h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.sec-topics h2 {
    text-align: left;
  }
}
section.sec-topics h2 .large .wrap .img.w01 {
  width: 105%;
  transform: translate(-55%, -50%);
}
section.sec-topics h2 .large .wrap .img.w02 {
  width: 60%;
  transform: translate(-46%, -50%);
}
section.sec-topics h2 .large .wrap .img.w03 {
  width: 75%;
  transform: translate(-50%, -50%);
}
section.sec-topics div.top-cont-title-wrap {
  margin-bottom: calc(45 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-topics div.top-cont-title-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: calc(41 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  section.sec-topics div.top-cont-title-wrap h2.top-cont-title {
    margin-bottom: 1vw;
  }
}
section.sec-topics div.top-cont-title-wrap nav {
  display: flex;
  flex-wrap: wrap;
  font-size: calc(22 / 750 * 100vw);
  -moz-column-gap: calc(7 / 750 * 100vw);
       column-gap: calc(7 / 750 * 100vw);
  row-gap: calc(7 / 750 * 100vw);
  margin-top: calc(86 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  section.sec-topics div.top-cont-title-wrap nav {
    font-size: clamp(0px, 15 / 1366 * 100vw, 1000px);
    margin-top: 0;
    -moz-column-gap: 5px;
         column-gap: 5px;
    row-gap: 5px;
  }
}
section.sec-topics div.top-cont-title-wrap nav button {
  width: 10em;
  line-height: 1.2em;
  display: block;
  color: var(--color-sub-txt-v02);
  background-color: var(--color-light-gray);
  padding: 0.8em 0;
  font-weight: 500;
  border-radius: calc(3 / 750 * 100vw);
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  section.sec-topics div.top-cont-title-wrap nav button {
    width: 10em;
    border-radius: 3px;
    transition: all 0.3s;
  }
  section.sec-topics div.top-cont-title-wrap nav button:hover {
    color: #fff;
    background-color: var(--color-light-green);
  }
}
section.sec-topics div.top-cont-title-wrap nav button.is-active {
  cursor: default;
  background: #fff;
  color: var(--color-main);
}
section.sec-topics ul.news-list {
  display: none;
  flex-wrap: wrap;
  -moz-column-gap: 1.6%;
       column-gap: 1.6%;
}
section.sec-topics ul.news-list.is-active {
  display: flex;
}
@media screen and (min-width: 768px) {
  section.sec-topics ul.news-list.is-active {
    display: block;
  }
}
section.sec-topics ul.news-list li {
  width: 49.2%;
  margin-bottom: 1.6%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  section.sec-topics ul.news-list li {
    width: 100%;
    margin-bottom: 8px;
  }
}
section.sec-topics ul.news-list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: calc(20 / 750 * 100vw);
  margin: 0;
  position: relative;
  gap: 0;
}
@media screen and (min-width: 768px) {
  section.sec-topics ul.news-list li a {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding: 25px;
    height: auto;
  }
}
section.sec-topics ul.news-list li a .news-img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  section.sec-topics ul.news-list li a .news-img {
    width: 21.6%;
  }
}
section.sec-topics ul.news-list li a .news-txt-wrap {
  min-height: calc(246 / 750 * 100vw);
  margin-top: calc(32 / 750 * 100vw);
  width: 100%;
}
@media screen and (min-width: 768px) {
  section.sec-topics ul.news-list li a .news-txt-wrap {
    width: 64%;
    margin-top: 0;
    display: block;
    min-height: auto;
  }
}
@media screen and (min-width: 768px) {
  section.sec-topics ul.news-list li a .news-txt-inner {
    min-height: calc(13vw - 50px);
  }
}
@media screen and (min-width: 1000px) {
  section.sec-topics ul.news-list li a .news-txt-inner {
    min-height: calc(10.6vw - 50px);
  }
}
@media screen and (min-width: 1280px) {
  section.sec-topics ul.news-list li a .news-txt-inner {
    min-height: calc(10.6vw - 50px);
  }
}
section.sec-topics ul.news-list li a .category-txt {
  margin-bottom: 0.4em;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  section.sec-topics ul.news-list li a .category-txt {
    margin-top: 1em;
  }
}
section.sec-topics a.m-btn-base {
  margin: calc(80 / 750 * 100vw) auto 0;
}
@media screen and (min-width: 768px) {
  section.sec-topics a.m-btn-base {
    width: 16.1em;
    margin: calc(50 / 1366 * 100vw) 0 0 auto;
  }
}/*# sourceMappingURL=top.css.map */