/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */

.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}

.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
ul,
ol,
dl,
li,
dt,
dd,
form,
fieldset,
pre,
menu {
  margin: 0;
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
  padding: 0;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

fieldset,
legend,
menu {
  padding: 0;
}

fieldset {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: initial;
  margin-bottom: initial;
  font-weight: initial;
  line-height: initial;
  color: initial;
  padding: initial;
  text-align: initial;
  border: none;
  border-left: none;
  font-size: initial;
}

h1,
.h1 {
  font-size: initial;
  padding: initial;
  margin: initial;
}

h2,
.h2 {
  font-size: initial;
  margin-top: initial;
}

h3,
.h3 {
  border-bottom: initial;
  padding-bottom: initial;
}

h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  color: initial;
  border: initial;
  border-left: initial;
  padding-left: initial;
}

h3 span {
  border: initial;
}

h4 span {
  border-left: initial;
  padding-left: initial;
}

p {
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  color: initial;
  margin-top: initial;
  margin-bottom: initial;
  text-align: initial;
}

p a {
  color: initial;
  text-decoration: initial;
}

.owl-carousel {
  display: block;
}

* {
  min-height: auto;
  min-width: auto;
}

:root {
  --white: #fff;
  --black: #000;
  --red-600: #b31f24;
  --gray-100: #efefef;
  --gray-200: #e3e3e3;
  --gray-225: #d9d9d9;
  --gray-250: #cecece;
  --gray-275: #d3d3d3;
  --gray-290: #bfbfbf;
  --gray-300: #c7c7c7;
  --gray-400: #a5a5a5;
  --gray-500: #8b8b8b;
  --gray-600: #696969;
  --gray-800: #222;
  --gray-900: #101010;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-family: 'Noto Sans JP', 'sans-serif';
  font-size: 16px;
  color: var(--gray-900);
}

body img {
  width: 100%;
  height: auto;
}

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

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

@media screen and (min-width: 751px) {
  .u-is-sp {
    display: none !important;
  }
}

.u-img-wrap {
  font-size: 0;
  line-height: 0;
  user-select: none;
}

[data-module="FadeIn"] {
  opacity: 0;
}

[data-speed] {
  will-change: transform;
  transition: transform 0.1s linear;
}

.img-wrapper.bottom-up {
  overflow: hidden;
  display: block;
  clip-path: inset(100% 0 0 0);
  transition: clip-path 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

.img-wrapper.in-view {
  clip-path: inset(0 0 0 0);
}

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

.white-space--nowrap {
  white-space: nowrap;
}

.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade-in.in-view {
  opacity: 1;
  transform: translateY(0);
}

.hover {
  opacity: 1;
  transition: opacity 0.5s ease-out;
  cursor: pointer;
}

.hover:focus {
  outline: none;
}

.hover:hover {
  opacity: 0.5;
}

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

@media screen and (min-width: 751px) {
  .border-10 img {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px) !important;
  }
}

@media screen and (max-width: 750px) {
  .border-10 img {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px) !important;
  }
}

@media screen and (min-width: 751px) {
  .border-top--10 img {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px) clamp(5px, 0.732064421669107vw, 14.055636896046853px) 0 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .border-top--10 img {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px) clamp(5px, 2.666666666666667vw, 51.2px) 0 0 !important;
  }
}

@media (pointer: coarse) {
  a,
  picture,
  .a-link,
  img {
    -webkit-tap-highlight-color: transparent !important;
  }
  .a-link:active,
  picture:active,
  a:active,
  img:active {
    background: transparent !important;
    outline: none !important;
  }
}

.lg-sub-html {
  white-space: pre-wrap;
}

.text-red--600 {
  color: var(--red-600);
}

.text-red--ED0008 {
  color: #ed0008;
}

.text-gray--300 {
  color: var(--gray-300);
}

.text-gray--500 {
  color: var(--gray-500);
}

.text-gray--600 {
  color: var(--gray-600);
}

.text-gray--800 {
  color: var(--gray-800);
}

@media screen and (min-width: 751px) {
  .c-alert {
    padding-block: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    padding-inline: clamp(13.5px, 1.976573938506589vw, 37.950219619326504px) clamp(13px, 1.903367496339678vw, 36.54465592972181px);
  }
}

@media screen and (max-width: 750px) {
  .c-alert {
    padding-block: clamp(12px, 6.4vw, 122.88px);
    padding-inline: clamp(8.5px, 4.533333333333333vw, 87.04px) clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

.c-alert.bg-gray {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .c-alert.has-list {
    padding-block: clamp(10px, 1.464128843338214vw, 28.111273792093705px) clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
    padding-inline: clamp(19.5px, 2.855051244509517vw, 54.81698389458273px);
  }
}

@media screen and (max-width: 750px) {
  .c-alert.has-list {
    padding-block: clamp(9px, 4.8vw, 92.16px);
    padding-inline: clamp(9px, 4.8vw, 92.16px) clamp(8.5px, 4.533333333333333vw, 87.04px);
  }
}

@media screen and (min-width: 751px) {
  .c-alert .c-alert__title {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.083333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
  }
}

@media screen and (max-width: 750px) {
  .c-alert .c-alert__title {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.25;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

@media screen and (min-width: 751px) {
  .c-alert .c-alert__content {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .c-alert .c-alert__content {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.c-banner {
  position: relative;
  display: flex;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (min-width: 751px) {
  .c-banner {
    padding-bottom: clamp(35px, 5.124450951683748vw, 98.38945827232797px);
  }
}

@media screen and (max-width: 750px) {
  .c-banner {
    padding-bottom: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

.c-banner .c-banner__image {
  overflow: hidden;
}

@media screen and (min-width: 751px) {
  .c-banner .c-banner__image {
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
  }
}

@media screen and (max-width: 750px) {
  .c-banner .c-banner__image {
    width: clamp(167.5px, 89.33333333333333vw, 1715.2px);
    min-height: clamp(50px, 26.666666666666668vw, 512px);
  }
}

.c-banner .c-banner__title {
  position: absolute;
  background-color: var(--white);
  box-sizing: content-box;
  bottom: 0;
}

@media screen and (min-width: 751px) {
  .c-banner .c-banner__title {
    padding-block: clamp(24.7px, 3.616398243045388vw, 69.43484626647145px) clamp(23.55px, 3.448023426061494vw, 66.20204978038068px);
    padding-inline: clamp(25px, 3.660322108345535vw, 70.27818448023426px) clamp(23.75px, 3.477306002928258vw, 66.76427525622255px);
    width: clamp(241.5px, 35.35871156661786vw, 678.887262079063px);
  }
}

@media screen and (max-width: 750px) {
  .c-banner .c-banner__title {
    padding-block: clamp(10.5px, 5.600000000000001vw, 107.52px);
    padding-inline: clamp(12.5px, 6.666666666666667vw, 128px) clamp(13.5px, 7.199999999999999vw, 138.24px);
    width: clamp(92.5px, 49.333333333333336vw, 947.2px);
  }
}

.c-banner .c-banner__note {
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .c-banner .c-banner__note {
    margin-inline: auto;
    width: clamp(566px, 82.86969253294289vw, 1591.0980966325037px);
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-top: clamp(4.5px, 0.658857979502196vw, 12.650073206442167px);
  }
}

@media screen and (max-width: 750px) {
  .c-banner .c-banner__note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

.c-banner.right {
  justify-content: flex-end;
}

.c-banner.right .c-banner__title {
  left: 0;
}

@media screen and (min-width: 751px) {
  .c-banner.right .c-banner__title {
    left: clamp(57.5px, 8.41874084919473vw, 161.6398243045388px);
  }
}

.c-banner.left .c-banner__title {
  right: 0;
}

@media screen and (min-width: 751px) {
  .c-banner.left .c-banner__title {
    right: clamp(66.5px, 9.736456808199122vw, 186.93997071742314px);
    bottom: clamp(23px, 3.367496339677892vw, 64.65592972181553px);
  }
}

.c-banner.has-note {
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .c-banner.has-note .c-banner__image {
    margin-bottom: clamp(39px, 20.8vw, 399.36px);
  }
}

@media screen and (max-width: 750px) {
  .c-banner.has-note .c-banner__title {
    bottom: clamp(44.5px, 23.733333333333334vw, 455.68px);
  }
}

@media screen and (min-width: 751px) {
  .c-banner.has-note.right .c-banner__note {
    justify-self: center;
    text-align: right;
  }
}

@media screen and (max-width: 750px) {
  .c-banner.has-note.right .c-banner__title {
    left: clamp(1.5px, 0.8vw, 15.36px);
  }
}

@media screen and (max-width: 750px) {
  .c-banner.has-note.left .c-banner__title {
    right: clamp(-15.36px, -0.8vw, -1.5px);
  }
}

#pankuzu {
  padding: 17px 0 !important;
}

.breadcrumb {
  background-color: var(--white) !important;
}

.breadcrumb a {
  color: var(--black) !important;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb .wrap {
  width: auto;
  padding: 0;
  margin-right: 23px;
  margin-left: 23px;
}

.breadcrumb ol {
  font-size: 12px !important;
  color: var(--black) !important;
}

.breadcrumb li:after {
  color: var(--black) !important;
}

.c-button {
  background-color: var(--red-600);
  color: var(--white);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.5s ease-out;
  text-decoration: none;
}

@media screen and (min-width: 751px) {
  .c-button {
    padding-block: clamp(4px, 0.585651537335286vw, 11.244509516837482px) clamp(4.5px, 0.658857979502196vw, 12.650073206442167px);
    height: clamp(18.5px, 2.708638360175696vw, 52.00585651537335px);
  }
}

@media screen and (max-width: 750px) {
  .c-button {
    padding-block: clamp(4px, 2.133333333333333vw, 40.96px) clamp(4.5px, 2.4vw, 46.08px);
    height: clamp(18.5px, 9.866666666666667vw, 189.44px);
  }
}

.c-button:hover {
  cursor: pointer;
  opacity: 0.5;
  text-decoration: none;
}

.c-button.has-icon {
  position: relative;
}

@media screen and (min-width: 751px) {
  .c-button.icon-left {
    justify-content: flex-start;
    padding-left: clamp(40.5px, 5.929721815519766vw, 113.85065885797951px);
  }
}

.c-button .label {
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .c-button .label {
    font-size: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    line-height: 2.285714285714286;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .c-button .label {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 2.285714285714286;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.c-button .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}

@media screen and (min-width: 751px) {
  .c-button .icon {
    width: clamp(10.5px, 1.537335285505125vw, 29.51683748169839px);
    height: clamp(10.5px, 1.537335285505125vw, 29.51683748169839px);
  }
}

@media screen and (max-width: 750px) {
  .c-button .icon {
    width: clamp(10.5px, 5.600000000000001vw, 107.52px);
    height: clamp(10.5px, 5.600000000000001vw, 107.52px);
  }
}

@media screen and (min-width: 751px) {
  .c-button .icon.right {
    right: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .c-button .icon.right {
    right: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .c-button .icon.left {
    left: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
  }
}

@media screen and (max-width: 750px) {
  .c-button .icon.left {
    left: clamp(20.1px, 10.72vw, 205.824px);
  }
}

@media screen and (min-width: 751px) {
  .c-button.lg {
    padding-block: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
    height: clamp(25px, 3.660322108345535vw, 70.27818448023426px);
  }
}

@media screen and (max-width: 750px) {
  .c-button.lg {
    padding-block: clamp(6.5px, 3.466666666666666vw, 66.56px);
    height: clamp(25px, 13.333333333333334vw, 256px);
  }
}

@media screen and (min-width: 751px) {
  .c-button.lg .label {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .c-button.lg .label {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (min-width: 751px) {
  .c-button.lg .icon {
    width: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
    height: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
  }
}

@media screen and (max-width: 750px) {
  .c-button.lg .icon {
    width: clamp(14.5px, 7.733333333333333vw, 148.48px);
    height: clamp(14.5px, 7.733333333333333vw, 148.48px);
  }
}

.c-button.bg-transparent {
  background-color: transparent;
  padding: 0;
  max-height: unset;
}

.c-button.bg-transparent .label {
  color: var(--gray-900);
}

.c-button.bg-white {
  background-color: var(--white);
}

.c-button.bg-white .label {
  color: var(--gray-900);
}

.c-button.no-position {
  width: max-content;
  justify-content: flex-start;
  position: unset;
}

@media screen and (min-width: 751px) {
  .c-button.no-position {
    column-gap: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

@media screen and (max-width: 750px) {
  .c-button.no-position {
    column-gap: clamp(5.5px, 2.933333333333333vw, 56.32px);
  }
}

.c-button.no-position .icon {
  position: unset;
  transform: unset;
}

.m-car-group {
  display: grid;
  grid-template-columns: repeat(3, clamp(136px, 19.91215226939971vw, 382.31332357247436px));
  gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  row-gap: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  justify-content: center;
  padding: clamp(20px, 2.928257686676428vw, 56.22254758418741px) 0;
  position: relative;
}

@media screen and (min-width: 751px) {
  .m-car-group .m-car:nth-child(-n+3) {
    margin-left: clamp(-101.20058565153734px, -5.27086383601757vw, -36px);
  }
}

@media screen and (min-width: 751px) {
  .m-car-group .m-car:nth-child(n+4) {
    margin-left: clamp(36px, 5.27086383601757vw, 101.20058565153734px);
  }
}

@media screen and (max-width: 750px) {
  .m-car-group {
    display: block;
  }
  .m-car-group .m-car {
    width: 100%;
  }
}

.m-car-group .swiper-wrap .swiper-navigation-icon,
.m-car-group .swiper-button-prev:after,
.m-car-group .swiper-rtl .swiper-button-next:after,
.m-car-group .swiper-button-next:after,
.m-car-group .swiper-rtl .swiper-button-prev:after {
  display: none;
}

.m-car {
  text-align: center;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .m-car {
    width: clamp(136px, 19.91215226939971vw, 382.31332357247436px);
  }
  .m-car:hover {
    opacity: 0.5;
  }
  .m-car.swiper-slide {
    display: flex;
  }
}

.m-car.swiper-slide.swiper-slide-next {
  pointer-events: none;
}

.modal.on .m-car {
  background-color: var(--white);
}

.modal.on .m-car .m-car__info {
  text-align: left;
}

@media screen and (min-width: 751px) {
  .modal.on .m-car .m-car__info {
    min-width: clamp(213.5px, 31.259150805270863vw, 600.1756954612006px);
    padding-right: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

.modal.on .m-car:hover {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .modal.on .m-car {
    width: 100% !important;
  }
}

.m-car.is-hidden-sp {
  display: none;
}

.m-car .m-car__thumb {
  position: relative;
  overflow: hidden;
  border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  background-color: var(--white);
}

@media screen and (max-width: 750px) {
  .m-car .m-car__thumb {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.modal.on .m-car .m-car__thumb {
  min-width: clamp(174.84px, 25.59882869692533vw, 491.49751098096635px);
}

@media screen and (min-width: 751px) {
  .modal.on .m-car .m-car__thumb {
    margin-left: clamp(-70.27818448023426px, -3.660322108345535vw, -25px);
  }
}

.modal.on .m-car .m-car__thumb img {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

@media screen and (min-width: 751px) {
  .modal.on .m-car .m-car__thumb {
    display: flex;
    align-items: center;
  }
}

.modal.on .m-car .m-car__thumb.is-loaded img {
  opacity: 1;
}

.m-car .m-car__thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.m-car .m-car__btn {
  position: absolute;
  bottom: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  right: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  border-radius: 50%;
  width: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
  height: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
  background: url("/car/wagonr/common/plus-bg--red.png") no-repeat center;
  background-size: contain;
  transition: background 0.3s;
}

@media screen and (max-width: 750px) {
  .m-car .m-car__btn {
    width: clamp(14.5px, 7.733333333333333vw, 148.48px);
    height: clamp(14.5px, 7.733333333333333vw, 148.48px);
    bottom: clamp(2.5px, 1.333333333333333vw, 25.6px);
    right: clamp(2.5px, 1.333333333333333vw, 25.6px);
  }
}

.modal.on .m-car .m-car__btn {
  display: none;
}

.m-car .m-car__name {
  width: clamp(71.5px, 10.468521229868228vw, 200.99560761346999px);
}

@media screen and (max-width: 750px) {
  .m-car .m-car__name {
    width: clamp(62px, 33.06666666666666vw, 634.88px);
  }
}

.m-car .m-car__title {
  font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
  padding-top: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
}

@media screen and (max-width: 750px) {
  .m-car .m-car__title {
    padding-top: clamp(7.5px, 4vw, 76.8px);
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.modal.on .m-car .m-car__title {
  font-size: clamp(14px, 2.049780380673499vw, 39.35578330893119px);
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
  padding-block: clamp(10px, 1.464128843338214vw, 28.111273792093705px) clamp(14px, 2.049780380673499vw, 39.35578330893119px);
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal.on .m-car .m-car__title {
    font-size: clamp(12px, 6.4vw, 122.88px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    padding-block: clamp(6.5px, 3.466666666666666vw, 66.56px) clamp(11.5px, 6.133333333333333vw, 117.76px);
  }
}

.m-car .m-car__contents {
  max-height: 35.9375vh;
  overflow-y: auto;
  padding-right: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .m-car .m-car__contents {
    max-height: 29.305135951661633vh;
    padding-right: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    margin-right: clamp(-22.489019033674964px, -1.171303074670571vw, -8px);
  }
}

.m-car .m-car__des {
  font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  line-height: 1.75;
  letter-spacing: 0.03em;
  font-weight: 400;
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .m-car .m-car__des {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.m-car .m-car__note {
  margin-top: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-weight: 400;
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .m-car .m-car__note {
    margin-top: clamp(7px, 3.733333333333334vw, 71.68px);
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.6;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.m-car .m-car__name,
.m-car .m-car__des,
.m-car .m-car__note {
  display: none;
}

.modal.on .m-car .m-car__name,
.modal.on .m-car .m-car__des,
.modal.on .m-car .m-car__note {
  display: block;
}

@media screen and (max-width: 750px) and (orientation: landscape) {
  .m-car.swiper-slide {
    display: flex;
  }
}

.modal.on .swiper-wrap .swiper-navigation-icon {
  display: none;
}

@media screen and (min-width: 751px) {
  .c-card {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .c-card {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.c-card .c-card__title {
  color: var(--gray-900);
  border: none !important;
}

@media screen and (min-width: 751px) {
  .c-card .c-card__title {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.541666666666667;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

@media screen and (min-width: 751px) {
  .c-card.title-md .c-card__title {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  }
}

@media screen and (max-width: 750px) {
  .c-card.title-md .c-card__title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

.c-card .c-card__sub-title {
  color: var(--gray-500);
}

@media screen and (min-width: 751px) {
  .c-card .c-card__sub-title {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
    margin-left: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__sub-title {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
    margin-top: clamp(4px, 2.133333333333333vw, 40.96px);
    display: block;
  }
}

.c-card .c-card__head {
  background-color: var(--gray-900);
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .c-card .c-card__head {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px) clamp(5px, 0.732064421669107vw, 14.055636896046853px) 0 0;
    padding-block: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__head {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px) clamp(5px, 2.666666666666667vw, 51.2px) 0 0;
    padding: clamp(7px, 3.733333333333334vw, 71.68px) clamp(9px, 4.8vw, 92.16px);
  }
}

.c-card .c-card__head .label {
  color: var(--white);
  text-align: center;
}

@media screen and (min-width: 751px) {
  .c-card .c-card__head .label {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.625;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__head .label {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.c-card .c-card__body {
  background-color: var(--gray-100);
  min-height: clamp(25px, 3.660322108345535vw, 70.27818448023426px);
}

@media screen and (min-width: 751px) {
  .c-card .c-card__body {
    border-radius: 0 0 clamp(5px, 0.732064421669107vw, 14.055636896046853px) clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
    padding-inline: clamp(21.5px, 3.14787701317716vw, 60.43923865300147px) clamp(21px, 3.074670571010249vw, 59.03367496339678px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__body {
    border-radius: 0 0 clamp(5px, 2.666666666666667vw, 51.2px) clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(15px, 8vw, 153.6px);
    padding-inline: clamp(8.5px, 4.533333333333333vw, 87.04px) clamp(9px, 4.8vw, 92.16px);
  }
}

@media screen and (min-width: 751px) {
  .c-card .c-card__contents {
    margin-top: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__contents {
    margin-top: clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

@media screen and (min-width: 751px) {
  .c-card .c-card__contents .title {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.444444444444444;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__contents .title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.444444444444444;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .c-card .c-card__contents .desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__contents .desc {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .c-card .c-card__contents.has-note .desc {
    margin-bottom: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__contents.has-note .desc {
    margin-bottom: clamp(8.5px, 4.533333333333333vw, 87.04px);
  }
}

@media screen and (min-width: 751px) {
  .c-card .c-card__contents.has-note .note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__contents.has-note .note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.c-card .c-card__button {
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .c-card .c-card__button {
    width: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
    height: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
    bottom: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
    right: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .c-card .c-card__button {
    width: clamp(14.5px, 7.733333333333333vw, 148.48px);
    height: clamp(14.5px, 7.733333333333333vw, 148.48px);
    bottom: clamp(4px, 2.133333333333333vw, 40.96px);
    right: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

.c-card.has-image .c-card__image {
  position: relative;
  display: block;
}

.c-card.has-image .c-card__button {
  position: absolute;
}

.c-card.has-footer a {
  text-decoration: none;
}

.c-card.has-footer .c-card__image img {
  display: block;
}

.c-card.has-footer .c-card__footer {
  background-color: var(--gray-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 751px) {
  .c-card.has-footer .c-card__footer {
    padding-block: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-inline: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    border-radius: 0 0 clamp(5px, 0.732064421669107vw, 14.055636896046853px) clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .c-card.has-footer .c-card__footer {
    padding-block: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-inline: clamp(8px, 4.266666666666667vw, 81.92px);
    border-radius: 0 0 clamp(5px, 2.666666666666667vw, 51.2px) clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.c-card.has-footer .c-card__footer .label {
  color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .c-card.has-footer .c-card__footer .label {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .c-card.has-footer .c-card__footer .label {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

.c-card.has-footer.bg-1C75BC .c-card__footer {
  background-color: #1c75bc;
}

.c-card.has-footer.bg-1C75BC .label {
  color: var(--white);
}

.el-scale img {
  transform: scale(1.05);
  opacity: 0.3;
  transition: none;
}

.el-scale.is-fadein img {
  transform: scale(1);
  opacity: 1;
  transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-list .c-list__item {
  color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .c-list .c-list__item {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .c-list .c-list__item {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.c-list.c-list__note .c-list__item {
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .c-list.c-list__note .c-list__item {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .c-list.c-list__note .c-list__item {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.m-modal-list {
  display: grid;
  grid-auto-rows: auto;
}

@media screen and (min-width: 751px) {
  .m-modal-list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .m-modal-list {
    grid-template-columns: 1fr;
    row-gap: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

.m-modal-list .list-item__label {
  display: inline-block;
  background-color: var(--red-600);
  color: var(--white);
}

.m-modal-list .list-item__label.isLabelEnglish {
  font-family: "Poppins", sans-serif;
}

@media screen and (min-width: 751px) {
  .m-modal-list .list-item__label {
    margin-bottom: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

@media screen and (max-width: 750px) {
  .m-modal-list .list-item__label {
    margin-bottom: clamp(5.5px, 2.933333333333333vw, 56.32px);
  }
}

@media screen and (min-width: 751px) {
  .m-modal-list .list-item__label:not(.image) {
    padding: clamp(3.5px, 0.512445095168375vw, 9.838945827232797px) clamp(5.5px, 0.805270863836018vw, 15.461200585651538px) clamp(4px, 0.585651537335286vw, 11.244509516837482px) clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .m-modal-list .list-item__label:not(.image) {
    padding: clamp(3.5px, 1.866666666666667vw, 35.84px) clamp(5.5px, 2.933333333333333vw, 56.32px) clamp(4px, 2.133333333333333vw, 40.96px) clamp(6px, 3.2vw, 61.44px);
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (min-width: 751px) {
  .m-modal-list .list-item__label.image {
    padding: clamp(6px, 0.878477306002928vw, 16.866764275256223px) clamp(6px, 0.878477306002928vw, 16.866764275256223px) clamp(4.5px, 0.658857979502196vw, 12.650073206442167px);
  }
}

@media screen and (max-width: 750px) {
  .m-modal-list .list-item__label.image {
    padding: clamp(6px, 3.2vw, 61.44px) clamp(6px, 3.2vw, 61.44px) clamp(4.5px, 2.4vw, 46.08px);
  }
}

@media screen and (min-width: 751px) {
  .m-modal-list .list-item__label.image.web-cm img {
    width: clamp(28.855px, 4.224743777452415vw, 81.11508052708639px);
  }
}

@media screen and (max-width: 750px) {
  .m-modal-list .list-item__label.image.web-cm img {
    width: clamp(28.855px, 15.389333333333333vw, 295.47520000000003px);
  }
}

.m-modal-item {
  cursor: pointer;
  text-align: left;
  transition: opacity 0.3s ease;
  user-select: none;
}

@media screen and (max-width: 750px) {
  .m-modal-item {
    width: 100%;
  }
  .m-modal-item.is-hidden-sp {
    display: none;
  }
}

.m-modal-item__thumb {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.m-modal-item__thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.m-modal-item__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.8);
  opacity: 0;
  transition: opacity 0.3s;
}

.m-modal-item__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
}

.m-modal-item__icon {
  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  width: clamp(51px, 7.46705710102489vw, 143.3674963396779px);
  height: clamp(51px, 7.46705710102489vw, 143.3674963396779px);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .m-modal-item__icon {
    width: clamp(51px, 27.200000000000003vw, 522.24px);
    height: clamp(51px, 27.200000000000003vw, 522.24px);
  }
}

.m-modal-item__icon::after {
  content: "";
  position: absolute;
  border-width: clamp(6px, 0.878477306002928vw, 16.866764275256223px) 0 clamp(6px, 0.878477306002928vw, 16.866764275256223px) clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  border-style: solid;
  border-color: transparent transparent transparent var(--red-600);
}

@media screen and (max-width: 750px) {
  .m-modal-item__icon::after {
    border-width: clamp(5.25px, 2.8vw, 53.76px) 0 clamp(5.25px, 2.8vw, 53.76px) clamp(10.5px, 5.600000000000001vw, 107.52px);
  }
}

.m-modal-item__title {
  font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
  color: var(--black);
}

@media screen and (min-width: 751px) {
  .m-modal-item__title {
    margin-top: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .m-modal-item__title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 600;
    margin-top: clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

.m-modal-item:hover {
  opacity: 0.5;
}

@media screen and (min-width: 751px) {
  .m-modal-item.m-modal-button--large .m-modal-item__icon {
    width: clamp(51px, 7.46705710102489vw, 143.3674963396779px);
    height: clamp(51px, 7.46705710102489vw, 143.3674963396779px);
  }
}

@media screen and (max-width: 750px) {
  .m-modal-item.m-modal-button--large .m-modal-item__icon {
    width: clamp(51px, 27.200000000000003vw, 522.24px);
    height: clamp(51px, 27.200000000000003vw, 522.24px);
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  animation-duration: 0.3s;
  animation-name: modal-show;
}

.modal.on {
  display: block;
}

.modal.on .swiper-wrap {
  border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .modal.on .swiper-wrap {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.modal.on .swiper-wrap .swiper-wrapper {
  align-items: center;
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal.on .swiper-wrap {
    width: clamp(164px, 87.46666666666667vw, 1679.3600000000001px);
  }
}

.modal.on .swiper {
  padding: clamp(27.25px, 3.989751098096633vw, 76.60322108345535px) clamp(27px, 3.953147877013177vw, 75.90043923865301px) clamp(22px, 3.22108345534407vw, 61.84480234260615px);
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .modal.on .swiper {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .modal.on .swiper {
    padding-block: clamp(5px, 2.666666666666667vw, 51.2px) clamp(12px, 6.4vw, 122.88px);
    padding-inline: clamp(7.5px, 4vw, 76.8px);
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.modal.on .swiper-slide-prev,
.modal.on .swiper-slide-next {
  opacity: 0;
}

.modal.on .swiper-button-next,
.modal.on .swiper-button-prev {
  border: none;
  width: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
  height: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
  background: var(--red-600) url("/car/wagonr/common/arrow-solid-white.svg") no-repeat 42% center;
  background-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px) clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  transform: translateY(-25%);
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

.modal.on .swiper-button-next:hover,
.modal.on .swiper-button-prev:hover {
  opacity: 0.5;
}

.modal.on .swiper-button-next:after,
.modal.on .swiper-button-prev:after {
  content: '';
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal.on .swiper-button-next,
  .modal.on .swiper-button-prev {
    width: clamp(14.5px, 7.733333333333333vw, 148.48px);
    height: clamp(14.5px, 7.733333333333333vw, 148.48px);
    background-size: clamp(4px, 2.133333333333333vw, 40.96px) clamp(7px, 3.733333333333334vw, 71.68px);
    transform: translateY(-410%);
  }
}

.modal.on .swiper-button-next {
  right: clamp(-106.82284040995609px, -5.563689604685212vw, -38px);
  background-position: 47% center;
  transform: rotate(180deg) translateY(25%);
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal.on .swiper-button-next {
    right: clamp(7.5px, 4vw, 76.8px);
    transform: rotate(180deg) translateY(410%);
  }
}

.modal.on .swiper-button-prev {
  left: clamp(-106.82284040995609px, -5.563689604685212vw, -38px);
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal.on .swiper-button-prev {
    left: clamp(7.5px, 4vw, 76.8px);
  }
}

.modal__close-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
}

.modal__close-btn {
  width: clamp(26px, 3.806734992679356vw, 73.08931185944363px);
  height: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  display: block;
  position: absolute;
  top: clamp(-64.65592972181553px, -3.367496339677892vw, -23px);
  right: 0;
  cursor: pointer;
}

.modal__close-btn:before,
.modal__close-btn:after {
  content: '';
  display: inline-block;
  background-color: #fff;
  height: clamp(0.5px, 0.073206442166911vw, 1.405563689604685px);
  width: clamp(25px, 3.660322108345535vw, 70.27818448023426px);
  position: absolute;
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal__close-btn:before,
  .modal__close-btn:after {
    height: clamp(0.5px, 0.266666666666667vw, 5.12px);
    width: clamp(27.5px, 14.666666666666666vw, 281.6px);
  }
}

.modal__close-btn:before {
  transform: translate(-50%, -50%) rotate(27deg);
}

.modal__close-btn:after {
  transform: translate(-50%, -50%) rotate(-27deg);
}

@media screen and (min-width: 751px) {
  .modal__close-btn:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal__close-btn {
    top: clamp(-230.4px, -12vw, -22.5px);
    width: clamp(20px, 10.666666666666668vw, 204.8px);
    height: clamp(12px, 6.4vw, 122.88px);
    margin: clamp(5px, 2.666666666666667vw, 51.2px) clamp(3px, 1.6vw, 30.72px) 0 0 !important;
  }
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal__close-btn {
    margin: clamp(10px, 1.464128843338214vw, 28.111273792093705px) auto 0;
  }
}

.modal__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal__wrap {
    padding-top: clamp(17px, 9.066666666666666vw, 174.08px);
  }
}

.modal__wrap-inner {
  position: relative;
}

.modal__main {
  max-width: 100%;
  width: clamp(448px, 65.59297218155197vw, 1259.385065885798px);
  height: auto;
  border-radius: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
}

.modal__main.video-yt {
  width: clamp(376px, 55.05124450951684vw, 1056.9838945827232px);
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal__main.video-yt {
    width: clamp(164px, 87.46666666666667vw, 1679.3600000000001px);
  }
}

@media screen and (min-width: 751px) {
  .modal__main.has-image {
    width: clamp(377px, 55.19765739385066vw, 1059.7950219619327px);
  }
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal__main.has-image {
    width: clamp(165px, 88vw, 1689.6000000000001px);
  }
}

.modal__main iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  display: block;
  border: none;
  border-radius: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
  object-fit: cover;
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .modal__main {
    width: clamp(164px, 87.46666666666667vw, 1679.3600000000001px);
    min-height: unset;
  }
}

#modal-content {
  animation-duration: 0.7s;
  animation-name: modal-show;
}

.modal-content__main {
  border-radius: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  overflow: hidden;
  padding: clamp(15px, 2.196193265007321vw, 42.16691068814056px) clamp(10px, 1.464128843338214vw, 28.111273792093705px) clamp(15px, 2.196193265007321vw, 42.16691068814056px) clamp(25px, 3.660322108345535vw, 70.27818448023426px);
  margin-top: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
  box-shadow: inset 0 0 clamp(2.5px, 0.366032210834553vw, 7.027818448023426px) rgba(0,0,0,0.16);
}

@media screen and (max-width: 750px) {
  .modal-content__main {
    border-radius: 1.2rem;
    padding: 3.5rem 1rem 3.5rem 2rem;
    margin-top: 3rem;
    box-shadow: inset 0 0 0.5rem rgba(0,0,0,0.16);
  }
}

@media screen and (min-width: 751px) {
  .modal-content__inner {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(20px, 2.928257686676428vw, 56.22254758418741px) clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    padding-right: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    max-height: 39vh;
    overflow-y: auto;
  }
  .modal-content__inner .mi-label {
    flex-grow: 1;
    width: 31%;
  }
}

@media screen and (max-width: 750px) {
  .modal-content__inner {
    max-height: 45vh;
    overflow-y: auto;
    padding-right: 1rem;
  }
}

.swiper-button-next,
.swiper-button-prev {
  width: clamp(22px, 3.22108345534407vw, 61.84480234260615px);
  height: clamp(22px, 3.22108345534407vw, 61.84480234260615px);
  background: var(--red-600);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

@media screen and (max-width: 750px) and (orientation: portrait) {
  .swiper-button-next,
  .swiper-button-prev {
    width: clamp(18px, 9.6vw, 184.32px);
    height: clamp(18px, 9.6vw, 184.32px);
  }
}

.swiper-button-next {
  right: -30px;
}

@-moz-keyframes modal-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes modal-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes modal-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes modal-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.m-stylish-box.m-stylish-box--fluid-right {
  margin-right: clamp(-161.6398243045388px, -8.41874084919473vw, -57.5px);
}

.m-stylish-box .m-stylish-box__inner {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 751px) {
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--top {
    flex-direction: column;
    align-items: flex-end;
  }
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--top .m-stylish-box__content {
    flex: 0 0 auto;
  }
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--bottom,
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--bottom-right {
    flex-direction: column-reverse;
  }
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--bottom .m-stylish-box__content,
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--bottom-right .m-stylish-box__content {
    flex: 0 0 auto;
  }
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--bottom-right {
    align-items: flex-end;
  }
  .m-stylish-box .m-stylish-box__inner.m-stylish-box__inner--bottom-right .m-stylish-box__content {
    margin-top: clamp(-351.39092240117134px, -18.301610541727673vw, -125px);
    position: relative;
    z-index: 5;
  }
}

@media screen and (max-width: 750px) {
  .m-stylish-box .m-stylish-box__inner {
    flex-direction: column;
    align-items: center;
  }
}

.m-stylish-box .m-stylish-box__content {
  flex: 0 0 clamp(239px, 34.99267935578331vw, 671.8594436310395px);
}

.m-stylish-box .m-stylish-box__title {
  font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  line-height: 1.833333333333333;
  letter-spacing: 0.01em;
  font-weight: 700;
  text-align: left;
  margin-bottom: clamp(21.5px, 3.14787701317716vw, 60.43923865300147px);
}

.m-stylish-box .m-stylish-box__images {
  display: flex;
  gap: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  flex: 1;
}

@media screen and (max-width: 750px) {
  .m-stylish-box .m-stylish-box__images {
    flex-direction: column;
  }
}

.m-stylish-box .m-stylish-box__image {
  flex: 1;
  border-radius: 0.8rem;
  overflow: hidden;
}

.m-stylish-box .m-stylish-box__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__content,
.m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__content {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__content,
  .m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__content {
    flex: unset;
  }
}

.m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__title,
.m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__title {
  font-size: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  line-height: 1.4375;
  letter-spacing: 0.01em;
  font-weight: 700;
  margin-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
}

.m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__title-image,
.m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__title-image {
  position: absolute;
}

.m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__images,
.m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__images {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__images,
  .m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__images {
    width: clamp(107.5px, 57.333333333333336vw, 1100.8px);
  }
}

@media screen and (max-width: 750px) {
  .m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__inner {
    align-items: flex-start;
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__title-image {
    top: clamp(-21.08345534407028px, -1.09809663250366vw, -7.5px);
    left: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
    width: clamp(163.405px, 23.924597364568083vw, 459.3522693997072px);
  }
}

@media screen and (max-width: 750px) {
  .m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__title-image {
    width: clamp(102.53px, 54.68266666666667vw, 1049.9072px);
    top: clamp(-51.2px, -2.666666666666667vw, -5px);
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__content {
    padding-top: clamp(23.5px, 3.440702781844803vw, 66.0614934114202px);
    padding-left: clamp(2px, 0.292825768667643vw, 5.622254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .m-stylish-box.m-stylish-box--fluid-good-utility .m-stylish-box__title,
  .m-stylish-box.m-stylish-box--fluid-good-utility .c-button {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__inner {
    align-items: flex-end;
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__title-image {
    right: 0;
    top: clamp(45.5px, 6.661786237188873vw, 127.90629575402636px);
    width: clamp(152.845px, 22.378477306002928vw, 429.66676427525624px);
  }
}

@media screen and (max-width: 750px) {
  .m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__title-image {
    width: clamp(95.905px, 51.14933333333334vw, 982.0672000000001px);
    right: clamp(5px, 2.666666666666667vw, 51.2px);
    top: clamp(-51.2px, -2.666666666666667vw, -5px);
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-daily-useful .m-stylish-box__images {
    margin-top: clamp(54.5px, 7.979502196193265vw, 153.2064421669107px);
  }
}

.m-stylish-box.m-stylish-box--fluid-left-content .m-stylish-box__content {
  padding-left: clamp(57.5px, 8.41874084919473vw, 161.6398243045388px);
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-left-content .m-stylish-box__content {
    padding-top: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-left-content .m-stylish-box__title-image {
    margin-bottom: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-left-content .m-stylish-box__title {
    margin-bottom: 0;
  }
}

.m-stylish-box.m-stylish-box--fluid-right-content .m-stylish-box__content {
  padding-right: clamp(57.5px, 8.41874084919473vw, 161.6398243045388px);
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-right-content .m-stylish-box__content {
    padding-top: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-right-content .m-stylish-box__title-image {
    margin-bottom: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
  }
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-right-content .m-stylish-box__title {
    margin-bottom: 0;
  }
}

.m-stylish-box.m-stylish-box--fluid-history-of-wagon-r {
  position: relative;
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-history-of-wagon-r .m-stylish-box {
    width: clamp(691px, 101.17130307467058vw, 1942.489019033675px);
  }
}

.m-stylish-box.m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__title {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__title {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 2.166666666666667;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(45px, 6.588579795021962vw, 126.50073206442167px);
  }
}

.m-stylish-box.m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__inner .m-stylish-box__content {
  margin: auto;
  flex: auto;
}

@media screen and (min-width: 751px) {
  .m-stylish-box.m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__title-image {
    width: clamp(299px, 43.77745241581259vw, 840.5270863836017px);
    margin-bottom: clamp(13px, 1.903367496339678vw, 36.54465592972181px);
  }
}

.c-tabs {
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .c-tabs {
    border-radius: clamp(7px, 1.02489019033675vw, 19.677891654465594px) clamp(7px, 1.02489019033675vw, 19.677891654465594px) clamp(5px, 0.732064421669107vw, 14.055636896046853px) clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .c-tabs {
    border-radius: clamp(7px, 3.733333333333334vw, 71.68px) clamp(7px, 3.733333333333334vw, 71.68px) clamp(5px, 2.666666666666667vw, 51.2px) clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.c-tabs .c-tabs-head {
  display: flex;
}

.c-tabs .c-tabs-head .c-tabs-head__item {
  background-color: var(--gray-275);
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
}

@media screen and (min-width: 751px) {
  .c-tabs .c-tabs-head .c-tabs-head__item {
    padding-block: clamp(9px, 1.317715959004393vw, 25.300146412884335px) clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .c-tabs .c-tabs-head .c-tabs-head__item {
    padding-block: clamp(7.5px, 4vw, 76.8px) clamp(6.5px, 3.466666666666666vw, 66.56px);
  }
}

.c-tabs .c-tabs-head .c-tabs-head__item:hover {
  cursor: pointer;
}

.c-tabs .c-tabs-head .c-tabs-head__item.active {
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .c-tabs .c-tabs-head .c-tabs-head__item:first-child {
    border-radius: clamp(7px, 1.02489019033675vw, 19.677891654465594px) 0 0 0;
  }
}

@media screen and (max-width: 750px) {
  .c-tabs .c-tabs-head .c-tabs-head__item:first-child {
    border-radius: clamp(7px, 3.733333333333334vw, 71.68px) 0 0 0;
  }
}

@media screen and (min-width: 751px) {
  .c-tabs .c-tabs-head .c-tabs-head__item:last-child {
    border-radius: 0 clamp(7px, 1.02489019033675vw, 19.677891654465594px) 0 0;
  }
}

@media screen and (max-width: 750px) {
  .c-tabs .c-tabs-head .c-tabs-head__item:last-child {
    border-radius: 0 clamp(7px, 3.733333333333334vw, 71.68px) 0 0;
  }
}

@media screen and (min-width: 751px) {
  .c-tabs .c-tabs-body {
    padding: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px) clamp(35px, 5.124450951683748vw, 98.38945827232797px) clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .c-tabs .c-tabs-body {
    padding: clamp(5px, 2.666666666666667vw, 51.2px) 0 clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

.c-tabs .c-tabs-body .c-tabs-body__item {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.c-tabs .c-tabs-body .c-tabs-body__item > * {
  opacity: 0;
  transition: opacity 1.5s ease;
}

.c-tabs .c-tabs-body .c-tabs-body__item.active {
  position: static;
  opacity: 1;
  pointer-events: auto;
}

.c-tabs .c-tabs-body .c-tabs-body__item.active > * {
  opacity: 1;
}

.c-table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid var(--gray-300);
  color: var(--gray-800);
}

.c-table td,
.c-table th {
  text-align: center;
  vertical-align: middle;
}

.c-table .c-table__cell-item {
  border-left: 1px solid var(--gray-300);
  border-bottom: 1px solid var(--gray-300);
}

.c-table .c-table__cell-item:first-child {
  border-left: 0;
}

@media screen and (min-width: 751px) {
  .c-table .c-table__cell-item {
    height: clamp(27px, 3.953147877013177vw, 75.90043923865301px);
  }
}

@media screen and (max-width: 750px) {
  .c-table .c-table__cell-item {
    height: clamp(25.5px, 13.600000000000001vw, 261.12px);
  }
}

.c-table .c-table__cell-item.bg-red {
  background-color: var(--red-600);
  color: var(--white);
}

.c-table .c-table__cell-item.border-bottom--0 {
  border-bottom: 0;
}

.c-table .c-table__cell-item.border-left--0 {
  border-left: 0;
}

@media screen and (max-width: 750px) {
  .c-table .c-table__cell-item.sp-h-70 {
    height: clamp(35px, 18.666666666666668vw, 358.40000000000003px);
  }
}

.c-table .c-table__cell-item .text {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .c-table .c-table__cell-item .text {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.444444444444444;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (max-width: 750px) {
  .c-table .c-table__cell-item .text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

.c-table .c-table__thead {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .c-table .c-table__thead .c-table__row-item.text-md .c-table__cell-item .text {
    font-size: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
    line-height: 1.733333333333333;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (max-width: 750px) {
  .c-table .c-table__thead .c-table__row-item.text-md .c-table__cell-item .text {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.428571428571429;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (min-width: 751px) {
  .c-table .c-table__tbody .c-table__cell-item .text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.625;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (max-width: 750px) {
  .c-table .c-table__tbody .c-table__cell-item .text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (max-width: 750px) {
  .c-table .c-table__tbody .c-table__cell-item {
    border-bottom: 1px solid var(--gray-300);
    box-sizing: content-box;
  }
  .c-table .c-table__tbody .c-table__cell-item.sp-w--71 {
    width: clamp(35.5px, 18.933333333333334vw, 363.52px);
  }
  .c-table .c-table__tbody .c-table__cell-item.sp-w--104 {
    width: clamp(52px, 27.73333333333333vw, 532.48px);
  }
  .c-table .c-table__tbody .c-table__cell-item.text-left,
  .c-table .c-table__tbody .c-table__cell-item.text-left p {
    text-align: left;
  }
  .c-table .c-table__tbody .c-table__cell-item.text-md .text {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.428571428571429;
    letter-spacing: 0em;
    font-weight: 600;
    padding-inline: clamp(6px, 3.2vw, 61.44px) clamp(5.5px, 2.933333333333333vw, 56.32px);
  }
  .c-table .c-table__tbody th.c-table__cell-item {
    border-bottom: 1px solid var(--gray-300);
    background-color: var(--gray-100);
    border-left: 1px solid var(--gray-300);
  }
  .c-table .c-table__tbody th.c-table__cell-item.bg-red {
    background-color: var(--red-600);
  }
}

@media screen and (min-width: 751px) {
  .c-table .c-table__cell-item.fs-lg .text {
    font-size: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
    line-height: 1.421052631578947;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (max-width: 750px) {
  .c-table .c-table__cell-item.fs-lg .text {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

.c-table .bg-red .text {
  color: var(--white);
}

.c-title {
  width: fit-content;
}

.c-title .txt {
  color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .c-title .txt {
    font-size: clamp(17px, 2.489019033674964vw, 47.789165446559295px);
    line-height: 1.617647058823529;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .c-title .txt {
    font-size: clamp(13px, 6.933333333333333vw, 133.12px);
    line-height: 1.538461538461539;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .c-title .txt.sm-fs {
    font-size: clamp(14px, 2.049780380673499vw, 39.35578330893119px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .c-title .txt.sm-fs {
    font-size: clamp(11px, 5.866666666666666vw, 112.64px);
    line-height: 1.363636363636364;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

.c-title::after {
  content: '';
  display: block;
  width: auto;
  border-radius: 9999px;
  background-color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .c-title::after {
    height: clamp(3.5px, 0.512445095168375vw, 9.838945827232797px);
    margin-top: clamp(1.5px, 0.219619326500732vw, 4.216691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .c-title::after {
    height: clamp(2px, 1.066666666666667vw, 20.48px);
    margin-top: clamp(1.5px, 0.8vw, 15.36px);
  }
}

.c-title.line-red::after {
  background-color: var(--red-600);
}

.c-red-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 751px) {
  .c-red-title {
    margin-top: clamp(13px, 1.903367496339678vw, 36.54465592972181px);
    margin-bottom: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
  }
}

@media screen and (max-width: 750px) {
  .c-red-title {
    margin-top: clamp(11px, 5.866666666666666vw, 112.64px);
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

.c-red-title .c-red-title__txt {
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .c-red-title .c-red-title__txt {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.458333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .c-red-title .c-red-title__txt {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.444444444444444;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

.c-red-title .c-red-title__tags {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .c-red-title .c-red-title__tags {
    column-gap: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .c-red-title .c-red-title__tags {
    column-gap: clamp(3px, 1.6vw, 30.72px);
  }
}

@media screen and (min-width: 751px) {
  .c-red-title .c-red-title__tag-item {
    width: clamp(44px, 6.44216691068814vw, 123.6896046852123px);
  }
}

@media screen and (max-width: 750px) {
  .c-red-title .c-red-title__tag-item {
    width: clamp(44px, 23.466666666666665vw, 450.56px);
  }
}

.c-red-title.p-performance-eco__technology-black-ttl .c-red-title__txt {
  color: var(--black);
}

.detail-price {
  background-color: #fff;
}

@media screen and (max-width: 750px) {
  .detail-price {
    margin-bottom: clamp(14.15px, 7.546666666666667vw, 144.89600000000002px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price {
    margin-bottom: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

.detail-price .price__outer .price__inner {
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner {
    width: clamp(164px, 87.46666666666667vw, 1679.3600000000001px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner {
    width: clamp(472px, 69.1068814055637vw, 1326.852122986823px);
  }
}

.detail-price .price__outer .price__inner .price__grade-text {
  text-align: center;
  color: #101010;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__grade-text {
    font-size: clamp(16px, 8.533333333333333vw, 163.84px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__grade-text {
    font-size: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar {
    margin: clamp(3px, 1.6vw, 30.72px) auto 0;
    width: clamp(147.5px, 78.66666666666666vw, 1510.4px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar {
    width: clamp(268px, 39.23865300146413vw, 753.3821376281113px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper {
    height: clamp(104px, 55.46666666666666vw, 1064.96px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper {
    height: clamp(186.5px, 27.30600292825769vw, 524.2752562225476px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon {
  position: absolute;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon {
    width: clamp(36px, 19.2vw, 368.64px);
    height: clamp(14.5px, 7.733333333333333vw, 148.48px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon {
    width: clamp(36px, 5.27086383601757vw, 101.20058565153734px);
    height: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
    margin-right: clamp(12.5px, 1.830161054172767vw, 35.13909224011713px);
    margin-bottom: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon .price__img-and-bar-plus-icon-text {
  color: #000;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon .price__img-and-bar-plus-icon-text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.8125;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon .price__img-and-bar-plus-icon-text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.8125;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon .price__img-and-bar-plus-icon-link {
    width: clamp(14.5px, 7.733333333333333vw, 148.48px);
    height: 100%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon .price__img-and-bar-plus-icon-link {
    width: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
    height: 100%;
  }
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon .price__img-and-bar-plus-icon-img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-plus-icon .price__img-and-bar-plus-icon-img {
    width: 100%;
    height: 100%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-cover {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-cover {
    height: clamp(89.5px, 47.733333333333334vw, 916.48px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-cover {
    height: clamp(166px, 24.30453879941435vw, 466.6471449487555px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-360 {
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-360 {
    width: clamp(21.075px, 11.24vw, 215.808px);
    margin-bottom: clamp(2.5px, 1.333333333333333vw, 25.6px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-360 {
    width: clamp(31.015px, 4.54099560761347vw, 87.18711566617863px);
    margin-bottom: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar {
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar {
    margin: 0 auto;
    width: clamp(197.25px, 28.879941434846266vw, 554.4948755490483px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner {
  position: relative;
  display: flex;
  align-items: center;
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner::before {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background: #e3e3e3;
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-bar] {
  position: relative;
  width: 0%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-bar] {
    height: clamp(10.705px, 5.709333333333333vw, 109.6192px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-bar] {
    height: clamp(13.5px, 1.976573938506589vw, 37.950219619326504px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-handle] {
  position: absolute;
  top: 50%;
  right: 0;
  aspect-ratio: 1;
  cursor: pointer;
  transform: translate(50%, -50%);
  background-image: url("/car/wagonr/common/img/price/price-button.svg");
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  margin: auto;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-handle] {
    width: clamp(26.76px, 14.272000000000002vw, 274.0224px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-handle] {
    width: clamp(32.5px, 4.758418740849195vw, 91.36163982430455px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
/*

          ③価格

          */
/*

          ④色玉

          */
/*

          ①色名

          */
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price {
    margin: clamp(10.1px, 5.386666666666667vw, 103.42399999999999px) auto 0;
    width: clamp(147.5px, 78.66666666666666vw, 1510.4px);
    gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price {
    width: clamp(203.69px, 29.822840409956076vw, 572.5985358711566px);
    gap: clamp(10.35px, 1.515373352855051vw, 29.095168374816982px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__price-text {
  color: #000;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__price-text {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.214285714285714;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__price-text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-title {
  color: #fff;
  background-color: #101010;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-title {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.833333333333333;
    letter-spacing: 0em;
    font-weight: 700;
    width: clamp(71.5px, 38.13333333333333vw, 732.16px);
    height: clamp(11px, 5.866666666666666vw, 112.64px);
    border-radius: clamp(5.5px, 2.933333333333333vw, 56.32px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-title {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 1.974166666666667;
    letter-spacing: 0em;
    font-weight: 700;
    width: clamp(95.19px, 13.937042459736457vw, 267.59121522694px);
    height: clamp(11.845px, 1.734260614934114vw, 33.297803806735px);
    border-radius: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content {
    gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content {
    gap: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 {
  display: flex;
  justify-content: center;
  align-items: end;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 {
    height: clamp(16px, 8.533333333333333vw, 163.84px);
    gap: clamp(1.8px, 0.96vw, 18.432000000000002px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 {
    height: clamp(23px, 3.367496339677892vw, 64.65592972181553px);
    gap: clamp(0px, 0vw, 0px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 .price__table-row-1-price {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 .price__table-row-1-price {
    font-size: clamp(12px, 6.4vw, 122.88px);
    line-height: 0.958333333333333;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 .price__table-row-1-price {
    font-size: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
    line-height: 0.971428571428571;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 .price__table-row-1-yen {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 .price__table-row-1-yen {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-1 .price__table-row-1-yen {
    font-size: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 {
  display: flex;
  justify-content: center;
  align-items: end;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 {
    height: clamp(8.5px, 4.533333333333333vw, 87.04px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 {
    height: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-zeinuki,
.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-price,
.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-yen {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-zeinuki,
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-price,
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-yen {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-zeinuki,
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-price,
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__price .price__table .price__table-column .price__table-column-content .price__table-row-2 .price__table-row-2-yen {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots {
    gap: clamp(4px, 2.133333333333333vw, 40.96px);
    width: 100%;
    height: clamp(32.415px, 17.288vw, 331.9296px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots {
    gap: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
    width: 100%;
    height: clamp(46.5px, 6.808199121522694vw, 130.71742313323574px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease;
  cursor: pointer;
  will-change: filter;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item {
    width: clamp(15.775px, 8.413333333333334vw, 161.536px);
    height: clamp(15.775px, 8.413333333333334vw, 161.536px);
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item {
    width: clamp(22.5px, 3.294289897510981vw, 63.250366032210835px);
    height: clamp(22.5px, 3.294289897510981vw, 63.250366032210835px);
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item:not(.is-active):hover {
  opacity: 0.5;
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-1 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #773030;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-1 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-1 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-2 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #9a9590;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-2 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-2 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-3 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #1a3d61;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-3 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-3 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-4 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #365b67;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-4 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-4 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-5 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #14181a;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-5 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-5 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-6 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: linear-gradient(#fff 0%, #808080 100%);
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-6 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-6 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-7 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #b9bbbb;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-7 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.hybridzx.index-7 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-1 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #773030;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-1 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-1 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-2 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #9a9590;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-2 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-2 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-3 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #1a3d61;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-3 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-3 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-4 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #365b67;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-4 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-4 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-5 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #454545;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-5 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-5 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-6 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: linear-gradient(#fff 0%, #808080 100%);
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-6 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-6 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-7 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-7 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-7 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-8 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: linear-gradient(#d9d9d9 0%, #5d5e5e 100%);
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-8 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.zl.index-8 i {
    width: 85%;
    height: 85%;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__dots .price__dots-item.is-active {
  border-radius: 50%;
  background-color: #fff;
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.51));
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__color-name {
  text-align: center;
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__color-name .price__color-name-text {
  text-align: center;
  color: #000;
}

@media screen and (max-width: 750px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__color-name .price__color-name-text {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (min-width: 751px) {
  .detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__color-name .price__color-name-text {
    font-size: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

.detail-price .price__outer .price__inner .price__flex-parent .price__flex-child .price__color-name .price__color-name-text .price__color-name-text-br {
  display: none;
}

.b__key-visual {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .b__key-visual {
    padding-block: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    margin-bottom: clamp(40px, 5.856515373352855vw, 112.44509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual {
    padding-block: clamp(20px, 10.666666666666668vw, 204.8px);
    margin-bottom: clamp(30px, 16vw, 307.2px);
  }
}

.b__key-visual .b__key-visual__information {
  text-align: center;
  width: 100%;
  z-index: 1;
}

@media screen and (min-width: 751px) {
  .b__key-visual .b__key-visual__information {
    margin-bottom: clamp(25.5px, 3.733528550512445vw, 71.68374816983895px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual .b__key-visual__information {
    margin-bottom: clamp(17px, 9.066666666666666vw, 174.08px);
  }
}

.b__key-visual .b__key-visual__information .subtitle {
  text-align: center;
  color: #101010;
}

@media screen and (min-width: 751px) {
  .b__key-visual .b__key-visual__information .subtitle {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(10.5px, 1.537335285505125vw, 29.51683748169839px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual .b__key-visual__information .subtitle {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.285714285714286;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(7.5px, 4vw, 76.8px);
  }
}

.b__key-visual .b__key-visual__information .title {
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .b__key-visual .b__key-visual__information .title {
    width: clamp(81px, 11.859443631039532vw, 227.70131771595902px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual .b__key-visual__information .title {
    width: clamp(62.5px, 33.33333333333333vw, 640px);
  }
}

.b__key-visual .b__key-visual__anchor-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 751px) {
  .b__key-visual .b__key-visual__anchor-links {
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual .b__key-visual__anchor-links {
    flex-direction: column;
    row-gap: clamp(4px, 2.133333333333333vw, 40.96px);
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .b__key-visual .b__key-visual__anchor-links .anchor-link__item {
    width: clamp(136px, 19.91215226939971vw, 382.31332357247436px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual .b__key-visual__anchor-links .anchor-link__item {
    width: 100%;
  }
}

.b__key-visual .b__key-visual__note {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .b__key-visual .b__key-visual__note {
    padding-top: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-left: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual .b__key-visual__note {
    padding-top: clamp(7px, 3.733333333333334vw, 71.68px);
    color: var(--gray-600);
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

.b__key-visual.has-image {
  position: relative;
  background-color: transparent;
  padding-block: 0;
  overflow: hidden;
}

.b__key-visual.has-image .b__key-visual__information {
  top: 0;
}

@media screen and (min-width: 751px) {
  .b__key-visual.has-image .b__key-visual__information {
    margin-bottom: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual.has-image .b__key-visual__information {
    margin-bottom: clamp(6px, 3.2vw, 61.44px);
  }
}

.b__key-visual.has-image .b__key-visual__anchor-links {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .b__key-visual.has-image .b__key-visual__anchor-links {
    padding-block: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual.has-image .b__key-visual__anchor-links {
    padding-bottom: clamp(12px, 6.4vw, 122.88px);
  }
}

.b__key-visual.has-image .b__key-visual__image {
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 751px) {
  .b__key-visual.has-image .b__key-visual__image {
    aspect-ratio: 1366/512;
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual.has-image .b__key-visual__image {
    height: clamp(105px, 56.00000000000001vw, 1075.2px);
  }
}

.b__key-visual.has-video {
  position: relative;
  padding-block: 0;
}

.b__key-visual.has-video .b__key-visual__information {
  top: 0;
}

@media screen and (min-width: 751px) {
  .b__key-visual.has-video .b__key-visual__information {
    margin-bottom: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual.has-video .b__key-visual__information {
    margin-bottom: clamp(6px, 3.2vw, 61.44px);
  }
}

.b__key-visual.has-video .b__key-visual__video {
  position: relative;
  width: 100%;
}

.b__key-visual.has-video .b__key-visual__video video {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 751px) {
  .b__key-visual.has-video .b__key-visual__anchor-links {
    padding-block: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .b__key-visual.has-video .b__key-visual__anchor-links {
    padding-block: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

.p-keyvisual__sound {
  position: absolute;
  opacity: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center top;
  cursor: pointer;
  transition: opacity 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_114_1729)'%3E%3Cpath d='M16.5771 12.9072C16.5771 11.1372 15.5571 9.61723 14.0771 8.87723V11.0872L16.5271 13.5372C16.5571 13.3372 16.5771 13.1272 16.5771 12.9072ZM19.0771 12.9072C19.0771 13.8472 18.8771 14.7272 18.5371 15.5472L20.0471 17.0572C20.7071 15.8172 21.0771 14.4072 21.0771 12.9072C21.0771 8.62723 18.0871 5.04723 14.0771 4.13723V6.19723C16.9671 7.05723 19.0771 9.73723 19.0771 12.9072ZM4.34715 3.90723L3.07715 5.17723L7.80715 9.90723H3.07715V15.9072H7.07715L12.0771 20.9072V14.1772L16.3271 18.4272C15.6571 18.9472 14.9071 19.3572 14.0771 19.6072V21.6672C15.4571 21.3572 16.7071 20.7172 17.7671 19.8572L19.8071 21.9072L21.0771 20.6372L12.0771 11.6372L4.34715 3.90723ZM12.0771 4.90723L9.98715 6.99723L12.0771 9.08723V4.90723Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_114_1729'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.0771484 0.907227)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.p-keyvisual__sound.active {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_114_1909)'%3E%3Cpath d='M3.07715 9.27635V15.2763H7.07715L12.0771 20.2763V4.27635L7.07715 9.27635H3.07715ZM16.5771 12.2763C16.5771 10.5063 15.5571 8.98635 14.0771 8.24635V16.2963C15.5571 15.5663 16.5771 14.0463 16.5771 12.2763ZM14.0771 3.50635V5.56635C16.9671 6.42635 19.0771 9.10635 19.0771 12.2763C19.0771 15.4463 16.9671 18.1263 14.0771 18.9863V21.0463C18.0871 20.1363 21.0771 16.5563 21.0771 12.2763C21.0771 7.99635 18.0871 4.41635 14.0771 3.50635Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_114_1909'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.0771484 0.276367)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center top 1px;
}

@media screen and (min-width: 751px) {
  .p-keyvisual__sound {
    left: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
    top: clamp(10.5px, 1.537335285505125vw, 29.51683748169839px);
    width: clamp(18px, 2.635431918008785vw, 50.60029282576867px);
    height: clamp(18px, 2.635431918008785vw, 50.60029282576867px);
    background-size: clamp(18px, 2.635431918008785vw, 50.60029282576867px);
  }
}

.top-price .price__outer {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer {
    width: clamp(164px, 87.46666666666667vw, 1679.3600000000001px);
    flex-direction: column;
    gap: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer {
    width: clamp(567.5px, 83.08931185944363vw, 1595.3147877013178px);
    gap: clamp(43px, 6.295754026354319vw, 120.87847730600294px);
    background-color: #fff;
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(24.5px, 3.587115666178624vw, 68.87262079062958px) clamp(29.5px, 4.319180087847731vw, 82.92825768667643px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner {
    width: clamp(212.5px, 31.112737920937043vw, 597.3645680819913px);
  }
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner {
    background-color: #fff;
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(12px, 6.4vw, 122.88px);
  }
}

.top-price .price__outer .price__inner .price__color-name {
  text-align: center;
}

.top-price .price__outer .price__inner .price__color-name .price__color-grade-text {
  text-align: center;
  color: #b31f24;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__color-name .price__color-grade-text {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.45;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__color-name .price__color-grade-text {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.top-price .price__outer .price__inner .price__color-name .price__color-name-text {
  text-align: center;
  color: #000;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__color-name .price__color-name-text {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.45;
    letter-spacing: 0em;
    font-weight: 700;
    width: 100%;
    height: clamp(29px, 15.466666666666667vw, 296.96px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__color-name .price__color-name-text {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
    width: 100%;
    height: clamp(35.5px, 5.197657393850659vw, 99.79502196193265px);
  }
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__img-and-bar {
    margin: clamp(3px, 1.6vw, 30.72px) auto 0;
    width: clamp(147.5px, 78.66666666666666vw, 1510.4px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__img-and-bar {
    margin: clamp(4.5px, 0.658857979502196vw, 12.650073206442167px) auto 0;
  }
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-swiper {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-swiper {
    height: clamp(104px, 55.46666666666666vw, 1064.96px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-swiper {
    height: clamp(150px, 21.96193265007321vw, 421.6691068814056px);
  }
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-swiper .price__img-and-bar-cover {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-360 {
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-360 {
    width: clamp(21.075px, 11.24vw, 215.808px);
    margin-bottom: clamp(2.5px, 1.333333333333333vw, 25.6px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-360 {
    width: clamp(31.015px, 4.54099560761347vw, 87.18711566617863px);
    margin-bottom: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  }
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar {
  cursor: pointer;
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner {
  position: relative;
  display: flex;
  align-items: center;
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner::before {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background: #e3e3e3;
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-bar] {
  position: relative;
  width: 0%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-bar] {
    height: clamp(10.705px, 5.709333333333333vw, 109.6192px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-bar] {
    height: clamp(13.5px, 1.976573938506589vw, 37.950219619326504px);
  }
}

.top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-handle] {
  position: absolute;
  top: 50%;
  right: 0;
  aspect-ratio: 1;
  cursor: pointer;
  transform: translate(50%, -50%);
  background-image: url("/car/wagonr/common/img/price/price-button.svg");
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  margin: auto;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-handle] {
    width: clamp(26.76px, 14.272000000000002vw, 274.0224px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__img-and-bar .price__img-and-bar-progressbar .price__img-and-bar-progressbar-inner [data-carousel-progressbar-handle] {
    width: clamp(32.5px, 4.758418740849195vw, 91.36163982430455px);
  }
}

.top-price .price__outer .price__inner .price__price {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__price {
    margin: clamp(10.1px, 5.386666666666667vw, 103.42399999999999px) auto 0;
    width: clamp(147.5px, 78.66666666666666vw, 1510.4px);
    gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__price {
    margin: clamp(16px, 2.342606149341142vw, 44.97803806734993px) auto 0;
    gap: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
  }
}

.top-price .price__outer .price__inner .price__price .price__price-text {
  color: #000;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__price .price__price-text {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.214285714285714;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__price .price__price-text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.top-price .price__outer .price__inner .price__price .price__table {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-price .price__outer .price__inner .price__price .price__table .price__table-column {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-title {
  color: #fff;
  background-color: #101010;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-title {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.833333333333333;
    letter-spacing: 0em;
    font-weight: 700;
    width: clamp(71.5px, 38.13333333333333vw, 732.16px);
    height: clamp(11px, 5.866666666666666vw, 112.64px);
    border-radius: clamp(5.5px, 2.933333333333333vw, 56.32px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-title {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 1.974166666666667;
    letter-spacing: 0em;
    font-weight: 700;
    width: clamp(95.19px, 13.937042459736457vw, 267.59121522694px);
    height: clamp(11.845px, 1.734260614934114vw, 33.297803806735px);
    border-radius: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

.top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content {
  display: flex;
  justify-content: center;
  align-items: end;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content {
    height: clamp(16px, 8.533333333333333vw, 163.84px);
    gap: clamp(1.8px, 0.96vw, 18.432000000000002px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content {
    height: clamp(23px, 3.367496339677892vw, 64.65592972181553px);
    gap: clamp(0px, 0vw, 0px);
  }
}

.top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content .price__table-column-content-price {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content .price__table-column-content-price {
    font-size: clamp(12px, 6.4vw, 122.88px);
    line-height: 0.958333333333333;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content .price__table-column-content-price {
    font-size: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
    line-height: 0.971428571428571;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content .price__table-column-content-yen {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content .price__table-column-content-yen {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__price .price__table .price__table-column .price__table-column-content .price__table-column-content-yen {
    font-size: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.top-price .price__outer .price__inner .price__dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots {
    gap: clamp(4px, 2.133333333333333vw, 40.96px);
    width: 100%;
    height: clamp(25.99999999995px, 13.866666666639999vw, 266.239999999488px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots {
    gap: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    width: 100%;
    height: clamp(36px, 5.27086383601757vw, 101.20058565153734px);
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease;
  cursor: pointer;
  will-change: filter;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item {
    width: clamp(12.2px, 6.506666666666666vw, 124.928px);
    height: clamp(12.2px, 6.506666666666666vw, 124.928px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item {
    width: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
    height: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item:not(.is-active):hover {
  opacity: 0.5;
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-1 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #773030;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-1 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-1 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-2 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #9a9590;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-2 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-2 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-3 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #1a3d61;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-3 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-3 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-4 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #365b67;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-4 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-4 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-5 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #14181a;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-5 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-5 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-6 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: linear-gradient(#fff 0%, #808080 100%);
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-6 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-6 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-7 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #b9bbbb;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-7 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.hybridzx.index-7 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-1 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #773030;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-1 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-1 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-2 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #9a9590;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-2 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-2 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-3 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #1a3d61;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-3 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-3 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-4 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #365b67;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-4 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-4 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-5 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #454545;
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-5 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-5 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-6 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: linear-gradient(#fff 0%, #808080 100%);
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-6 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-6 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-7 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-7 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-7 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-8 i {
  z-index: 1;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background: linear-gradient(#d9d9d9 0%, #5d5e5e 100%);
  border: none;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-8 i {
    width: 85%;
    height: 85%;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__dots .price__dots-item.zl.index-8 i {
    width: 85%;
    height: 85%;
  }
}

.top-price .price__outer .price__inner .price__dots .price__dots-item.is-active {
  border-radius: 50%;
  background-color: #fff;
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.51));
}

.top-price .price__outer .price__inner .price__other {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__other {
    width: clamp(147.5px, 78.66666666666666vw, 1510.4px);
    gap: clamp(10.25px, 5.466666666666667vw, 104.96000000000001px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__other {
    gap: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

.top-price .price__outer .price__inner .price__other .price__description {
  color: #8b8b8b;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__other .price__description {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__other .price__description {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.top-price .price__outer .price__inner .price__other .price__buttons {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__other .price__buttons {
    flex-direction: column;
    gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__other .price__buttons {
    gap: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
  }
}

@media screen and (max-width: 750px) {
  .top-price .price__outer .price__inner .price__other .price__buttons .ss-car__button {
    margin: 0 auto;
    width: clamp(108px, 57.599999999999994vw, 1105.92px);
  }
}

@media screen and (min-width: 751px) {
  .top-price .price__outer .price__inner .price__other .price__buttons .ss-car__button {
    width: clamp(95px, 13.90922401171303vw, 267.0571010248902px);
  }
}

.lp-key-visual {
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (min-width: 751px) {
  .lp-key-visual {
    height: clamp(301.5px, 44.143484626647144vw, 847.5549048316252px);
    background-image: url("/car/wagonr/business/img/bg-kv_pc.webp");
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual {
    min-height: clamp(233.275px, 124.41333333333333vw, 2388.7360000000003px);
    background-image: url("/car/wagonr/business/img/bg-kv_sp.webp");
  }
}

.lp-key-visual .lp-key-visual__inner {
  overflow: hidden;
}

.lp-key-visual .lp-key-visual__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lp-key-visual .lp-key-visual__info .subtitle {
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .lp-key-visual .lp-key-visual__info .subtitle {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 2.916666666666667;
    letter-spacing: 0.12em;
    font-weight: 600;
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual .lp-key-visual__info .subtitle {
    font-size: clamp(5.5px, 2.933333333333333vw, 56.32px);
    line-height: 1.636363636363636;
    letter-spacing: 0.12em;
    font-weight: 600;
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .lp-key-visual .lp-key-visual__info .title {
    font-size: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
    line-height: 1.258064516129032;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin-bottom: clamp(11.5px, 1.683748169838946vw, 32.32796486090776px);
    padding-left: clamp(13.5px, 1.976573938506589vw, 37.950219619326504px);
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual .lp-key-visual__info .title {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.05;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin-bottom: clamp(10.5px, 5.600000000000001vw, 107.52px);
    padding-left: clamp(7.5px, 4vw, 76.8px);
  }
}

@media screen and (min-width: 751px) {
  .lp-key-visual .lp-key-visual__info .title span {
    letter-spacing: -0.2em;
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual .lp-key-visual__info .title span {
    letter-spacing: -0.11em;
  }
}

@media screen and (min-width: 751px) {
  .lp-key-visual .lp-key-visual__info .logo {
    width: clamp(178.5px, 26.13469985358712vw, 501.78623718887263px);
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual .lp-key-visual__info .logo {
    width: clamp(99px, 52.800000000000004vw, 1013.76px);
    margin-left: clamp(-15.36px, -0.8vw, -1.5px);
  }
}

.lp-key-visual .lp-key-visual__dot-people {
  position: absolute;
}

@media screen and (min-width: 751px) {
  .lp-key-visual .lp-key-visual__dot-people {
    top: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual .lp-key-visual__dot-people {
    top: clamp(22px, 11.733333333333333vw, 225.28px);
  }
}

.lp-key-visual .lp-key-visual__car {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin-inline: auto;
}

@media screen and (min-width: 751px) {
  .lp-key-visual .lp-key-visual__car {
    bottom: clamp(39px, 5.710102489019034vw, 109.63396778916545px);
    width: clamp(567px, 83.01610541727672vw, 1593.9092240117131px);
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual .lp-key-visual__car {
    width: clamp(161px, 85.86666666666667vw, 1648.64px);
    bottom: clamp(18.5px, 9.866666666666667vw, 189.44px);
  }
}

.lp-key-visual .lp-key-visual__btn-check {
  position: fixed;
  z-index: 100;
  cursor: pointer;
  border-radius: 50%;
  opacity: 1;
  transition: opacity 0.5s ease;
}

@media screen and (min-width: 751px) {
  .lp-key-visual .lp-key-visual__btn-check {
    width: clamp(74px, 10.834553440702782vw, 208.0234260614934px);
    left: clamp(0.5px, 0.073206442166911vw, 1.405563689604685px);
    bottom: clamp(32.5px, 4.758418740849195vw, 91.36163982430455px);
  }
}

@media screen and (max-width: 750px) {
  .lp-key-visual .lp-key-visual__btn-check {
    width: clamp(60.5px, 32.266666666666666vw, 619.52px);
    left: clamp(1.5px, 0.8vw, 15.36px);
    bottom: clamp(38px, 20.266666666666666vw, 389.12px);
  }
}

.lp-key-visual .lp-key-visual__btn-check.hidden {
  opacity: 0;
  pointer-events: none;
  display: block !important;
}

.lp-key-visual .lp-key-visual__btn-check img {
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .p-landing-page {
    margin-top: clamp(17.5px, 9.333333333333334vw, 179.20000000000002px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section .p-section__inner {
    padding-inline: clamp(12.5px, 6.666666666666667vw, 128px) clamp(11.5px, 6.133333333333333vw, 117.76px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__best-selling {
    padding-block: clamp(56px, 8.199121522693996vw, 157.42313323572475px) clamp(44px, 6.44216691068814vw, 123.6896046852123px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__best-selling {
    padding-block: clamp(35px, 18.666666666666668vw, 358.40000000000003px) clamp(39px, 20.8vw, 399.36px);
  }
}

.p-landing-page .p-section.p-section__best-selling .p-section__inner {
  margin-inline: auto;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner {
    width: clamp(405.845px, 59.42093704245974vw, 1140.8819912152271px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .image {
    margin-bottom: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .image {
    width: clamp(161.87px, 86.33066666666667vw, 1657.5488px);
    margin-inline: auto;
    margin-bottom: clamp(13.5px, 7.199999999999999vw, 138.24px);
  }
}

.p-landing-page .p-section.p-section__best-selling .p-section__inner .info {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .title {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.333333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
    padding-left: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .title {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.3;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-left: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .desc {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.777777777777778;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .desc {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(6px, 3.2vw, 61.44px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .desc sup {
    font-size: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
    line-height: 0;
    letter-spacing: 0.026em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .desc sup {
    font-size: clamp(5.5px, 2.933333333333333vw, 56.32px);
    line-height: 0;
    letter-spacing: 0.011em;
    font-weight: 400;
  }
}

.p-landing-page .p-section.p-section__best-selling .p-section__inner .info .note {
  color: var(--black);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 3.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__best-selling .p-section__inner .info .note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.p-landing-page .p-section.p-section__reasons {
  background-color: var(--gray-100);
  overflow: hidden;
}

.p-landing-page .p-section.p-section__reasons .p-section__reasons-home {
  background-color: var(--white);
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-section__reasons-home {
    height: clamp(54.5px, 29.06666666666667vw, 558.08px);
    overflow: hidden;
  }
}

.p-landing-page .p-section.p-section__reasons .p-section__reasons-home img {
  display: block;
}

.p-landing-page .p-section.p-section__reasons .p-section__reasons-car {
  position: absolute;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-section__reasons-car {
    right: clamp(19px, 2.781844802342606vw, 53.41142020497804px);
    top: clamp(-127.90629575402636px, -6.661786237188873vw, -45.5px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-section__reasons-car {
    top: clamp(-138.24px, -7.199999999999999vw, -13.5px);
    right: clamp(11px, 5.866666666666666vw, 112.64px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-section__reasons-car .car {
  opacity: 0;
  transform: translateX(120%) translateY(-30px) scale(0.5);
  transition: opacity 1.2s cubic-bezier(0.55, 0, 0.1, 1), transform 1.2s cubic-bezier(0.55, 0, 0.1, 1);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-section__reasons-car .car {
    width: clamp(120px, 17.569546120058565vw, 337.3352855051245px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-section__reasons-car .car {
    width: clamp(60.5px, 32.266666666666666vw, 619.52px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-section__reasons-car.in-view .car {
  opacity: 1;
  transform: translateX(0) translateY(0) scale(1);
}

.p-landing-page .p-section.p-section__reasons .p-section__inner {
  position: relative;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-section__inner {
    padding-block: clamp(70.5px, 10.322108345534406vw, 198.18448023426063px) clamp(53px, 7.759882869692533vw, 148.98975109809663px);
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
    margin-inline: auto;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-section__inner {
    padding-block: clamp(49px, 26.13333333333333vw, 501.76px) clamp(34.5px, 18.4vw, 353.28000000000003px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__head {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head {
    margin-bottom: clamp(45.5px, 6.661786237188873vw, 127.90629575402636px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head {
    margin-bottom: clamp(32.5px, 17.333333333333336vw, 332.8px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__head .subtitle {
  font-family: Roboto, sans-serif;
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .subtitle {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.0625;
    letter-spacing: 0em;
    font-weight: 500;
    margin-bottom: clamp(2px, 0.292825768667643vw, 5.622254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .subtitle {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.416666666666667;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .title {
    font-size: clamp(19px, 2.781844802342606vw, 53.41142020497804px);
    line-height: 1.736842105263158;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-bottom: clamp(17px, 2.489019033674964vw, 47.789165446559295px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .title {
    font-size: clamp(12.5px, 6.666666666666667vw, 128px);
    line-height: 1.52;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-bottom: clamp(11px, 5.866666666666666vw, 112.64px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link {
  background-color: var(--red-600);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(6px, 0.878477306002928vw, 16.866764275256223px) clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
    width: clamp(376px, 55.05124450951684vw, 1056.9838945827232px);
    margin-inline: auto;
    column-gap: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(9px, 4.8vw, 92.16px);
    padding-inline: clamp(21.5px, 11.466666666666667vw, 220.16px);
    flex-wrap: wrap;
    column-gap: clamp(20.5px, 10.933333333333334vw, 209.92000000000002px);
    row-gap: clamp(7.5px, 4vw, 76.8px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item {
  display: flex;
  align-items: center;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item {
    column-gap: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item {
    position: relative;
    column-gap: clamp(3px, 1.6vw, 30.72px);
  }
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item:nth-child(1)::before {
    position: absolute;
    top: clamp(2.5px, 1.333333333333333vw, 25.6px);
    right: clamp(-102.4px, -5.333333333333334vw, -10px);
    content: "";
    width: clamp(0.5px, 0.266666666666667vw, 5.12px);
    height: clamp(8.5px, 4.533333333333333vw, 87.04px);
    background-color: var(--white);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item:hover {
  cursor: pointer;
  opacity: 0.5;
}

.p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item .text {
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item .text {
    font-size: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    line-height: 1.428571428571429;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item .text {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.428571428571429;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item .icon {
    width: clamp(12.5px, 1.830161054172767vw, 35.13909224011713px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__head .anchor-link .anchor-link__item .icon {
    width: clamp(10.44px, 5.568vw, 106.90559999999999px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__item__head {
  position: relative;
}

.p-landing-page .p-section.p-section__reasons .p-reasons__item__head .number {
  font-family: Roboto;
  color: var(--gray-225);
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .number {
    font-size: clamp(96px, 14.055636896046853vw, 269.86822840409957px);
    line-height: 1.0625;
    letter-spacing: -0.072em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .number {
    font-size: clamp(52px, 27.73333333333333vw, 532.48px);
    line-height: 1.067307692307692;
    letter-spacing: -0.072em;
    font-weight: 500;
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__item__head .info {
  position: relative;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .info {
    padding-left: clamp(52.5px, 7.686676427525622vw, 147.58418740849194px);
    padding-top: clamp(41px, 6.002928257686676vw, 115.25622254758419px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .info {
    padding-top: clamp(16px, 8.533333333333333vw, 163.84px);
    padding-left: clamp(17.5px, 9.333333333333334vw, 179.20000000000002px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .title {
    font-size: clamp(27px, 3.953147877013177vw, 75.90043923865301px);
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .title {
    font-size: clamp(16px, 8.533333333333333vw, 163.84px);
    line-height: 1.15625;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__item__head .subtitle {
  display: flex;
  align-items: flex-end;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .subtitle {
    padding-left: clamp(41.5px, 6.076134699853587vw, 116.66178623718888px);
    margin-bottom: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
    column-gap: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .subtitle {
    padding-left: clamp(34.5px, 18.4vw, 353.28000000000003px);
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
    column-gap: clamp(2px, 1.066666666666667vw, 20.48px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .subtitle .text {
    font-size: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
    line-height: 1.333333333333333;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__head .subtitle .text {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post {
  display: flex;
  align-items: center;
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(28px, 4.099560761346998vw, 78.71156661786237px);
    padding-inline: clamp(29.5px, 4.319180087847731vw, 82.92825768667643px) clamp(30px, 4.392386530014641vw, 84.33382137628112px);
    column-gap: clamp(21px, 3.074670571010249vw, 59.03367496339678px);
    margin-bottom: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    flex-direction: column;
    padding-block: clamp(13px, 6.933333333333333vw, 133.12px);
    padding-inline: clamp(9.5px, 5.066666666666666vw, 97.28px) clamp(11px, 5.866666666666666vw, 112.64px);
    row-gap: clamp(11px, 5.866666666666666vw, 112.64px);
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__image {
    flex: 0 0 clamp(280px, 40.995607613469986vw, 787.1156661786238px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__info .title {
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__info .title {
    font-size: clamp(13px, 1.903367496339678vw, 36.54465592972181px);
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__info .title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.333333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(10.5px, 5.600000000000001vw, 107.52px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__info .subtitle {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__info .subtitle {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(6.5px, 3.466666666666666vw, 66.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__info .desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post .post-item__info .desc {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.no-bg {
  background-color: transparent;
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.no-padding {
  padding: 0;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments {
    align-items: initial;
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments {
    row-gap: clamp(22px, 11.733333333333333vw, 225.28px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item {
  position: relative;
  display: flex;
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px) clamp(5px, 0.732064421669107vw, 14.055636896046853px) 0 0;
    padding-inline: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px) clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
    padding-block: clamp(13px, 1.903367496339678vw, 36.54465592972181px) clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
    column-gap: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    flex: 1;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px) clamp(5px, 2.666666666666667vw, 51.2px) 0 0;
    padding-block: clamp(11px, 5.866666666666666vw, 112.64px) clamp(12.5px, 6.666666666666667vw, 128px);
    padding-inline: clamp(5px, 2.666666666666667vw, 51.2px);
    column-gap: clamp(6px, 3.2vw, 61.44px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .comment-item__avatar {
    flex: 0 0 clamp(52px, 7.613469985358712vw, 146.17862371888725px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .comment-item__avatar {
    flex: 0 0 clamp(31.9px, 17.013333333333332vw, 326.656px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .comment-item__content .text {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.666666666666667;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .comment-item__content .text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(8.5px, 4.533333333333333vw, 87.04px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .personal-info {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .personal-info {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    column-gap: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .personal-info {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    column-gap: clamp(7.5px, 4vw, 76.8px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .personal-info .age {
  font-weight: 500;
  position: relative;
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .personal-info .age::before {
  position: absolute;
  content: "";
  background-color: var(--gray-290);
  top: 0;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .personal-info .age::before {
    width: clamp(0.5px, 0.073206442166911vw, 1.405563689604685px);
    height: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    left: clamp(-14.055636896046853px, -0.732064421669107vw, -5px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .personal-info .age::before {
    width: clamp(0.5px, 0.266666666666667vw, 5.12px);
    height: clamp(10px, 5.333333333333334vw, 102.4px);
    left: clamp(-46.08px, -2.4vw, -4.5px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .comment-item__line {
  position: absolute;
  width: 100%;
  left: 0;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .comment-item__line {
    bottom: clamp(-46.38360175695461px, -2.415812591508053vw, -16.5px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.comments .comment-item .comment-item__line {
    bottom: clamp(-117.76px, -6.133333333333333vw, -11.5px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.card {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.card {
    align-items: initial;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    row-gap: clamp(17px, 2.489019033674964vw, 47.789165446559295px);
    padding-inline: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
    padding-block: clamp(20px, 2.928257686676428vw, 56.22254758418741px) clamp(28px, 4.099560761346998vw, 78.71156661786237px);
    margin-bottom: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.card {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.card .card-item {
    flex: 1;
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__post.card .c-card.c-card-title--red .c-card__title {
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.card .c-card.c-card-title--red .c-card__title {
    margin-bottom: clamp(11.5px, 1.683748169838946vw, 32.32796486090776px);
    font-size: clamp(13px, 1.903367496339678vw, 36.54465592972181px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__post.card .c-card .c-card__contents .title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

.p-landing-page .p-section.p-section__reasons .c-list.c-list__note .c-list__item {
  color: var(--gray-500);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .c-list.c-list__note .c-list__item {
    line-height: calc(15 / 10);
    letter-spacing: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .c-list.c-list__note .c-list__item {
    line-height: calc(17 / 10);
    letter-spacing: 0.03em;
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__sub-head {
    margin-bottom: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__sub-head {
    margin-bottom: clamp(14px, 7.466666666666668vw, 143.36px);
  }
}

.p-landing-page .p-section.p-section__reasons .p-reasons__item__sub-head .title {
  font-family: Roboto;
  color: var(--gray-225);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__sub-head .title {
    font-size: clamp(40px, 5.856515373352855vw, 112.44509516837482px);
    line-height: 1.15;
    letter-spacing: -0.03em;
    font-weight: 500;
    margin-left: clamp(-5.622254758418741px, -0.292825768667643vw, -2px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__sub-head .title {
    font-size: clamp(25px, 13.333333333333334vw, 256px);
    line-height: 1.26;
    letter-spacing: -0.04em;
    font-weight: 500;
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__sub-head .subtitle {
    font-size: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-top: clamp(-4.216691068814056px, -0.219619326500732vw, -1.5px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__item__sub-head .subtitle {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one {
    margin-bottom: clamp(74.5px, 10.907759882869692vw, 209.4289897510981px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one {
    margin-bottom: clamp(50.5px, 26.93333333333333vw, 517.12px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one .p-reasons__item__head {
    margin-bottom: clamp(26.5px, 3.879941434846267vw, 74.49487554904832px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one .p-reasons__item__head {
    margin-bottom: clamp(13px, 6.933333333333333vw, 133.12px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one .p-reasons__item__head .subtitle .icon {
    width: clamp(22.505px, 3.29502196193265vw, 63.26442166910688px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one .p-reasons__item__head .subtitle .icon {
    width: clamp(17.035px, 9.085333333333333vw, 174.4384px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one .p-reasons__notes {
    margin-bottom: clamp(30.5px, 4.465592972181552vw, 85.7393850658858px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__one .p-reasons__notes {
    margin-bottom: clamp(19.5px, 10.4vw, 199.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two {
    margin-bottom: clamp(74.5px, 10.907759882869692vw, 209.4289897510981px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two {
    margin-bottom: clamp(51.5px, 27.46666666666667vw, 527.36px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__head {
    margin-bottom: clamp(25.5px, 3.733528550512445vw, 71.68374816983895px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__head {
    margin-bottom: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__head .info {
    padding-top: clamp(37.5px, 5.490483162518302vw, 105.4172767203514px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__head .subtitle {
    padding-left: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__head .subtitle {
    padding-left: clamp(32px, 17.066666666666666vw, 327.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__head .subtitle .icon {
    width: clamp(18.915px, 2.769399707174231vw, 53.17247437774524px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__head .subtitle .icon {
    width: clamp(13.395px, 7.144vw, 137.16479999999999px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__post.card {
    margin-bottom: clamp(19.5px, 10.4vw, 199.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__two .p-reasons__item__sub-head {
    margin-bottom: clamp(20.5px, 3.001464128843338vw, 57.62811127379209px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__head {
    margin-bottom: clamp(25.5px, 3.733528550512445vw, 71.68374816983895px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__head {
    margin-bottom: clamp(14px, 7.466666666666668vw, 143.36px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__head .info {
    padding-top: clamp(42px, 6.149341142020498vw, 118.06734992679355px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__head .subtitle {
    padding-left: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
    margin-bottom: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__head .subtitle {
    padding-left: clamp(32px, 17.066666666666666vw, 327.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__head .subtitle .icon {
    width: clamp(21.06px, 3.083455344070278vw, 59.20234260614934px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__head .subtitle .icon {
    width: clamp(16.415px, 8.754666666666665vw, 168.0896px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__post.card {
    padding-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__post.card {
    margin-bottom: clamp(19.5px, 10.4vw, 199.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__reasons .p-reasons__three .p-reasons__item__sub-head {
    margin-bottom: clamp(21px, 3.074670571010249vw, 59.03367496339678px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .p-section__inner {
    margin-inline: auto;
    width: clamp(464px, 67.93557833089312vw, 1304.3631039531479px);
    padding-block: clamp(49px, 7.174231332357247vw, 137.74524158125917px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .p-section__inner {
    padding-block: clamp(29.5px, 15.733333333333333vw, 302.08px);
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__head {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head {
    margin-bottom: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head {
    margin-bottom: clamp(10.5px, 5.600000000000001vw, 107.52px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__head .title {
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head .title {
    font-size: clamp(18.5px, 2.708638360175696vw, 52.00585651537335px);
    line-height: 1.513513513513514;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-bottom: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head .title {
    font-size: clamp(12.5px, 6.666666666666667vw, 128px);
    line-height: 1.52;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-bottom: clamp(12.5px, 6.666666666666667vw, 128px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head .subtitle {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 2.291666666666667;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(3.5px, 0.512445095168375vw, 9.838945827232797px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head .subtitle {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.3;
    letter-spacing: 0.03em;
    font-weight: 700;
    padding-left: clamp(5px, 2.666666666666667vw, 51.2px);
    margin-bottom: clamp(6px, 3.2vw, 61.44px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head .desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__head .desc {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list {
    row-gap: clamp(25px, 3.660322108345535vw, 70.27818448023426px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list {
    row-gap: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item {
    width: clamp(280px, 40.995607613469986vw, 787.1156661786238px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item:nth-child(2) .service-item__head {
    padding-block: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item:nth-child(2) .service-item__head {
    padding-top: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item:nth-child(2) .service-item__head .icon {
    width: clamp(15.59px, 8.314666666666666vw, 159.6416px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item:nth-child(2) .service-item__head .title {
    line-height: calc(44 / 28);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button {
    grid-column: span 2;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button {
    padding-top: clamp(2px, 1.066666666666667vw, 20.48px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button .c-button.lg {
  height: auto;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button .c-button.lg {
    margin-inline: auto;
    max-width: clamp(184px, 26.939970717423133vw, 517.2474377745242px);
    padding-block: clamp(14px, 2.049780380673499vw, 39.35578330893119px) clamp(13.5px, 1.976573938506589vw, 37.950219619326504px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button .c-button.lg {
    padding-block: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button .c-button.lg .label {
    font-size: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button .c-button.lg .icon.right {
    right: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item.service-item__button .c-button.lg .icon.right {
    right: clamp(9.5px, 5.066666666666666vw, 97.28px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head {
  background-color: var(--red-600);
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head {
    border-radius: clamp(10px, 1.464128843338214vw, 28.111273792093705px) clamp(10px, 1.464128843338214vw, 28.111273792093705px) 0 0;
    padding-block: clamp(10px, 1.464128843338214vw, 28.111273792093705px) clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head {
    border-radius: clamp(10px, 5.333333333333334vw, 102.4px) clamp(10px, 5.333333333333334vw, 102.4px) 0 0;
    padding-top: clamp(6.5px, 3.466666666666666vw, 66.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head .icon {
    width: clamp(22.04px, 3.226939970717423vw, 61.95724743777453px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head .icon {
    width: clamp(17.4px, 9.28vw, 178.176px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head .title {
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head .title {
    font-size: clamp(14px, 2.049780380673499vw, 39.35578330893119px);
    line-height: 1.964285714285714;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__head .title {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 2.4;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body {
    border-radius: 0 0 clamp(10px, 1.464128843338214vw, 28.111273792093705px) clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    padding-block: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body {
    padding-block: clamp(11.5px, 6.133333333333333vw, 117.76px);
    border-radius: 0 0 clamp(10px, 5.333333333333334vw, 102.4px) clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-info {
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-info {
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .text {
  position: relative;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .text {
    padding-left: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .text {
    padding-left: clamp(4.5px, 2.4vw, 46.08px);
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.285714285714286;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .text:last-child {
  margin-bottom: 0;
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--gray-900);
  border-radius: 50%;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .text::before {
    width: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
    height: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .text::before {
    width: clamp(2.5px, 1.333333333333333vw, 25.6px);
    height: clamp(2.5px, 1.333333333333333vw, 25.6px);
  }
}

.p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-button {
  margin-inline: auto;
}

@media screen and (min-width: 751px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-button {
    width: clamp(104px, 15.226939970717424vw, 292.3572474377745px);
  }
}

@media screen and (max-width: 750px) {
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-button {
    width: clamp(82px, 43.733333333333334vw, 839.6800000000001px);
  }
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-button .c-button.lg {
    height: auto;
  }
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-button .c-button.lg .label {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
  .p-landing-page .p-section.p-section__car-service .car-service__list .service-item__body .body-button .c-button.lg .icon.right {
    width: clamp(10px, 5.333333333333334vw, 102.4px);
    height: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@-moz-keyframes fadeInBounce {
  0% {
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
  20% {
    visibility: visible;
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInBounce {
  0% {
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
  20% {
    visibility: visible;
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes fadeInBounce {
  0% {
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
  20% {
    visibility: visible;
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeInBounce {
  0% {
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
  20% {
    visibility: visible;
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@media screen and (min-width: 751px) {
  .p-details .b__key-visual {
    margin-bottom: clamp(46px, 6.734992679355783vw, 129.31185944363105px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .b__key-visual {
    margin-bottom: clamp(34.5px, 18.4vw, 353.28000000000003px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .b__key-visual .b__key-visual__information {
    margin-bottom: clamp(14.5px, 7.733333333333333vw, 148.48px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .b__key-visual .b__key-visual__information .title {
    width: clamp(77px, 11.273792093704246vw, 216.45680819912153px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .b__key-visual .b__key-visual__information .title {
    width: clamp(62.5px, 33.33333333333333vw, 640px);
  }
}

.p-details .b__key-visual .b__key-visual__anchor-links .button-item {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

@media screen and (min-width: 751px) {
  .p-details .b__key-visual .b__key-visual__anchor-links .button-item {
    width: clamp(136px, 19.91215226939971vw, 382.31332357247436px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .b__key-visual .b__key-visual__anchor-links .button-item {
    width: clamp(164px, 87.46666666666667vw, 1679.3600000000001px);
  }
}

.p-details .b__key-visual .b__key-visual__anchor-links .button-item:hover {
  opacity: 0.5;
}

.p-details .p-section .p-section__inner {
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .p-details .p-section .p-section__inner {
    width: clamp(472px, 69.1068814055637vw, 1326.852122986823px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .p-section__inner {
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

.p-details .p-section .p-section__title {
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .p-details .p-section .p-section__title {
    margin-bottom: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .p-section__title {
    margin-bottom: clamp(12px, 6.4vw, 122.88px);
  }
}

.p-details .p-section .gallery-items {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-items {
    column-gap: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    margin-top: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .gallery-items {
    flex-direction: column;
    row-gap: clamp(5px, 2.666666666666667vw, 51.2px);
    margin-top: clamp(14px, 7.466666666666668vw, 143.36px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-item {
    flex: 1;
  }
}

.p-details .p-section .gallery-item .gallery-item__title {
  color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-item .gallery-item__title {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.416666666666667;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .gallery-item .gallery-item__title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
    margin-top: clamp(7.5px, 4vw, 76.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-item.pc-self-end {
    align-self: flex-end;
  }
}

.p-details .p-section .gallery-item .owl-stage {
  width: auto !important;
}

.p-details .p-section .gallery-item .owl-stage .owl-item {
  width: auto !important;
}

.p-details .p-section .gallery-item .c-card .note {
  color: #101010;
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-item .c-card .note {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .gallery-item .c-card .note {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-item .c-card.has-note .c-card__contents {
    margin-top: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .gallery-item .c-card.has-note .c-card__contents {
    margin-top: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .gallery-item .c-card.sp-hidden-note .c-card__contents {
    margin: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .gallery-item .c-card.sp-hidden-note .note {
    display: none;
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-item .c-card.pc-hidden-note .c-card__contents {
    margin: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .gallery-item .c-card.pc-hidden-note .note {
    display: none;
  }
}

.p-details .p-section .connect {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-details .p-section .connect {
    align-items: center;
    column-gap: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
    margin-bottom: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .connect {
    flex-direction: column;
    row-gap: clamp(4px, 2.133333333333333vw, 40.96px);
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .connect .connect-image {
    width: clamp(161px, 23.57247437774524vw, 452.59150805270866px);
  }
}

.p-details .p-section .note {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--gray-500);
}

@media screen and (min-width: 751px) {
  .p-details .p-section .note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .note.pa-10 {
    padding-left: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .note.pa-10 {
    padding-left: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .c-card .c-card__head {
    padding-inline: clamp(7px, 3.733333333333334vw, 71.68px);
    padding-block: clamp(6.5px, 3.466666666666666vw, 66.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .c-card .c-card__body {
    padding-block: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .c-card .c-card__body {
    padding-block: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section .c-card .c-card__body .notes {
    margin-top: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .c-card .c-card__body .notes {
    margin-top: clamp(3.5px, 1.866666666666667vw, 35.84px);
  }
}

.p-details .p-section .p-section__button {
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .p-details .p-section .p-section__button {
    width: clamp(184px, 26.939970717423133vw, 517.2474377745242px);
    margin-top: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section .p-section__button {
    margin-top: clamp(9px, 4.8vw, 92.16px);
  }
}

.p-details .p-section.p-section__title-text .p-section__title {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__title-text .p-section__title {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.166666666666667;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__title-text .p-section__title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__one {
    margin-bottom: clamp(48.5px, 7.101024890190337vw, 136.33967789165447px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__one {
    margin-bottom: clamp(45px, 24vw, 460.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__one .p-section__title {
    width: clamp(97px, 14.202049780380674vw, 272.67935578330895px);
    margin-bottom: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__one .p-section__title {
    width: clamp(77px, 41.06666666666667vw, 788.48px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__one .detail-price {
    margin-bottom: clamp(17px, 2.489019033674964vw, 47.789165446559295px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__one .galleries {
    margin-bottom: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__one .galleries {
    margin-bottom: clamp(15px, 8vw, 153.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__two {
    margin-bottom: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__two {
    margin-bottom: clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__two .p-section__title {
    width: clamp(33px, 4.831625183016105vw, 92.76720351390922px);
    margin-bottom: clamp(3.5px, 0.512445095168375vw, 9.838945827232797px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__two .p-section__title {
    width: clamp(22.5px, 12vw, 230.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__two .detail-price {
    margin-bottom: clamp(18px, 2.635431918008785vw, 50.60029282576867px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__two .galleries {
    margin-bottom: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__two .galleries {
    margin-bottom: clamp(14px, 7.466666666666668vw, 143.36px);
  }
}

.p-details .p-section.p-section__two .gallery-items {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__two .gallery-items {
    grid-template-columns: repeat(2, 1fr);
    row-gap: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__two .gallery-items {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__two .c-list .c-list__item sup {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__two .c-list .c-list__item sup {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.p-details .p-section.p-section__three {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__three {
    padding-block: clamp(31.5px, 4.612005856515373vw, 88.55051244509517px) clamp(30px, 4.392386530014641vw, 84.33382137628112px);
    margin-bottom: clamp(42.5px, 6.222547584187408vw, 119.47291361639824px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__three {
    padding-block: clamp(20px, 10.666666666666668vw, 204.8px);
    margin-bottom: clamp(41.5px, 22.133333333333333vw, 424.96000000000004px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__three .p-section__title {
    margin-bottom: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__three .p-section__title {
    margin-bottom: clamp(13px, 6.933333333333333vw, 133.12px);
  }
}

.p-details .p-section.p-section__three .p-section__action {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__three .p-section__action {
    align-items: center;
    justify-content: center;
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__three .p-section__action {
    flex-direction: column;
    row-gap: clamp(4px, 2.133333333333333vw, 40.96px);
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__three .p-section__action .button-item {
    width: clamp(136px, 19.91215226939971vw, 382.31332357247436px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__four {
    margin-bottom: clamp(60px, 8.784773060029282vw, 168.66764275256224px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__four {
    margin-bottom: clamp(50px, 26.666666666666668vw, 512px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__four .p-section__title {
    margin-bottom: clamp(17px, 2.489019033674964vw, 47.789165446559295px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__four .p-section__title {
    margin-bottom: clamp(12.5px, 6.666666666666667vw, 128px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__four .p-section__inner {
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__four .c-table {
    margin-bottom: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__four .c-table {
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__four .c-notes {
    margin-top: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__four .c-notes {
    margin-top: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

.p-details .p-section.p-section__four .note {
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .p-details .p-section.p-section__four .note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-details .p-section.p-section__four .note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.p-details .p-section.p-section__four .note span.text-red--ED0008 {
  color: #ed0008;
}

.p-details .p-section.p-section__four .note.text-red {
  color: #ed0008;
}

@media screen and (min-width: 751px) {
  .p-interior .b__key-visual .b__key-visual__information {
    margin-bottom: clamp(22.5px, 3.294289897510981vw, 63.250366032210835px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .b__key-visual .b__key-visual__information {
    margin-bottom: clamp(15px, 8vw, 153.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .b__key-visual .b__key-visual__information .title {
    width: clamp(90.95px, 13.316251830161056vw, 255.67203513909226px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .b__key-visual .b__key-visual__information .title {
    width: clamp(66.875px, 35.66666666666667vw, 684.8000000000001px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .c-banner {
    margin-bottom: clamp(20.5px, 3.001464128843338vw, 57.62811127379209px);
    padding-bottom: clamp(14px, 2.049780380673499vw, 39.35578330893119px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner {
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-one {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .c-banner.banner-two {
    margin-bottom: clamp(28.5px, 4.172767203513909vw, 80.11713030746706px);
    padding-bottom: clamp(34px, 4.978038067349927vw, 95.57833089311859px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-two {
    padding-bottom: clamp(17.25px, 9.2vw, 176.64000000000001px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-two .c-banner__image {
    margin-bottom: clamp(18.5px, 9.866666666666667vw, 189.44px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .c-banner.banner-two .c-banner__title {
    width: clamp(185.83px, 27.207906295754032vw, 522.3918008784774px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-two .c-banner__title {
    width: clamp(147.385px, 78.60533333333333vw, 1509.2223999999999px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .c-banner.banner-three {
    margin-bottom: clamp(29.5px, 4.319180087847731vw, 82.92825768667643px);
    padding-bottom: clamp(34.5px, 5.051244509516837vw, 96.98389458272328px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-three {
    margin-bottom: clamp(3.5px, 1.866666666666667vw, 35.84px);
    padding-bottom: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-three .c-banner__image {
    margin-bottom: clamp(42.5px, 22.666666666666664vw, 435.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .c-banner.banner-three .c-banner__title {
    width: clamp(216.165px, 31.6493411420205vw, 607.6673499267936px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-three .c-banner__title {
    width: clamp(103.87px, 55.39733333333333vw, 1063.6288px);
    bottom: clamp(43px, 22.933333333333334vw, 440.32px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .c-banner.banner-four {
    margin-bottom: clamp(28px, 4.099560761346998vw, 78.71156661786237px);
    padding-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-four {
    padding-bottom: clamp(15.5px, 8.266666666666666vw, 158.72px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-four .c-banner__image {
    margin-bottom: clamp(43.5px, 23.200000000000003vw, 445.44px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .c-banner.banner-four .c-banner__title {
    width: clamp(173.825px, 25.450219619326496vw, 488.6442166910688px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .c-banner.banner-four .c-banner__title {
    width: clamp(73.785px, 39.352vw, 755.5584px);
    bottom: clamp(45px, 24vw, 460.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section {
    margin-bottom: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section {
    margin-bottom: clamp(25px, 13.333333333333334vw, 256px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__title-sticky .c-title {
    position: sticky;
    top: calc(clamp(56.5px, 8.272327964860908vw, 158.82869692532944px) + 64px);
  }
}

.p-interior .p-section.bg-gray--100 {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__modal {
    padding-block: clamp(20.5px, 3.001464128843338vw, 57.62811127379209px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__modal {
    padding-block: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__modal .p-section__inner {
    display: grid;
    grid-template-columns: clamp(280px, 40.995607613469986vw, 787.1156661786238px) 1fr;
    column-gap: clamp(25px, 3.660322108345535vw, 70.27818448023426px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__modal .p-section__inner {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__modal .p-section__content {
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__inner {
    display: flex;
    justify-content: space-between;
    max-width: clamp(569px, 83.30893118594437vw, 1599.5314787701318px);
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__inner {
    padding-inline: clamp(12px, 6.4vw, 122.88px) clamp(11.5px, 6.133333333333333vw, 117.76px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__title {
    margin-bottom: clamp(9.5px, 5.066666666666666vw, 97.28px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__title .c-title .txt {
    font-size: clamp(17px, 2.489019033674964vw, 47.789165446559295px);
    line-height: 1.617647058823529;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__title .c-title .txt {
    font-size: clamp(13px, 6.933333333333333vw, 133.12px);
    line-height: 1.538461538461539;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__modal {
    width: clamp(280px, 40.995607613469986vw, 787.1156661786238px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__content {
    width: clamp(280px, 40.995607613469986vw, 787.1156661786238px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__content .content-item {
    margin-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__content .content-item {
    margin-bottom: clamp(8.5px, 4.533333333333333vw, 87.04px);
  }
}

.p-interior .p-section .p-section__content .content-item:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__content .p-section__title {
    margin-bottom: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__content .p-section__title {
    margin-bottom: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__content .desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__content .desc {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__info .point {
    width: clamp(31.5px, 4.612005856515373vw, 88.55051244509517px);
    margin-bottom: clamp(4.25px, 0.622254758418741vw, 11.947291361639824px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__info .point {
    width: clamp(32px, 17.066666666666666vw, 327.68px);
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.p-interior .p-section .p-section__info .title {
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .p-interior .p-section .p-section__info .title {
    font-size: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    line-height: 1.25;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section .p-section__info .title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__one {
    margin-bottom: clamp(63px, 9.224011713030746vw, 177.10102489019033px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__one {
    margin-bottom: clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__one .c-card .desc {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__one .c-list__note {
    margin-top: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__one .c-list__note {
    margin-top: clamp(8.5px, 4.533333333333333vw, 87.04px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__two {
    margin-bottom: clamp(38.5px, 5.636896046852123vw, 108.22840409956076px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__two {
    margin-bottom: clamp(22.5px, 12vw, 230.4px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__three {
    margin-bottom: clamp(18.5px, 9.866666666666667vw, 189.44px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__three .p-section__title {
    margin-bottom: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__three .p-section__title {
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__three .desc {
    margin-bottom: clamp(14.5px, 2.12298682284041vw, 40.76134699853587px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__four {
    margin-bottom: clamp(35px, 5.124450951683748vw, 98.38945827232797px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__four {
    margin-bottom: clamp(19px, 10.133333333333333vw, 194.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__four .p-section__content {
    align-content: center;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__four .p-section__content .p-section__title {
    margin-bottom: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__four .p-section__content .p-section__title {
    margin-bottom: clamp(7.5px, 4vw, 76.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__five {
    margin-bottom: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__five {
    margin-bottom: clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__five .p-section__content .content-item {
    margin-bottom: clamp(27px, 3.953147877013177vw, 75.90043923865301px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__five .p-section__content .content-item {
    margin-bottom: clamp(6.5px, 3.466666666666666vw, 66.56px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__five .p-section__content .c-card .desc {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__five .p-section__content .c-list.c-list__note {
    margin-top: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__five .p-section__content .c-list.c-list__note {
    margin-top: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__six {
    padding-bottom: clamp(31px, 4.538799414348463vw, 87.14494875549049px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__six .p-section__content .desc {
    margin-bottom: clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__seven,
  .p-interior .p-section.p-section__eight {
    margin-bottom: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
    padding-bottom: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__seven,
  .p-interior .p-section.p-section__eight {
    margin-bottom: clamp(25px, 13.333333333333334vw, 256px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__seven .p-section__inner,
  .p-interior .p-section.p-section__eight .p-section__inner {
    flex-direction: column;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__seven .p-section__info,
  .p-interior .p-section.p-section__eight .p-section__info {
    align-self: flex-end;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__eight {
    margin-bottom: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__eight {
    margin-bottom: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

.p-interior .p-section.p-section__note .c-list .c-list__item {
  color: var(--gray-500);
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__note .c-list .c-list__item {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-section.p-section__note .c-list .c-list__item {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-section.p-section__note--one {
    margin-bottom: clamp(60px, 8.784773060029282vw, 168.66764275256224px);
  }
}

.p-interior .p-galleries {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries {
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    row-gap: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    margin-bottom: clamp(47px, 6.881405563689605vw, 132.1229868228404px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries {
    grid-template-columns: 1fr;
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
    row-gap: clamp(12px, 6.4vw, 122.88px);
    margin-bottom: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__one {
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__one {
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__one .c-card .c-card__title {
    min-height: clamp(39px, 5.710102489019034vw, 109.63396778916545px);
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__one .c-card .c-card__title span {
    display: flex;
    align-items: flex-end;
    line-height: calc(31 / 24);
    margin-bottom: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__one .c-card .c-card__title span {
    display: block;
  }
  .p-interior .p-galleries.p-galleries__one .c-card .c-card__title span:nth-child(2) {
    display: flex;
    align-items: flex-end;
  }
}

.p-interior .p-galleries.p-galleries__one .c-card .c-card__title sub {
  height: auto !important;
  position: initial !important;
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__one .c-card .c-card__title sub {
    display: inline-block;
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 1.666666666666667;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-left: clamp(3px, 0.439238653001464vw, 8.433382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__one .c-card .c-card__title sub {
    display: block;
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 2.1;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__one .gallery-item:nth-child(3) .c-card .c-card__title,
  .p-interior .p-galleries.p-galleries__one .gallery-item:nth-child(4) .c-card .c-card__title {
    min-height: clamp(42.5px, 6.222547584187408vw, 119.47291361639824px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__three {
    margin-bottom: clamp(29px, 4.24597364568082vw, 81.52269399707174px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__three {
    margin-bottom: clamp(29px, 15.466666666666667vw, 296.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__four {
    margin-bottom: clamp(56.5px, 8.272327964860908vw, 158.82869692532944px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__four {
    margin-bottom: clamp(27px, 14.399999999999999vw, 276.48px);
  }
}

.p-interior .p-galleries.p-galleries__four .c-card .note.alert-note {
  border: 1px solid #ed0008;
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__four .c-card .note.alert-note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
    padding-block: clamp(3.5px, 0.512445095168375vw, 9.838945827232797px);
    padding-inline: clamp(6px, 0.878477306002928vw, 16.866764275256223px) clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
    margin-top: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__four .c-card .note.alert-note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0em;
    font-weight: 400;
    padding-block: clamp(3.5px, 1.866666666666667vw, 35.84px);
    padding-inline: clamp(7.5px, 4vw, 76.8px) clamp(7px, 3.733333333333334vw, 71.68px);
    margin-top: clamp(5.5px, 2.933333333333333vw, 56.32px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five {
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    row-gap: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
    margin-bottom: clamp(12.5px, 1.830161054172767vw, 35.13909224011713px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five {
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(4px, 2.133333333333333vw, 40.96px);
    row-gap: clamp(4.75px, 2.533333333333333vw, 48.64px);
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@media screen and (max-width: 375px) {
  .p-interior .p-galleries.p-galleries__five {
    padding-inline: clamp(11px, 5.866666666666666vw, 112.64px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card .c-card__title {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.333333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five .c-card .c-card__title {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.25;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(3.3px, 1.76vw, 33.792px);
  }
}

.p-interior .p-galleries.p-galleries__five .c-card .c-card__title .title-note {
  display: block;
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card .c-card__title .title-note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-top: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five .c-card .c-card__title .title-note {
    font-size: clamp(3px, 1.6vw, 30.72px);
    line-height: 1.666666666666667;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-top: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card.has-title-note .c-card__title {
    margin-bottom: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five .c-card.has-title-note .c-card__title {
    margin-bottom: clamp(6px, 3.2vw, 61.44px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card.title__min-height--lg .c-card__title {
    min-height: clamp(35px, 5.124450951683748vw, 98.38945827232797px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five .c-card.title__min-height--lg .c-card__title {
    min-height: clamp(39px, 20.8vw, 399.36px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card.title__min-height .c-card__title {
    min-height: clamp(24px, 3.513909224011713vw, 67.46705710102489px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five .c-card.title__min-height .c-card__title {
    min-height: clamp(15px, 8vw, 153.6px);
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five .c-card.title__min-height--sp .c-card__title {
    min-height: clamp(15px, 8vw, 153.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card.has-note .c-card__title {
    line-height: calc(2 / 18);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card.has-note .c-card__title sup {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  }
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card.has-note .c-card__contents {
    margin-top: clamp(7.5px, 1.09809663250366vw, 21.08345534407028px);
  }
}

.p-interior .p-galleries.p-galleries__five .c-card.has-note .note {
  color: var(--gray-500);
}

@media screen and (min-width: 751px) {
  .p-interior .p-galleries.p-galleries__five .c-card.has-note .note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-interior .p-galleries.p-galleries__five .c-card.has-note .note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.p-interior .c-card .c-card__image:not(.hover) {
  pointer-events: none;
}

.p-performance-eco {
  color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .p-performance-eco .b__key-visual.has-image {
    margin-top: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    margin-bottom: clamp(38.5px, 5.636896046852123vw, 108.22840409956076px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .b__key-visual.has-image {
    margin-top: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .b__key-visual .b__key-visual__information .title {
    width: clamp(374px, 54.758418740849194vw, 1051.3616398243046px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .b__key-visual .b__key-visual__information .title {
    width: clamp(146px, 77.86666666666666vw, 1495.04px);
  }
}

.p-performance-eco .b__key-visual .b__key-visual__note {
  background-color: var(--white);
}

.p-performance-eco .p-performance-eco__kv-post {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__kv-post {
    width: clamp(472px, 69.1068814055637vw, 1326.852122986823px);
    margin: 0 auto clamp(40px, 5.856515373352855vw, 112.44509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__kv-post {
    justify-content: center;
    padding: 0 clamp(12px, 6.4vw, 122.88px);
    margin: 0 auto clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__green-tech {
    width: clamp(222.5px, 32.57686676427526vw, 625.475841874085px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__green-tech {
    width: clamp(125px, 66.66666666666666vw, 1280px);
    margin-bottom: clamp(13.5px, 7.199999999999999vw, 138.24px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__post-text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.875;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__post-text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 2.1875;
    letter-spacing: 0.03em;
    font-weight: 700;
    text-align: center;
  }
}

.p-performance-eco .p-performance-eco__list-techs {
  width: 100%;
  background-color: var(--gray-100);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__list-techs {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    height: clamp(53px, 7.759882869692533vw, 148.98975109809663px);
    column-gap: clamp(22px, 3.22108345534407vw, 61.84480234260615px);
    margin-top: clamp(18.5px, 2.708638360175696vw, 52.00585651537335px);
    padding-left: clamp(18.5px, 2.708638360175696vw, 52.00585651537335px);
    padding-right: clamp(17px, 2.489019033674964vw, 47.789165446559295px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__list-techs {
    flex-wrap: wrap;
    justify-content: space-evenly;
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    height: clamp(99.5px, 53.06666666666666vw, 1018.88px);
    margin-top: clamp(9px, 4.8vw, 92.16px);
    padding: clamp(13px, 6.933333333333333vw, 133.12px) clamp(15px, 8vw, 153.6px) clamp(12px, 6.4vw, 122.88px) clamp(16.5px, 8.799999999999999vw, 168.96px);
  }
}

.p-performance-eco .p-performance-eco__inner {
  width: 100%;
}

.p-performance-eco .p-performance-eco__technologies {
  width: 100%;
  background-color: var(--gray-100);
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technologies {
    padding-top: clamp(40px, 5.856515373352855vw, 112.44509516837482px);
    padding-bottom: clamp(40px, 5.856515373352855vw, 112.44509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technologies {
    padding: clamp(30px, 16vw, 307.2px) clamp(12px, 6.4vw, 122.88px);
  }
}

.p-performance-eco .p-performance-eco__technologies-content {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technologies-content {
    width: clamp(544px, 79.64860907759883vw, 1529.2532942898974px);
    row-gap: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technologies-content {
    width: 100%;
    row-gap: clamp(12px, 6.4vw, 122.88px);
  }
}

.p-performance-eco .p-performance-eco__technology-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item {
    width: clamp(266px, 38.94582723279649vw, 747.7598828696925px);
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding: clamp(16px, 2.342606149341142vw, 44.97803806734993px) clamp(17.5px, 2.562225475841874vw, 49.194729136163986px) clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding: clamp(16px, 8.533333333333333vw, 163.84px) clamp(8.5px, 4.533333333333333vw, 87.04px);
  }
}

.p-performance-eco .p-performance-eco__technology-item .c-title .txt {
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item .c-title .txt {
    margin-left: clamp(-10.24px, -0.533333333333333vw, -1px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item .p-performance-eco__technology-cnt {
    row-gap: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

.p-performance-eco .p-performance-eco__technology-item.first-tech {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech {
    margin-bottom: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-txt {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-txt {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-logo-img {
    width: clamp(230.5px, 33.74816983894583vw, 647.9648609077599px);
    height: auto;
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech {
    padding: clamp(20px, 2.928257686676428vw, 56.22254758418741px) clamp(36px, 5.27086383601757vw, 101.20058565153734px) clamp(22.5px, 3.294289897510981vw, 63.250366032210835px);
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .c-title {
    margin-bottom: clamp(12.5px, 1.830161054172767vw, 35.13909224011713px);
  }
}

.p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-cnt {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-cnt {
    column-gap: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-cnt {
    flex-direction: column;
    row-gap: clamp(7px, 3.733333333333334vw, 71.68px);
    margin-bottom: clamp(9.5px, 5.066666666666666vw, 97.28px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-logo-img {
    width: clamp(230.5px, 33.74816983894583vw, 647.9648609077599px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .c-red-title {
    flex-direction: row;
    justify-content: flex-start;
    margin-top: unset;
    margin-bottom: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
  }
}

.p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-txt {
  margin-bottom: unset;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .c-red-title__txt {
    margin-bottom: unset;
    margin-right: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

.p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-sub-cnt {
  background-color: var(--gray-100);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-sub-cnt {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    column-gap: clamp(10.5px, 1.537335285505125vw, 29.51683748169839px);
    padding: clamp(16px, 2.342606149341142vw, 44.97803806734993px) clamp(14px, 2.049780380673499vw, 39.35578330893119px);
    margin-bottom: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-sub-cnt {
    flex-direction: column;
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    row-gap: clamp(5px, 2.666666666666667vw, 51.2px);
    padding: clamp(10px, 5.333333333333334vw, 102.4px) clamp(9.5px, 5.066666666666666vw, 97.28px);
    margin-bottom: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-sub-img {
    width: clamp(209px, 30.600292825768665vw, 587.5256222547584px);
  }
}

.p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-sub-txt p {
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-sub-txt p {
    width: clamp(226px, 33.08931185944363vw, 635.3147877013178px);
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item.first-tech .p-performance-eco__technology-sub-txt p {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item:nth-child(3) {
    padding-top: clamp(20px, 10.666666666666668vw, 204.8px);
    padding-bottom: clamp(13px, 6.933333333333333vw, 133.12px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__technology-item:nth-child(4) .p-performance-eco__technology-txt {
    margin-left: clamp(-2.811127379209371px, -0.146412884333821vw, -1px);
  }
}

.p-performance-eco .p-performance-eco__advantage {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__advantage {
    padding-inline: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  }
}

.p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-item {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-item {
    grid-template-columns: clamp(189.5px, 27.74524158125915vw, 532.7086383601757px) 1fr;
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-item {
    row-gap: clamp(8px, 4.266666666666667vw, 81.92px);
    margin-bottom: clamp(10.5px, 5.600000000000001vw, 107.52px);
  }
}

.p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-item .c-title {
  margin-bottom: 0;
}

.p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-item:last-child {
  margin-bottom: 0;
}

.p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-content .c-red-title {
  align-items: flex-start;
  margin-top: unset;
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-content .c-red-title {
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-content .c-red-title {
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-content .c-red-title__txt {
  margin-right: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-content .c-red-title__txt {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.4;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-text {
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-img {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-img {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding: clamp(21.5px, 3.14787701317716vw, 60.43923865300147px) clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .p-performance-eco .p-performance-eco__advantage .p-performance-eco__advantage-img {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding: clamp(15px, 8vw, 153.6px) clamp(24px, 12.8vw, 245.76px);
  }
}

.p-performance-eco .p-performance-eco__advantage .c-title .txt {
  text-align: start;
}

@media screen and (min-width: 751px) {
  .p-safety .b__key-visual.has-image {
    margin-top: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    margin-bottom: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .b__key-visual.has-image {
    margin-top: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .b__key-visual.has-image .b__key-visual__information .subtitle {
    margin-bottom: clamp(9.5px, 5.066666666666666vw, 97.28px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .b__key-visual.has-image .b__key-visual__information .title {
    width: clamp(109.14px, 15.979502196193266vw, 306.8064421669107px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .b__key-visual.has-image .b__key-visual__information .title {
    width: clamp(73.83px, 39.376vw, 756.0192px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .b__key-visual.has-image .b__key-visual__anchor-links {
    padding-block: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .b__key-visual.has-image .b__key-visual__anchor-links {
    padding-block: clamp(10px, 5.333333333333334vw, 102.4px) clamp(19px, 10.133333333333333vw, 194.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section .p-section__inner {
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
    margin-inline: auto;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section .p-section__inner {
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

.p-safety .p-section .p-section__title {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section .p-section__title {
    margin-bottom: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section .p-section__title {
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

.p-safety .p-section .p-section__desc {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section .p-section__desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.9375;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(20.5px, 3.001464128843338vw, 57.62811127379209px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section .p-section__desc {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.875;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

.p-safety .p-section .p-contents.flex {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section .p-contents.flex {
    column-gap: clamp(31.5px, 4.612005856515373vw, 88.55051244509517px);
    align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section .p-contents.flex {
    flex-direction: column;
    row-gap: clamp(12.5px, 6.666666666666667vw, 128px);
  }
}

.p-safety .p-section .p-contents.grid {
  display: grid;
}

.p-safety .p-section .p-notes .c-list .c-list__item {
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section .p-notes .c-list .c-list__item {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section .p-notes .c-list .c-list__item {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.p-safety .p-section.bg-gray {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__description {
    margin-bottom: clamp(38px, 5.563689604685212vw, 106.82284040995609px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__description {
    margin-bottom: clamp(37.5px, 20vw, 384px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__description .p-section__inner {
    padding-inline: clamp(12px, 6.4vw, 122.88px) clamp(10.5px, 5.600000000000001vw, 107.52px);
  }
}

.p-safety .p-section.p-section__description .p-contents .content-item__image {
  margin: auto;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__description .p-contents .content-item__image {
    width: clamp(232px, 33.96778916544656vw, 652.1815519765739px);
  }
}

.p-safety .p-section.p-section__description .p-contents .desc {
  text-align: center;
  color: #1c75bc;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__description .p-contents .desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 2.1875;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-top: 25px;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__description .p-contents .desc {
    text-align: center;
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 2.1875;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-top: clamp(17.5px, 9.333333333333334vw, 179.20000000000002px);
  }
}

.p-safety .p-section.p-section__description .p-contents .note {
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__description .p-contents .note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-top: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__description .p-contents .note {
    text-align: center;
    margin-top: clamp(7.5px, 4vw, 76.8px);
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__fundamental-safety {
    margin-bottom: clamp(39px, 5.710102489019034vw, 109.63396778916545px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__fundamental-safety {
    margin-bottom: clamp(30px, 16vw, 307.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__fundamental-safety .p-section__title {
    margin-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__fundamental-safety .p-section__title {
    margin-bottom: clamp(19px, 10.133333333333333vw, 194.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__fundamental-safety .p-contents.grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    margin-bottom: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__fundamental-safety .p-contents.grid {
    grid-template-columns: 1fr;
    row-gap: clamp(20px, 10.666666666666668vw, 204.8px);
    margin-bottom: clamp(9px, 4.8vw, 92.16px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety {
    padding-block: clamp(47px, 6.881405563689605vw, 132.1229868228404px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety {
    padding-block: clamp(30px, 16vw, 307.2px) clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-section__title {
    margin-bottom: clamp(18px, 2.635431918008785vw, 50.60029282576867px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-section__title {
    margin-bottom: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-support {
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-support {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding: clamp(29px, 4.24597364568082vw, 81.52269399707174px) clamp(48px, 7.027818448023426vw, 134.93411420204978px) clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    margin-bottom: clamp(40px, 5.856515373352855vw, 112.44509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-support {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding: clamp(20px, 10.666666666666668vw, 204.8px) clamp(7px, 3.733333333333334vw, 71.68px);
    margin-bottom: clamp(31px, 16.53333333333333vw, 317.44px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-support .p-support__description {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description {
    column-gap: clamp(23px, 3.367496339677892vw, 64.65592972181553px);
    margin-bottom: clamp(19.5px, 2.855051244509517vw, 54.81698389458273px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description {
    flex-direction: column;
    row-gap: clamp(9px, 4.8vw, 92.16px);
    margin-bottom: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .desc-item.has-image {
  background-color: var(--gray-100);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .desc-item.has-image {
    width: clamp(192px, 28.111273792093705vw, 539.7364568081991px);
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .desc-item.has-image {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(14.5px, 7.733333333333333vw, 148.48px) clamp(13.6px, 7.253333333333332vw, 139.264px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .desc-item__image {
    width: clamp(137px, 20.05856515373353vw, 385.12445095168374px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .desc-item__image {
    width: clamp(123px, 65.60000000000001vw, 1259.52px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 2;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 700;
    text-align: center;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .note {
  color: var(--gray-600);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .note {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-support .p-support__description .note {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
    text-align: center;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps {
    margin-bottom: clamp(19px, 2.781844802342606vw, 53.41142020497804px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps {
    margin-bottom: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item {
    margin-bottom: clamp(18.5px, 2.708638360175696vw, 52.00585651537335px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item {
    margin-bottom: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-item:last-child {
  margin-bottom: 0;
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label {
  display: flex;
  justify-content: center;
  background-color: #1c75bc;
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
    margin-bottom: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(4px, 2.133333333333333vw, 40.96px);
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label .label {
  display: flex;
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label .label {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.333333333333333;
    letter-spacing: 0em;
    font-weight: 700;
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label .label {
    flex-direction: column;
    align-items: center;
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label .label .poppins {
  font-family: "Poppins", sans-serif;
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label .label .poppins {
    font-size: clamp(12.5px, 1.830161054172767vw, 35.13909224011713px);
    line-height: 1.12;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item .step-label .label .poppins {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.2;
    letter-spacing: 0em;
    font-weight: 600;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item.street .step-label {
    margin-bottom: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-item.highway {
    margin-bottom: clamp(21px, 3.074670571010249vw, 59.03367496339678px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-content {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content {
    grid-template-columns: 1fr;
    row-gap: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item {
  display: flex;
  align-items: center;
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px) clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    padding-inline: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(7px, 3.733333333333334vw, 71.68px);
    padding-inline: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .image {
    width: clamp(36.5px, 5.34407027818448vw, 102.60614934114203px);
    margin-right: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .image {
    width: clamp(31.5px, 16.8vw, 322.56px);
    margin-right: clamp(3.5px, 1.866666666666667vw, 35.84px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .info {
  flex: 1;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .text {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .sub {
    font-size: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    line-height: 2;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .sub {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.583333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .sub.font-small {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 2.333333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .sub sup {
    font-size: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .sub sup {
    font-size: clamp(4px, 2.133333333333333vw, 40.96px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .icon {
  justify-self: flex-end;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .icon {
    width: clamp(22px, 3.22108345534407vw, 61.84480234260615px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item .icon {
    width: clamp(14.5px, 7.733333333333333vw, 148.48px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item:not(.hover) .text {
    align-self: flex-start;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item.merged-full {
  flex-direction: column;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .step-content__item.merged-full {
    grid-column: span 2;
    padding: clamp(9px, 1.317715959004393vw, 25.300146412884335px) 0 clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents {
    height: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents .step-content__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-inline: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents .image {
    grid-row: 1/span 2;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents .text {
    font-size: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    line-height: 1.428571428571429;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-right: clamp(4.5px, 0.658857979502196vw, 12.650073206442167px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents .text {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.333333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(2px, 1.066666666666667vw, 20.48px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-content .sub-contents .icon {
    justify-self: center;
    margin-left: clamp(-112.64px, -5.866666666666666vw, -11px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-steps .step-notes {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-notes {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    margin-top: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-notes {
    margin-top: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-steps .step-notes .c-list {
    grid-column: 2;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-other {
  border-top: 1px solid var(--gray-400);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other {
    padding-top: clamp(20.25px, 2.964860907759883vw, 56.925329428989755px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-other {
    padding-top: clamp(20.15px, 10.746666666666666vw, 206.33599999999998px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-other .other-title {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-title {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.333333333333333;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.333333333333333;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-other .other-contents {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents {
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
    margin-bottom: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents {
    grid-template-columns: 1fr;
    row-gap: clamp(4px, 2.133333333333333vw, 40.96px);
    margin-bottom: clamp(4.15px, 0.607613469985359vw, 11.666178623718888px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .contents {
  display: flex;
  align-items: center;
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .contents {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(10.25px, 1.500732064421669vw, 28.814055636896047px) clamp(9.75px, 1.427525622254759vw, 27.408491947291363px);
    padding-inline: clamp(10px, 1.464128843338214vw, 28.111273792093705px) clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
    column-gap: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    height: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .contents {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(7.25px, 3.866666666666667vw, 74.24px) clamp(6.75px, 3.6vw, 69.12px);
    padding-inline: clamp(8.5px, 4.533333333333333vw, 87.04px) clamp(8px, 4.266666666666667vw, 81.92px);
    column-gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .image {
    width: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .image {
    width: clamp(30px, 16vw, 307.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .title {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.25;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.25;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .sub {
    font-size: clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    line-height: 2.333333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .sub {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 2.333333333333333;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-other .other-contents .other-item .notes {
    margin-top: clamp(4.5px, 0.658857979502196vw, 12.650073206442167px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item {
    justify-content: space-between;
    margin-bottom: clamp(40px, 5.856515373352855vw, 112.44509516837482px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item {
    flex-direction: column;
    margin-bottom: clamp(30px, 16vw, 307.2px);
    row-gap: clamp(16.5px, 8.799999999999999vw, 168.96px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__title {
    padding-top: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__title .title-sticky {
    position: sticky;
    top: calc(clamp(56.5px, 8.272327964860908vw, 158.82869692532944px) + 64px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__title .image {
    margin-bottom: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__street .details-item__title .image {
    width: clamp(52.785px, 7.728404099560761vw, 148.38535871156662px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__street .details-item__title .image {
    width: clamp(31.05px, 16.56vw, 317.952px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__highway .details-item__title .image {
    width: clamp(79.305px, 11.611273792093705vw, 222.93645680819915px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__highway .details-item__title .image {
    width: clamp(46.65px, 24.88vw, 477.69599999999997px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__parking .details-item__title .image {
    width: clamp(72.08px, 10.553440702781844vw, 202.6260614934114px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__parking .details-item__title .image {
    width: clamp(42.4px, 22.613333333333333vw, 434.176px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__night .details-item__title .image {
    width: clamp(50.965px, 7.461932650073207vw, 143.26910688140558px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item.details-item__night .details-item__title .image {
    width: clamp(29.98px, 15.989333333333333vw, 306.9952px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents {
    width: clamp(328px, 48.02342606149341vw, 922.0497803806735px);
    row-gap: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents {
    row-gap: clamp(12px, 6.4vw, 122.88px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item {
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding: clamp(16px, 2.342606149341142vw, 44.97803806734993px) clamp(24px, 3.513909224011713vw, 67.46705710102489px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding: clamp(12.25px, 6.533333333333332vw, 125.44px) clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-40 {
    margin-bottom: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-40 {
    margin-bottom: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-32-24 {
    margin-bottom: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-32-24 {
    margin-bottom: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-24-24 {
    margin-bottom: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-24-24 {
    margin-bottom: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-24-16 {
    margin-bottom: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-24-16 {
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-20-20 {
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-20-20 {
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-10-10 {
    margin-bottom: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .space-10-10 {
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .gird {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .pc-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .sp-column-1 {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item .row-merged {
    grid-column: 1/span 2;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__title {
  color: #1c75bc;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__title {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.166666666666667;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__sub-title {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__sub-title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title sup {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title sup {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title .block {
  display: block;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title .block {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.9;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title .block {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.9;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title .block sup {
    font-size: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .title .block sup {
    font-size: clamp(4px, 2.133333333333333vw, 40.96px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .image.highway-5 {
  overflow-y: hidden;
  overflow-x: auto;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .image.highway-5 .scroll-horizontal {
    width: clamp(723px, 105.85651537335285vw, 2032.4450951683748px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .image.highway-5 .scroll-horizontal {
    width: clamp(617.3px, 329.22666666666663vw, 6321.152px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .image.parking-14 {
    margin-inline: auto;
    width: clamp(222px, 32.503660322108345vw, 624.0702781844802px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .image.parking-20 {
    width: clamp(138.5px, 20.27818448023426vw, 389.34114202049784px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .image.parking-21_1 {
    width: clamp(219.5px, 32.13762811127379vw, 617.0424597364569px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step {
  display: grid;
  grid-template-rows: auto;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step {
    grid-template-columns: clamp(36.5px, 5.34407027818448vw, 102.60614934114203px) 1fr;
    column-gap: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step {
    align-items: center;
    grid-template-columns: clamp(31.5px, 16.8vw, 322.56px) 1fr;
    column-gap: clamp(8px, 4.266666666666667vw, 81.92px);
    row-gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step.center {
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .image:not(.no-span) {
    grid-row: 1/span 3;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title sup {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title sup {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title .block {
  display: block;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title .block {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.9;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title .block {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.9;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title .block sup {
    font-size: clamp(4px, 0.585651537335286vw, 11.244509516837482px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-title .block sup {
    font-size: clamp(4px, 2.133333333333333vw, 40.96px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-desc {
    grid-column: 1/span 2;
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-section__preventive-safety .p-preventive-safety-details .details-item .details-item__contents .content-item__step .step-note {
    grid-column: 1/span 2;
  }
}

.p-safety .p-section.p-collision-safety {
  background-color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-section__inner {
    padding-block: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
    width: clamp(544px, 79.64860907759883vw, 1529.2532942898974px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-section__inner {
    padding-block: clamp(40px, 21.333333333333336vw, 409.6px) clamp(50px, 26.666666666666668vw, 512px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-section__title {
    margin-bottom: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-section__title {
    margin-bottom: clamp(14.5px, 7.733333333333333vw, 148.48px);
  }
}

.p-safety .p-section.p-collision-safety .p-contents {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    margin-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-contents {
    margin-bottom: clamp(8.35px, 4.453333333333333vw, 85.504px);
    row-gap: clamp(12px, 6.4vw, 122.88px);
  }
}

.p-safety .p-section.p-collision-safety .p-contents__item {
  background-color: var(--gray-100);
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    padding-inline: clamp(18px, 2.635431918008785vw, 50.60029282576867px) clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-contents__item {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding-block: clamp(12px, 6.4vw, 122.88px);
    padding-inline: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

.p-safety .p-section.p-collision-safety .p-contents__item:nth-child(n+4) .content-info .desc {
  margin-bottom: 0;
}

.p-safety .p-section.p-collision-safety .p-contents__item .content-info .head {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .head {
    column-gap: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    margin-bottom: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .head {
    column-gap: clamp(7.5px, 4vw, 76.8px);
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .image {
    width: clamp(45px, 6.588579795021962vw, 126.50073206442167px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .image {
    width: clamp(39px, 20.8vw, 399.36px);
  }
}

.p-safety .p-section.p-collision-safety .p-contents__item .content-info .title {
  color: #1c75bc;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .title {
    font-size: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
    line-height: 1.545454545454545;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .title {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .desc {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .desc {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .notes {
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-contents__item .content-info .notes {
    margin-bottom: clamp(9.5px, 5.066666666666666vw, 97.28px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item.one .content-info {
    margin-bottom: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-contents__item.one .content-image {
    width: clamp(139.5px, 20.424597364568083vw, 392.15226939970717px);
  }
}

.p-safety .p-section.p-collision-safety .p-notes {
  display: flex;
  border: 1px solid var(--gray-900);
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-notes {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    column-gap: clamp(7.7px, 1.127379209370425vw, 21.645680819912155px);
    padding: clamp(5px, 0.732064421669107vw, 14.055636896046853px) clamp(9px, 1.317715959004393vw, 25.300146412884335px) clamp(7px, 1.02489019033675vw, 19.677891654465594px) clamp(12.5px, 1.830161054172767vw, 35.13909224011713px);
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-notes {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
    column-gap: clamp(6px, 3.2vw, 61.44px);
    padding: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-notes .image {
    flex: 0 0 clamp(22.84px, 3.34407027818448vw, 64.20614934114202px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-notes .image {
    flex: 0 0 clamp(22.84px, 12.181333333333333vw, 233.8816px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-notes .desc {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-notes .desc {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

.p-safety .p-section.p-collision-safety .p-alert {
  border: 1px solid var(--gray-250);
  display: flex;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-alert {
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding-block: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    padding-inline: clamp(18px, 2.635431918008785vw, 50.60029282576867px) clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
    column-gap: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-alert {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    flex-direction: column;
    row-gap: clamp(12px, 6.4vw, 122.88px);
    padding-block: clamp(16px, 8.533333333333333vw, 163.84px) clamp(12px, 6.4vw, 122.88px);
    padding-inline: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-alert .p-alert__image {
    flex: 0 0 clamp(96px, 14.055636896046853vw, 269.86822840409957px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-alert .p-alert__image {
    width: clamp(96px, 51.2vw, 983.04px);
  }
}

@media screen and (min-width: 751px) {
  .p-safety .p-section.p-collision-safety .p-alert .title {
    font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
    line-height: 1.888888888888889;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(3.5px, 0.512445095168375vw, 9.838945827232797px);
  }
}

@media screen and (max-width: 750px) {
  .p-safety .p-section.p-collision-safety .p-alert .title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: clamp(4.75px, 2.533333333333333vw, 48.64px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling {
    margin-top: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling {
    margin-top: clamp(20px, 10.666666666666668vw, 204.8px);
  }
}

.p-styling .b__key-visual {
  background-color: var(--white);
}

@media screen and (max-width: 750px) {
  .p-styling .b__key-visual {
    margin-bottom: clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .b__key-visual .b__key-visual__information .title {
    width: clamp(114.5px, 16.764275256222547vw, 321.8740849194729px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .b__key-visual .b__key-visual__information .title {
    width: clamp(77.555px, 41.36266666666667vw, 794.1632000000001px);
  }
}

.p-styling .b__key-visual .b__key-visual__anchor-links {
  background-color: var(--gray-100);
}

@media screen and (max-width: 750px) {
  .p-styling .p-section .c-banner {
    margin-bottom: 0;
    padding-bottom: clamp(17.5px, 9.333333333333334vw, 179.20000000000002px);
  }
}

.p-styling .p-section .c-banner .c-banner__title {
  width: unset;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section .p-section__inner {
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
    margin-inline: auto;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section .p-section__inner {
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

.p-styling .p-section .p-section__inner.grid {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section .p-section__inner.grid {
    grid-template-columns: 1fr clamp(281.5px, 41.21522693997072vw, 791.3323572474378px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section .p-section__inner.grid {
    grid-template-columns: 1fr;
    row-gap: clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section .p-section__title-sticky .sticky {
    position: sticky;
    top: calc(clamp(56.5px, 8.272327964860908vw, 158.82869692532944px) + 64px);
  }
}

.p-styling .p-section .p-section__contents.flex {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section .p-section__contents.flex {
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section .p-section__contents.flex {
    flex-direction: column;
    row-gap: clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

.p-styling .p-section .p-section__contents.flex.align-center {
  align-items: center;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section .p-section__contents.flex .content-item {
    flex: 1;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section .p-section__info .label {
    width: clamp(33px, 4.831625183016105vw, 92.76720351390922px);
    margin-bottom: clamp(4.25px, 0.622254758418741vw, 11.947291361639824px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section .p-section__info .label {
    margin-bottom: clamp(5px, 2.666666666666667vw, 51.2px);
    width: clamp(33px, 17.599999999999998vw, 337.92px);
  }
}

.p-styling .p-section .p-section__info .desc {
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .p-styling .p-section .p-section__info .desc {
    font-size: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section .p-section__info .desc {
    font-size: clamp(9px, 4.8vw, 92.16px);
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design {
    margin-bottom: clamp(60px, 8.784773060029282vw, 168.66764275256224px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__stylish-design {
    margin-bottom: clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design .c-banner {
    margin-bottom: clamp(1px, 0.146412884333821vw, 2.811127379209371px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design .c-banner .c-banner__title {
    padding: clamp(25px, 3.660322108345535vw, 70.27818448023426px) clamp(16.5px, 2.415812591508053vw, 46.38360175695461px) clamp(24px, 3.513909224011713vw, 67.46705710102489px) clamp(15.5px, 2.269399707174232vw, 43.572474377745245px);
    bottom: clamp(22.5px, 3.294289897510981vw, 63.250366032210835px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__stylish-design .c-banner .c-banner__title {
    padding: clamp(10.5px, 5.600000000000001vw, 107.52px) clamp(12.5px, 6.666666666666667vw, 128px) clamp(10.5px, 5.600000000000001vw, 107.52px) clamp(11.5px, 6.133333333333333vw, 117.76px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design .c-banner .c-banner__title .img-wrapper {
    width: clamp(207.93px, 30.443631039531482vw, 584.5177159590045px);
    max-width: 415.86px;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__stylish-design .c-banner .c-banner__title .img-wrapper {
    width: clamp(78.52px, 41.87733333333333vw, 804.0448px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design .p-section__title .c-title {
    margin-bottom: clamp(8.5px, 1.244509516837482vw, 23.894582723279647px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__stylish-design .p-section__title .c-title {
    margin-bottom: clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design .p-section__title .sub {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__stylish-design .p-section__title .sub {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design .p-section__inner {
    width: clamp(564.5px, 82.65007320644216vw, 1586.8814055636897px);
  }
}

.p-styling .p-section.p-section__stylish-design .p-section__contents {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__stylish-design .p-section__contents {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(5.5px, 0.805270863836018vw, 15.461200585651538px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__stylish-design .p-section__contents {
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(4px, 2.133333333333333vw, 40.96px);
    row-gap: clamp(3.75px, 2vw, 38.4px);
  }
}

.p-styling .p-section.p-section__stylish-design .p-section__contents .content-item.merged {
  grid-column: span 2;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior {
    margin-bottom: clamp(57px, 8.345534407027818vw, 160.23426061493413px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior {
    margin-bottom: clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .c-banner {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .c-banner .c-banner__title {
    padding: clamp(24.5px, 3.587115666178624vw, 68.87262079062958px) clamp(24.5px, 3.587115666178624vw, 68.87262079062958px) clamp(23.5px, 3.440702781844803vw, 66.0614934114202px) clamp(25px, 3.660322108345535vw, 70.27818448023426px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .c-banner .c-banner__title {
    padding: clamp(10.5px, 5.600000000000001vw, 107.52px) clamp(14px, 7.466666666666668vw, 143.36px) clamp(10.5px, 5.600000000000001vw, 107.52px) clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .c-banner .c-banner__title .img-wrapper {
    width: clamp(249.255px, 36.49414348462665vw, 700.6875549048316px);
    max-width: 498.51px;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .c-banner .c-banner__title .img-wrapper {
    width: clamp(96px, 51.2vw, 983.04px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner {
    width: clamp(566.5px, 82.94289897510981vw, 1592.5036603221083px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.grid {
    grid-template-columns: 1fr clamp(280px, 40.995607613469986vw, 787.1156661786238px);
    row-gap: clamp(26px, 3.806734992679356vw, 73.08931185944363px);
  }
}

.p-styling .p-section.p-section__modern-interior .p-section__inner.grid .p-section__contents {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.grid .p-section__contents {
    row-gap: clamp(9.5px, 1.390922401171303vw, 26.70571010248902px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.grid .p-section__contents {
    row-gap: clamp(7px, 3.733333333333334vw, 71.68px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.grid .p-section__alert {
    grid-column: span 2;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.grid .p-section__alert .c-alert {
    padding-block: clamp(15px, 2.196193265007321vw, 42.16691068814056px) clamp(12px, 1.756954612005857vw, 33.733528550512446px);
  }
}

.p-styling .p-section.p-section__modern-interior .p-section__inner.two .p-section__contents {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.two .p-section__contents {
    align-items: flex-start;
    margin-bottom: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.two .p-section__contents {
    flex-direction: column;
    row-gap: clamp(16px, 8.533333333333333vw, 163.84px);
    margin-bottom: clamp(9px, 4.8vw, 92.16px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.two .p-section__contents .content-item {
    flex: 1;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.two .p-section__contents .content-item .c-card .c-card__title {
    height: clamp(37px, 5.417276720351391vw, 104.0117130307467px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .p-section__inner.two .p-section__contents .content-item .c-card .c-card__title {
    letter-spacing: 0;
  }
}

.p-styling .p-section.p-section__modern-interior .p-section__movie {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie {
    margin-block: clamp(60px, 8.784773060029282vw, 168.66764275256224px) clamp(15px, 2.196193265007321vw, 42.16691068814056px);
    padding-block: clamp(20px, 2.928257686676428vw, 56.22254758418741px) clamp(20.5px, 3.001464128843338vw, 57.62811127379209px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie {
    margin-block: clamp(20px, 10.666666666666668vw, 204.8px) clamp(15px, 8vw, 153.6px);
    padding-block: clamp(20px, 10.666666666666668vw, 204.8px) clamp(19px, 10.133333333333333vw, 194.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie .p-section__inner {
    width: clamp(569px, 83.30893118594437vw, 1599.5314787701318px);
  }
}

.p-styling .p-section.p-section__modern-interior .p-section__movie .p-section__contents.flex {
  margin-bottom: 0;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie .p-section__contents.flex {
    column-gap: clamp(26px, 3.806734992679356vw, 73.08931185944363px);
    align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie .p-section__contents.flex {
    flex-direction: column-reverse;
    row-gap: clamp(17px, 9.066666666666666vw, 174.08px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie .p-section__contents.flex .content-item.movie {
    flex: 0 0 clamp(280px, 40.995607613469986vw, 787.1156661786238px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie .p-section__contents.flex .c-title {
    margin-bottom: clamp(22.5px, 3.294289897510981vw, 63.250366032210835px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .p-section__movie .p-section__contents.flex .c-title {
    margin-bottom: clamp(10px, 5.333333333333334vw, 102.4px);
  }
}

.p-styling .p-section.p-section__modern-interior .p-section__notes .c-list .c-list__item {
  color: var(--gray-500);
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__modern-interior .p-section__notes .c-list .c-list__item {
    font-size: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__modern-interior .p-section__notes .c-list .c-list__item {
    font-size: clamp(5px, 2.666666666666667vw, 51.2px);
    line-height: 1.7;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .c-banner {
    margin-bottom: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .c-banner {
    padding-bottom: clamp(39px, 20.8vw, 399.36px);
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .c-banner .c-banner__title {
    padding: clamp(24.5px, 3.587115666178624vw, 68.87262079062958px) clamp(26px, 3.806734992679356vw, 73.08931185944363px) clamp(23.5px, 3.440702781844803vw, 66.0614934114202px) clamp(24.5px, 3.587115666178624vw, 68.87262079062958px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .c-banner .c-banner__title {
    padding: clamp(10.5px, 5.600000000000001vw, 107.52px) clamp(13px, 6.933333333333333vw, 133.12px) clamp(10.5px, 5.600000000000001vw, 107.52px) clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .c-banner .c-banner__title .img-wrapper {
    width: clamp(171.275px, 25.07686676427526vw, 481.47584187408495px);
    max-width: 342.55px;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .c-banner .c-banner__title .img-wrapper {
    width: clamp(71.92px, 38.35733333333333vw, 736.4608000000001px);
  }
}

.p-styling .p-section.p-section__body-color .p-section__tabs {
  background-color: var(--gray-100);
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs {
    padding-block: clamp(20px, 2.928257686676428vw, 56.22254758418741px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs {
    padding-block: clamp(20px, 10.666666666666668vw, 204.8px) clamp(60px, 32vw, 614.4px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .c-tabs .c-tabs-head .c-tabs-head__item.hybrid-zx .c-tabs-head__item__image {
    width: clamp(56.89px, 8.329428989751097vw, 159.9250366032211px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .c-tabs .c-tabs-head .c-tabs-head__item.hybrid-zx .c-tabs-head__item__image {
    width: clamp(42.67px, 22.757333333333335vw, 436.9408px);
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .c-tabs .c-tabs-head .c-tabs-head__item.zl .c-tabs-head__item__image {
    width: clamp(11.69px, 1.711566617862372vw, 32.86207906295754px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .c-tabs .c-tabs-head .c-tabs-head__item.zl .c-tabs-head__item__image {
    width: clamp(8.765px, 4.674666666666667vw, 89.7536px);
  }
}

.p-styling .p-section.p-section__body-color .p-section__tabs .car-list {
  display: grid;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .car-list {
    grid-template-columns: repeat(4, 1fr);
    column-gap: clamp(2.5px, 0.366032210834553vw, 7.027818448023426px);
    row-gap: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .car-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

.p-styling .p-section.p-section__body-color .p-section__tabs .car-item .car-item__title {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .car-item .car-item__title {
    font-size: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
    line-height: 1.307692307692308;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .car-item .car-item__title {
    font-size: clamp(6px, 3.2vw, 61.44px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-styling .p-section.p-section__body-color .p-section__tabs .car-item.car-item__title--keep-all .car-item__title {
    word-break: keep-all;
  }
}

.p-top {
  overflow: hidden;
}

.p-top .video-wrapper {
  position: relative;
  overflow: hidden;
}

.p-top .video-wrapper .p-keyvisual__video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: opacity 0.4s ease;
  opacity: 1;
  aspect-ratio: 16/9;
}

.p-top .video-wrapper .p-keyvisual__video.is-changing {
  opacity: 0;
}

.p-top .video-wrapper .home-kv__logo {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 751px) {
  .p-top .video-wrapper .home-kv__logo {
    width: clamp(188.55px, 27.60614934114202vw, 530.0380673499268px);
    margin-left: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    margin-bottom: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .video-wrapper .home-kv__logo {
    width: clamp(62.97px, 33.583999999999996vw, 644.8128px);
    margin-left: clamp(3.5px, 1.866666666666667vw, 35.84px);
    margin-bottom: clamp(3.5px, 1.866666666666667vw, 35.84px);
  }
}

.p-top .p-section.fluid {
  padding-inline: 0;
}

.p-top .p-section.color {
  background-color: var(--gray-100);
}

@media screen and (max-width: 750px) {
  .p-top .p-section.color {
    padding-inline: clamp(26px, 13.866666666666665vw, 266.24px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section {
    padding: clamp(15.95px, 8.506666666666666vw, 163.328px) clamp(12px, 6.4vw, 122.88px);
  }
}

.p-top .p-section .p-section__inner {
  text-align: center;
  color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__inner {
    padding-top: clamp(51px, 7.46705710102489vw, 143.3674963396779px);
    width: clamp(683px, 100vw, 1920px);
    margin: 0 auto;
  }
}

.p-top .p-section .p-section__flex {
  display: flex;
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__flex {
    justify-content: space-between;
    column-gap: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section .p-section__flex {
    flex-direction: column;
  }
}

.p-top .p-section .p-section__flex.no-space {
  gap: 0;
}

.p-top .p-section .p-section__title {
  color: var(--gray-100);
  font-size: clamp(68px, 9.956076134699854vw, 191.15666178623718px);
  line-height: 0.75;
  letter-spacing: -0.02em;
  font-weight: 400;
  width: fit-content;
  margin-inline: auto;
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__subtitle {
    width: clamp(280px, 40.995607613469986vw, 787.1156661786238px);
    margin: clamp(-35.13909224011713px, -1.830161054172767vw, -12.5px) auto 0;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section .p-section__subtitle {
    margin: clamp(-102.4px, -5.333333333333334vw, -10px) auto clamp(40px, 21.333333333333336vw, 409.6px);
    width: clamp(153px, 81.6vw, 1566.72px);
  }
}

.p-top .p-section .p-section__text {
  color: var(--red-600);
  font-size: clamp(9px, 1.317715959004393vw, 25.300146412884335px);
  line-height: 2.166666666666667;
  letter-spacing: 0.03em;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__text {
    margin-top: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section .p-section__text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.875;
    letter-spacing: 0.03em;
    font-weight: 700;
    padding-left: clamp(7.5px, 4vw, 76.8px);
    margin-bottom: clamp(38.5px, 20.533333333333335vw, 394.24px);
  }
}

.p-top .p-section .p-section__banner {
  width: clamp(376px, 55.05124450951684vw, 1056.9838945827232px);
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__banner {
    margin: clamp(21px, 3.074670571010249vw, 59.03367496339678px) auto 0;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section .p-section__banner {
    width: 100%;
    margin-top: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

.p-top .p-section .p-section__box {
  width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
  border-radius: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
  background-color: var(--gray-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__box {
    margin-top: clamp(37px, 5.417276720351391vw, 104.0117130307467px);
    padding-block: clamp(20px, 2.928257686676428vw, 56.22254758418741px) clamp(14px, 2.049780380673499vw, 39.35578330893119px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section .p-section__box {
    width: 100%;
    height: clamp(154.5px, 82.39999999999999vw, 1582.08px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__box .box-image {
    width: clamp(353.5px, 51.756954612005856vw, 993.7335285505125px);
  }
}

.p-top .p-section .p-section__box .p-section__box__link {
  margin-top: clamp(9.8px, 1.43484626647145vw, 27.549048316251834px);
  transition: opacity 0.5s ease-out;
}

@media screen and (max-width: 750px) {
  .p-top .p-section .p-section__box .p-section__box__link {
    margin-top: clamp(11.05px, 5.893333333333334vw, 113.15200000000002px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section .p-section__box .p-section__box__link {
    width: clamp(416px, 60.9077598828697vw, 1169.428989751098px);
  }
  .p-top .p-section .p-section__box .p-section__box__link:hover {
    opacity: 0.5;
  }
}

.p-top .ss-stylish {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish {
    background: linear-gradient(to bottom, var(--white) 46%, var(--gray-100) 46%);
    padding-bottom: clamp(29px, 4.24597364568082vw, 81.52269399707174px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish {
    background: linear-gradient(to bottom, var(--white) 17%, var(--gray-100) 17%);
    padding: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish-main .p-section__inner {
    position: relative;
    padding-top: clamp(25.5px, 3.733528550512445vw, 71.68374816983895px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish-main .p-section__inner {
    padding-top: clamp(21.5px, 11.466666666666667vw, 220.16px);
    padding-bottom: clamp(38px, 20.266666666666666vw, 389.12px);
  }
}

.p-top .ss-stylish .ss-stylish-main .p-section__inner .p-section__title {
  line-height: 0;
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish-main .p-section__inner .p-section__title {
    position: absolute;
    left: clamp(56.5px, 8.272327964860908vw, 158.82869692532944px);
    top: clamp(34px, 4.978038067349927vw, 95.57833089311859px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish-main .p-section__inner .p-section__title {
    margin-inline: unset;
    padding-left: clamp(12px, 6.4vw, 122.88px);
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish-main .p-section__inner .p-section__title .img-wrapper {
    width: clamp(182.835px, 26.769399707174234vw, 513.9724743777452px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish-main .p-section__inner .p-section__title .img-wrapper {
    width: clamp(114.5px, 61.06666666666667vw, 1172.48px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish__main .ss-stylish__main-img {
    margin-bottom: clamp(11px, 1.610541727672035vw, 30.922401171303076px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish__main .ss-stylish__main-img {
    padding-left: clamp(1px, 0.533333333333333vw, 10.24px);
    margin-bottom: clamp(16.5px, 8.799999999999999vw, 168.96px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__inner {
    align-items: flex-start;
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px);
  }
}

.p-top .ss-stylish .ss-stylish__main .m-stylish-box.m-stylish-box--fluid-right {
  margin-right: 0;
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__content {
    padding-left: clamp(57.5px, 8.41874084919473vw, 161.6398243045388px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__content {
    flex: unset;
    margin-bottom: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__title {
    font-size: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
    line-height: 1.4375;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__title {
    font-size: clamp(11px, 5.866666666666666vw, 112.64px);
    line-height: 1.454545454545455;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__title span {
    font-size: clamp(16px, 2.342606149341142vw, 44.97803806734993px);
    line-height: 1.4375;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin-bottom: clamp(16.5px, 2.415812591508053vw, 46.38360175695461px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__title span {
    font-size: clamp(11px, 5.866666666666666vw, 112.64px);
    line-height: 1.454545454545455;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__images {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__images {
    row-gap: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-stylish .ss-stylish__main .m-stylish-box .m-stylish-box__images .el-scale {
    width: clamp(189.5px, 27.74524158125915vw, 532.7086383601757px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .swiper-button-next,
  .p-top .swiper-button-prev {
    border: none;
    width: clamp(14.5px, 7.733333333333333vw, 148.48px);
    height: clamp(14.5px, 7.733333333333333vw, 148.48px);
    background: var(--red-600) url("/car/wagonr/common/arrow-solid-white.svg") no-repeat 42% center;
    background-size: clamp(4px, 2.133333333333333vw, 40.96px) clamp(7px, 3.733333333333334vw, 71.68px);
  }
  .p-top .swiper-button-next {
    right: clamp(-199.68px, -10.4vw, -19.5px) !important;
    background-position: 47% center;
    transform: rotate(180deg) translateY(25%);
  }
  .p-top .swiper-button-prev {
    left: clamp(-199.68px, -10.4vw, -19.5px) !important;
    margin-top: clamp(-81.92px, -4.266666666666667vw, -8px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-car {
    padding-bottom: clamp(30px, 4.392386530014641vw, 84.33382137628112px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-car {
    padding-inline: 0 !important;
    padding-top: 0;
    padding-bottom: clamp(37.5px, 20vw, 384px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .ss-car .p-section__inner {
    width: clamp(496px, 72.62079062957541vw, 1394.3191800878478px);
    margin: 0 auto;
    padding-block: clamp(11.5px, 1.683748169838946vw, 32.32796486090776px) clamp(23.5px, 3.440702781844803vw, 66.0614934114202px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-car .p-section__inner {
    margin-bottom: clamp(12px, 6.4vw, 122.88px);
    padding-inline: clamp(26px, 13.866666666666665vw, 266.24px);
  }
}

.p-top .ss-car .p-section__inner .m-car-text {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-top .ss-car .p-section__inner .m-car-text {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(21.75px, 3.184480234260615vw, 61.142020497803806px);
    padding-left: clamp(11.5px, 1.683748169838946vw, 32.32796486090776px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-car .p-section__inner .m-car-text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(8px, 4.266666666666667vw, 81.92px);
  }
}

.p-top .ss-car .p-section__inner .m-car-group {
  padding: 0;
}

@media screen and (min-width: 751px) {
  .p-top .ss-car .ss-car__button {
    width: clamp(134px, 19.619326500732065vw, 376.69106881405565px);
    margin-inline: auto;
  }
}

@media screen and (max-width: 750px) {
  .p-top .ss-car .ss-car__button {
    padding-inline: clamp(11.5px, 6.133333333333333vw, 117.76px) clamp(12px, 6.4vw, 122.88px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__one {
    margin-bottom: clamp(69.5px, 10.175695461200586vw, 195.37335285505125px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__one {
    margin-bottom: clamp(15px, 8vw, 153.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__one .p-section__inner {
    width: clamp(598.5px, 87.6281112737921vw, 1682.4597364568083px);
    padding-top: clamp(42px, 6.149341142020498vw, 118.06734992679355px);
  }
}

.p-top .p-section.p-section__one .p-section__title {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__one .p-section__title {
    width: clamp(604.5px, 88.50658857979502vw, 1699.3265007320645px);
    padding-left: clamp(11.5px, 1.683748169838946vw, 32.32796486090776px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie {
    padding-bottom: clamp(50px, 7.320644216691069vw, 140.55636896046852px);
    background: linear-gradient(to top, var(--gray-100) 75%, var(--white) 20%);
    scroll-margin-top: 220px;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie {
    padding-bottom: 0;
    background: linear-gradient(to bottom, var(--white) 13%, var(--gray-100) 12%);
    scroll-margin-top: clamp(50px, 26.666666666666668vw, 512px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .p-section__inner {
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
  }
}

.p-top .p-section.p-section__movie .p-section__title {
  line-height: 0;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .p-section__title {
    width: clamp(114.69px, 16.79209370424597vw, 322.40819912152267px);
    margin-bottom: clamp(23px, 3.367496339677892vw, 64.65592972181553px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .p-section__title {
    width: clamp(74.475px, 39.71999999999999vw, 762.6239999999999px);
    margin-bottom: clamp(16.5px, 8.799999999999999vw, 168.96px);
  }
}

.p-top .p-section.p-section__movie .m-modal-item__title {
  color: #b31f24;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .m-modal-item__title {
    font-size: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    line-height: 1.714285714285714;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .m-modal-item__title {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.714285714285714;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.p-top .p-section.p-section__movie .m-modal-item__title span {
  color: var(--gray-900);
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .m-modal-item__title span {
    font-size: clamp(7px, 1.02489019033675vw, 19.677891654465594px);
    line-height: 1.714285714285714;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .m-modal-item__title span {
    font-size: clamp(7px, 3.733333333333334vw, 71.68px);
    line-height: 1.714285714285714;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.p-top .p-section.p-section__movie .m-modal-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .m-modal-list {
    row-gap: clamp(25px, 3.660322108345535vw, 70.27818448023426px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .m-modal-list {
    flex-direction: columns;
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .m-modal-list .list-item {
    width: clamp(184px, 26.939970717423133vw, 517.2474377745242px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .m-modal-list .c-button {
    width: clamp(108px, 57.599999999999994vw, 1105.92px);
    margin: 0 auto;
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .coming-soon {
    height: clamp(166.5px, 24.37774524158126vw, 468.0527086383602px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .coming-soon {
    height: clamp(185.5px, 98.93333333333332vw, 1899.52px);
  }
}

.p-top .p-section.p-section__movie .coming-soon .coming-soon-inner {
  position: relative;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .p-sub-section__title {
    width: clamp(232px, 33.96778916544656vw, 652.1815519765739px);
    margin: clamp(34px, 4.978038067349927vw, 95.57833089311859px) auto;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .p-sub-section__title {
    width: clamp(148px, 78.93333333333334vw, 1515.52px);
    margin: clamp(27.5px, 14.666666666666666vw, 281.6px) auto;
  }
}

.p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box {
    margin: clamp(30px, 4.392386530014641vw, 84.33382137628112px) auto;
    width: clamp(376px, 55.05124450951684vw, 1056.9838945827232px);
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
    padding: clamp(16px, 2.342606149341142vw, 44.97803806734993px) clamp(28px, 4.099560761346998vw, 78.71156661786237px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box {
    margin: clamp(19px, 10.133333333333333vw, 194.56px) auto;
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
    padding: clamp(16px, 8.533333333333333vw, 163.84px) clamp(7.5px, 4vw, 76.8px);
  }
}

.p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-title {
  display: inline-block;
  background-color: var(--red-600);
  color: var(--white);
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-title {
    margin-bottom: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-title {
    margin-bottom: clamp(6.5px, 3.466666666666666vw, 66.56px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-title:not(.image) {
    padding: clamp(3.5px, 0.512445095168375vw, 9.838945827232797px) clamp(5.5px, 0.805270863836018vw, 15.461200585651538px) clamp(4px, 0.585651537335286vw, 11.244509516837482px) clamp(6px, 0.878477306002928vw, 16.866764275256223px);
    font-size: clamp(13px, 1.903367496339678vw, 36.54465592972181px);
    line-height: 1.076923076923077;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-title:not(.image) {
    padding: clamp(3.5px, 1.866666666666667vw, 35.84px) clamp(5.5px, 2.933333333333333vw, 56.32px) clamp(4px, 2.133333333333333vw, 40.96px) clamp(6px, 3.2vw, 61.44px);
    font-size: clamp(11px, 5.866666666666666vw, 112.64px);
    line-height: 1.272727272727273;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-sub-title {
  text-align: center;
  color: var(--red-600);
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-sub-title {
    font-size: clamp(10px, 1.464128843338214vw, 28.111273792093705px);
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(6.5px, 0.951683748169839vw, 18.272327964860906px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-sub-title {
    font-size: clamp(9.5px, 5.066666666666666vw, 97.28px);
    line-height: 1.473684210526316;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: clamp(6.5px, 3.466666666666666vw, 66.56px);
  }
}

.p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-sub-text {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-sub-text {
    font-size: clamp(8px, 1.171303074670571vw, 22.489019033674964px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__movie .coming-soon .coming-soon-inner .coming-soon-box .coming-soon-sub-text {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.625;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.p-top .p-section.p-section__price {
  background-color: #efefef;
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__price {
    padding-block: clamp(47.5px, 25.333333333333336vw, 486.40000000000003px) clamp(40px, 21.333333333333336vw, 409.6px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__price {
    padding-block: 0 clamp(50px, 7.320644216691069vw, 140.55636896046852px);
  }
}

.p-top .p-section.p-section__price .p-section__title {
  line-height: 0;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__price .p-section__title {
    width: clamp(96px, 14.055636896046853vw, 269.86822840409957px);
    margin-bottom: clamp(18.5px, 2.708638360175696vw, 52.00585651537335px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__price .p-section__title {
    width: clamp(62.5px, 33.33333333333333vw, 640px);
    margin-bottom: clamp(14px, 7.466666666666668vw, 143.36px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__inner-no-padding .p-section__inner {
    padding-top: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__two {
    margin-bottom: clamp(30.5px, 4.465592972181552vw, 85.7393850658858px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__two {
    padding-top: clamp(7px, 3.733333333333334vw, 71.68px);
    background-color: var(--gray-100);
    padding-bottom: clamp(28.5px, 15.2vw, 291.84000000000003px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__two .p-section__inner {
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
    padding-top: clamp(49.5px, 7.247437774524158vw, 139.15080527086383px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__two .m-stylish-box--fluid-good-utility {
    margin-bottom: clamp(20.5px, 10.933333333333334vw, 209.92000000000002px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__two .m-stylish-box--fluid-daily-useful {
    margin-bottom: clamp(17.5px, 9.333333333333334vw, 179.20000000000002px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__two .p-section__contents {
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__two .p-section__contents .text {
    font-size: clamp(11px, 5.866666666666666vw, 112.64px);
    line-height: 1.454545454545455;
    letter-spacing: 0.01em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__two .p-section__contents .c-button {
    justify-content: flex-start;
    width: clamp(124px, 66.13333333333333vw, 1269.76px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__two .p-section__contents .c-button .icon.right {
    right: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__three {
    margin-bottom: clamp(40.5px, 5.929721815519766vw, 113.85065885797951px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three {
    padding-top: 0;
    background-color: var(--gray-100);
    padding-bottom: clamp(5.5px, 2.933333333333333vw, 56.32px);
    margin-bottom: clamp(14.5px, 7.733333333333333vw, 148.48px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box .m-stylish-box__inner {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box .m-stylish-box__content {
    flex: unset;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box .m-stylish-box__title {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.6;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin-bottom: 0;
  }
}

.p-top .p-section.p-section__three .m-stylish-box .m-stylish-box__images {
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box.m-stylish-box--fluid-left-content {
    margin-bottom: 6.4vw;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box.m-stylish-box--fluid-left-content .m-stylish-box__content {
    padding-top: clamp(12.5px, 6.666666666666667vw, 128px);
    padding-left: clamp(11.5px, 6.133333333333333vw, 117.76px);
    padding-right: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__three .m-stylish-box.m-stylish-box--fluid-left-content .m-stylish-box__title-image {
    width: clamp(64.2px, 9.399707174231333vw, 180.47437774524158px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box.m-stylish-box--fluid-left-content .m-stylish-box__title-image {
    width: clamp(51.36px, 27.392vw, 525.9264000000001px);
    margin-bottom: clamp(7.5px, 4vw, 76.8px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box.m-stylish-box--fluid-right-content .m-stylish-box__content {
    padding-top: clamp(22.5px, 12vw, 230.4px);
    padding-left: clamp(12px, 6.4vw, 122.88px);
    padding-right: 0;
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__three .m-stylish-box.m-stylish-box--fluid-right-content .m-stylish-box__title-image {
    width: clamp(218.46px, 31.98535871156662vw, 614.118887262079px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__three .m-stylish-box.m-stylish-box--fluid-right-content .m-stylish-box__title-image {
    margin-bottom: clamp(7px, 3.733333333333334vw, 71.68px);
    width: clamp(99.63px, 53.135999999999996vw, 1020.2112px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__four {
    background-color: var(--gray-100);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__four {
    padding-block: 0 clamp(17px, 9.066666666666666vw, 174.08px);
    background: linear-gradient(to bottom, var(--white) 35%, var(--gray-100) 15%);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__inner {
    padding-bottom: clamp(15px, 2.196193265007321vw, 42.16691068814056px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__inner {
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: clamp(4px, 2.133333333333333vw, 40.96px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__content {
    top: clamp(-29.51683748169839px, -1.537335285505125vw, -10.5px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__title-image {
    margin-bottom: clamp(17.5px, 2.562225475841874vw, 49.194729136163986px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__title-image {
    margin: 0 auto;
    width: clamp(165px, 88vw, 1689.6000000000001px);
    margin-bottom: clamp(12.5px, 6.666666666666667vw, 128px);
  }
}

.p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__images {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__images {
    margin-bottom: clamp(12.5px, 6.666666666666667vw, 128px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__title {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__four .m-stylish-box--fluid-history-of-wagon-r .m-stylish-box__title {
    font-size: clamp(8px, 4.266666666666667vw, 81.92px);
    line-height: 1.875;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__accessories {
    margin-bottom: clamp(60px, 8.784773060029282vw, 168.66764275256224px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__accessories {
    margin-bottom: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

.p-top .p-section.p-section__accessories .p-section__inner {
  display: flex;
  padding-top: 0;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__accessories .p-section__inner {
    align-items: center;
    width: clamp(568px, 83.16251830161055vw, 1596.7203513909224px);
    margin-inline: auto;
    column-gap: clamp(31px, 4.538799414348463vw, 87.14494875549049px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__accessories .p-section__inner {
    flex-direction: column;
    row-gap: clamp(16px, 8.533333333333333vw, 163.84px);
  }
}

.p-top .p-section.p-section__accessories .p-section__inner .image {
  overflow: hidden;
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__accessories .p-section__inner .image {
    width: clamp(280px, 40.995607613469986vw, 787.1156661786238px);
    border-radius: clamp(5px, 0.732064421669107vw, 14.055636896046853px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__accessories .p-section__inner .image {
    border-radius: clamp(5px, 2.666666666666667vw, 51.2px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__accessories .p-section__inner .info .title-image {
    width: clamp(120.98px, 17.71303074670571vw, 340.09019033674963px);
    margin-bottom: clamp(9.7px, 1.420204978038067vw, 27.267935578330892px);
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__accessories .p-section__inner .info .title-image {
    width: clamp(96.785px, 51.61866666666667vw, 991.0784px);
    margin-bottom: clamp(7.75px, 4.133333333333333vw, 79.36px);
  }
}

@media screen and (min-width: 751px) {
  .p-top .p-section.p-section__accessories .p-section__inner .info .desc {
    font-size: clamp(12px, 1.756954612005857vw, 33.733528550512446px);
    line-height: 1.416666666666667;
    letter-spacing: 0.01em;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-top .p-section.p-section__accessories .p-section__inner .info .desc {
    font-size: clamp(10px, 5.333333333333334vw, 102.4px);
    line-height: 1.6;
    letter-spacing: 0.01em;
    font-weight: 700;
  }
}