@charset "UTF-8";
/* -----------------------
  unity
----------------------- */
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 10%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  line-height: normal;
  color: #222;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.active {
    overflow: hidden;
  }
}

.inner {
  margin-inline: auto;
  width: fit-content;
}

.zen {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
}

.bebas {
  font-family: "Bebas Neue", sans-serif;
  font-style: normal;
}

.orange {
  color: #FF8E2B;
}

.bold {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

.wrapper {
  overflow: hidden;
}

/* ------------------------
  Utility
------------------------ */
.t-just {
  text-align-last: left; /* Chrome・Firefox用 */
  text-align: justify; /* IE・Edge用 */
}

.ta-c {
  text-align: center;
}

.cant-click {
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .fade {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .fade:hover {
    opacity: 0.6;
  }
}

.f-palt {
  font-feature-settings: "palt";
}

.fw-n {
  font-weight: normal;
}

/* -----------------------
  header
----------------------- */
.header {
  padding: min(1.0582010582vw, 12.8px) min(3.9682539683vw, 48px) min(0.7936507937vw, 9.6px);
}
@media screen and (max-width: 767px) {
  .header {
    padding: 2.9333333333vw 2.4vw 1.6vw;
  }
}

/* -----------------------
  footer
----------------------- */
.footer {
  padding-block: min(3.9682539683vw, 48px) min(1.7195767196vw, 20.8px);
}
@media screen and (max-width: 767px) {
  .footer {
    padding-block: 18.6666666667vw 5.3333333333vw;
  }
}
.footer .inner {
  width: min(37.037037037vw, 448px);
}
@media screen and (max-width: 767px) {
  .footer .inner {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .footer .C_logo {
    display: block;
    width: fit-content;
    margin-inline: auto;
  }
}
.footer .C_logo img {
  width: min(6.2169312169vw, 75.2px);
}
@media screen and (max-width: 767px) {
  .footer .C_logo img {
    width: 25.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer-menu {
    margin-top: 16vw;
  }
}
.footer .footer-menu ul {
  display: flex;
  justify-content: center;
  gap: min(1.8518518519vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .footer .footer-menu ul {
    flex-direction: column;
    align-items: center;
    gap: 5.3333333333vw;
  }
}
.footer .footer-menu ul li {
  position: relative;
}
.footer .footer-menu ul li a {
  color: #222;
  font-size: min(0.9259259259vw, 11.2px);
  text-decoration-line: underline;
  text-decoration-thickness: min(0.0661375661vw, 0.8px);
}
@media screen and (max-width: 767px) {
  .footer .footer-menu ul li a {
    font-size: 3.7333333333vw;
    text-decoration-line: underline;
    text-decoration-thickness: 0.2666666667vw;
  }
}
.footer .footer-menu ul li::before {
  content: "";
  position: absolute;
  background: #222;
  top: 65%;
  transform: translateY(-50%);
  width: min(0.0661375661vw, 0.8px);
  height: min(0.9259259259vw, 11.2px);
  right: -0.9259259259vw;
}
@media screen and (min-width: 1512px) {
  .footer .footer-menu ul li::before {
    right: -14px;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer-menu ul li::before {
    content: none;
  }
}
.footer .footer-menu ul li:nth-child(3)::before {
  content: none;
}
.footer .credit {
  display: flex;
  align-items: center;
  border-top: min(0.0661375661vw, 0.8px) solid rgba(34, 34, 34, 0.4);
  gap: min(0.6613756614vw, 8px);
  margin-top: min(1.9841269841vw, 24px);
  padding: min(1.3227513228vw, 16px) min(3.4391534392vw, 41.6px) 0 min(4.6296296296vw, 56px);
}
@media screen and (max-width: 767px) {
  .footer .credit {
    border-top: 0.2666666667vw solid rgba(34, 34, 34, 0.4);
    margin-top: 16vw;
    padding: 5.3333333333vw 1.3333333333vw 0;
  }
}
.footer .credit .textbox {
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .footer .credit .textbox {
    text-align: center;
  }
}
.footer .credit .textbox .TX-top {
  font-size: min(0.7936507937vw, 9.6px);
}
@media screen and (max-width: 767px) {
  .footer .credit .textbox .TX-top {
    font-size: 3.2vw;
  }
}
.footer .credit .textbox .TX-bottom {
  font-weight: 400;
  letter-spacing: min(0.0793650794vw, 0.96px);
  font-size: min(0.7936507937vw, 9.6px);
  margin-top: min(0.3306878307vw, 4px);
}
@media screen and (max-width: 767px) {
  .footer .credit .textbox .TX-bottom {
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
  }
}

/* -----------------------
  mv
----------------------- */
.mv .mv-bg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mv .mv-bg {
    height: 155.2vw;
    overflow: visible;
  }
}
.mv .mv-bg::before, .mv .mv-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: fade 15s infinite;
}
.mv .mv-bg::before {
  background-image: url("../img/mv-bg1.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: top;
}
@media screen and (max-width: 767px) {
  .mv .mv-bg::before {
    background-image: url("../img/mv-bg1-sp.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.mv .mv-bg::after {
  background-image: url("../img/mv-bg2.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: top;
  animation-delay: 7.5s;
}
@media screen and (max-width: 767px) {
  .mv .mv-bg::after {
    background-image: url("../img/mv-bg2-sp.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.mv .mv-content {
  position: relative;
  z-index: 1;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="789" height="897" viewBox="0 0 789 897" fill="none"><path d="M0 0H788.5L402.973 897H0.0521128L0 0Z" fill="url(%23paint0_linear_3966_13013)"/><defs><linearGradient id="paint0_linear_3966_13013" x1="640" y1="448.5" x2="170" y2="448.337" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white" stop-opacity="0.4"/></linearGradient></defs></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(52.1825396825vw, 631.2px);
  height: min(59.3253968254vw, 717.6px);
  padding: min(9.9206349206vw, 120px) min(0vw, 0px) min(7.2751322751vw, 88px) min(5.291005291vw, 64px);
}
@media screen and (max-width: 767px) {
  .mv .mv-content {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="375" height="282" viewBox="0 0 375 282" fill="none"><path d="M0 0L1.53864e-05 282L375 212.808L375 0.0228354L0 0Z" fill="url(%23paint0_linear_3966_8891)"/><defs><linearGradient id="paint0_linear_3966_8891" x1="187.5" y1="280.644" x2="187.425" y2="74.5461" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white" stop-opacity="0.4"/></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 75.2vw;
    padding: 13.3333333333vw 4.8vw 5.3333333333vw 4.8vw;
  }
}
.mv .mv-content .h1 {
  color: #ffffff;
  font-size: min(2.380952381vw, 28.8px);
  letter-spacing: min(0.0707671958vw, 0.856px);
}
@media screen and (max-width: 767px) {
  .mv .mv-content .h1 {
    font-size: 4.2666666667vw;
    letter-spacing: 0.1333333333vw;
  }
}
.mv .mv-content .h1 span {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0% 100%;
  display: inline-block;
  text-align: center;
  width: min(39.880952381vw, 482.4px);
  height: min(3.7037037037vw, 44.8px);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .mv .mv-content .h1 span {
    width: 73.8666666667vw;
    height: 6.9333333333vw;
  }
}
.mv .mv-content .h1 .h1-top {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="603" height="56" viewBox="0 0 603 56" fill="none"><path d="M22.0863 0H602.554L581.58 55.5862H0L22.0863 0Z" fill="%230086BFE5" fill-opacity="0.9"/></svg>');
}
@media screen and (max-width: 767px) {
  .mv .mv-content .h1 .h1-top {
    margin-left: 3.7333333333vw;
  }
}
.mv .mv-content .h1 .h1-bottom {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="603" height="56" viewBox="0 0 603 56" fill="none"><path d="M22.0863 0H602.554L581.58 55.5862H0L22.0863 0Z" fill="%23FF8921E5" fill-opacity="0.9"/></svg>');
  margin: min(0.7936507937vw, 9.6px) 0 0 min(4.7619047619vw, 57.6px);
}
@media screen and (max-width: 767px) {
  .mv .mv-content .h1 .h1-bottom {
    margin: 1.6vw 0 0 8.8vw;
  }
}
.mv .mv-content .h1.show span {
  opacity: 1;
  animation: drawBg 0.8s ease forwards;
}
@keyframes drawBg {
  from {
    background-size: 0% 100%;
  }
  to {
    background-size: 100% 100%;
  }
}
.mv .mv-content .mv-TX {
  line-height: 1.65;
  font-size: min(2.9100529101vw, 35.2px);
  letter-spacing: min(0.085978836vw, 1.04px);
  margin-top: min(2.6455026455vw, 32px);
}
@media screen and (max-width: 767px) {
  .mv .mv-content .mv-TX {
    line-height: 1.3;
    text-align: center;
    font-size: 6.1333333333vw;
    letter-spacing: 0.1866666667vw;
    margin-top: 4.8vw;
  }
}
.mv .mv-content .mv-TX .bg {
  color: #ffffff;
  background: linear-gradient(93deg, #12C1C1 3.17%, #006CB8 96.95%);
  display: inline-block;
  line-height: 1.5;
  padding: 0 min(1.1243386243vw, 13.6px) min(0.3306878307vw, 4px);
  margin-inline: min(0.6613756614vw, 8px);
}
@media screen and (max-width: 767px) {
  .mv .mv-content .mv-TX .bg {
    padding: 0 2.4vw 0.8vw;
    margin-inline: 1.6vw;
  }
}
.mv .mv-content .mv-TX .TX-main {
  background: linear-gradient(93deg, #12C1C1 3.17%, #006CB8 96.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.92;
  font-size: min(5.5555555556vw, 67.2px);
}
@media screen and (max-width: 767px) {
  .mv .mv-content .mv-TX .TX-main {
    font-size: 11.7333333333vw;
    letter-spacing: -0.48vw;
  }
}
.mv .mv-content .C_CTA {
  margin-top: min(5.291005291vw, 64px);
}
@media screen and (max-width: 767px) {
  .mv .mv-content .C_CTA {
    position: absolute;
    width: 100%;
    bottom: -117.6vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
}

/* -----------------------
  map
----------------------- */
.load-map {
  background-image: url("../img/map-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 170%;
  padding-block: min(7.9365079365vw, 96px);
}
@media screen and (max-width: 767px) {
  .load-map {
    position: relative;
    z-index: 0;
    background-image: url("../img/map-bg-sp.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: 58.9333333333vw 21.3333333333vw;
  }
}
.load-map .inner {
  width: min(79.3650793651vw, 960px);
}
@media screen and (max-width: 767px) {
  .load-map .inner {
    width: 89.3333333333vw;
  }
}
.load-map .TL-topBox {
  display: flex;
  justify-content: center;
  gap: min(1.3227513228vw, 16px);
}
@media screen and (max-width: 767px) {
  .load-map .TL-topBox {
    flex-direction: column;
    align-items: center;
  }
}
.load-map .TL-topBox .TL-bubble {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="130" height="59" viewBox="0 0 130 59" fill="none"><path d="M65 59L56.3398 50H4C1.79086 50 0 48.2091 0 46V4C0 1.79086 1.79086 2.0133e-09 4 0H126C128.209 0 130 1.79086 130 4V46C130 48.2091 128.209 50 126 50H73.6602L65 59Z" fill="%23FF8E2B"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 130/59;
  width: min(8.5978835979vw, 104px);
  padding: min(0.3306878307vw, 4px) 0 0 min(0.6613756614vw, 8px);
}
@media screen and (max-width: 767px) {
  .load-map .TL-topBox .TL-bubble {
    width: 17.0666666667vw;
    padding: 0.8vw 0 0 1.3333333333vw;
  }
}
.load-map .TL-topBox .TL-bubble-TX {
  color: #fff3e4;
  white-space: nowrap;
  line-height: 1;
  font-size: min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .load-map .TL-topBox .TL-bubble-TX {
    font-size: 3.7333333333vw;
  }
}
.load-map .TL-topBox .TL-bubble-TX .big {
  position: relative;
  font-size: min(2.380952381vw, 28.8px);
  left: -0.3306878307vw;
  top: min(0.1984126984vw, 2.4px);
}
@media screen and (min-width: 1512px) {
  .load-map .TL-topBox .TL-bubble-TX .big {
    left: -5px;
  }
}
@media screen and (max-width: 767px) {
  .load-map .TL-topBox .TL-bubble-TX .big {
    font-size: 4.5333333333vw;
    top: 0.2666666667vw;
  }
}
.load-map .TL-topBox .TX {
  position: relative;
  font-size: min(1.9841269841vw, 24px);
  padding-inline: min(1.9841269841vw, 24px) min(1.0582010582vw, 12.8px);
}
@media screen and (max-width: 767px) {
  .load-map .TL-topBox .TX {
    font-size: 4.2666666667vw;
    padding-inline: 5.3333333333vw 2.9333333333vw;
  }
}
.load-map .TL-topBox .TX::before, .load-map .TL-topBox .TX::after {
  content: "";
  position: absolute;
  width: min(2.9100529101vw, 35.2px);
  height: min(0.1984126984vw, 2.4px);
  background: #222;
  top: 35%;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  .load-map .TL-topBox .TX::before, .load-map .TL-topBox .TX::after {
    top: 50%;
    width: 6.3466666667vw;
    height: 0.4266666667vw;
  }
}
.load-map .TL-topBox .TX::before {
  transform: translateY(-50%) rotate(75deg);
  left: 0;
}
.load-map .TL-topBox .TX::after {
  transform: translateY(-50%) rotate(-75deg);
  right: 0;
}
.load-map .TL {
  text-align: center;
  line-height: 1;
  font-size: min(3.0423280423vw, 36.8px);
}
@media screen and (max-width: 767px) {
  .load-map .TL {
    font-size: 5.8666666667vw;
  }
}
.load-map .TL .big {
  font-size: min(3.835978836vw, 46.4px);
}
@media screen and (max-width: 767px) {
  .load-map .TL .big {
    font-size: 7.4666666667vw;
  }
}
.load-map .load-map-list {
  display: flex;
  gap: min(1.0582010582vw, 12.8px);
  margin-top: min(3.9682539683vw, 48px);
}
@media screen and (max-width: 767px) {
  .load-map .load-map-list {
    flex-direction: column;
    gap: 4.2666666667vw;
    margin-top: 10.6666666667vw;
  }
}
.load-map .load-map-list li {
  border-radius: min(0.3968253968vw, 4.8px);
  padding: min(0.6613756614vw, 8px) min(0.6613756614vw, 8px) min(2.380952381vw, 28.8px);
  width: min(19.0476190476vw, 230.4px);
}
@media screen and (max-width: 767px) {
  .load-map .load-map-list li {
    display: flex;
    align-items: center;
    gap: 4.2666666667vw;
    border-radius: 1.6vw;
    padding: 2.6666666667vw;
    width: 100%;
  }
}
.load-map .load-map-list li .img {
  aspect-ratio: 268/240;
  border-radius: min(0.3968253968vw, 4.8px);
}
@media screen and (max-width: 767px) {
  .load-map .load-map-list li .img {
    border-radius: 1.3333333333vw;
    width: 38.1333333333vw;
  }
}
.load-map .load-map-list li .textbox {
  color: #ffffff;
  line-height: 1.6;
  text-align: center;
  margin-top: min(2.380952381vw, 28.8px);
}
@media screen and (max-width: 767px) {
  .load-map .load-map-list li .textbox {
    text-align: left;
    margin-top: 0;
  }
}
.load-map .load-map-list li .textbox .TL {
  font-size: min(1.9841269841vw, 24px);
  letter-spacing: min(0.7936507937vw, 9.6px);
}
@media screen and (max-width: 767px) {
  .load-map .load-map-list li .textbox .TL {
    text-align: left;
    font-size: 5.3333333333vw;
    line-height: 1.6;
    letter-spacing: 0.16vw;
  }
}
.load-map .load-map-list li .textbox .TX {
  font-size: min(1.1904761905vw, 14.4px);
  margin-top: min(0.6613756614vw, 8px);
}
@media screen and (max-width: 767px) {
  .load-map .load-map-list li .textbox .TX {
    font-size: 3.7333333333vw;
    line-height: 1.3;
    letter-spacing: 0.1066666667vw;
  }
}
.load-map .load-map-list li.item01 {
  background: #ff8c8c;
}
.load-map .load-map-list li.item01 .img {
  background-image: url("../img/map01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.load-map .load-map-list li.item01 .textbox .TL {
  letter-spacing: min(0.0595238095vw, 0.72px);
}
.load-map .load-map-list li.item02 {
  background: #ffc13c;
}
.load-map .load-map-list li.item02 .img {
  background-image: url("../img/map02.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.load-map .load-map-list li.item03 {
  background: #4dd9b2;
}
.load-map .load-map-list li.item03 .img {
  background-image: url("../img/map03.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.load-map .load-map-list li.item04 {
  background: #1995ed;
}
.load-map .load-map-list li.item04 .img {
  background-image: url("../img/map04.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* -----------------------
  about
----------------------- */
.about-top {
  position: relative;
  background: #fff3e4;
  padding-block: min(7.9365079365vw, 96px) min(25.1984126984vw, 304.8px);
}
@media screen and (max-width: 767px) {
  .about-top {
    padding-block: 21.3333333333vw 43.7333333333vw;
  }
}
.about-top .inner {
  width: min(71.4285714286vw, 864px);
}
@media screen and (max-width: 767px) {
  .about-top .inner {
    width: 89.3333333333vw;
  }
}
.about-top .C_logo {
  width: fit-content;
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .about-top .C_logo img {
    width: 38.1333333333vw;
  }
}
.about-top .about-deco {
  background-image: url("../img/about-deco.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 684/178;
  width: min(45.2380952381vw, 547.2px);
  margin: min(1.1904761905vw, 14.4px) auto 0;
}
@media screen and (max-width: 767px) {
  .about-top .about-deco {
    width: 95.7333333333vw;
  }
}
.about-top .TL {
  text-align: center;
  font-size: min(3.3068783069vw, 40px);
  margin-top: min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .about-top .TL {
    line-height: 1.2;
    font-size: 6.1333333333vw;
    margin-top: 8vw;
  }
}
.about-top .TL .big {
  font-size: min(3.9682539683vw, 48px);
}
@media screen and (max-width: 767px) {
  .about-top .TL .big {
    font-size: 7.4666666667vw;
  }
}
.about-top .textbox {
  margin-top: min(3.9682539683vw, 48px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .about-top .textbox {
    margin-top: 8vw;
  }
}
.about-top .textbox .TX-top {
  font-size: min(1.5873015873vw, 19.2px);
  line-height: 1.4;
  letter-spacing: min(0.0952380952vw, 1.152px);
}
@media screen and (max-width: 767px) {
  .about-top .textbox .TX-top {
    font-size: 4.8vw;
    line-height: 1.6;
    letter-spacing: 0.144vw;
  }
}
.about-top .textbox .TX-main {
  margin-top: min(0.6613756614vw, 8px);
  font-size: min(1.5873015873vw, 19.2px);
}
@media screen and (max-width: 767px) {
  .about-top .textbox .TX-main {
    font-size: 4.8vw;
    margin-top: 4.2666666667vw;
  }
}
.about-top .textbox .TX-main .big {
  background: linear-gradient(90deg, #FFA185 0%, #FF5D60 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: min(2.6455026455vw, 32px);
  line-height: 1.4;
  letter-spacing: min(0.1587301587vw, 1.92px);
}
@media screen and (max-width: 767px) {
  .about-top .textbox .TX-main .big {
    font-size: 5.8666666667vw;
    letter-spacing: 0.16vw;
    line-height: 1.6;
  }
}
.about-top .textbox .TX-bottom {
  margin-top: min(2.6455026455vw, 32px);
  font-size: min(1.1904761905vw, 14.4px);
  line-height: 1.8;
  letter-spacing: min(0.0714285714vw, 0.864px);
}
@media screen and (max-width: 767px) {
  .about-top .textbox .TX-bottom {
    font-size: 4.2666666667vw;
    line-height: 1.8;
    letter-spacing: 0.128vw;
    text-align: left;
  }
}
.about-top .slider {
  position: absolute;
  z-index: 10;
  bottom: -7.2751322751vw;
}
@media screen and (min-width: 1512px) {
  .about-top .slider {
    bottom: -110px;
  }
}
@media screen and (max-width: 767px) {
  .about-top .slider {
    bottom: -24vw;
  }
}
.about-top .slider-item {
  display: flex;
  align-items: start;
  gap: min(8.2010582011vw, 99.2px);
  animation: sliderLoop 25s linear infinite;
}
@media screen and (max-width: 767px) {
  .about-top .slider-item {
    gap: 8vw;
  }
}
.about-top .slider-item-img {
  position: relative;
}
.about-top .slider-item-img.img01 {
  background-image: url("../img/slide01.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 280/280;
  width: min(18.5185185185vw, 224px);
  margin-top: min(5.5555555556vw, 67.2px);
}
@media screen and (max-width: 767px) {
  .about-top .slider-item-img.img01 {
    width: 34.4vw;
    margin-top: 10.1333333333vw;
  }
}
.about-top .slider-item-img.img01::before {
  content: "";
  background-image: url("../img/about-img01.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  position: absolute;
  aspect-ratio: 261/211;
  width: min(17.2619047619vw, 208.8px);
  bottom: min(14.6825396825vw, 177.6px);
  left: min(4.9603174603vw, 60px);
}
@media screen and (max-width: 767px) {
  .about-top .slider-item-img.img01::before {
    bottom: 27.4666666667vw;
    left: 9.0666666667vw;
    width: 32.2666666667vw;
  }
}
.about-top .slider-item-img.img02 {
  background-image: url("../img/slide02.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 450/300;
  width: min(29.7619047619vw, 360px);
}
@media screen and (max-width: 767px) {
  .about-top .slider-item-img.img02 {
    width: 55.4666666667vw;
  }
}
.about-top .slider-item-img.img02::before {
  content: "";
  background-image: url("../img/about-img02.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  aspect-ratio: 468/332;
  width: min(30.9523809524vw, 374.4px);
  top: min(10.5158730159vw, 127.2px);
  left: min(8.7962962963vw, 106.4px);
}
@media screen and (max-width: 767px) {
  .about-top .slider-item-img.img02::before {
    top: 19.4666666667vw;
    left: 16.5333333333vw;
    width: 57.8666666667vw;
  }
}
.about-top .slider-item-img.img03 {
  background-image: url("../img/slide03.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 284/357;
  width: min(18.7830687831vw, 227.2px);
  margin-top: min(2.380952381vw, 28.8px);
}
@media screen and (max-width: 767px) {
  .about-top .slider-item-img.img03 {
    width: 34.9333333333vw;
    margin-top: 4.2666666667vw;
  }
}
.about-top .slider-item-img.img04 {
  background-image: url("../img/slide04.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 386/257;
  width: min(25.5291005291vw, 308.8px);
  margin-top: min(5.6878306878vw, 68.8px);
}
@media screen and (max-width: 767px) {
  .about-top .slider-item-img.img04 {
    width: 47.4666666667vw;
    margin-top: 10.4vw;
  }
}
.about-top .slider-item-img.img04::before {
  content: "";
  position: absolute;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: rgba(255, 142, 43, 0.3);
  z-index: 1;
  width: min(11.9708994709vw, 144.8px);
  bottom: min(12.1693121693vw, 147.2px);
  right: min(17.2619047619vw, 208.8px);
}
@media screen and (max-width: 767px) {
  .about-top .slider-item-img.img04::before {
    width: 22.1333333333vw;
    bottom: 22.6666666667vw;
    right: 32.2666666667vw;
  }
}
@keyframes sliderLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - min(2.3148148148vw, 28px)));
  }
}
@media screen and (max-width: 767px) {
  @keyframes sliderLoop {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-50% - 4vw));
    }
  }
}

.about-bottom {
  padding-block: min(22.5529100529vw, 272.8px) min(9.2592592593vw, 112px);
}
@media screen and (max-width: 767px) {
  .about-bottom {
    padding-block: 56vw 21.3333333333vw;
  }
}
.about-bottom .inner {
  display: flex;
  gap: min(5.4232804233vw, 65.6px);
  width: min(66.1375661376vw, 800px);
}
@media screen and (max-width: 767px) {
  .about-bottom .inner {
    flex-direction: column;
    gap: 8vw;
    width: 89.3333333333vw;
  }
}
.about-bottom .about-bottom-content .TL {
  font-size: min(1.9841269841vw, 24px);
  line-height: 1.1;
  letter-spacing: min(0.119047619vw, 1.44px);
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-content .TL {
    line-height: 1.75;
    font-size: 5.3333333333vw;
    letter-spacing: 0.32vw;
  }
}
.about-bottom .about-bottom-content .TL .big {
  background: linear-gradient(90deg, #FFA185 0%, #FF5D60 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.6;
  font-size: min(2.6455026455vw, 32px);
  letter-spacing: min(0.0793650794vw, 0.96px);
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-content .TL .big {
    line-height: 1.3;
    font-size: 8vw;
    letter-spacing: 0.24vw;
  }
}
.about-bottom .about-bottom-content .img-box {
  position: relative;
}
.about-bottom .about-bottom-content .img-box .img {
  background-image: url("../img/about-bottom-img.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 287/170;
  width: min(18.9814814815vw, 229.6px);
  margin: min(4.6296296296vw, 56px) 0 0 min(8.664021164vw, 104.8px);
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-content .img-box .img {
    width: 67.2vw;
    margin: 33.8666666667vw 0 0 auto;
  }
}
.about-bottom .about-bottom-content .img-box .TX-wrap {
  width: fit-content;
  background: #ffffff;
  position: absolute;
  padding: min(1.3227513228vw, 16px) min(1.5873015873vw, 19.2px);
  border-radius: min(0.6613756614vw, 8px);
  box-shadow: 0 0 min(0.6613756614vw, 8px) 0 rgba(0, 0, 0, 0.15);
  top: -1.3888888889vw;
  left: -2.380952381vw;
}
@media screen and (min-width: 1512px) {
  .about-bottom .about-bottom-content .img-box .TX-wrap {
    top: -21px;
    left: -36px;
  }
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-content .img-box .TX-wrap {
    padding: 4vw;
    border-radius: 1.6vw;
    box-shadow: 0 0 2.6666666667vw 0 rgba(0, 0, 0, 0.15);
    top: -25.3333333333vw;
    left: 10.6666666667vw;
  }
}
.about-bottom .about-bottom-content .img-box .TX-wrap .TX {
  font-size: min(1.0582010582vw, 12.8px);
  line-height: 1.4;
  letter-spacing: min(0.0634920635vw, 0.768px);
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-content .img-box .TX-wrap .TX {
    font-size: 3.7333333333vw;
    letter-spacing: 0.112vw;
  }
}
.about-bottom .about-bottom-content .img-box .TX-wrap.wrap02 {
  top: auto;
  bottom: min(0.6613756614vw, 8px);
  left: -4.5634920635vw;
}
@media screen and (min-width: 1512px) {
  .about-bottom .about-bottom-content .img-box .TX-wrap.wrap02 {
    left: -69px;
  }
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-content .img-box .TX-wrap.wrap02 {
    padding-block: 3.4666666667vw;
    bottom: 30.6666666667vw;
    left: 2.6666666667vw;
  }
}
.about-bottom .about-bottom-textbox .TX-top {
  font-size: min(1.1904761905vw, 14.4px);
  line-height: 1.8;
  letter-spacing: min(0.0714285714vw, 0.864px);
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-textbox .TX-top {
    font-size: 3.7333333333vw;
    letter-spacing: 0.112vw;
  }
}
.about-bottom .about-bottom-textbox .TX-main {
  margin-top: min(1.6534391534vw, 20px);
  font-size: min(1.0582010582vw, 12.8px);
  line-height: 1.8;
  letter-spacing: min(0.0634920635vw, 0.768px);
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-textbox .TX-main {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.112vw;
  }
}
.about-bottom .about-bottom-textbox .TX-bottom {
  margin-top: min(1.6534391534vw, 20px);
  font-size: min(1.0582010582vw, 12.8px);
  line-height: 1.8;
  letter-spacing: min(0.0634920635vw, 0.768px);
}
@media screen and (max-width: 767px) {
  .about-bottom .about-bottom-textbox .TX-bottom {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.112vw;
  }
}

/* -----------------------
  merit
----------------------- */
.merit {
  background-image: url("../img/merit-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-block: min(9.5238095238vw, 115.2px) min(8.5978835979vw, 104px);
}
@media screen and (max-width: 767px) {
  .merit {
    padding-block: 21.3333333333vw;
  }
}
.merit .TL {
  text-align: center;
  color: #ffffff;
  font-size: min(2.6455026455vw, 32px);
}
@media screen and (max-width: 767px) {
  .merit .TL {
    line-height: 1.7;
    font-size: 6.4vw;
  }
}
.merit .TL .big {
  font-size: min(3.0423280423vw, 36.8px);
}
@media screen and (max-width: 767px) {
  .merit .TL .big {
    font-size: 6.4vw;
  }
}
.merit .TL .C_dot::before {
  background: #ffffff;
}
@media screen and (max-width: 767px) {
  .merit .TL .C_dot::before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    top: 0vw;
  }
}
.merit .inner {
  width: min(58.2010582011vw, 704px);
}
@media screen and (max-width: 767px) {
  .merit .inner {
    width: 89.3333333333vw;
  }
}
.merit .merit-item {
  display: flex;
  color: #ffffff;
  margin-top: min(3.3068783069vw, 40px);
  gap: min(3.9682539683vw, 48px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item {
    flex-direction: column;
    margin-top: 8vw;
    gap: 10.6666666667vw;
  }
}
.merit .merit-item-img {
  background-image: url("../img/merit-img.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(26.2566137566vw, 317.6px);
  height: min(17.8571428571vw, 216px);
  border-radius: min(0.6613756614vw, 8px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item-img {
    background-position: 0% 40%;
    width: 89.3333333333vw;
    height: 51.4666666667vw;
    border-radius: 2.6666666667vw;
  }
}
.merit .merit-item .textbox .TL-bg {
  background: linear-gradient(90deg, #FFA185 0%, #FF5D60 100%);
  width: fit-content;
  padding: min(0.6613756614vw, 8px) min(0.5291005291vw, 6.4px) min(0.6613756614vw, 8px) min(0.9920634921vw, 12px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item .textbox .TL-bg {
    padding: 1.3333333333vw 3.2vw 1.3333333333vw 5.0666666667vw;
    margin-inline: auto;
  }
}
.merit .merit-item .textbox .TL-bg .TX {
  font-size: min(1.7195767196vw, 20.8px);
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .merit .merit-item .textbox .TL-bg .TX {
    font-size: 4.8vw;
  }
}
.merit .merit-item .textbox .TL {
  text-align: left;
  font-size: min(1.7195767196vw, 20.8px);
  line-height: 1.3;
  margin-top: min(0.3306878307vw, 4px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item .textbox .TL {
    font-size: 4.8vw;
    text-align: center;
    margin-top: 1.3333333333vw;
  }
}
.merit .merit-item-list {
  margin-top: min(1.9841269841vw, 24px);
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: min(0.9920634921vw, 12px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item-list {
    width: 80vw;
    margin: 8vw auto 0;
    gap: 3.7333333333vw;
  }
}
.merit .merit-item-list li {
  display: flex;
  gap: min(0.5291005291vw, 6.4px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item-list li {
    gap: 2.1333333333vw;
  }
}
.merit .merit-item-list li .icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><rect x="1.47987" y="6.19374" width="13.0498" height="13.0498" stroke="white" stroke-width="1.44997"/><path d="M16.9114 5.57054L6.65849 15.8234L1.08795 10.2529" stroke="%23FF6162" stroke-width="2.17496" stroke-linecap="round"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 18/20;
  width: min(1.1904761905vw, 14.4px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item-list li .icon {
    width: 4.8vw;
  }
}
.merit .merit-item-list li .TX {
  font-size: min(1.1904761905vw, 14.4px);
  line-height: 1.3;
  letter-spacing: min(0.0330687831vw, 0.4px);
}
@media screen and (max-width: 767px) {
  .merit .merit-item-list li .TX {
    margin-top: 1.3333333333vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.128vw;
  }
}

/* -----------------------
  feature
----------------------- */
.feature {
  background: #fff3e4;
  padding-block: min(14.5502645503vw, 176px) min(9.2592592593vw, 112px);
}
@media screen and (max-width: 767px) {
  .feature {
    padding-block: 28.5333333333vw 21.3333333333vw;
  }
}
.feature .inner {
  width: min(79.3650793651vw, 960px);
}
@media screen and (max-width: 767px) {
  .feature .inner {
    width: 89.3333333333vw;
  }
}
.feature .TL-top {
  position: relative;
  width: fit-content;
  margin-inline: auto;
  font-size: min(1.9841269841vw, 24px);
  line-height: 2.3;
}
@media screen and (max-width: 767px) {
  .feature .TL-top {
    text-align: center;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .feature .TL-top .sp-bold {
    font-weight: 700;
  }
}
.feature .TL-top::before {
  content: "なぜ、";
  position: absolute;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90" fill="none"><path d="M45 0C69.8528 0 90 20.1472 90 45C90 53.3501 87.7227 61.1671 83.7598 67.8691L89.5771 89.5771L67.8691 83.7598C61.1671 87.7227 53.3501 90 45 90C20.1472 90 0 69.8528 0 45C0 20.1472 20.1472 0 45 0Z" fill="%23FF8E2B"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1/1;
  color: #ffffff;
  font-size: min(1.9841269841vw, 24px);
  padding: min(1.3227513228vw, 16px) 0 0 min(0.9920634921vw, 12px);
  max-width: min(5.9523809524vw, 72px);
  top: -4.6296296296vw;
  left: -7.2751322751vw;
  transform-origin: 50% 100%;
  animation: wobble 1.5s ease-in-out infinite;
}
@keyframes wobble {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@media screen and (min-width: 1512px) {
  .feature .TL-top::before {
    top: -70px;
    left: -110px;
  }
}
@media screen and (max-width: 767px) {
  .feature .TL-top::before {
    font-size: 4.2666666667vw;
    max-width: 15.7333333333vw;
    padding: 5.3333333333vw 0 0 2.6666666667vw;
    top: -12vw;
    left: -2.6666666667vw;
  }
}
.feature .TL {
  text-align: center;
  line-height: 0.9;
  font-size: min(3.3068783069vw, 40px);
}
@media screen and (max-width: 767px) {
  .feature .TL {
    line-height: 1.5;
    font-size: 5.6vw;
  }
}
.feature .TL .big {
  font-size: min(3.9682539683vw, 48px);
}
@media screen and (max-width: 767px) {
  .feature .TL .big {
    font-size: 7.92vw;
  }
}
.feature .TL .number {
  font-size: min(4.6296296296vw, 56px);
}
@media screen and (max-width: 767px) {
  .feature .TL .number {
    font-size: 10.2666666667vw;
  }
}
.feature .feature-item {
  margin-top: min(5.291005291vw, 64px);
  display: flex;
  flex-direction: column;
  gap: min(2.6455026455vw, 32px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item {
    margin-top: 10.6666666667vw;
    gap: 10.6666666667vw;
  }
}
.feature .feature-item li {
  background: #ffffff;
  display: flex;
  align-items: end;
  gap: min(3.9682539683vw, 48px);
  border-radius: min(0.6613756614vw, 8px);
  padding: min(3.3068783069vw, 40px) min(3.835978836vw, 46.4px) min(3.9682539683vw, 48px) min(5.291005291vw, 64px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li {
    flex-direction: column-reverse;
    align-items: unset;
    justify-content: center;
    border-radius: 2.6666666667vw;
    padding: 8vw 3.4666666667vw 8vw 4vw;
  }
}
.feature .feature-item li .textbox .TL-bebas {
  font-size: min(3.835978836vw, 46.4px);
  letter-spacing: min(0.1322751323vw, 1.6px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li .textbox .TL-bebas {
    font-size: 10.4vw;
    letter-spacing: 0.5333333333vw;
  }
}
.feature .feature-item li .textbox .h3 {
  font-size: min(1.9841269841vw, 24px);
  line-height: 1.8;
  letter-spacing: min(0.0595238095vw, 0.72px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li .textbox .h3 {
    line-height: 1.6;
    font-size: 5.3333333333vw;
    letter-spacing: 0.16vw;
  }
}
.feature .feature-item li .textbox .h3 .bg {
  color: #ffffff;
  padding: min(0.2645502646vw, 3.2px) min(1.0582010582vw, 12.8px);
  margin-right: min(0.3306878307vw, 4px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li .textbox .h3 .bg {
    padding: 0.8vw 2.4vw;
    margin-right: 1.0666666667vw;
  }
}
.feature .feature-item li .textbox .TX {
  font-size: min(1.0582010582vw, 12.8px);
  line-height: 1.8;
  width: min(34.3915343915vw, 416px);
  margin-top: min(1.3227513228vw, 16px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li .textbox .TX {
    line-height: 1.6;
    font-size: 3.7333333333vw;
    width: auto;
    margin-top: 3.4666666667vw;
  }
}
.feature .feature-item li .textbox .dot-list {
  line-height: 1.8;
  font-size: min(1.1904761905vw, 14.4px);
  letter-spacing: min(0.0357142857vw, 0.432px);
  margin-top: min(1.3227513228vw, 16px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li .textbox .dot-list {
    line-height: 1.6;
    font-size: 4vw;
    letter-spacing: 0.096vw;
    margin-top: 3.4666666667vw;
  }
}
.feature .feature-item li .img-box {
  width: min(33.0687830688vw, 400px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li .img-box {
    width: 100%;
  }
}
.feature .feature-item li .img-box .img {
  margin-inline: auto;
}
.feature .feature-item li.item01 {
  border-left: min(0.6613756614vw, 8px) solid #ff8c8c;
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item01 {
    border-left: 3.2vw solid #ff8c8c;
  }
}
.feature .feature-item li.item01 .TL-bebas {
  color: rgba(255, 140, 140, 0.5);
}
.feature .feature-item li.item01 .h3 .bg {
  background: #ff8c8c;
}
.feature .feature-item li.item01 .img {
  background-image: url("../img/feature01.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 500/280;
  width: min(33.0687830688vw, 400px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item01 .img {
    width: 69.3333333333vw;
  }
}
.feature .feature-item li.item02 {
  border-left: min(0.6613756614vw, 8px) solid #ffc13c;
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item02 {
    border-left: 3.2vw solid #ffc13c;
  }
}
.feature .feature-item li.item02 .TL-bebas {
  color: rgba(255, 193, 60, 0.5);
}
.feature .feature-item li.item02 .h3 .bg {
  background: #ffc13c;
}
.feature .feature-item li.item02 .img {
  background-image: url("../img/feature02.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 500/310;
  width: min(33.0687830688vw, 400px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item02 .img {
    width: 69.3333333333vw;
  }
}
.feature .feature-item li.item03 {
  border-left: min(0.6613756614vw, 8px) solid #4dd9b2;
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item03 {
    border-left: 3.2vw solid #4dd9b2;
  }
}
.feature .feature-item li.item03 .TL-bebas {
  color: rgba(77, 217, 178, 0.5);
}
.feature .feature-item li.item03 .h3 .bg {
  background: #4dd9b2;
}
.feature .feature-item li.item03 .img {
  background-image: url("../img/feature03.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 310/310;
  width: min(20.5026455026vw, 248px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item03 .img {
    width: 42.9333333333vw;
  }
}
.feature .feature-item li.item04 {
  border-left: min(0.6613756614vw, 8px) solid #1995ed;
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item04 {
    border-left: 3.2vw solid #1995ed;
  }
}
.feature .feature-item li.item04 .TL-bebas {
  color: rgba(25, 149, 237, 0.5);
}
.feature .feature-item li.item04 .h3 .bg {
  background: #1995ed;
}
.feature .feature-item li.item04 .img {
  background-image: url("../img/feature04.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 500/261;
  width: min(33.0687830688vw, 400px);
}
@media screen and (max-width: 767px) {
  .feature .feature-item li.item04 .img {
    width: 69.3333333333vw;
  }
}

/* -----------------------
  plan
----------------------- */
.plan {
  position: relative;
  padding-block: min(9.2592592593vw, 112px) min(9.2592592593vw, 112px);
}
@media screen and (max-width: 767px) {
  .plan {
    padding-block: 21.3333333333vw 21.3333333333vw;
  }
}
.plan .inner {
  width: min(79.3650793651vw, 960px);
}
@media screen and (max-width: 767px) {
  .plan .inner {
    width: 100%;
  }
}
.plan .TL-box {
  text-align: center;
}
.plan .TL-box .TL-top {
  font-size: min(1.9841269841vw, 24px);
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .plan .TL-box .TL-top {
    font-size: 4.2666666667vw;
  }
}
.plan .TL-box .TL {
  font-size: min(3.3068783069vw, 40px);
}
@media screen and (max-width: 767px) {
  .plan .TL-box .TL {
    line-height: 1.1;
    font-size: 6.4vw;
    margin-top: 2.1333333333vw;
  }
}
.plan .TL-box .TL .big {
  font-size: min(3.9682539683vw, 48px);
}
@media screen and (max-width: 767px) {
  .plan .TL-box .TL .big {
    font-size: 9.0666666667vw;
  }
}
.plan .TL-box .TL .number {
  font-size: min(4.6296296296vw, 56px);
}
@media screen and (max-width: 767px) {
  .plan .TL-box .TL .number {
    font-size: 11.7333333333vw;
  }
}
.plan .plan-list {
  display: flex;
  gap: min(1.9841269841vw, 24px);
  margin-top: min(7.9365079365vw, 96px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list {
    flex-direction: column;
    width: fit-content;
    gap: 8vw;
    margin: 10.6666666667vw auto 0;
  }
}
.plan .plan-list li {
  background: #ffffff;
  width: min(25.1322751323vw, 304px);
  border-radius: min(0.6613756614vw, 8px);
  box-shadow: 0 0 min(0.5291005291vw, 6.4px) 0 rgba(66, 66, 66, 0.25);
  padding: min(1.9841269841vw, 24px) min(1.3227513228vw, 16px);
  border-top: min(0.6613756614vw, 8px) solid #1995ed;
}
@media screen and (max-width: 767px) {
  .plan .plan-list li {
    width: 89.3333333333vw;
    border-radius: 1.6vw;
    box-shadow: 0 0 2.1333333333vw 0 rgba(66, 66, 66, 0.25);
    padding: 5.3333333333vw 4.2666666667vw;
    border-top: none;
    border-left: 2.6666666667vw solid #1995ed;
  }
}
.plan .plan-list li.standard {
  position: relative;
  background: linear-gradient(180deg, #fff9f4 0%, #ffeac2 100%);
}
.plan .plan-list li.standard::before {
  content: "おすすめ";
  position: absolute;
  border-radius: 50%;
  background: #ff6162;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: scale(2) rotate(-7deg);
  transform-origin: 50% 50%;
  color: #fff;
  font-size: min(1.3227513228vw, 16px);
  aspect-ratio: 1/1;
  width: min(5.9523809524vw, 72px);
  top: -3.3068783069vw;
  left: min(0.9920634921vw, 12px);
}
@media screen and (min-width: 1512px) {
  .plan .plan-list li.standard::before {
    top: -50px;
  }
}
@media screen and (max-width: 767px) {
  .plan .plan-list li.standard::before {
    font-size: 3.2vw;
    width: 14.6666666667vw;
    top: -8vw;
    left: 4.8vw;
  }
}
.plan .plan-list li.standard.show::before {
  animation: stamp 0.5s cubic-bezier(0.2, 0.8, 0.3, 1.2) forwards;
}
@keyframes stamp {
  0% {
    opacity: 0;
    transform: scale(2.2) rotate(-7deg);
  }
  60% {
    opacity: 1;
    transform: scale(0.85) rotate(-7deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(-7deg);
  }
}
.plan .plan-list-TLbox {
  position: relative;
  text-align: center;
  padding-bottom: min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-TLbox {
    padding-bottom: 5.3333333333vw;
  }
}
.plan .plan-list-TLbox .TL-top {
  color: #1995ed;
  font-size: min(0.7936507937vw, 9.6px);
  letter-spacing: min(0.0462962963vw, 0.56px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-TLbox .TL-top {
    font-size: 3.2vw;
    letter-spacing: 0.192vw;
  }
}
.plan .plan-list-TLbox .h3 {
  font-size: min(2.1164021164vw, 25.6px);
  margin-top: min(0.3306878307vw, 4px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-TLbox .h3 {
    font-size: 4.8vw;
    margin-top: 2.6666666667vw;
  }
}
.plan .plan-list-TLbox::before {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: #FF8E2B;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: min(3.9682539683vw, 48px);
  height: min(0.2645502646vw, 3.2px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-TLbox::before {
    width: 16vw;
    height: 1.0666666667vw;
  }
}
.plan .plan-list .main-TX {
  margin-top: min(1.9841269841vw, 24px);
  line-height: 1.8;
  font-size: min(1.0582010582vw, 12.8px);
  letter-spacing: min(0.0330687831vw, 0.4px);
  height: min(11.1111111111vw, 134.4px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list .main-TX {
    margin-top: 5.3333333333vw;
    line-height: 1.8;
    font-size: 3.7333333333vw;
    height: unset;
  }
}
.plan .plan-list-bottom {
  padding-top: min(1.3227513228vw, 16px);
  border-top: min(0.0661375661vw, 0.8px) solid #d9d9d9;
}
@media screen and (max-width: 767px) {
  .plan .plan-list-bottom {
    padding-top: 2.6666666667vw;
    border-top: 0.2666666667vw solid #d9d9d9;
    margin-top: 5.3333333333vw;
  }
}
.plan .plan-list-bottom .TX {
  text-align: center;
  font-size: min(1.5873015873vw, 19.2px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-bottom .TX {
    font-size: 4.2666666667vw;
  }
}
.plan .plan-list-bottom .TX .big {
  position: relative;
  top: min(0.1984126984vw, 2.4px);
  font-size: min(2.380952381vw, 28.8px);
  margin-inline: min(0.1984126984vw, 2.4px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-bottom .TX .big {
    top: 0.8vw;
    font-size: 6.9333333333vw;
    margin-inline: 0.8vw;
  }
}
.plan .middle-TX {
  text-align: center;
  margin-top: min(6.6137566138vw, 80px);
  font-size: min(1.3227513228vw, 16px);
  letter-spacing: min(0.0396825397vw, 0.48px);
}
@media screen and (max-width: 767px) {
  .plan .middle-TX {
    line-height: 1.5;
    margin-top: 16vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.1333333333vw;
  }
}
.plan .plan-list-02 {
  display: flex;
  justify-content: space-between;
  margin-top: min(3.3068783069vw, 40px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-02 {
    flex-direction: column;
    margin-top: 10.6666666667vw;
    gap: 3.2vw;
    justify-content: unset;
    padding-inline: 8.5333333333vw 7.4666666667vw;
  }
}
.plan .plan-list-02 li {
  position: relative;
  background: #ffffff;
  width: min(19.0476190476vw, 230.4px);
  border-radius: min(0.3968253968vw, 4.8px);
  box-shadow: 0 0 min(0.5291005291vw, 6.4px) 0 rgba(66, 66, 66, 0.25);
  padding: min(1.9841269841vw, 24px) min(1.1904761905vw, 14.4px) min(1.9841269841vw, 24px) min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-02 li {
    width: 84vw;
    border-radius: 1.6vw;
    box-shadow: 0 0 2.1333333333vw 0 rgba(66, 66, 66, 0.25);
    padding: 4vw 5.6vw 4vw 7.4666666667vw;
  }
}
.plan .plan-list-02 li .TL {
  font-size: min(1.5873015873vw, 19.2px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-02 li .TL {
    font-size: 5.3333333333vw;
  }
}
.plan .plan-list-02 li .TX {
  line-height: 1.6;
  font-size: min(1.0582010582vw, 12.8px);
  margin-top: min(1.3227513228vw, 16px);
}
@media screen and (max-width: 767px) {
  .plan .plan-list-02 li .TX {
    line-height: 1.5;
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.plan .plan-list-02 li:nth-child(2) .TL {
  letter-spacing: -0.1984126984vw;
}
@media screen and (min-width: 1512px) {
  .plan .plan-list-02 li:nth-child(2) .TL {
    letter-spacing: -3px;
  }
}
@media screen and (max-width: 767px) {
  .plan .plan-list-02 li:nth-child(2) .TL {
    letter-spacing: normal;
  }
}
.plan .plan-list-02 li::before {
  content: "";
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="47" height="36" viewBox="0 0 47 36" fill="none"><path d="M42.184 4.00136L16.7281 29.4572L4.00021 16.7293" stroke="%23FF8E2B" stroke-width="8" stroke-linecap="round"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  aspect-ratio: 47/36;
  width: min(3.1084656085vw, 37.6px);
  top: -1.0582010582vw;
  left: min(1.3227513228vw, 16px);
}
@media screen and (min-width: 1512px) {
  .plan .plan-list-02 li::before {
    top: -16px;
  }
}
@media screen and (max-width: 767px) {
  .plan .plan-list-02 li::before {
    width: 7.4666666667vw;
    top: 5.8666666667vw;
    left: -4.8vw;
  }
}
.plan .C_CTA {
  margin: min(6.6137566138vw, 80px) auto 0;
}
@media screen and (max-width: 767px) {
  .plan .C_CTA {
    margin: 16vw auto 0;
  }
}
.plan .plan-deco {
  position: absolute;
  z-index: -1;
}
.plan .plan-deco.deco01 {
  background-image: url("../img/plan-deco01.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 468/399;
  width: min(30.9523809524vw, 374.4px);
  top: min(6.6137566138vw, 80px);
  right: -14.880952381vw;
}
@media screen and (min-width: 1512px) {
  .plan .plan-deco.deco01 {
    right: -225px;
  }
}
@media screen and (max-width: 767px) {
  .plan .plan-deco.deco01 {
    width: 43.7333333333vw;
    top: 40.5333333333vw;
    right: -15.7333333333vw;
  }
}
.plan .plan-deco.deco02 {
  background-image: url("../img/plan-deco02.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 336/348;
  width: min(22.2222222222vw, 268.8px);
  top: min(13.0952380952vw, 158.4px);
  left: -6.3492063492vw;
}
@media screen and (min-width: 1512px) {
  .plan .plan-deco.deco02 {
    left: -96px;
  }
}
@media screen and (max-width: 767px) {
  .plan .plan-deco.deco02 {
    width: 31.4666666667vw;
    top: 78.1333333333vw;
    left: -7.2vw;
  }
}
.plan .plan-deco.deco03 {
  background-image: url("../img/plan-deco03.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 529/470;
  width: min(34.9867724868vw, 423.2px);
  top: min(49.4047619048vw, 597.6px);
  left: 12.1031746032%;
}
@media screen and (max-width: 767px) {
  .plan .plan-deco.deco03 {
    width: 49.6vw;
    top: 306.6666666667vw;
    left: auto;
    right: -15.7333333333vw;
  }
}

/* -----------------------
  guarantee
----------------------- */
.guarantee {
  background: linear-gradient(180deg, rgba(255, 225, 190, 0.3) 0%, rgba(255, 145, 18, 0.3) 100%);
  padding-block: min(6.6137566138vw, 80px);
}
@media screen and (max-width: 767px) {
  .guarantee {
    position: relative;
    padding-block: 16vw 33.8666666667vw;
  }
}
.guarantee .inner {
  width: min(58.7962962963vw, 711.2px);
  display: flex;
  align-items: center;
  gap: min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .guarantee .inner {
    width: 77.6vw;
    gap: 0vw;
  }
}
.guarantee .badge {
  background-image: url("../img/badge.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: min(11.9047619048vw, 144px);
  aspect-ratio: 180/238;
  min-width: min(11.9047619048vw, 144px);
}
@media screen and (max-width: 767px) {
  .guarantee .badge {
    width: 22.1333333333vw;
    min-width: 22.1333333333vw;
  }
}
.guarantee .content .headline {
  position: relative;
  text-align: center;
  width: fit-content;
  padding-inline: min(1.9841269841vw, 24px);
  font-size: min(2.380952381vw, 28.8px);
  color: #222;
  margin: min(1.3227513228vw, 16px) auto 0;
  letter-spacing: min(0.0330687831vw, 0.4px);
}
@media screen and (max-width: 767px) {
  .guarantee .content .headline {
    padding-inline: 3.4666666667vw;
    font-size: 3.2vw;
    margin: 2.6666666667vw auto 0;
    letter-spacing: 0.08vw;
  }
}
.guarantee .content .headline::before, .guarantee .content .headline::after {
  content: "";
  background-image: url('data:image/svg+xml;utf-8,<svg width="23" height="43" viewBox="0 0 23 43" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="10.8371" y1="1.50207" x2="21.4487" y2="41.105" stroke="%23222222" stroke-width="3" stroke-linecap="round"/><line x1="2.01641" y1="25.1003" x2="10.0469" y2="40.9257" stroke="%23222222" stroke-width="3" stroke-linecap="round"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 23/43;
  width: min(1.5211640212vw, 18.4px);
}
@media screen and (max-width: 767px) {
  .guarantee .content .headline::before, .guarantee .content .headline::after {
    width: 2.4vw;
  }
}
.guarantee .content .headline::before {
  left: 0;
}
.guarantee .content .headline::after {
  transform: translateY(-50%) scale(-1, 1);
  right: 0;
}
.guarantee .main-headline {
  position: relative;
  overflow: hidden;
  margin-top: min(0.9920634921vw, 12px);
  animation: breathe 4.5s ease-in-out infinite;
}
@keyframes breathe {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.3);
  }
  100% {
    filter: brightness(1);
  }
}
@media screen and (max-width: 767px) {
  .guarantee .main-headline {
    margin-top: 2.6666666667vw;
  }
}
.guarantee .main-headline img {
  width: min(43.7830687831vw, 529.6px);
  height: min(5.2248677249vw, 63.2px);
}
@media screen and (max-width: 767px) {
  .guarantee .main-headline img {
    width: 54.1333333333vw;
    height: 17.3333333333vw;
    display: block;
    margin-inline: auto;
  }
}
.guarantee .disclaimer {
  font-weight: 400;
  margin-top: min(1.9841269841vw, 24px);
  font-size: min(1.0582010582vw, 12.8px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .guarantee .disclaimer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 74.6666666667vw;
    font-size: 3.2vw;
    bottom: 14.6666666667vw;
  }
}

/* -----------------------
  recommend
----------------------- */
.recommend {
  background: #fff3e4;
  padding-block: min(7.9365079365vw, 96px);
}
@media screen and (max-width: 767px) {
  .recommend {
    padding-block: 21.3333333333vw;
  }
}
.recommend .inner {
  width: min(79.3650793651vw, 960px);
}
@media screen and (max-width: 767px) {
  .recommend .inner {
    width: 90.1333333333vw;
  }
}
.recommend .h2 {
  text-align: center;
  font-size: min(3.0423280423vw, 36.8px);
}
@media screen and (max-width: 767px) {
  .recommend .h2 {
    font-size: 6.4vw;
  }
}
.recommend .h2 .small {
  font-size: min(2.380952381vw, 28.8px);
}
@media screen and (max-width: 767px) {
  .recommend .h2 .small {
    font-size: 6.4vw;
  }
}
.recommend .recommend-list {
  display: flex;
  gap: min(1.0582010582vw, 12.8px);
  margin-top: min(4.6296296296vw, 56px);
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list {
    flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 8vw;
  }
}
.recommend .recommend-list li {
  width: min(19.0476190476vw, 230.4px);
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li {
    display: flex;
    align-items: center;
    gap: 2.6666666667vw;
    width: 90.1333333333vw;
  }
}
.recommend .recommend-list li .img {
  width: min(19.0476190476vw, 230.4px);
  height: min(13.8888888889vw, 168px);
  border-radius: min(0.6613756614vw, 8px);
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li .img {
    width: 42.6666666667vw;
    min-width: 42.6666666667vw;
    height: 26.6666666667vw;
    border-radius: 1.6vw;
  }
}
.recommend .recommend-list li .item-TX {
  text-align: center;
  line-height: 1.8;
  margin-top: min(1.3227513228vw, 16px);
  font-size: min(1.3227513228vw, 16px);
  letter-spacing: min(0.0396825397vw, 0.48px);
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li .item-TX {
    text-align: left;
    white-space: nowrap;
    font-size: 4.2666666667vw;
    letter-spacing: 0.1066666667vw;
  }
}
.recommend .recommend-list li .item-TX .bg {
  color: #ffffff;
  padding: min(0.1322751323vw, 1.6px) min(0.6613756614vw, 8px);
  margin-right: min(0.1984126984vw, 2.4px);
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li .item-TX .bg {
    padding: 0.5333333333vw 2.6666666667vw;
    margin-right: 0.8vw;
  }
}
.recommend .recommend-list li.item01 .img {
  background-image: url("../img/recommend01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li.item01 .img {
    background-position: 50% 20%;
  }
}
.recommend .recommend-list li.item01 .bg {
  background: #ff8c8c;
}
.recommend .recommend-list li.item02 .img {
  background-image: url("../img/recommend02.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li.item02 .img {
    background-position: 50% 10%;
  }
}
.recommend .recommend-list li.item02 .bg {
  background: #ffc13c;
}
.recommend .recommend-list li.item03 .img {
  background-image: url("../img/recommend03.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.recommend .recommend-list li.item03 .bg {
  background: #4dd9b2;
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li.item03 .bg {
    padding-block: min(0vw, 0px);
  }
}
.recommend .recommend-list li.item04 .img {
  background-image: url("../img/recommend04.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .recommend .recommend-list li.item04 .img {
    background-position: 50% 20%;
  }
}
.recommend .recommend-list li.item04 .bg {
  background: #1995ed;
}

/* -----------------------
  question
----------------------- */
.question {
  position: relative;
  padding-block: min(9.2592592593vw, 112px);
}
@media screen and (max-width: 767px) {
  .question {
    padding-block: 21.3333333333vw;
  }
}
.question .inner {
  position: relative;
  width: min(66.1375661376vw, 800px);
}
@media screen and (max-width: 767px) {
  .question .inner {
    width: 89.3333333333vw;
  }
}
.question .h2 {
  text-align: center;
  font-size: min(3.0423280423vw, 36.8px);
}
@media screen and (max-width: 767px) {
  .question .h2 {
    font-size: 6.4vw;
  }
}
.question .TL-bottom {
  text-align: center;
  font-size: min(1.0582010582vw, 12.8px);
  margin-top: min(2.6455026455vw, 32px);
}
@media screen and (max-width: 767px) {
  .question .TL-bottom {
    line-height: 1.6;
    font-size: 3.7333333333vw;
    margin-top: 8vw;
  }
}
.question .question-list {
  margin-top: min(3.9682539683vw, 48px);
  display: flex;
  flex-direction: column;
  gap: min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .question .question-list {
    margin-top: 8vw;
    gap: 5.3333333333vw;
  }
}
.question .question-list .wrap {
  display: flex;
  align-items: center;
  gap: min(1.3227513228vw, 16px);
}
@media screen and (max-width: 767px) {
  .question .question-list .wrap {
    gap: 2.6666666667vw;
  }
}
.question .question-list .question-wrap {
  background: #1995ed;
  color: #ffffff;
  border-radius: min(0.6613756614vw, 8px);
  padding: min(1.3227513228vw, 16px) min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .question .question-list .question-wrap {
    border-radius: 1.6vw;
    padding: 2.6666666667vw 4.2666666667vw;
  }
}
.question .question-list .question-wrap .icon {
  background-image: url('data:image/svg+xml;utf-8,<svg width="23" height="29" viewBox="0 0 23 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0254 23.042L9.4834 20.2236L11.978 17.3481L15.2153 19.9189C15.4819 18.9795 15.6152 17.0435 15.6152 14.1108C15.6152 11.3813 15.52 9.52148 15.3296 8.53125C15.1265 7.5918 14.752 6.82373 14.2061 6.22705C13.7871 5.65576 13.2285 5.17969 12.5303 4.79883C11.7939 4.43066 10.9243 4.23389 9.92139 4.2085C8.93115 4.23389 8.08057 4.43066 7.36963 4.79883C6.646 5.17969 6.06201 5.65576 5.61768 6.22705C5.07178 6.82373 4.70996 7.5918 4.53223 8.53125C4.3291 9.52148 4.22754 11.3813 4.22754 14.1108C4.22754 16.8403 4.3291 18.6875 4.53223 19.6523C4.70996 20.6172 5.07178 21.3979 5.61768 21.9946C6.06201 22.5659 6.646 23.0293 7.36963 23.3848C8.08057 23.8037 8.93115 24.0132 9.92139 24.0132C11.2163 24.0132 12.251 23.6895 13.0254 23.042ZM16.4722 25.8032C14.8345 27.3647 12.6509 28.1709 9.92139 28.2217C7.73779 28.1709 5.91602 27.6377 4.45605 26.6221C2.9707 25.6445 1.8916 24.5146 1.21875 23.2324C1.01562 22.8135 0.831543 22.4136 0.666504 22.0327C0.51416 21.6392 0.387207 21.144 0.285645 20.5474C0.0952148 19.4302 0 17.2847 0 14.1108C0 10.8862 0.0952148 8.72803 0.285645 7.63623C0.48877 6.54443 0.799805 5.66211 1.21875 4.98926C1.8916 3.70703 2.9707 2.56445 4.45605 1.56152C5.91602 0.545898 7.73779 0.0253906 9.92139 0C12.1304 0.0253906 13.9712 0.545898 15.4438 1.56152C16.9038 2.56445 17.9575 3.70703 18.605 4.98926C19.0747 5.66211 19.3984 6.54443 19.5762 7.63623C19.7412 8.72803 19.8237 10.8862 19.8237 14.1108C19.8237 16.9927 19.7603 19.0049 19.6333 20.1475C19.4683 21.29 19.1953 22.1787 18.8145 22.8135L22.4707 25.7271L19.9761 28.6216L16.4722 25.8032Z" fill="white"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 23/29;
  width: min(1.5211640212vw, 18.4px);
  min-width: min(1.5211640212vw, 18.4px);
}
@media screen and (max-width: 767px) {
  .question .question-list .question-wrap .icon {
    width: 5.0666666667vw;
    min-width: 5.0666666667vw;
  }
}
.question .question-list .question-wrap .question-TX {
  font-size: min(1.1904761905vw, 14.4px);
  line-height: 1.8;
  letter-spacing: 0.1333333333vw;
}
@media screen and (max-width: 767px) {
  .question .question-list .question-wrap .question-TX {
    font-size: 3.7333333333vw;
    line-height: 1.4;
    letter-spacing: 0.1066666667vw;
  }
}
.question .question-list .question-wrap::after {
  content: "";
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="13.5" width="24" height="3" rx="1.5" transform="rotate(90 13.5 0)" fill="white"/><rect y="10.5" width="24" height="3" rx="1.5" fill="white"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1/1;
  width: min(1.5873015873vw, 19.2px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .question .question-list .question-wrap::after {
    width: 4.5333333333vw;
    min-width: 4.5333333333vw;
  }
}
.question .question-list .question-wrap.active {
  border-radius: min(0.6613756614vw, 8px) min(0.6613756614vw, 8px) 0 0;
}
@media screen and (max-width: 767px) {
  .question .question-list .question-wrap.active {
    border-radius: 1.6vw 1.6vw 0 0;
  }
}
.question .question-list .question-wrap.active::after {
  content: "";
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="3" viewBox="0 0 24 3" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="3" rx="1.5" fill="white"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: min(1.5873015873vw, 19.2px);
  min-width: min(1.5873015873vw, 19.2px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .question .question-list .question-wrap.active::after {
    width: 4.5333333333vw;
    min-width: 4.5333333333vw;
    height: 0.5333333333vw;
    min-width: 4.5333333333vw;
  }
}
.question .question-list .js-next {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}
.question .question-list .answer-wrap {
  background: rgba(25, 149, 237, 0.06);
  border: min(0.1322751323vw, 1.6px) solid #1995ED;
  border-radius: 0 0 min(0.6613756614vw, 8px) min(0.6613756614vw, 8px);
  padding: min(1.9841269841vw, 24px);
}
@media screen and (max-width: 767px) {
  .question .question-list .answer-wrap {
    align-items: start;
    border: 0.5333333333vw solid #1995ED;
    border-radius: 0 0 1.6vw 1.6vw;
    padding: 5.3333333333vw 4vw;
  }
}
.question .question-list .answer-wrap .icon {
  background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="28" viewBox="0 0 24 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.80762 17.8242H15.9199L11.9019 5.69385H11.8257L7.80762 17.8242ZM19.2715 27.7646L17.1196 21.5566H6.58887L4.45605 27.7646H0L10.0928 0H13.6157L23.7085 27.7646H19.2715Z" fill="url(%23paint0_linear_3989_21880)"/><defs><linearGradient id="paint0_linear_3989_21880" x1="0" y1="13.8823" x2="23.7085" y2="13.8823" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFA185"/><stop offset="1" stop-color="%23FF5D60"/></linearGradient></defs></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 24/28;
  width: min(1.5873015873vw, 19.2px);
  min-width: min(1.5873015873vw, 19.2px);
}
@media screen and (max-width: 767px) {
  .question .question-list .answer-wrap .icon {
    width: 5.0666666667vw;
    min-width: 5.0666666667vw;
    margin-top: 1.3333333333vw;
  }
}
.question .question-list .answer-wrap .answer-TX {
  font-size: min(1.0582010582vw, 12.8px);
  line-height: 1.8;
  letter-spacing: 0.1333333333vw;
}
@media screen and (max-width: 767px) {
  .question .question-list .answer-wrap .answer-TX {
    font-size: 3.7333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}
.question .question-img {
  background-image: url("../img/question-img.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: min(2.5132275132vw, 30.4px);
  right: -2.0502645503vw;
  aspect-ratio: 345/216;
  width: min(22.8174603175vw, 276px);
}
@media screen and (min-width: 1512px) {
  .question .question-img {
    right: -31px;
  }
}
@media screen and (max-width: 767px) {
  .question .question-img {
    width: 33.0666666667vw;
    top: 13.3333333333vw;
    left: -6.4vw;
  }
}

/* -----------------------
  cta
----------------------- */
.cta {
  background-image: url("../img/cta-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  padding-block: min(5.9523809524vw, 72px) min(4.7619047619vw, 57.6px);
}
@media screen and (max-width: 767px) {
  .cta {
    background-size: 100% 100%;
    padding-block: 16vw 13.3333333333vw;
  }
}
.cta .TL-top {
  font-size: min(1.3227513228vw, 16px);
}
@media screen and (max-width: 767px) {
  .cta .TL-top {
    font-size: 3.7333333333vw;
  }
}
.cta .h2 {
  font-size: min(2.6455026455vw, 32px);
  margin-top: min(0.6613756614vw, 8px);
}
@media screen and (max-width: 767px) {
  .cta .h2 {
    font-size: 8vw;
    margin-top: 1.3333333333vw;
  }
}
.cta .C_CTA {
  margin-top: min(2.6455026455vw, 32px);
}
@media screen and (max-width: 767px) {
  .cta .C_CTA {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .cta .C_CTA-star {
    width: 22.9333333333vw;
  }
}
.cta .C_CTA-top-TX {
  position: relative;
  width: fit-content;
  margin-inline: auto;
  padding-inline: min(2.6455026455vw, 32px);
}
@media screen and (max-width: 767px) {
  .cta .C_CTA-top-TX {
    padding-inline: 8vw;
    font-size: 5.0666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cta .C_CTA-top-TX span {
    font-size: 7.4666666667vw;
  }
}
.cta .C_CTA-top-TX::before, .cta .C_CTA-top-TX::after {
  content: "";
  background-image: url('data:image/svg+xml;utf-8,<svg width="37" height="75" viewBox="0 0 37 75" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.5322 2.12207C28.3836 3.40018 27.5784 4.28154 26.8662 4.80273C27.7394 4.43048 28.6375 4.09503 29.5479 3.79102C29.8947 3.27609 30.5507 2.5375 31.5537 2.21484C33.1639 1.69986 35.165 2.78613 35.165 2.78613L33.4619 4.06445C31.7588 5.34261 29.5906 4.56 29.2314 4.32422C29.234 4.31871 29.2775 4.22709 29.3613 4.08301C28.1849 4.50343 27.0396 4.97941 25.9277 5.50879C26.6728 5.26946 28.4657 4.99821 29.833 6.17383L31.4492 7.56348C31.4492 7.56348 29.3807 8.51207 27.8076 7.8916C26.3359 7.30527 25.7164 5.83357 25.6426 5.64648C24.0195 6.43651 22.4686 7.34015 20.9951 8.3457C21.7569 8.02307 23.4226 7.61353 24.8594 8.5752L26.6309 9.75977C26.6309 9.75977 24.6978 10.9516 23.0566 10.5234C21.5768 10.1325 20.7906 8.82319 20.6543 8.58105C19.1062 9.66677 17.6446 10.8642 16.3008 12.167C16.976 11.683 18.4127 10.97 19.9482 11.5283L21.8926 12.2422C21.8678 12.2672 20.3253 13.8173 18.6914 13.793C17.1431 13.7682 16.077 12.6515 15.9531 12.5088C14.7085 13.7496 13.5504 15.0771 12.5039 16.4854C13.1543 15.8649 14.4739 14.9841 16.084 15.2881L18.2207 15.6914C18.2207 15.6914 16.8763 17.5845 15.167 17.8389C13.6258 18.0683 12.3692 17.1631 12.1328 16.9824C11.1915 18.2978 10.3363 19.6816 9.58691 21.1211C10.1629 20.4572 11.0733 19.7624 12.3057 19.6816L14.4736 19.5449C14.4661 19.5645 13.6361 21.7128 12.0518 22.3799C10.7267 22.9382 9.38954 22.5042 8.98047 22.3428C8.28066 23.8319 7.68521 25.3706 7.20215 26.959C7.72232 26.1338 8.75694 25.0053 10.3545 24.8252L12.6592 24.5703C12.6592 24.5703 11.8846 26.9215 10.2188 27.7158C8.84399 28.3735 7.4135 27.9891 6.95508 27.834C6.42248 29.7822 6.06306 31.7988 5.88965 33.8711C6.2303 32.9156 7.09737 31.3952 8.8252 30.874L11.166 30.167C11.166 30.167 10.8006 32.7548 9.22754 33.8965C7.89609 34.8579 6.30462 34.7024 5.83398 34.6279C5.80302 35.2855 5.77247 35.9495 5.77246 36.6133C5.77246 37.4074 5.8095 38.1958 5.86523 38.9775C6.18112 37.96 6.91213 36.5886 8.43555 35.9434L10.7578 34.957C10.7578 34.957 10.6768 37.6497 9.19043 38.9961C8.05101 40.0259 6.57743 40.1318 5.95801 40.1318C6.10044 41.5339 6.34143 42.9112 6.65723 44.2637C6.81209 43.2276 7.30794 41.863 8.5957 41.0068L10.6953 39.6045C10.6984 39.6245 11.1064 42.2724 9.90332 43.8672C8.99935 45.0582 7.63062 45.4549 6.98633 45.5791C7.44462 47.2482 8.0326 48.8746 8.73242 50.4443C8.59618 49.3276 8.70138 47.6148 9.95215 46.3057L11.792 44.376C11.8048 44.4085 12.833 47.0374 11.959 48.9551C11.2405 50.5185 9.7354 51.2379 9.19043 51.4551C9.8469 52.8077 10.6031 54.1168 11.4268 55.3701C11.241 54.2657 11.2778 52.7954 12.2129 51.5049L13.8232 49.2832C13.8232 49.2832 15.2536 51.8397 14.6221 53.9307C14.17 55.4258 12.9999 56.3323 12.3682 56.7295C13.1484 57.8028 13.9966 58.8391 14.8945 59.8193C14.5849 58.7956 14.4608 57.4921 15.0615 56.1953L16.2383 53.6328C16.2383 53.6328 18.1953 55.9226 17.9785 58.1562C17.8361 59.6576 16.9448 60.7683 16.375 61.333C17.4216 62.3505 18.5366 63.312 19.707 64.1992C19.1806 63.132 18.7903 61.6303 19.3477 60.042L20.3135 57.2754C20.3272 57.2887 22.5547 59.4537 22.5488 61.7793C22.5426 63.3737 21.7068 64.621 21.168 65.2539C22.2888 66.0108 23.4594 66.7125 24.667 67.3516C24.2892 66.4147 24.0793 65.2663 24.4199 64.0254L25.2002 61.1963C25.2091 61.2038 27.5909 63.2176 27.7393 65.54C27.8197 66.7311 27.4106 67.7608 27.002 68.4805C28.5131 69.1444 30.0744 69.7157 31.6846 70.1748C30.7618 69.2441 29.7085 67.674 29.8633 65.6699L30.0986 62.5557C30.114 62.5642 33.0114 64.1808 33.6416 66.5693C34.0751 68.2319 33.5298 69.7708 33.1582 70.5527L33.1953 70.5596C34.3285 70.8325 35.4865 71.0561 36.6631 71.2236L36.3848 72.3584C34.8798 72.1599 33.4055 71.8752 31.9688 71.5029C31.801 71.9011 30.8536 73.8978 28.7676 74.6855C26.4451 75.5604 23.4473 74.127 23.4473 74.127L25.8379 72.1289C27.1632 71.0246 28.7364 70.8324 29.9688 70.9316C28.7055 70.5284 27.4793 70.0508 26.2842 69.5234C26.2594 69.5545 26.2402 69.5732 26.2402 69.5732C26.1969 69.5422 26.1354 69.4858 26.0674 69.4238C25.9497 69.368 25.8188 69.3127 25.7012 69.2568C25.3232 69.9147 24.3698 71.2793 22.7168 71.8252C20.5103 72.5435 17.7542 71.0869 17.7432 71.0811L20.0723 69.2998C21.2985 68.363 22.7108 68.2145 23.8379 68.3262C22.4382 67.5754 21.0938 66.7311 19.8057 65.8066C19.2607 66.3837 18.065 67.4132 16.4053 67.5684C14.0953 67.7791 11.7295 65.7324 11.7295 65.7324L14.3926 64.5225C15.6064 63.9703 16.8141 64.0139 17.8174 64.2744C16.8946 63.5112 16.0158 62.6977 15.1797 61.8477C14.6099 62.3192 13.3153 63.2127 11.668 63.1631C9.4315 63.095 7.42285 60.8663 7.41309 60.8555L10.1074 60.0176C11.507 59.5771 12.8135 59.894 13.792 60.3594C12.8692 59.3108 12.002 58.2058 11.2031 57.0518C10.5218 57.424 9.22738 57.9576 7.77832 57.666C5.64183 57.2377 4.0625 54.7744 4.0625 54.7744L6.78125 54.3965C8.03227 54.2228 9.12291 54.6012 9.95898 55.1162C9.32728 54.049 8.74483 52.944 8.22461 51.8086C7.64245 51.9947 6.05672 52.3985 4.5332 51.6787C2.62823 50.783 1.71137 48.1042 1.70312 48.0801L4.35352 48.3594C5.78411 48.5083 6.82495 49.3207 7.5 50.1211C6.91167 48.6382 6.41619 47.1052 6.03223 45.5293C5.35722 45.7154 4.01956 45.9578 2.71289 45.3438C0.884926 44.4928 0.0107616 41.9321 0 41.9004L2.53906 42.167C4.01293 42.3221 5.05936 43.2094 5.69727 44.0283C5.42477 42.6323 5.23907 41.2048 5.13379 39.7529C4.53903 39.7591 3.02248 39.672 1.8584 38.6113C0.372042 37.2649 0.291016 34.5723 0.291016 34.5723L2.61328 35.5586C3.96339 36.1356 4.69417 37.2902 5.05957 38.252C5.05338 37.9233 5.03517 37.5943 5.03516 37.2656C5.04135 35.913 5.12154 34.5781 5.27637 33.2627C4.5951 33.1324 3.43099 32.7667 2.60742 31.7617C1.36879 30.254 1.67188 27.6602 1.67188 27.6602L3.75879 28.9385C4.73731 29.5341 5.27045 30.4339 5.56152 31.2715C5.81544 29.8134 6.16218 28.3801 6.5957 26.9902C5.98878 26.8165 4.8304 26.3638 4.09961 25.2656C3.09594 23.7296 3.62281 21.3284 3.62891 21.3008L5.47461 22.7148C6.53983 23.5277 6.93052 24.7135 7.04199 25.6504C7.54983 24.2233 8.14981 22.8389 8.83105 21.5049C8.43431 21.2564 7.32043 20.4564 6.97363 19.0859C6.55383 17.416 7.77741 15.4499 7.78516 15.4375L8.97363 17.2617C9.66717 18.3165 9.64315 19.4892 9.45117 20.3516C10.2647 18.8949 11.1803 17.5001 12.1885 16.1768C11.8981 15.9415 10.7901 14.9568 10.6396 13.4658C10.4663 11.7472 11.9658 9.97266 11.9658 9.97266L12.8818 11.9453C13.5111 13.3 13.1272 14.6694 12.7227 15.4951C13.8454 14.0932 15.073 12.7747 16.3936 11.5527C16.1396 11.2859 15.2291 10.2313 15.2725 8.81055C15.3156 7.1699 16.9311 5.68836 16.9502 5.6709L17.5762 7.65039C18.0159 9.04022 17.4521 10.3063 16.9629 11.0322C18.1706 9.95882 19.465 8.96545 20.8213 8.05957C20.592 7.7056 19.9115 6.50218 20.1963 5.10645C20.5431 3.44363 22.4688 2.2334 22.4688 2.2334L22.7412 4.34961C22.9269 5.7518 22.227 6.87519 21.6201 7.53906C22.9516 6.70143 24.3334 5.94417 25.7764 5.28027C25.6525 4.92662 25.2431 3.54287 25.8809 2.22754C26.6132 0.710716 28.7526 0.00869869 28.7793 0L28.5322 2.12207Z" fill="white"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  aspect-ratio: 37/75;
  width: min(2.4470899471vw, 29.6px);
  top: 40%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .cta .C_CTA-top-TX::before, .cta .C_CTA-top-TX::after {
    width: 8.2666666667vw;
  }
}
.cta .C_CTA-top-TX::before {
  left: 0;
}
.cta .C_CTA-top-TX::after {
  right: 0;
  transform: translateY(-50%) scale(-1, 1);
}
.cta .C_CTA-button {
  margin-top: min(1.6534391534vw, 20px);
}
@media screen and (max-width: 767px) {
  .cta .C_CTA-button {
    margin-top: 5.3333333333vw;
  }
}

.C_CTA.float {
  position: fixed;
  transition: all 1s ease;
  z-index: 100;
  top: min(16.5343915344vw, 200px);
  right: -100%;
}
@media screen and (max-width: 767px) {
  .C_CTA.float {
    top: auto;
    bottom: -100%;
    left: 0;
    right: 0;
    margin-inline: auto;
  }
}
.C_CTA.float .C_CTA-button {
  width: min(6.8121693122vw, 82.4px);
  height: min(31.8783068783vw, 385.6px);
  border-radius: min(1.3227513228vw, 16px) 0 0 min(1.3227513228vw, 16px);
  padding: min(3.3068783069vw, 40px) min(1.3227513228vw, 16px) min(2.8439153439vw, 34.4px) min(0.9920634921vw, 12px);
  display: block;
}
@media screen and (max-width: 767px) {
  .C_CTA.float .C_CTA-button {
    display: flex;
    width: 80vw;
    height: 21.3333333333vw;
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    padding: 2.6666666667vw 10.6666666667vw 8vw 11.7333333333vw;
  }
}
.C_CTA.float .C_CTA-button .icon {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .C_CTA.float .C_CTA-button .icon {
    margin-left: unset;
    flex: unset;
  }
}
.C_CTA.float .C_CTA-button .btn-TX {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: min(0.3306878307vw, 4px);
  margin-top: min(0.6613756614vw, 8px);
}
@media screen and (max-width: 767px) {
  .C_CTA.float .C_CTA-button .btn-TX {
    display: block;
    margin-top: 0;
  }
}
.C_CTA.float .C_CTA-button .btn-TX .btn-TX-top,
.C_CTA.float .C_CTA-button .btn-TX .btn-TX-bottom {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (max-width: 767px) {
  .C_CTA.float .C_CTA-button .btn-TX .btn-TX-top,
  .C_CTA.float .C_CTA-button .btn-TX .btn-TX-bottom {
    writing-mode: unset;
  }
}
@media screen and (max-width: 767px) {
  .C_CTA.float .C_CTA-button .btn-TX .btn-TX-top {
    font-size: 5.6vw;
  }
}
.C_CTA.float .C_CTA-button .btn-TX .btn-TX-bottom {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .C_CTA.float .C_CTA-button .btn-TX .btn-TX-bottom {
    font-size: 3.7333333333vw;
  }
}
.C_CTA.float:hover {
  animation: jump 0.4s ease;
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}
.C_CTA.float.is-show {
  transition: all 1s ease;
  right: 0;
}
@media screen and (max-width: 767px) {
  .C_CTA.float.is-show {
    bottom: -5.3333333333vw;
  }
}

/* -----------------------
  C_
----------------------- */
.C_logo {
  display: inline-block;
}
.C_logo img {
  width: min(10.3835978836vw, 125.6px);
  aspect-ratio: 157/72;
}
@media screen and (max-width: 767px) {
  .C_logo img {
    width: 24.8vw;
  }
}

.C_CTA {
  width: fit-content;
}
.C_CTA-star {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="97" height="15" viewBox="0 0 97 15" fill="none"><path d="M7.44948 0L9.12199 5.14746H14.5344L10.1557 8.32877L11.8282 13.4762L7.44948 10.2949L3.07078 13.4762L4.7433 8.32877L0.364604 5.14746H5.77697L7.44948 0Z" fill="%23FFD100"/><path d="M27.9358 0L29.6083 5.14746H35.0207L30.642 8.32877L32.3145 13.4762L27.9358 10.2949L23.5571 13.4762L25.2296 8.32877L20.8509 5.14746H26.2633L27.9358 0Z" fill="%23FFD100"/><path d="M48.4216 0L50.0942 5.14746H55.5065L51.1278 8.32877L52.8003 13.4762L48.4216 10.2949L44.043 13.4762L45.7155 8.32877L41.3368 5.14746H46.7491L48.4216 0Z" fill="%23FFD100"/><path d="M68.9075 0L70.58 5.14746H75.9924L71.6137 8.32877L73.2862 13.4762L68.9075 10.2949L64.5288 13.4762L66.2013 8.32877L61.8226 5.14746H67.235L68.9075 0Z" fill="%23FFD100"/><path d="M89.3938 0L91.0663 5.14746H96.4787L92.1 8.32877L93.7725 13.4762L89.3938 10.2949L85.0151 13.4762L86.6876 8.32877L82.3089 5.14746H87.7213L89.3938 0Z" fill="%23D9D9D9"/><mask id="mask0_3944_5933" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="81" y="0" width="9" height="15"><rect x="81.9443" width="7.44948" height="14.899" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_3944_5933)"><path d="M89.3938 0L91.0663 5.14746H96.4787L92.1 8.32877L93.7725 13.4762L89.3938 10.2949L85.0151 13.4762L86.6876 8.32877L82.3089 5.14746H87.7213L89.3938 0Z" fill="%23FFD100"/></g></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  aspect-ratio: 90/14;
  width: min(6.3492063492vw, 76.8px);
}
@media screen and (max-width: 767px) {
  .C_CTA-star {
    width: 19.7333333333vw;
  }
}
.C_CTA-top-TX {
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  font-size: min(1.455026455vw, 17.6px);
}
@media screen and (max-width: 767px) {
  .C_CTA-top-TX {
    line-height: 1;
    font-size: 3.4666666667vw;
  }
}
.C_CTA-top-TX span {
  font-size: min(2.0502645503vw, 24.8px);
}
@media screen and (max-width: 767px) {
  .C_CTA-top-TX span {
    font-size: 5.0666666667vw;
  }
}
.C_CTA-button {
  border-radius: 999px;
  background: linear-gradient(90deg, #ffa185 0%, #ff5d60 100%);
  display: flex;
  align-items: center;
  color: #ffffff;
  width: fit-content;
  gap: min(1.5476190476vw, 18.72px);
  padding: min(1.7195767196vw, 20.8px) min(7.4735449735vw, 90.4px) min(1.1904761905vw, 14.4px);
  margin: min(0.7275132275vw, 8.8px) auto 0;
}
@media screen and (max-width: 767px) {
  .C_CTA-button {
    gap: 4vw;
    padding: 4.8vw 7.4666666667vw 3.4666666667vw 8.5333333333vw;
  }
}
.C_CTA-button .icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="64" viewBox="0 0 40 64" fill="none"><rect width="39.7783" height="63.1773" rx="4.6798" fill="white"/><circle cx="19.8892" cy="57.3263" r="3.50985" fill="%23FFA185"/><rect x="4.67969" y="7.01953" width="30.4187" height="44.4581" fill="%23FFA185"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 40/64;
  width: min(2.6455026455vw, 32px);
}
@media screen and (max-width: 767px) {
  .C_CTA-button .icon {
    flex: 1;
    width: 6.6666666667vw;
  }
}
.C_CTA-button .btn-TX {
  line-height: 1;
}
.C_CTA-button .btn-TX-top {
  letter-spacing: min(0.0727513228vw, 0.88px);
  font-size: min(2.4470899471vw, 29.6px);
}
@media screen and (max-width: 767px) {
  .C_CTA-button .btn-TX-top {
    letter-spacing: 0.1866666667vw;
    font-size: 6.4vw;
  }
}
.C_CTA-button .btn-TX-bottom {
  font-weight: 400;
  position: relative;
  margin-top: min(0.6613756614vw, 8px);
  font-size: min(1.7195767196vw, 20.8px);
}
@media screen and (max-width: 767px) {
  .C_CTA-button .btn-TX-bottom {
    font-size: 4.4266666667vw;
    margin-top: 0.8vw;
  }
}

.C_dot {
  display: inline-block;
  position: relative;
}
.C_dot::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 50%;
  background: #FF8E2B;
  width: min(0.5291005291vw, 6.4px);
  height: min(0.5291005291vw, 6.4px);
  top: min(-0.1984126984vw, -2.4px);
}
@media screen and (min-width: 1512px) {
  .C_dot::before {
    top: -3px;
  }
}
@media screen and (max-width: 767px) {
  .C_dot::before {
    width: 1.0666666667vw;
    height: 1.0666666667vw;
    top: -0.8vw;
  }
}

/* -----------------------
  C_TL
----------------------- */
/* -----------------------
  C_CTA
----------------------- */
/* -----------------------
  anime
----------------------- */
.hover-white {
  position: relative;
  transition: all 0.3s ease;
}
.hover-white::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  transition: all 0.3s ease;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}
.hover-white:hover::after {
  opacity: 1;
}

.hover-opa {
  transition: 0.3s;
}
.hover-opa:hover {
  opacity: 0.6;
}

.hover-scale {
  transition: 0.3s;
}
.hover-scale:hover {
  transform: scale(1.05);
}

.up {
  opacity: 0;
  transform: translateY(100px);
}
.up.show {
  animation: up 0.5s ease forwards;
}
@keyframes up {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.down {
  opacity: 0;
  transform: translateY(-100px);
}
.down.show {
  animation: down ease forwards;
}
@keyframes down {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.left {
  opacity: 0;
  transform: translateX(100%);
}
.left.show {
  animation: left 0.8s ease 0.3s forwards;
}
@keyframes left {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.right {
  opacity: 0;
  transform: translateX(-100%);
}
.right.show {
  animation: right 0.8s ease 0.3s forwards;
}
@keyframes right {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.pop {
  opacity: 0;
  transform: translateY(-40%) scale(0.2);
}
.pop.show {
  animation: pop 1s ease forwards;
}
@keyframes pop {
  0% {
    opacity: 0;
    transform: translateY(-40%) scale(0.2);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.loadUp {
  opacity: 0;
  transform: translateY(100%);
}
.loadUp.show {
  animation: loadUp ease forwards;
}
@keyframes loadUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.loadDown {
  opacity: 0;
  transform: translateY(-100%);
}
.loadDown.show {
  animation: loadDown ease forwards;
}
@keyframes loadDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.loadLeft {
  opacity: 0;
  transform: translateX(100%);
}
.loadLeft.show {
  animation: loadLeft ease forwards;
}
@keyframes loadLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.loadRight {
  opacity: 0;
  transform: translateX(-100%);
}
.loadRight.show {
  animation: loadRight ease forwards;
}
@keyframes loadRight {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.loadPop {
  opacity: 0;
  transform: scale(0.5);
}
.loadPop.show {
  animation: loadPop ease forwards;
}
@keyframes loadPop {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.delay-01 {
  animation-delay: 0.1s !important;
}

.delay-02 {
  animation-delay: 0.2s !important;
}

.delay-03 {
  animation-delay: 0.3s !important;
}

.delay-04 {
  animation-delay: 0.4s !important;
}

.delay-05 {
  animation-delay: 0.5s !important;
}

.delay-06 {
  animation-delay: 0.6s !important;
}

.delay-07 {
  animation-delay: 0.7s !important;
}

.delay-08 {
  animation-delay: 0.8s !important;
}

.delay-09 {
  animation-delay: 0.9s !important;
}

.delay-10 {
  animation-delay: 1s !important;
}

.delay-15 {
  animation-delay: 1.5s !important;
}

.duration-01 {
  animation-duration: 0.1s !important;
}

.duration-02 {
  animation-duration: 0.2s !important;
}

.duration-03 {
  animation-duration: 0.3s !important;
}

.duration-04 {
  animation-duration: 0.4s !important;
}

.duration-05 {
  animation-duration: 0.5s !important;
}

.duration-06 {
  animation-duration: 0.6s !important;
}

.duration-07 {
  animation-duration: 0.7s !important;
}

.duration-08 {
  animation-duration: 0.8s !important;
}

.duration-09 {
  animation-duration: 0.9s !important;
}

.duration-10 {
  animation-duration: 1s !important;
}

.duration-15 {
  animation-duration: 1.5s !important;
}

/*# sourceMappingURL=main.css.map */