@charset "UTF-8";
.p-lp {
  --lp-u: 1vw;
  --lp-us: min(1vw, 5.628px);
  --lp-uw: min(1vw, 7.2182320442px);
  overflow-x: hidden;
}
.p-lp img {
  max-width: 100%;
  height: auto;
}
.p-lp a {
  text-decoration: none;
  color: inherit;
}
.p-lp .lp-btnTxt {
  position: relative;
  top: var(--lp-ink-shift, 0);
}

:root {
  --lp-ink-arrows: 0.12em;
}

html.is-apple {
  --lp-ink-arrows: 0.02em;
}

@supports (width: 1cqw) {
  .p-lp {
    container-type: inline-size;
    --lp-u: 1cqw;
    --lp-us: min(1cqw, 5.628px);
    --lp-uw: min(1cqw, 7.2182320442px);
  }
}
.p-lpKv {
  position: relative;
  background: #000 url("../images/kv-bg.webp") no-repeat center top;
  background-size: 100% auto;
  color: #ffffff;
}

.lpKv_inner {
  position: relative;
  width: calc(93.3862433862 * var(--lp-u));
  margin-inline: auto;
  padding: calc(38.2936507937 * var(--lp-u)) 0 min(75.2px, 4.9735449735 * var(--lp-u));
}

.lpKv_head {
  position: absolute;
  top: calc(5.9523809524 * var(--lp-u));
  left: 0;
  -webkit-filter: drop-shadow(0 0 calc(0.9920634921 * var(--lp-u)) rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 calc(0.9920634921 * var(--lp-u)) rgba(0, 0, 0, 0.25));
}

.lpKv_logo {
  width: calc(26.880952381 * var(--lp-u));
  margin: 0;
}
.lpKv_logo img {
  display: block;
  width: 100%;
}

.lpKv_lead {
  margin-top: calc(1.7195767196 * var(--lp-u));
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: calc(2.6455026455 * var(--lp-u));
  line-height: 1.7;
  letter-spacing: 0;
}

.lpKv_concept {
  position: absolute;
  top: calc(10.9788359788 * var(--lp-u));
  right: calc(1.917989418 * var(--lp-u));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(0.9920634921 * var(--lp-u));
  width: calc(21.626984127 * var(--lp-u));
  text-align: center;
  -webkit-filter: drop-shadow(0 0 calc(0.6613756614 * var(--lp-u)) rgba(0, 0, 0, 0.9));
          filter: drop-shadow(0 0 calc(0.6613756614 * var(--lp-u)) rgba(0, 0, 0, 0.9));
}

.lpKv_concept_main {
  width: calc(20.6878306878 * var(--lp-u));
  margin: 0;
}
.lpKv_concept_main img {
  display: block;
  width: 100%;
}

.lpKv_concept_cross {
  display: block;
  width: calc(1.4722222222 * var(--lp-u));
}
.lpKv_concept_cross img {
  display: block;
  width: 100%;
}

.lpKv_concept_sub {
  margin: calc(-1 * calc(0.8101851852 * var(--lp-u))) 0 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: calc(2.3148148148 * var(--lp-u));
  line-height: 1.7;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.lpKv_spec {
  position: absolute;
  top: calc(27.1164021164 * var(--lp-u));
  left: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-filter: drop-shadow(0 0 calc(0.9920634921 * var(--lp-u)) rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0 0 calc(0.9920634921 * var(--lp-u)) rgba(0, 0, 0, 0.15));
}

.lpKv_spec_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(0.7936507937 * var(--lp-u));
  margin: 0;
  font-size: calc(1.3227513228 * var(--lp-u));
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}
.lpKv_spec_ttl::before, .lpKv_spec_ttl::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  height: 1px;
  background-color: #ffffff;
}

.lpKv_spec_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.7936507937 * var(--lp-u));
  margin: calc(0.5291005291 * var(--lp-u)) 0 0;
  padding: 0;
  list-style: none;
}
.lpKv_spec_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(4.4973544974 * var(--lp-u));
  padding: calc(0.8597883598 * var(--lp-u)) calc(1.9841269841 * var(--lp-u)) calc(0.6613756614 * var(--lp-u));
  border-radius: calc(0.3306878307 * var(--lp-u));
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
          box-shadow: inset 0 0 0 1px #ffffff;
  color: #f9f9f9;
  font-size: calc(1.0582010582 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

.lpKv_ecomark {
  position: absolute;
  top: calc(29.7619047619 * var(--lp-u));
  right: 0;
  width: calc(16.833994709 * var(--lp-u));
  margin: 0;
}
.lpKv_ecomark img {
  display: block;
  width: 100%;
}

.lpKv_banner {
  position: relative;
  isolation: isolate;
}
.lpKv_banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.05);
  mix-blend-mode: plus-lighter;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
@media screen and (min-width: 520px) and (hover: hover) {
  .lpKv_banner {
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  }
  .lpKv_banner:hover {
    -webkit-box-shadow: 0 0 min(60px, 3.9682539683 * var(--lp-u)) rgba(255, 255, 255, 0.13);
            box-shadow: 0 0 min(60px, 3.9682539683 * var(--lp-u)) rgba(255, 255, 255, 0.13);
  }
  .lpKv_banner:hover::after {
    opacity: 1;
  }
}
.lpKv_banner:focus-visible {
  -webkit-box-shadow: 0 0 min(60px, 3.9682539683 * var(--lp-u)) rgba(255, 255, 255, 0.13);
          box-shadow: 0 0 min(60px, 3.9682539683 * var(--lp-u)) rgba(255, 255, 255, 0.13);
}
.lpKv_banner:focus-visible::after {
  opacity: 1;
}
.lpKv_banner {
  display: block;
  width: min(1412px, 93.3862433862 * var(--lp-u));
  margin-inline: auto;
  aspect-ratio: 1412/530;
  border-radius: min(10px, 0.6613756614 * var(--lp-u));
  overflow: hidden;
}
.lpKv_banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
  pointer-events: none;
}
.lpKv_banner picture {
  display: block;
  height: 100%;
}
.lpKv_banner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 520px) and (hover: hover) {
  .lpKv_cta {
    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  }
  .lpKv_cta:hover {
    background-color: rgb(245, 123, 48);
    -webkit-box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(242, 100, 12, 0.34);
            box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(242, 100, 12, 0.34);
  }
}
.lpKv_cta:focus-visible {
  background-color: rgb(245, 123, 48);
  -webkit-box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(242, 100, 12, 0.34);
          box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(242, 100, 12, 0.34);
}
.lpKv_cta {
  --lp-ink-shift: var(--lp-ink-arrows);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(32px, 2.1164021164 * var(--lp-u));
  width: min(685.6px, 45.3439153439 * var(--lp-u));
  height: min(87.8px, 5.8068783069 * var(--lp-u));
  margin: min(60px, 3.9682539683 * var(--lp-u)) auto 0;
  background-color: #f2640c;
  border: min(4.8px, 0.3174603175 * var(--lp-u)) solid rgb(127, 127, 127);
  border-radius: 9999px;
  -webkit-box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(32px, 2.1164021164 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap;
}

.lpKv_arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.lpKv_arrow-cta {
  width: min(18px, 1.1904761905 * var(--lp-u));
  height: min(27px, 1.7857142857 * var(--lp-u));
  margin-inline: calc(-1 * min(2.2px, 0.1455026455 * var(--lp-u)));
}

@media screen and (max-width: 959px) {
  .p-lpKv {
    background-image: url("../images/kv-bg-sp.webp");
  }
  .lpKv_inner {
    width: 100%;
    padding: calc(136.0696517413 * var(--lp-u)) 0 calc(8.4577114428 * var(--lp-us));
  }
  .lpKv_head {
    top: calc(6.2189054726 * var(--lp-u));
    left: calc(5.4726368159 * var(--lp-u));
    -webkit-filter: drop-shadow(0 0 calc(3.1417910448 * var(--lp-u)) rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0 0 calc(3.1417910448 * var(--lp-u)) rgba(0, 0, 0, 0.25));
  }
  .lpKv_logo {
    width: calc(53.0845771144 * var(--lp-u));
  }
  .lpKv_lead {
    margin-top: calc(1.3407960199 * var(--lp-u));
    font-size: calc(5.8656716418 * var(--lp-u));
    line-height: 1.4;
    letter-spacing: 0.03em;
  }
  .lpKv_concept {
    top: calc(94.0298507463 * var(--lp-u));
    right: auto;
    left: calc(4.9751243781 * var(--lp-u));
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc(1.9452736318 * var(--lp-u));
    width: calc(89.8009950249 * var(--lp-u));
    -webkit-filter: drop-shadow(0 0 calc(2.4875621891 * var(--lp-u)) rgba(0, 0, 0, 0.9));
            filter: drop-shadow(0 0 calc(2.4875621891 * var(--lp-u)) rgba(0, 0, 0, 0.9));
  }
  .lpKv_concept_main {
    width: calc(40.5472636816 * var(--lp-u));
  }
  .lpKv_concept_cross {
    width: calc(2.9850746269 * var(--lp-u));
  }
  .lpKv_concept_sub {
    margin: 0;
    font-size: calc(4.5422885572 * var(--lp-u));
  }
  .lpKv_spec {
    top: calc(100.7462686567 * var(--lp-u));
    left: calc(4.9751243781 * var(--lp-u));
    width: calc(45.5223880597 * var(--lp-u));
    -webkit-filter: drop-shadow(0 0 calc(3.7313432836 * var(--lp-u)) rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0 0 calc(3.7313432836 * var(--lp-u)) rgba(0, 0, 0, 0.15));
  }
  .lpKv_spec_ttl {
    gap: calc(2.9850746269 * var(--lp-u));
    font-size: calc(3.9800995025 * var(--lp-u));
  }
  .lpKv_spec_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(2.4875621891 * var(--lp-u));
    margin-top: 0;
  }
  .lpKv_spec_list li {
    height: calc(8.4577114428 * var(--lp-u));
    padding: calc(1.9900497512 * var(--lp-u)) calc(2.4875621891 * var(--lp-u));
    border-radius: calc(1.2437810945 * var(--lp-u));
    font-size: calc(3.2338308458 * var(--lp-u));
    line-height: 1.2;
  }
  .lpKv_ecomark {
    top: calc(116.6666666667 * var(--lp-u));
    right: calc(5.0995024876 * var(--lp-u));
    width: calc(37.0895522388 * var(--lp-u));
  }
  .lpKv_banner {
    width: calc(90.0497512438 * var(--lp-uw));
    margin-inline: auto;
    aspect-ratio: 362/410;
    border-radius: calc(2.4875621891 * var(--lp-us));
  }
  .lpKv_banner::before {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  }
  .lpKv_cta {
    gap: calc(4.9875621891 * var(--lp-us));
    width: calc(57.8855721393 * var(--lp-uw));
    height: calc(13.6815920398 * var(--lp-us));
    margin: calc(9.2039800995 * var(--lp-us)) auto 0;
    padding-left: calc(7.1019900498 * var(--lp-us));
    border-width: calc(0.7487562189 * var(--lp-us));
    -webkit-box-shadow: inset 0 calc(0.2487562189 * var(--lp-us)) calc(1.2462686567 * var(--lp-us)) rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 calc(0.2487562189 * var(--lp-us)) calc(1.2462686567 * var(--lp-us)) rgba(0, 0, 0, 0.5);
    font-size: calc(4.4776119403 * var(--lp-us));
  }
}
@media screen and (max-width: 959px) and (min-width: 520px) and (hover: hover) {
  .lpKv_cta {
    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  }
  .lpKv_cta:hover {
    background-color: rgb(245, 123, 48);
    -webkit-box-shadow: inset 0 calc(0.2487562189 * var(--lp-us)) calc(1.2462686567 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(9.9502487562 * var(--lp-us)) rgba(242, 100, 12, 0.34);
            box-shadow: inset 0 calc(0.2487562189 * var(--lp-us)) calc(1.2462686567 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(9.9502487562 * var(--lp-us)) rgba(242, 100, 12, 0.34);
  }
}
@media screen and (max-width: 959px) {
  .lpKv_cta:focus-visible {
    background-color: rgb(245, 123, 48);
    -webkit-box-shadow: inset 0 calc(0.2487562189 * var(--lp-us)) calc(1.2462686567 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(9.9502487562 * var(--lp-us)) rgba(242, 100, 12, 0.34);
            box-shadow: inset 0 calc(0.2487562189 * var(--lp-us)) calc(1.2462686567 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(9.9502487562 * var(--lp-us)) rgba(242, 100, 12, 0.34);
  }
  .lpKv_arrow-cta {
    width: calc(2.7985074627 * var(--lp-us));
    height: calc(4.1990049751 * var(--lp-us));
    margin-inline: calc(-1 * calc(0.342039801 * var(--lp-us)));
  }
}
.p-lpFeatures {
  background: linear-gradient(37.5deg, rgba(13, 14, 30, 0) 0%, rgba(13, 14, 30, 0.3) 100%), linear-gradient(225.3deg, rgba(0, 0, 0, 0) 42.3%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(90deg, #232426 0%, #1b1b2a 69.7%);
  color: #ffffff;
  padding: min(73px, 4.828042328 * var(--lp-u)) 0 min(80px, 5.291005291 * var(--lp-u));
}

.lpFeatures_inner {
  width: min(1416px, 93.6507936508 * var(--lp-u));
  margin-inline: auto;
}

.lpFeatures_ttl {
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(53.5px, 3.5383597884 * var(--lp-u));
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #e6e6e6;
}

.lpFeatures_ttl_num {
  font-size: min(96px, 6.3492063492 * var(--lp-u));
}

.lpFeatures_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(20px, 1.3227513228 * var(--lp-u));
  margin: min(30px, 1.9841269841 * var(--lp-u)) 0 0;
  padding: 0;
  list-style: none;
}
.lpFeatures_list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.lpFeatures_card {
  position: relative;
  isolation: isolate;
}
.lpFeatures_card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.05);
  mix-blend-mode: plus-lighter;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
@media screen and (min-width: 520px) and (hover: hover) {
  .lpFeatures_card {
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  }
  .lpFeatures_card:hover {
    -webkit-box-shadow: 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(255, 255, 255, 0.13);
            box-shadow: 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(255, 255, 255, 0.13);
  }
  .lpFeatures_card:hover::after {
    opacity: 1;
  }
}
.lpFeatures_card:focus-visible {
  -webkit-box-shadow: 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(255, 255, 255, 0.13);
          box-shadow: 0 0 min(40px, 2.6455026455 * var(--lp-u)) rgba(255, 255, 255, 0.13);
}
.lpFeatures_card:focus-visible::after {
  opacity: 1;
}
.lpFeatures_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #000;
  border-radius: min(10px, 0.6613756614 * var(--lp-u));
  overflow: hidden;
  color: inherit;
}

.lpFeatures_card_img {
  aspect-ratio: 458.67/260;
}
.lpFeatures_card_img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lpFeatures_card_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(24px, 1.5873015873 * var(--lp-u));
  padding: min(42px, 2.7777777778 * var(--lp-u)) min(32px, 2.1164021164 * var(--lp-u)) min(32px, 2.1164021164 * var(--lp-u));
}

.lpFeatures_card_ttls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(12px, 0.7936507937 * var(--lp-u));
  width: 100%;
}

.lpFeatures_card_ttl {
  margin: min(10px, 0.6613756614 * var(--lp-u)) 0 0 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(33px, 2.1825396825 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-align: center;
}

.lp-note {
  font-size: 0.55em;
  vertical-align: super;
  letter-spacing: 0;
}

.lpFeatures_card_cross {
  display: block;
  width: min(26px, 1.7195767196 * var(--lp-u));
  height: min(26px, 1.7195767196 * var(--lp-u));
}
.lpFeatures_card_cross svg {
  display: block;
  width: 100%;
  height: 100%;
}

.lpFeatures_card_btn {
  --lp-ink-shift: var(--lp-ink-arrows);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(3.5px, 0.2645502646 * var(--lp-u), 4px);
  height: clamp(42px, 3.1746031746 * var(--lp-u), 48px);
  padding-inline: clamp(15.75px, 1.1904761905 * var(--lp-u), 18px);
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.27), inset -1px -1px 0 rgba(255, 255, 255, 0.19);
          box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.27), inset -1px -1px 0 rgba(255, 255, 255, 0.19);
  border-radius: 100px;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: clamp(14px, 1.0582010582 * var(--lp-u), 16px);
  line-height: 1.5;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.lpFeatures_card_btn_arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(8.75px, 0.6613756614 * var(--lp-u), 10px);
  height: clamp(5.25px, 0.3968253968 * var(--lp-u), 6px);
}

@media screen and (max-width: 959px) {
  .p-lpFeatures {
    padding: calc(14.3034825871 * var(--lp-us)) 0 calc(14.8756218905 * var(--lp-us));
  }
  .lpFeatures_inner {
    width: calc(90.0497512438 * var(--lp-uw));
  }
  .lpFeatures_ttl {
    font-size: calc(9.7014925373 * var(--lp-us));
  }
  .lpFeatures_ttl_num {
    font-size: calc(13.6815920398 * var(--lp-us));
  }
  .lpFeatures_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(5.9701492537 * var(--lp-us));
    margin-top: calc(7.4626865672 * var(--lp-us));
  }
  .lpFeatures_card {
    border-radius: calc(2.4875621891 * var(--lp-us));
  }
  .lpFeatures_card_img {
    aspect-ratio: 362/205.1;
  }
  .lpFeatures_card_body {
    gap: calc(5.9701492537 * var(--lp-us));
    padding: calc(5.9701492537 * var(--lp-us)) calc(7.960199005 * var(--lp-us));
  }
  .lpFeatures_card_ttls {
    gap: calc(2.9850746269 * var(--lp-us));
  }
  .lpFeatures_card_ttl {
    font-size: calc(4.9751243781 * var(--lp-us));
  }
  .lpFeatures_card_cross {
    width: calc(4.9751243781 * var(--lp-us));
    height: calc(4.9751243781 * var(--lp-us));
  }
  .lpFeatures_card_btn {
    gap: calc(0.9950248756 * var(--lp-us));
    height: calc(8.2089552239 * var(--lp-us));
    padding-inline: calc(2.9850746269 * var(--lp-us));
    font-size: calc(2.9850746269 * var(--lp-us));
  }
  .lpFeatures_card_btn_arrow {
    width: calc(2.4875621891 * var(--lp-us));
    height: calc(1.4925373134 * var(--lp-us));
  }
}
.p-lpFeature {
  background-color: #000;
  color: #ffffff;
  padding: min(107.5px, 7.1097883598 * var(--lp-u)) 0 min(126.5px, 8.3664021164 * var(--lp-u));
}

.lpFeature_inner {
  width: min(1412px, 93.3862433862 * var(--lp-u));
  margin-inline: auto;
}

.lpFeature_ttl {
  position: relative;
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(56px, 3.7037037037 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  -webkit-text-stroke: 0.5px currentColor;
}

.lpFeature_ttl_txt {
  display: inline-block;
}

.lpFeature_ttl_line {
  position: absolute;
  top: 50%;
  width: min(285px, 18.8492063492 * var(--lp-u));
  height: 2px;
}
.lpFeature_ttl_line:first-child {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
.lpFeature_ttl_line:last-child {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.lpFeature_main {
  margin-top: min(9.5px, 0.6283068783 * var(--lp-u));
  border-radius: min(32px, 2.1164021164 * var(--lp-u));
  overflow: hidden;
}
.lpFeature_main img {
  display: block;
  width: 100%;
  height: auto;
}

.lpFeature_colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(56px, 3.7037037037 * var(--lp-u));
  margin: min(40px, 2.6455026455 * var(--lp-u)) 0 0;
  padding: 0;
  list-style: none;
  color: #f9f9f9;
  font-size: min(24px, 1.5873015873 * var(--lp-u));
  line-height: 1.4;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.lpFeature_detail {
  margin-top: min(64px, 4.2328042328 * var(--lp-u));
}

.lpFeature_lead {
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(35px, 2.3148148148 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
}

.lpFeature_sliderWrap {
  position: relative;
  margin-top: min(40px, 2.6455026455 * var(--lp-u));
}

.lpFeature_slider .slick-list {
  margin-inline: min(-20px, -1.3227513228 * var(--lp-u));
  overflow: visible;
}
.lpFeature_slider .slick-slide {
  margin-inline: min(20px, 1.3227513228 * var(--lp-u));
  height: auto;
}
.lpFeature_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.lpFeature_slide_img {
  border-radius: min(10px, 0.6613756614 * var(--lp-u));
  overflow: hidden;
}
.lpFeature_slide_img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}

.lpFeature_slide_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(16px, 1.0582010582 * var(--lp-u));
  margin-top: min(32px, 2.1164021164 * var(--lp-u));
}

.lpFeature_slide_ttl {
  margin: 0;
  color: #e6e6e6;
  font-size: min(27px, 1.7857142857 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
}

.lpFeature_slide_txt {
  margin: 0;
  color: #c0c0c0;
  font-size: clamp(12px, 1.0582010582 * var(--lp-u), 16px);
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.lpFeature_sliderArrow {
  position: absolute;
  top: min(162px, 10.7142857143 * var(--lp-u));
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(64px, 4.2328042328 * var(--lp-u));
  height: min(64px, 4.2328042328 * var(--lp-u));
  padding: 0;
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 99px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.lpFeature_sliderArrow svg {
  width: min(9px, 0.5952380952 * var(--lp-u));
  height: min(17.1px, 1.130952381 * var(--lp-u));
}
@media screen and (min-width: 520px) and (hover: hover) {
  .lpFeature_sliderArrow:hover:not(.slick-disabled) {
    background-color: #000;
  }
}
.lpFeature_sliderArrow:focus-visible:not(.slick-disabled) {
  background-color: #000;
}
.lpFeature_sliderArrow.slick-disabled {
  opacity: 0.3;
  cursor: default;
}

.lpFeature_sliderArrow-prev {
  left: min(61px, 4.0343915344 * var(--lp-u));
}

.lpFeature_sliderArrow-next {
  right: min(61px, 4.0343915344 * var(--lp-u));
}

.lpFeature_sliderProgress {
  position: relative;
  width: min(354px, 23.4126984127 * var(--lp-u));
  height: 9px;
  margin: min(40px, 2.6455026455 * var(--lp-u)) auto 0;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 99px;
  overflow: hidden;
}

.lpFeature_sliderProgress_bar {
  display: block;
  width: 50%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 99px;
  -webkit-transition: width 0.4s ease, -webkit-transform 0.4s ease;
  transition: width 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, width 0.4s ease;
  transition: transform 0.4s ease, width 0.4s ease, -webkit-transform 0.4s ease;
}

@media screen and (max-width: 959px) {
  .p-lpFeature {
    padding: calc(13.3084577114 * var(--lp-us)) 0 calc(20.1990049751 * var(--lp-us));
  }
  .lpFeature_inner {
    width: calc(90.0497512438 * var(--lp-uw));
  }
  .lpFeature_ttl {
    font-size: calc(7.4626865672 * var(--lp-us));
  }
  .lpFeature_ttl_line {
    width: calc(8.4577114428 * var(--lp-us));
  }
  .lpFeature_main {
    margin-top: calc(6.0945273632 * var(--lp-us));
    border-radius: calc(2.039800995 * var(--lp-us));
  }
  .lpFeature_colors {
    gap: calc(9.0049751244 * var(--lp-us));
    margin-top: calc(4.9751243781 * var(--lp-us));
    font-size: calc(3.855721393 * var(--lp-us));
  }
  .lpFeature_detail {
    margin-top: calc(8.2089552239 * var(--lp-us));
  }
  .lpFeature_lead {
    font-size: calc(5.7213930348 * var(--lp-us));
  }
  .lpFeature_sliderWrap {
    margin-top: calc(5.9701492537 * var(--lp-us));
  }
  .lpFeature_slider .slick-list {
    margin-inline: 0;
  }
  .lpFeature_slider .slick-slide {
    width: calc(79.6019900498 * var(--lp-uw));
    margin-inline: 0 calc(5.9701492537 * var(--lp-us));
  }
  .lpFeature_slide_img {
    border-radius: calc(2.4875621891 * var(--lp-us));
  }
  .lpFeature_slide_body {
    gap: calc(1.815920398 * var(--lp-us));
    margin-top: calc(3.631840796 * var(--lp-us));
  }
  .lpFeature_slide_ttl {
    font-size: calc(4.9751243781 * var(--lp-us));
  }
  .lpFeature_slide_txt {
    font-size: calc(3.9800995025 * var(--lp-us));
  }
  .lpFeature_sliderArrow {
    top: calc(calc(22.1393034826 * var(--lp-uw)) - calc(6.2189054726 * var(--lp-us)));
    width: calc(12.4378109453 * var(--lp-us));
    height: calc(12.4378109453 * var(--lp-us));
  }
  .lpFeature_sliderArrow svg {
    width: calc(1.7910447761 * var(--lp-us));
    height: calc(3.407960199 * var(--lp-us));
  }
  .lpFeature_sliderArrow-prev {
    left: calc(0.4975124378 * var(--lp-us));
  }
  .lpFeature_sliderArrow-next {
    right: calc(-0.4975124378 * var(--lp-us));
  }
  .lpFeature_sliderProgress {
    width: calc(51.2437810945 * var(--lp-uw));
    margin-top: calc(9.9502487562 * var(--lp-us));
  }
}
.p-lpFeature-grad {
  background: linear-gradient(37.5deg, rgba(13, 14, 30, 0) 0%, rgba(13, 14, 30, 0.3) 100%), linear-gradient(225.3deg, rgba(0, 0, 0, 0) 42.3%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(90deg, #232426 0%, #1b1b2a 69.7%);
  padding: min(102px, 6.746031746 * var(--lp-u)) 0 0;
}

.lpFeat02_capacity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: min(67px, 4.4312169312 * var(--lp-u));
}

.lpFeat02_label {
  width: min(1000px, 66.1375661376 * var(--lp-u));
  margin: 0;
}
.lpFeat02_label img {
  display: block;
  width: 100%;
  height: auto;
}

.lpFeat02_num {
  margin-top: min(37.2px, 2.4603174603 * var(--lp-u));
}
.lpFeat02_num.u-pc {
  width: min(1000px, 66.1375661376 * var(--lp-u));
}
.lpFeat02_num img {
  display: block;
  width: 100%;
  height: auto;
}

.lpFeat02_txt {
  margin-top: min(64px, 4.2328042328 * var(--lp-u));
  text-align: center;
}

.lpFeat02_txt_ttl {
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(35px, 2.3148148148 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.lpFeat02_txt_lead {
  margin: min(24px, 1.5873015873 * var(--lp-u)) 0 0;
  color: #c0c0c0;
  font-size: clamp(12px, 1.0582010582 * var(--lp-u), 16px);
  line-height: 1.7;
  letter-spacing: 0.08em;
}

.lpFeat02_charge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: min(1177px, 77.8439153439 * var(--lp-u));
  margin: min(55px, 3.6375661376 * var(--lp-u)) 0 0 min(118px, 7.8042328042 * var(--lp-u));
}

.lpFeat02_charge_body {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(612px, 40.4761904762 * var(--lp-u));
          flex: 0 0 min(612px, 40.4761904762 * var(--lp-u));
  padding-top: min(64px, 4.2328042328 * var(--lp-u));
}

.lpFeat02_pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(535px, 35.3835978836 * var(--lp-u));
  height: min(64.65px, 4.2757936508 * var(--lp-u));
  border: min(1.39px, 0.0919312169 * var(--lp-u)) solid #ffffff;
  border-radius: min(13.88px, 0.917989418 * var(--lp-u));
  color: #f9f9f9;
  font-size: min(31.93px, 2.1117724868 * var(--lp-u));
  line-height: 1;
  letter-spacing: 0.05em;
  padding-top: min(10px, 0.6613756614 * var(--lp-u));
}
html.is-apple .lpFeat02_pill {
  padding-top: calc(min(10px, 0.6613756614 * var(--lp-u)) - 0.2em);
}

.lpFeat02_90w {
  width: min(535px, 35.3835978836 * var(--lp-u));
  margin: min(11.1px, 0.7341269841 * var(--lp-u)) 0 0;
}
.lpFeat02_90w img {
  display: block;
  width: 100%;
  height: auto;
}

.lpFeat02_charge_head + .lpFeat02_txt {
  margin-top: min(16px, 1.0582010582 * var(--lp-u));
}

.lpFeat02_txt-left {
  text-align: left;
}

.lpFeat02_charge_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(495px, 32.7380952381 * var(--lp-u));
          flex: 0 0 min(495px, 32.7380952381 * var(--lp-u));
  margin-left: min(70px, 4.6296296296 * var(--lp-u));
}
.lpFeat02_charge_img img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 959px) {
  .p-lpFeature-grad {
    padding: calc(10.1990049751 * var(--lp-us)) 0 calc(14.9253731343 * var(--lp-us));
  }
  .lpFeat02_capacity {
    margin-top: calc(4.9751243781 * var(--lp-us));
  }
  .lpFeat02_label {
    width: calc(56.2189054726 * var(--lp-us));
  }
  .lpFeat02_num {
    width: 100%;
    margin-top: calc(1.9900497512 * var(--lp-us));
    text-align: center;
  }
  .lpFeat02_num_val {
    margin: calc(2.4875621891 * var(--lp-us)) 0 0;
    font-size: calc(27.8606965174 * var(--lp-us));
    line-height: 1.1;
    letter-spacing: 0;
  }
  .lpFeat02_num_unit {
    margin: calc(-6.0447761194 * var(--lp-us)) 0 0;
    font-size: calc(16.4676616915 * var(--lp-us));
    line-height: 1.1;
    letter-spacing: 0.05em;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .lpFeat02_num_strip {
    width: calc(94.5273631841 * var(--lp-us));
    margin: calc(-4.9751243781 * var(--lp-us)) auto calc(7.4626865672 * var(--lp-us));
  }
  .lpFeat02_num_strip img {
    display: block;
    width: 100%;
    height: auto;
  }
  .lpFeat02_txt {
    margin-top: calc(2.736318408 * var(--lp-us));
    text-align: left;
  }
  .lpFeat02_txt_ttl {
    color: #e6e6e6;
    font-size: calc(5.7213930348 * var(--lp-us));
    line-height: 1.7;
    letter-spacing: 0;
  }
  .lpFeat02_txt_lead {
    margin-top: calc(2.4875621891 * var(--lp-us));
    font-size: calc(3.9800995025 * var(--lp-us));
    line-height: 1.7;
  }
  .lpFeat02_charge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    margin: calc(7.2139303483 * var(--lp-us)) 0 0;
  }
  .lpFeat02_charge_img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(63.4577114428 * var(--lp-uw));
    margin: 0 auto;
  }
  .lpFeat02_charge_body {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-top: 0;
  }
  .lpFeat02_charge_head {
    width: calc(67.6616915423 * var(--lp-us));
    margin-inline: auto;
  }
  .lpFeat02_pill {
    width: 100%;
    height: calc(8.2587064677 * var(--lp-us));
    border-width: calc(0.1741293532 * var(--lp-us));
    border-radius: calc(1.7661691542 * var(--lp-us));
    font-size: calc(4.0298507463 * var(--lp-us));
  }
  .lpFeat02_90w {
    width: 100%;
    margin-top: calc(1.3930348259 * var(--lp-us));
  }
  .lpFeat02_charge_head + .lpFeat02_txt {
    margin-top: calc(1.2935323383 * var(--lp-us));
  }
  .lpFeat02_charge .lpFeat02_txt_lead {
    letter-spacing: 0;
  }
}
#lpFeature03 {
  padding: min(102px, 6.746031746 * var(--lp-u)) 0 min(90px, 5.9523809524 * var(--lp-u));
}

.lpFeature_ttl-wide .lpFeature_ttl_line {
  width: min(380px, 25.1322751323 * var(--lp-u));
}

.lpFeat03_main {
  width: min(899px, 59.4576719577 * var(--lp-u));
  margin: min(60px, 3.9682539683 * var(--lp-u)) auto 0;
}
.lpFeat03_main img {
  display: block;
  width: 100%;
  height: auto;
}

.lpFeat03_sensor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: min(40px, 2.6455026455 * var(--lp-u));
  width: min(898px, 59.3915343915 * var(--lp-u));
  margin: min(48px, 3.1746031746 * var(--lp-u)) auto 0;
}

.lpFeat03_sensor_txt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(575px, 38.0291005291 * var(--lp-u));
          flex: 0 0 min(575px, 38.0291005291 * var(--lp-u));
}

.lpFeat03_sensor_ttl {
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(35px, 2.3148148148 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.lpFeat03_sensor_lead {
  margin: min(24px, 1.5873015873 * var(--lp-u)) 0 0;
  color: #c0c0c0;
  font-size: clamp(12px, 1.0582010582 * var(--lp-u), 16px);
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.lpFeat03_sensor_logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(261px, 17.2619047619 * var(--lp-u));
          flex: 0 0 min(261px, 17.2619047619 * var(--lp-u));
  margin: 0;
}
.lpFeat03_sensor_logo img {
  display: block;
  width: 100%;
  height: auto;
}

.lpFeat03_photos {
  margin-top: min(100px, 6.6137566138 * var(--lp-u));
}

.lpFeat03_photos_head {
  width: min(568.5px, 37.5992063492 * var(--lp-u));
  margin-inline: auto;
  text-align: center;
}

.lpFeat03_photos_ttl {
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(35px, 2.3148148148 * var(--lp-u));
  line-height: 1.0857142857;
  letter-spacing: 0;
}

.lpFeat03_photos_lead {
  margin: min(40px, 2.6455026455 * var(--lp-u)) 0 0;
  color: #c0c0c0;
  font-size: clamp(12px, 1.0582010582 * var(--lp-u), 16px);
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.lpFeat03_photos_sliderWrap {
  position: relative;
  left: 50%;
  width: calc(100 * var(--lp-u));
  margin-top: min(60px, 3.9682539683 * var(--lp-u));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.lpFeat03_photos_slider {
  overflow: visible;
}
.lpFeat03_photos_slider .swiper-slide {
  width: calc(36.31 * var(--lp-u));
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.lpFeat03_photos_slider .swiper-slide-active {
  -webkit-transform: scale(1.1293);
          transform: scale(1.1293);
}

.lpFeat03_photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: min(8.85px, 0.5853174603 * var(--lp-u));
}

#lpFeature03 .lpFeat03_photos_sliderWrap .lpFeature_sliderArrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#lpFeature03 .lpFeat03_photos_sliderWrap .lpFeature_sliderArrow-prev {
  left: calc(50% - 47.884 * var(--lp-u));
}

#lpFeature03 .lpFeat03_photos_sliderWrap .lpFeature_sliderArrow-next {
  right: calc(50% - 47.884 * var(--lp-u));
}

.lpFeat03_video {
  margin-top: min(112px, 7.4074074074 * var(--lp-u));
}

.lpFeat03_video_ttl {
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(35px, 2.3148148148 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}

.lpFeat03_video_sliderWrap {
  position: relative;
  margin-top: min(40px, 2.6455026455 * var(--lp-u));
}

.lpFeat03_video_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(40px, 2.6455026455 * var(--lp-u));
}

.lpFeat03_video_item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.lpFeat03_video_img {
  position: relative;
  aspect-ratio: 686/380;
  border-radius: min(10px, 0.6613756614 * var(--lp-u));
  overflow: hidden;
}
.lpFeat03_video_img img {
  display: block;
  width: 100%;
  height: auto;
}
.lpFeat03_video_img > video {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lpFeat03_video_poster {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lpFeat03_video_img-device {
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.lpFeat03_video_device {
  position: relative;
  width: 100%;
}
.lpFeat03_video_device picture {
  display: block;
}
.lpFeat03_video_device img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.lpFeat03_video_device video,
.lpFeat03_video_device .lpFeat03_video_poster {
  position: absolute;
  top: 3.22%;
  left: 14.04%;
  right: auto;
  bottom: auto;
  width: 77.805%;
  height: 93.556%;
  aspect-ratio: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.lpFeat03_video_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(16px, 1.0582010582 * var(--lp-u));
  margin-top: min(32px, 2.1164021164 * var(--lp-u));
}

.lpFeat03_video_itemTtl {
  margin: 0;
  color: #e6e6e6;
  font-size: min(27px, 1.7857142857 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
}

.lpFeat03_video_itemTxt {
  margin: 0;
  color: #c0c0c0;
  font-size: clamp(12px, 1.0582010582 * var(--lp-u), 16px);
  line-height: 1.7;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 959px) {
  #lpFeature03 {
    padding: calc(13.184079602 * var(--lp-us)) 0 calc(21.6417910448 * var(--lp-us));
  }
  .lpFeature_ttl-wide .lpFeature_ttl_line {
    width: calc(8.4577114428 * var(--lp-us));
  }
  .lpFeat03_main {
    width: calc(90.2985074627 * var(--lp-uw));
    margin-top: calc(7.960199005 * var(--lp-us));
  }
  .lpFeat03_sensor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(0.2487562189 * var(--lp-us));
    width: 100%;
    margin-top: calc(8.4577114428 * var(--lp-us));
  }
  .lpFeat03_sensor_txt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(90.0497512438 * var(--lp-uw));
  }
  .lpFeat03_sensor_ttl {
    color: #e6e6e6;
    font-size: calc(5.7213930348 * var(--lp-us));
    line-height: 1.5;
  }
  .lpFeat03_sensor_lead {
    margin-top: calc(2.4875621891 * var(--lp-us));
    font-size: calc(3.9800995025 * var(--lp-us));
  }
  .lpFeat03_sensor_logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(51.9402985075 * var(--lp-us));
  }
  .lpFeat03_photos {
    margin-top: calc(10.447761194 * var(--lp-us));
  }
  .lpFeat03_photos_head {
    width: 100%;
    text-align: left;
  }
  .lpFeat03_photos_ttl {
    font-size: calc(5.7213930348 * var(--lp-us));
    line-height: 1.652173913;
    letter-spacing: -0.03em;
  }
  .lpFeat03_photos_lead {
    margin-top: calc(3.9800995025 * var(--lp-us));
    font-size: calc(3.9800995025 * var(--lp-us));
    letter-spacing: 0;
  }
  .lpFeat03_photos_sliderWrap {
    margin-top: calc(7.960199005 * var(--lp-us));
  }
  .lpFeat03_photos_slider .swiper-slide {
    width: calc(66.9154228856 * var(--lp-u));
  }
  #lpFeature03 .lpFeat03_photos_sliderWrap .lpFeature_sliderArrow-prev {
    left: calc(4.9751243781 * var(--lp-u));
  }
  #lpFeature03 .lpFeat03_photos_sliderWrap .lpFeature_sliderArrow-next {
    right: calc(4.9751243781 * var(--lp-u));
  }
  .lpFeat03_photo img {
    border-radius: calc(2.2014925373 * var(--lp-us));
  }
  .lpFeat03_video {
    margin-top: calc(14.9253731343 * var(--lp-us));
  }
  .lpFeat03_video_ttl {
    font-size: calc(5.7213930348 * var(--lp-us));
    text-align: left;
  }
  .lpFeat03_video_sliderWrap {
    margin-top: calc(5.9701492537 * var(--lp-us));
  }
  .lpFeat03_video_slider {
    display: block;
    gap: 0;
  }
  .lpFeat03_video_slider .slick-slide {
    width: calc(79.6019900498 * var(--lp-uw));
    margin-inline: 0 calc(5.9701492537 * var(--lp-us));
    height: auto;
  }
  .lpFeat03_video_slider .slick-list {
    overflow: visible;
  }
  .lpFeat03_video_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .lpFeat03_video_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .lpFeat03_video_img {
    border-radius: calc(2.4875621891 * var(--lp-us));
  }
  .lpFeat03_video_body {
    gap: calc(1.815920398 * var(--lp-us));
    margin-top: calc(3.631840796 * var(--lp-us));
  }
  .lpFeat03_video_itemTtl {
    font-size: calc(4.9751243781 * var(--lp-us));
  }
  .lpFeat03_video_itemTxt {
    font-size: calc(3.9800995025 * var(--lp-us));
  }
  #lpFeature03 .lpFeature_sliderProgress {
    width: calc(51.2437810945 * var(--lp-uw));
    margin-top: calc(9.9502487562 * var(--lp-us));
  }
}
.p-lpOutro {
  background: linear-gradient(37.5deg, rgba(13, 14, 30, 0) 0%, rgba(13, 14, 30, 0.3) 100%), linear-gradient(225.3deg, rgba(0, 0, 0, 0) 42.3%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(90deg, #232426 0%, #1b1b2a 69.7%);
  padding: min(120px, 7.9365079365 * var(--lp-u)) 0 min(63.5px, 4.1997354497 * var(--lp-u));
  color: #ffffff;
}

.lpOutro_inner {
  width: min(1432px, 94.708994709 * var(--lp-u));
  margin-inline: auto;
}

.lpOutro_kv {
  position: relative;
  aspect-ratio: 1432/536.05;
  border-radius: min(10px, 0.6613756614 * var(--lp-u));
  background: #000 url("../images/final-bg.webp") no-repeat center center/cover;
}

.lpOutro_kv_head {
  position: absolute;
  top: min(70px, 4.6296296296 * var(--lp-u));
  left: min(50px, 3.3068783069 * var(--lp-u));
  -webkit-filter: drop-shadow(0 0 min(15px, 0.9920634921 * var(--lp-u)) rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 min(15px, 0.9920634921 * var(--lp-u)) rgba(0, 0, 0, 0.25));
}

.lpOutro_kv_logo {
  width: min(406.44px, 26.880952381 * var(--lp-u));
  margin: 0;
}
.lpOutro_kv_logo img {
  display: block;
  width: 100%;
}

.lpOutro_kv_lead {
  margin: min(26px, 1.7195767196 * var(--lp-u)) 0 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(40px, 2.6455026455 * var(--lp-u));
  line-height: 1.7;
  letter-spacing: 0;
}

.lpOutro_kv_concept {
  position: absolute;
  top: min(149px, 9.8544973545 * var(--lp-u));
  right: min(47.55px, 3.1448412698 * var(--lp-u));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(14.21px, 0.9398148148 * var(--lp-u));
  width: min(355.91px, 23.539021164 * var(--lp-u));
  text-align: center;
  -webkit-filter: drop-shadow(0 0 min(9.47px, 0.6263227513 * var(--lp-u)) rgba(0, 0, 0, 0.9));
          filter: drop-shadow(0 0 min(9.47px, 0.6263227513 * var(--lp-u)) rgba(0, 0, 0, 0.9));
}

.lpOutro_kv_concept_main {
  width: 100%;
  margin: 0;
}
.lpOutro_kv_concept_main img {
  display: block;
  width: 100%;
}

.lpOutro_kv_concept_cross {
  display: block;
  width: min(21.08px, 1.3941798942 * var(--lp-u));
}
.lpOutro_kv_concept_cross img {
  display: block;
  width: 100%;
}

.lpOutro_kv_concept_sub {
  margin: calc(-1 * min(11.6px, 0.7671957672 * var(--lp-u))) 0 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(33.15px, 2.1924603175 * var(--lp-u));
  line-height: 1.7;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.lpOutro_kv_spec {
  position: absolute;
  top: min(388.31px, 25.6818783069 * var(--lp-u));
  left: min(47.35px, 3.1316137566 * var(--lp-u));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-filter: drop-shadow(0 0 min(14.2px, 0.9391534392 * var(--lp-u)) rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0 0 min(14.2px, 0.9391534392 * var(--lp-u)) rgba(0, 0, 0, 0.15));
}

.lpOutro_kv_spec_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(11.37px, 0.751984127 * var(--lp-u));
  margin: 0;
  font-size: min(18.94px, 1.2526455026 * var(--lp-u));
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}
.lpOutro_kv_spec_ttl::before, .lpOutro_kv_spec_ttl::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  height: 1px;
  background-color: #ffffff;
}

.lpOutro_kv_spec_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(11.37px, 0.751984127 * var(--lp-u));
  margin: min(7.58px, 0.5013227513 * var(--lp-u)) 0 0;
  padding: 0;
  list-style: none;
}
.lpOutro_kv_spec_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: min(64.4px, 4.2592592593 * var(--lp-u));
  padding: min(9.47px, 0.6263227513 * var(--lp-u)) min(28.41px, 1.878968254 * var(--lp-u));
  border: 1px solid #ffffff;
  border-radius: min(4.74px, 0.3134920635 * var(--lp-u));
  color: #f9f9f9;
  font-size: clamp(12px, 1.001984127 * var(--lp-u), 15.15px);
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

.lpOutro_kv_ecomark {
  position: absolute;
  top: min(426.19px, 28.1871693122 * var(--lp-u));
  right: min(47.8px, 3.1613756614 * var(--lp-u));
  width: min(241.06px, 15.9431216931 * var(--lp-u));
  margin: 0;
}
.lpOutro_kv_ecomark img {
  display: block;
  width: 100%;
}

.lpOutro_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: min(57.7px, 3.8161375661 * var(--lp-u));
  text-align: center;
}

.lpOutro_cta_ttl {
  margin: 0;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(55px, 3.6375661376 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
}

@media screen and (min-width: 520px) and (hover: hover) {
  .lpOutro_cta_btn {
    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  }
  .lpOutro_cta_btn:hover {
    background-color: rgb(17, 148, 242);
    -webkit-box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(45px, 2.9761904762 * var(--lp-u)) rgba(11, 123, 204, 0.34);
            box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(45px, 2.9761904762 * var(--lp-u)) rgba(11, 123, 204, 0.34);
  }
}
.lpOutro_cta_btn:focus-visible {
  background-color: rgb(17, 148, 242);
  -webkit-box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(45px, 2.9761904762 * var(--lp-u)) rgba(11, 123, 204, 0.34);
          box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5), 0 0 min(45px, 2.9761904762 * var(--lp-u)) rgba(11, 123, 204, 0.34);
}
.lpOutro_cta_btn {
  --lp-ink-shift: var(--lp-ink-arrows);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(32px, 2.1164021164 * var(--lp-u));
  width: min(787.15px, 52.0601851852 * var(--lp-u));
  height: min(115.18px, 7.6177248677 * var(--lp-u));
  margin-top: min(31px, 2.0502645503 * var(--lp-u));
  padding: 0 min(32px, 2.1164021164 * var(--lp-u)) 0 min(64px, 4.2328042328 * var(--lp-u));
  background-color: #0b7bcc;
  border: min(4.8px, 0.3174603175 * var(--lp-u)) solid rgb(127, 127, 127);
  border-radius: 9999px;
  -webkit-box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 min(3.2px, 0.2116402116 * var(--lp-u)) min(16px, 1.0582010582 * var(--lp-u)) rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: min(32px, 2.1164021164 * var(--lp-u));
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap;
}

.lpOutro_cta_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(8px, 0.5291005291 * var(--lp-u));
}

.lpOutro_cta_logo {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(307.95px, 20.3670634921 * var(--lp-u));
  height: auto;
}

.lpOutro_cta_arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(18px, 1.1904761905 * var(--lp-u));
  height: min(27px, 1.7857142857 * var(--lp-u));
  margin-inline: calc(-1 * min(2.2px, 0.1455026455 * var(--lp-u)));
}

.lpOutro_notes {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: clamp(24px, 1.8518518519 * var(--lp-u), 28px) clamp(6.86px, 0.5291005291 * var(--lp-u), 8px) 1fr;
  grid-template-columns: clamp(24px, 1.8518518519 * var(--lp-u), 28px) 1fr;
  -webkit-column-gap: clamp(6.86px, 0.5291005291 * var(--lp-u), 8px);
     -moz-column-gap: clamp(6.86px, 0.5291005291 * var(--lp-u), 8px);
          column-gap: clamp(6.86px, 0.5291005291 * var(--lp-u), 8px);
  row-gap: clamp(4.29px, 0.3306878307 * var(--lp-u), 5px);
  margin: min(55px, 3.6375661376 * var(--lp-u)) 0 0;
  font-size: clamp(12px, 0.9259259259 * var(--lp-u), 14px);
  line-height: 1.7;
  letter-spacing: 0;
}
.lpOutro_notes dt {
  margin: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}
.lpOutro_notes dd {
  margin: 0;
}
.lpOutro_notes ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lpOutro_notes li {
  position: relative;
  padding-left: min(21px, 1.3888888889 * var(--lp-u));
}
.lpOutro_notes li::before {
  content: "・";
  position: absolute;
  left: min(3px, 0.1984126984 * var(--lp-u));
}

@media screen and (max-width: 959px) {
  .p-lpOutro {
    padding: calc(15.671641791 * var(--lp-us)) 0 calc(15.671641791 * var(--lp-us));
    background: linear-gradient(83.2deg, rgba(13, 14, 30, 0) 53.2%, rgba(13, 14, 30, 0.3) 100%), linear-gradient(264.8deg, rgba(0, 0, 0, 0) 41.9%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(90deg, #1a1a28 0.85%, #1b1b2a 69.3%);
  }
  .lpOutro_inner {
    width: 100%;
  }
  .lpOutro_kv {
    aspect-ratio: 402/560;
    border-radius: 0;
    background-image: url("../images/final-bg-sp.webp");
  }
  .lpOutro_kv_head {
    top: calc(4.9751243781 * var(--lp-u));
    left: calc(4.9751243781 * var(--lp-u));
    -webkit-filter: drop-shadow(0 0 calc(3.1417910448 * var(--lp-u)) rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0 0 calc(3.1417910448 * var(--lp-u)) rgba(0, 0, 0, 0.25));
  }
  .lpOutro_kv_logo {
    width: calc(53.0820895522 * var(--lp-u));
  }
  .lpOutro_kv_lead {
    margin-top: calc(1.3407960199 * var(--lp-u));
    font-size: calc(5.8669154229 * var(--lp-u));
    line-height: 1.4;
    letter-spacing: 0.03em;
  }
  .lpOutro_kv_concept {
    top: calc(99.3805970149 * var(--lp-u));
    right: auto;
    left: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc(1.7848258706 * var(--lp-u));
    width: calc(89.9900497512 * var(--lp-u));
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-filter: drop-shadow(0 0 calc(1.1890547264 * var(--lp-u)) rgba(0, 0, 0, 0.9));
            filter: drop-shadow(0 0 calc(1.1890547264 * var(--lp-u)) rgba(0, 0, 0, 0.9));
  }
  .lpOutro_kv_concept_main {
    width: calc(44.7164179104 * var(--lp-u));
  }
  .lpOutro_kv_concept_cross {
    width: calc(2.6492537313 * var(--lp-u));
  }
  .lpOutro_kv_concept_sub {
    margin: 0;
    line-height: 1;
    font-size: calc(4.1646766169 * var(--lp-u));
  }
  .lpOutro_kv_spec {
    top: calc(105.7213930348 * var(--lp-u));
    left: calc(4.4776119403 * var(--lp-u));
    width: calc(45.5223880597 * var(--lp-u));
    -webkit-filter: none;
            filter: none;
  }
  .lpOutro_kv_spec_ttl {
    gap: calc(2.9850746269 * var(--lp-u));
    font-size: calc(3.9800995025 * var(--lp-u));
  }
  .lpOutro_kv_spec_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(2.4875621891 * var(--lp-u));
    margin-top: 0;
  }
  .lpOutro_kv_spec_list li {
    height: calc(8.4577114428 * var(--lp-u));
    padding: calc(1.9900497512 * var(--lp-u)) calc(2.4875621891 * var(--lp-u));
    border-radius: calc(1.2437810945 * var(--lp-u));
    font-size: calc(3.2338308458 * var(--lp-u));
    line-height: 1.2;
  }
  .lpOutro_kv_ecomark {
    top: calc(121.6417910448 * var(--lp-u));
    right: calc(4.7835820896 * var(--lp-u));
    width: calc(37.4004975124 * var(--lp-u));
  }
  .lpOutro_cta {
    margin-top: calc(12.9353233831 * var(--lp-us));
  }
  .lpOutro_cta_ttl {
    font-size: calc(6.8407960199 * var(--lp-us));
  }
  .lpOutro_cta_btn {
    gap: calc(2.9850746269 * var(--lp-us));
    width: calc(90.4303482587 * var(--lp-uw));
    height: calc(16.368159204 * var(--lp-us));
    margin-top: calc(5.0995024876 * var(--lp-us));
    padding: 0 calc(4.1467661692 * var(--lp-us)) 0 calc(2.9850746269 * var(--lp-us));
    border-width: calc(0.6218905473 * var(--lp-us));
    -webkit-box-shadow: inset 0 calc(0.4154228856 * var(--lp-us)) calc(2.0721393035 * var(--lp-us)) rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 calc(0.4154228856 * var(--lp-us)) calc(2.0721393035 * var(--lp-us)) rgba(0, 0, 0, 0.5);
    font-size: calc(3.9800995025 * var(--lp-us));
  }
}
@media screen and (max-width: 959px) and (min-width: 520px) and (hover: hover) {
  .lpOutro_cta_btn {
    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease;
    transition: background-color 0.3s ease, box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  }
  .lpOutro_cta_btn:hover {
    background-color: rgb(17, 148, 242);
    -webkit-box-shadow: inset 0 calc(0.4154228856 * var(--lp-us)) calc(2.0721393035 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(11.1940298507 * var(--lp-us)) rgba(11, 123, 204, 0.34);
            box-shadow: inset 0 calc(0.4154228856 * var(--lp-us)) calc(2.0721393035 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(11.1940298507 * var(--lp-us)) rgba(11, 123, 204, 0.34);
  }
}
@media screen and (max-width: 959px) {
  .lpOutro_cta_btn:focus-visible {
    background-color: rgb(17, 148, 242);
    -webkit-box-shadow: inset 0 calc(0.4154228856 * var(--lp-us)) calc(2.0721393035 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(11.1940298507 * var(--lp-us)) rgba(11, 123, 204, 0.34);
            box-shadow: inset 0 calc(0.4154228856 * var(--lp-us)) calc(2.0721393035 * var(--lp-us)) rgba(0, 0, 0, 0.5), 0 0 calc(11.1940298507 * var(--lp-us)) rgba(11, 123, 204, 0.34);
  }
  .lpOutro_cta_label {
    gap: calc(1.0373134328 * var(--lp-us));
  }
  .lpOutro_cta_logo {
    width: calc(36.4701492537 * var(--lp-us));
  }
  .lpOutro_cta_arrow {
    width: calc(2.3308457711 * var(--lp-us));
    height: calc(3.4975124378 * var(--lp-us));
    margin-inline: calc(-1 * calc(0.2860696517 * var(--lp-us)));
  }
  .lpOutro_notes {
    -ms-grid-columns: calc(6.9651741294 * var(--lp-us)) calc(1.9900497512 * var(--lp-us)) 1fr;
    grid-template-columns: calc(6.9651741294 * var(--lp-us)) 1fr;
    -webkit-column-gap: calc(1.9900497512 * var(--lp-us));
       -moz-column-gap: calc(1.9900497512 * var(--lp-us));
            column-gap: calc(1.9900497512 * var(--lp-us));
    row-gap: calc(1.2437810945 * var(--lp-us));
    width: calc(90.0497512438 * var(--lp-uw));
    margin: calc(12.4875621891 * var(--lp-us)) auto 0;
    font-size: calc(3.4825870647 * var(--lp-us));
  }
  .lpOutro_notes li {
    padding-left: calc(5.223880597 * var(--lp-us));
  }
  .lpOutro_notes li::before {
    left: calc(0.7462686567 * var(--lp-us));
  }
}
.p-lpModal .modal_bg {
  background-color: rgba(0, 0, 0, 0.4);
}
.p-lpModal .modal_close {
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.p-lpModal .modal_contents {
  scrollbar-width: thin;
  scrollbar-color: #c9c9c9 transparent;
}
.p-lpModal .modal_contents::-webkit-scrollbar {
  width: 6px;
}
.p-lpModal .modal_contents::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 3px;
}

.p-lp .p-handlingBtn img {
  max-width: 150px;
}

.p-lpFloatBanner,
.p-lpFloatCta {
  position: fixed;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: opacity 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease;
}
.p-lpFloatBanner.is-show,
.p-lpFloatCta.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-lpFloatBanner {
  isolation: isolate;
}
.p-lpFloatBanner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.05);
  mix-blend-mode: plus-lighter;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
@media screen and (min-width: 520px) and (hover: hover) {
  .p-lpFloatBanner {
    -webkit-transition: opacity 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: opacity 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, box-shadow 0.35s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, box-shadow 0.35s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.35s ease;
  }
  .p-lpFloatBanner:hover {
    -webkit-box-shadow: 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(0, 0, 0, 0.5), 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(255, 255, 255, 0.13);
            box-shadow: 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(0, 0, 0, 0.5), 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(255, 255, 255, 0.13);
  }
  .p-lpFloatBanner:hover::after {
    opacity: 1;
  }
}
.p-lpFloatBanner:focus-visible {
  -webkit-box-shadow: 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(0, 0, 0, 0.5), 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(255, 255, 255, 0.13);
          box-shadow: 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(0, 0, 0, 0.5), 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(255, 255, 255, 0.13);
}
.p-lpFloatBanner:focus-visible::after {
  opacity: 1;
}
.p-lpFloatBanner {
  --lp-banner-w: clamp(362px, min(643.93px, 42.587962963 * var(--lp-u)), 643.93px);
  right: 20px;
  bottom: 80px;
  display: block;
  width: var(--lp-banner-w);
  border-radius: calc(var(--lp-banner-w) * 0.0166322426);
  overflow: hidden;
  -webkit-box-shadow: 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 calc(var(--lp-banner-w) * 0.0776481916) rgba(0, 0, 0, 0.5);
}
.p-lpFloatBanner img {
  display: block;
  width: 100%;
  height: auto;
}

.lpFloatBanner_btn {
  --lp-ink-shift: -0.06em;
  position: absolute;
  top: calc(var(--lp-banner-w) * 0.2362679173);
  left: calc(var(--lp-banner-w) * 0.0371624245);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--lp-banner-w) * 0.0266178001);
  height: calc(var(--lp-banner-w) * 0.0915938068);
  padding-inline: calc(var(--lp-banner-w) * 0.027953349);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  border: calc(var(--lp-banner-w) * 0.0033233426) solid rgba(255, 255, 255, 0.7);
  border-radius: 9999px;
  -webkit-box-shadow: inset 0 calc(var(--lp-banner-w) * 0.0053266659) calc(var(--lp-banner-w) * 0.0266178001) rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 calc(var(--lp-banner-w) * 0.0053266659) calc(var(--lp-banner-w) * 0.0266178001) rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Noto Sans JP M", sans-serif;
  font-size: calc(var(--lp-banner-w) * 0.0299566723);
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap;
}

.lpFloatBanner_arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(var(--lp-banner-w) * 0.0189306291);
  height: calc(var(--lp-banner-w) * 0.0283881788);
  margin-inline: calc(-1 * calc(var(--lp-banner-w) * 0.0023139161));
}

@media screen and (min-width: 520px) and (hover: hover) {
  .p-lpFloatCta {
    -webkit-transition: opacity 0.3s ease, visibility 0.3s, background-color 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: opacity 0.3s ease, visibility 0.3s, background-color 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.35s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, background-color 0.3s ease, box-shadow 0.35s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, background-color 0.3s ease, box-shadow 0.35s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.35s ease;
  }
  .p-lpFloatCta:hover {
    background-color: rgb(245, 123, 48);
    -webkit-box-shadow: 0 0 30px rgba(242, 100, 12, 0.34);
            box-shadow: 0 0 30px rgba(242, 100, 12, 0.34);
  }
}
.p-lpFloatCta:focus-visible {
  background-color: rgb(245, 123, 48);
  -webkit-box-shadow: 0 0 30px rgba(242, 100, 12, 0.34);
          box-shadow: 0 0 30px rgba(242, 100, 12, 0.34);
}
.p-lpFloatCta {
  --lp-ink-shift: var(--lp-ink-arrows);
  right: 75px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10.05px;
  width: 202.05px;
  height: 54px;
  padding: 20px;
  background-color: #f2640c;
  border-radius: 9999px;
  font-family: "arrows", "Noto Sans JP M", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap;
}

.p-lp a.p-lpFloatCta,
.p-lp a.p-lpFloatBanner {
  color: #ffffff;
}

.lpFloatCta_arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10.59px;
  height: 15.88px;
  margin-inline: -1.29px;
}

@media screen and (min-width: 960px) {
  .p-lpFloatBanner {
    right: 30px;
    bottom: 105px;
  }
  .p-lpFloatCta {
    right: 105px;
    bottom: 27px;
    gap: 16px;
    width: 305px;
    height: 61.05px;
    padding: 23px 26px;
    font-family: "arrows", "Noto Sans JP B", sans-serif;
    font-size: 20px;
  }
  .lpFloatCta_arrow {
    width: 11.38px;
    height: 17.07px;
    margin-inline: -1.39px;
  }
}
@media screen and (max-width: 519px) {
  .p-lpFloatBanner {
    left: 20px;
    right: 20px;
    width: auto;
    border-radius: 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .lpFloatBanner_btn {
    display: none;
  }
}