@charset "UTF-8";
@-ms-viewport {
  width: device-width;
  initial-scale: 1;
}
@viewport {
  width: device-width;
  initial-scale: 1;
}
@viewport {
  width: auto;
  initial-scale: 1;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
/* ヘッダー非表示 */
#header-area { display: none; }
#main { margin-top: 0px !important; }

h1 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h2 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h3 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h4 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h5 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h6 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
ul li,
ol li {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
  outline: none;
}
strong,
em {
  font-style: normal;
  font-weight: 400;
}
small {
  font-size: 1em;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
}
svg {
  vertical-align: inherit;
  fill: currentcolor;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit;
  border-radius: 0;
  outline: none;
  appearance: none;
}
button {
  cursor: pointer;
}
address {
  font-style: normal;
}
html {
  width: 100%;
  height: 100%;
  cursor: default;
}
body {
  font-family:
    DINNeuzeitGroteskLTW01-_812429,
    "太ゴB101",
    Futo Go B101,
    Helvetica Neue,
    YuGothic,
    "游ゴシック",
    Hiragino Kaku Gothic ProN,
    "ヒラギノ角ゴシック ProN",
    Meiryo,
    "メイリオ",
    sans-serif;
  letter-spacing: 0.02em;
  color: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #000;
  font-style: normal;
  font-weight: 400;
  box-sizing: border-box;
}
#header-area {
  display: none;
}
#footer {
  display: none;
}
@keyframes grgt-bar {
  0% {
    translate: -100% 0;
  }
  50% {
    translate: 100% 0;
  }
  100% {
    translate: 100% 0;
  }
}
.u-color-red {
  color: #e60012;
}
.c-cv__arrow {
  display: block;
  background-color: #fff;
  aspect-ratio: 12 / 7;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.c-note {
  color: #4a4a4a;
  letter-spacing: 0.08em;
  line-height: 175%;
}
.c-marker {
  display: flex;
}
.c-marker__container {
  position: relative;
}
.c-marker__txt {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.c-marker__txt sup {
  vertical-align: text-top;
}
.c-marker__marker {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  background: #e60012;
}
.c-marker--kv .c-marker__marker {
  transform: skew(-25deg);
}
.p-gryaris-26-04 img {
  width: 100%;
  height: auto;
}
.p-gryaris-26-04__features {
  display: -ms-grid;
  display: grid;
}
.p-gryaris-26-04__price {
  position: relative;
}
.p-gryaris-26-04__price-img {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.p-gryaris-26-04__price-contents {
  z-index: 1;
}
.p-card-bnr {
  position: relative;
}
.p-card-bnr__container {
  position: relative;
  display: -ms-grid;
  display: grid;
  background: #141313;
}
.p-card-bnr__img {
  overflow: hidden;
}
.p-card-bnr__pic {
  display: block;
  transform: scale(1, 1);
  transition: transform 0.25s ease-in-out;
  will-change: transform;
}
.p-card-bnr__container:hover .p-card-bnr__pic {
  transform: scale(1.05, 1.05);
}
.p-card-bnr__txt {
  color: #fff;
  letter-spacing: 0.02em;
  line-height: 160%;
}
.p-card-bnr__link {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e60012;
}
.p-card-bnr__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  aspect-ratio: 1;
  transform-origin: top right;
  translate: -100% 0;
  clip-path: polygon(90% 0, 100% 0, 100% 100%, 0 100%);
  background: #e60012;
}
.p-card-bnr__link-label {
  color: #fff;
  letter-spacing: 0.02em;
  line-height: 150%;
  font-weight: 400;
}
.p-card-bnr__link-arrow {
  display: block;
  background-color: #fff;
  aspect-ratio: 12 / 7;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.p-kv__container {
  position: relative;
}
.p-kv__logo {
  position: absolute;
  z-index: 1;
}
.p-kv__logo img {
  width: 100%;
}
.p-kv__desc {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  position: absolute;
  z-index: 1;
  width: 100%;
}
.p-kv__copy {
  line-height: 100%;
  letter-spacing: 0.02em;
}
.p-statement__txt {
  display: -ms-grid;
  display: grid;
  letter-spacing: 0.06em;
}
.p-feature__hdg {
  display: -ms-grid;
  display: grid;
  align-items: center;
  letter-spacing: 0.06em;
}
.p-feature__img {
  overflow: hidden;
}
.p-feature__copy {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  line-height: 100%;
  letter-spacing: 0.06em;
  margin-top: -0.75em;
}
.p-feature__txt {
  line-height: 175%;
  letter-spacing: 0.06em;
  color: #a3a3a3;
}
.p-cv__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}
.p-floating-cv {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  opacity: 0.5;
  visibility: hidden;
  transform: translate(0, 50%);
  transition:
    transform 0.25s ease-in-out,
    opacity 0.25s ease-in-out,
    visibility 0.25s ease-in-out;
  will-change: opacity visibility transform;
}
.p-floating-cv.is-fixed {
  position: fixed;
  top: unset;
}
.p-floating-cv.is-appear {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.p-floating-cv__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.p-floating-cv .c-cv__container {
  width: 100%;
  margin: 0;
}
.p-bnr__list {
  display: -ms-grid;
  display: grid;
}
.p-bnr__cv {
  position: relative;
}
.p-note__cv {
  position: relative;
}
.p-footer__copyright {
  letter-spacing: 0.02em;
  color: #4a4a4a;
  line-height: 175%;
}
@media screen and (min-width: 769px) {
  html {
    font-size: 62.5%;
  }
  body {
    font-size: min(0.97222vw, 14px);
  }
  .u-dsp-tab {
    display: none;
  }
  .u-dsp-sp {
    display: none !important;
  }
  .c-cv__container {
    height: min(4.16667vw, 60px);
    gap: min(3.54vw, 51px);
  }
  .c-cv__label {
    font-size: min(1.6666vw, 24px);
    letter-spacing: 0.02em;
  }
  .c-cv__arrow {
    width: min(0.69444vw, 10px);
  }
  .c-note {
    font-size: min(0.83333vw, 12px);
  }
  .c-marker--kv .c-marker__txt {
    padding: min(0.48611vw, 7px) min(4.16667vw, 60px) min(0.48611vw, 7px)
      min(5.55556vw, 80px);
  }
  .c-marker--feature .c-marker__txt {
    padding: min(0.69444vw, 10px);
  }
  .c-marker__txt sup {
    font-size: min(0.97222vw, 14px);
  }
  .p-gryaris-26-04__statement {
    margin-top: min(6.94444vw, 100px);
  }
  .p-gryaris-26-04__features {
    margin-top: min(10.41667vw, 150px);
    gap: min(10.41667vw, 150px);
  }
  .p-gryaris-26-04__bnr {
    margin-top: min(10.41667vw, 150px);
  }
  .p-gryaris-26-04__notes {
    margin-top: min(17.36111vw, 250px);
  }
  .p-gryaris-26-04__footer {
    padding-top: min(5.55556vw, 80px);
    padding-bottom: min(6.94444vw, 100px);
  }
  .p-card-bnr__container {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  .p-card-bnr__img {
    aspect-ratio: 670 / 400;
  }
  .p-card-bnr__desc {
    padding: 0 min(4.16667vw, 60px);
  }
  .p-card-bnr__txt {
    font-size: min(1.94444vw, 28px);
  }
  .p-card-bnr__link {
    gap: min(2.08333vw, 30px);
    height: min(4.16667vw, 60px);
    padding: 0 min(2.08333vw, 30px) 0 min(1.73611vw, 25px);
  }
  .p-card-bnr__link:before {
    width: min(4.16667vw, 60px);
  }
  .p-card-bnr__link-label {
    font-size: min(1.11111vw, 16px);
  }
  .p-card-bnr__link-arrow {
    width: min(0.69444vw, 10px);
  }
  .p-kv{
    padding-top: min(1.875vw,27px);
  }
  .p-kv__label {
    display: inline-block;
    margin: 0 min(3.47222vw, 50px) min(1.975vw,27px);
    padding: 0 min(1.805vw,26px);
    background: #e60011;
    color: #ffffff;
    font-weight: 500;
    font-size: min(2.222vw,32px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  }
  .p-kv__logo {
    width: min(11.80556vw, 170px);
    top: min(2.08333vw, 30px);
    right: min(2.08333vw, 30px);
  }
  .p-kv__hdg-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: min(5.2vw,75px) 0 min(4.3vw,62px);
    background: url(../images/kv_pc.jpg) no-repeat center center / cover;
  }
  .p-kv__hdg {
    margin: 0 min(5.763vw,83px) 0 min(3.47222vw, 50px);
    font-weight: 500;
    line-height: 1;
  }
  .p-kv__hdg-name {
    display: block;
    margin: 0 0 min(2.08vw,30px);
    font-size: min(4.166vw,60px);
    letter-spacing: .02em;
  }
  .p-kv__hdg-price {
    font-size: min(1.944vw,28px);
    letter-spacing: .02em;
  }
  .p-kv__hdg-price-num {
    font-weight: bold;
    font-size: min(3.4vw,49px);
    letter-spacing: .02em;
  }
  .p-kv__hdg-price-num .big {
    font-size: min(12.15vw,175px);
    letter-spacing: -.04em;
  }
  .p-kv__hdg-price-num .middle {
    font-size: min(6.111vw,88px);
  }
  .p-kv__hdg-car {
    width: min(45vw,648px);
  }
  .p-kv__note {
    margin: min(1.666vw,24px) 0 min(3.333vw,48px) min(3.47222vw, 50px);
    color: #4a4a4a;
    font-weight: 500;
    font-size: min(0.83333vw,12px);
    letter-spacing: .08em;
    line-height: 1.75;
  }
  .p-kv__desc {
    bottom: min(1.38889vw, 20px);
  }
  .p-kv__copy {
    margin-left: min(-1.38889vw, -20px);
    font-size: min(3.88889vw, 56px);
  }
  .p-gryaris-26-04__price{
    padding: min(16.666vw,240px) 0 0;
  }
  .p-price{
    padding: min(5.06vw,73px) min(3.47222vw, 50px) min(3.125vw,45px);
    background: url(../images/price_pc.jpg) no-repeat center center / cover;
  }
  .p-price__list{
    position: relative;
    width: min(32.43vw,467px);
    padding: min(2.7777vw,40px) min(2.7777vw,40px) min(5.55556vw,80px);
    background: #201e1e;
  }
  .p-price__list::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: min(12.5vw,180px);
    height: 2px;
    background: #e60011;
  }
  .p-price__item{
    margin: 0 0 min(2.777vw,40px);
    padding: 0 0 min(2.777vw,40px);
    border-bottom: 1px solid #ffffff;
  }
  .p-price__item:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
  .p-price__item-name{
    margin: 0 0 min(.69vw,10px);
    font-weight: bold;
    font-size: min(1.52vw,22px);
    letter-spacing: .02em;
  }
  .p-price__item-name .dot{
    color: #e60011;
    font-size: min(1vw,14.4px);
    vertical-align: super;
  }
  .p-price__item-label{
    margin: 0 0 min(1.04vw,15px);
    font-size: min(1.111vw,16px);
    letter-spacing: .02em;
  }
  .p-price__item-price{
    font-weight: 500;
    font-size: min(1.38vw,20px);
    letter-spacing: .02em;
  }
  .p-price__item-price .num{
    margin: 0 min(.34vw,5px);
    font-size: min(3.333vw,48px);
  }
  .p-price__note{
    width: fit-content;
    margin: min(1.25vw,18px) 0 0 auto;
    font-weight: 500;
    font-size: min(.972vw,14px);
    letter-spacing: .02em;
  }
  .p-price__note02{
    color: #4a4a4a;
    margin: min(3.4722vw,50px) 0 0;
    padding-left: min(3.47222vw, 50px);
    padding-right: min(3.47222vw, 50px);
    font-size: min(.8333vw,12px);
    letter-spacing: .08em;
    line-height: 1.75;
  }
  .p-price__note02 .dot{
    color: #e60011;
  }
  .c-cv__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e60012;
    transition: background 0.2s ease-in-out;
    will-change: background;
    margin: 0 min(3.47222vw, 50px);
  }
  .c-cv__container02 {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: min(19.02vw,274px);
      height: min(4.1666vw,60px);
      margin: min(2.0833vw,30px) auto;
      padding: 0 0 0 min(6.5277vw,94px);
      border: 1px solid #ffffff;
      gap: min(4.097vw,59px);
  }
  .c-cv__label {
    line-height: 120%;
    font-weight: 900;
    color: #fff;
    text-align: center;
  }
  .c-cv__container02 .c-cv__label {
    font-size: min(1.041vw,15px);
  }
  .p-cta{
    padding: min(6.944vw,100px) 0 0;
  }
  .p-cta__txt{
    margin: 0 0 min(2.08vw,30px);
    font-weight: 500;
    font-size: min(1.111vw,16px);
    text-align: center;
  }
  .p-comparison{
    padding: min(10.41vw,150px) min(3.47222vw, 50px) 0;
    position: relative;
    overflow: hidden;
  }
  .p-comparison__ttl{
    margin: 0 0 min(3.472vw,50px);
    font-weight: 500;
    font-size: min(2.08vw,30px);
    letter-spacing: .06em;
  }
  .p-comparison__container {
    position: relative;
    z-index: 1;
  }
  .p-comparison__table {
    display: grid;
    grid-template-columns: 0.226fr 0.258fr 0.258fr 0.258fr;
    width: 100%;
    margin: 0 auto;
    background: url(../images/comparison_pc.jpg) no-repeat center center / cover;
  }
  .p-comparison__blank,
  .p-comparison__head,
  .p-comparison__label,
  .p-comparison__item {
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .p-comparison__head,
  .p-comparison__item {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }
  .p-comparison__blank,
  .p-comparison__head {
    height: min(6.944vw,100px);
  }
  .p-comparison__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
  }
  .p-comparison__grade {
    color: #e60011;
    font-size: min(0.972vw,14px);
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
  }
  .p-comparison__label,
  .p-comparison__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(6.944vw,100px);
    text-align: center;
  }
  .p-comparison__label {
    color: #fff;
    font-size: min(0.972vw,14px);
    font-weight: 500;
    line-height: 1.75;
  }
  .p-comparison__item {
    background: rgba(255, 255, 255, 0.1);
    color: #a3a3a3;
    font-size: min(0.972vw,14px);
    font-weight: 500;
    line-height: 1.75;
  }
  .p-comparison__circle {
    display: block;
    width: min(0.972vw,14px);
    height: min(0.972vw,14px);
    border-radius: 50%;
    background: #aaa;
  }
  .p-comparison__note{
    margin: min(3.4722vw,50px) 0 0;
    color: #4a4a4a;
    font-size: min(.8333vw,12px);
    letter-spacing: .08em;
    line-height: 1.75;
  }
  .p-comparison__note .dot{
    color: #e60011;
  }
  .p-performance{
    padding: min(10.41vw,150px) min(3.4722vw,50px) 0;
  }
  .p-performance__ttl{
    margin: 0 0 min(6.9444vw,100px);
    font-weight: 500;
    font-size: min(2.08vw,30px);
    letter-spacing: .06em;
  }
  .p-performance__item{
    display: grid;
    justify-content: flex-start;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: min(3.47222vw,50px);
    margin: 0 0 min(5.555vw,80px);
  }
  .p-performance__item:last-child{
    margin: 0;
  }
  .p-performance__item-ttl{
    position: relative;
    margin: 0 0 min(2.5vw,36px);
    font-weight: 500;
    font-size: min(1.73611vw,25px);
    letter-spacing: .06em;
  }
  .p-performance__item-ttl::before{
    content: '';
    position: absolute;
    top: min(-1.388vw,-20px);
    left: 0;
    width: min(6.944vw,100px);
    height: 1px;
    background: #e60011;
  }
  .p-performance__item-txt{
    color: #a3a3a3;
    font-size: min(1.1111vw,16px);
    letter-spacing: .06em;
    line-height: 1.75;
  }

  .p-statement {
    padding-left: min(3.47222vw, 50px);
    padding-right: min(3.47222vw, 50px);
  }
  .p-statement__inner {
    width: min(93.05556vw, 1340px);
    margin-right: auto;
    margin-left: auto;
  }
  .p-statement__inner--large {
    width: min(108.33333vw, 1560px);
  }
  .p-statement__txt {
    gap: 3em;
    line-height: 300%;
    font-size: min(1.11111vw, 16px);
  }
  .p-feature {
    padding-left: min(3.47222vw, 50px);
    padding-right: min(3.47222vw, 50px);
  }
  .p-feature__inner {
    width: min(93.05556vw, 1340px);
    margin-right: auto;
    margin-left: auto;
  }
  .p-feature__inner--large {
    width: min(108.33333vw, 1560px);
  }
  .p-feature__ttl{
    margin: 0 0 min(6.59vw,95px);
    font-weight: 500;
    font-size: min(2.5vw,36px);
    letter-spacing: .06em;
  }
  .p-feature__hdg {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: min(2.22222vw, 32px);
    line-height: 150%;
    font-size: min(1.94444vw, 28px);
  }
  .p-feature__hdg sup {
    font-size: min(0.97222vw, 14px);
  }
  .p-feature__img {
    margin-top: min(3.47222vw, 50px);
  }
  .p-feature__copy {
    gap: min(1.04167vw, 15px);
    font-size: min(1.73611vw, 25px);
  }
  .p-feature__txt {
    margin-top: min(3.47222vw, 50px);
    font-size: min(1.11111vw, 16px);
  }
  .p-feature__note {
    margin-top: min(1.38889vw, 20px);
  }
  .p-cv__list {
    gap: min(0.69444vw, 10px);
  }
  .p-floating-cv.is-fixed {
    left: min(3.47222vw, 50px);
    bottom: min(0.69444vw, 10px);
    width: calc(100% - min(6.94444vw, 100px));
  }
  .p-floating-cv__list {
    gap: min(0.69444vw, 10px);
  }
  .p-price {
    padding-left: min(3.47222vw, 50px);
    padding-right: min(3.47222vw, 50px);
  }
  .p-price__inner {
    width: min(93.05556vw, 1340px);
    margin-right: auto;
    margin-left: auto;
  }
  .p-price__inner--large {
    width: min(108.33333vw, 1560px);
  }
  .p-price__desc {
    position: absolute;
    top: min(5.20833vw, 75px);
    left: min(3.47222vw, 50px);
    width: min(27.08333vw, 390px);
    gap: min(3.47222vw, 50px);
  }
  .p-price__hdg {
    font-size: min(1.38889vw, 20px);
    line-height: 100%;
  }
  .p-price__list {
    gap: min(2.77778vw, 40px);
  }
  .p-price__cv {
    position: absolute;
    bottom: min(5.20833vw, 75px);
    left: min(3.47222vw, 50px);
    width: calc(100% - min(6.94444vw, 100px));
    height: min(4.16667vw, 60px);
  }
  .p-bnr {
    padding-left: min(3.47222vw, 50px);
    padding-right: min(3.47222vw, 50px);
  }
  .p-bnr__inner {
    width: min(93.05556vw, 1340px);
    margin-right: auto;
    margin-left: auto;
  }
  .p-bnr__inner--large {
    width: min(108.33333vw, 1560px);
  }
  .p-bnr__list {
    gap: min(3.47222vw, 50px);
  }
  .p-bnr__cv {
    margin-top: min(6.94444vw, 100px);
  }
  .p-note {
    padding-left: min(3.47222vw, 50px);
    padding-right: min(3.47222vw, 50px);
  }
  .p-note__inner {
    width: min(93.05556vw, 1340px);
    margin-right: auto;
    margin-left: auto;
  }
  .p-note__inner--large {
    width: min(108.33333vw, 1560px);
  }
  .p-note__cv {
    margin-top: min(3.47222vw, 50px);
    width: calc(100% - min(6.94444vw, 100px));
    height: min(4.86111vw, 70px);
  }
  .p-footer {
    padding-left: min(3.47222vw, 50px);
    padding-right: min(3.47222vw, 50px);
  }
  .p-footer__inner {
    width: min(93.05556vw, 1340px);
    margin-right: auto;
    margin-left: auto;
  }
  .p-footer__inner--large {
    width: min(108.33333vw, 1560px);
  }
  .p-footer__copyright {
    font-size: min(0.83333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.5641vw;
  }
  body {
    font-size: 3.58974vw;
  }
  .u-dsp-pc {
    display: none !important;
  }
  .c-cv__container {
    height: 15.36vw;
    gap: 6.528vw;
  }
  .c-cv__label {
    font-size: 5.12vw;
    letter-spacing: 0;
  }
  .c-cv__arrow {
    width: 2.05128vw;
  }
  .c-note {
    font-size: 3.07692vw;
  }
  .c-marker__txt {
    font-feature-settings: "palt";
  }
  .c-marker--kv .c-marker__txt {
    padding: 1.28205vw 7.17949vw 1.28205vw 4.10256vw;
  }
  .c-marker--feature .c-marker__txt {
    padding: 1.28205vw;
  }
  .c-marker__txt sup {
    font-size: 2.5641vw;
  }
  .p-gryaris-26-04__statement {
    margin-top: 19.23077vw;
  }
  .p-gryaris-26-04__features {
    margin-top: 19.23077vw;
    gap: 19.23077vw;
  }
  .p-gryaris-26-04__bnr {
    margin-top: 19.23077vw;
  }
  .p-gryaris-26-04__notes {
    margin-top: 38.46154vw;
  }
  .p-gryaris-26-04__footer {
    padding-top: 19.23077vw;
    padding-bottom: 6.41026vw;
  }
  .p-card-bnr__img {
    aspect-ratio: 350 / 208;
  }
  .p-card-bnr__desc {
    padding: 6.15385vw 5.12821vw 15.38462vw;
  }
  .p-card-bnr__txt {
    font-size: 4.61538vw;
  }
  .p-card-bnr__link {
    gap: 5.12821vw;
    height: 10.25641vw;
    padding: 0 5.12821vw 0 3.84615vw;
  }
  .p-card-bnr__link:before {
    width: 10.25641vw;
  }
  .p-card-bnr__link-label {
    font-size: 3.07692vw;
  }
  .p-card-bnr__link-arrow {
    width: 2.05128vw;
  }
  .p-kv{
    padding-top: 6.4vw;
  }
  .p-kv__label {
    display: inline-block;
    margin: 0 0 2.944vw;
    padding: 0 4.224vw 0 2.304vw;
    background: #e60011;
    color: #ffffff;
    font-weight: 500;
    font-size: 4.096vw;
    clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  }
  .p-kv__logo {
    width: 25.216vw;
    top: 7.424vw;
    right: 5.12vw;
  }
  .p-kv__hdg-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 6.272vw 0 8.448vw;
    background: url(../images/kv_sp.jpg) no-repeat center center / cover;
  }
  .p-kv__hdg {
    margin: 0 0 16.64vw 5.12821vw;
    font-weight: 500;
    line-height: 1;
  }
  .p-kv__hdg-name {
    display: block;
    margin: 0 0 3vw;
    font-size: 10.1952vw;
    letter-spacing: .02em;
  }
  .p-kv__hdg-price {
    display: block;
    font-size: 3.584vw;
    letter-spacing: .02em;
  }
  .p-kv__hdg-price-num {
    font-weight: bold;
    font-size: 6.93vw;
    letter-spacing: .02em;
  }
  .p-kv__hdg-price-num .big {
    font-size: 23.123vw;
    letter-spacing: -.04em;
  }
  .p-kv__hdg-price-num .middle {
    font-size: 11.98vw;
  }
  .p-kv__hdg-car {
    width: 74.88vw;
    margin: 0 auto;
  }
  .p-kv__note {
    margin: 4.224vw 0 6.144vw;
    padding-left: 5.12821vw;
    padding-right: 5.12821vw;
    color: #4a4a4a;
    font-weight: 500;
    font-size: 2.816vw;
    letter-spacing: .08em;
    line-height: 1.75;
  }
  .p-kv__desc {
    bottom: min(1.38889vw, 20px);
  }
  .p-kv__copy {
    margin-left: min(-1.38889vw, -20px);
    font-size: min(3.88889vw, 56px);
  }
  .p-gryaris-26-04__price{
    padding: 18.432vw 5.12821vw 0;
  }
  .p-price__list{
    padding: 8.192vw 4.48vw 11vw;
    background: #201e1e;
  }
  .p-price__item{
    margin: 0 0 7.296vw;
    padding: 0 0 7.296vw;
    border-bottom: 1px solid #ffffff;
  }
  .p-price__item:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
  .p-price__item-name{
    margin: 0 0 3.072vw;
    font-weight: bold;
    font-size: 3.968vw;
    letter-spacing: .02em;
  }
  .p-price__item-name .dot{
    color: #e60011;
    font-size: 3.2vw;
    vertical-align: super;
  }
  .p-price__item-label{
    margin: 0 0 3.84vw;
    font-size: 3.456vw;
    letter-spacing: .02em;
    line-height: 1;
  }
  .p-price__item-price{
    font-weight: 500;
    font-size: 3.456vw;
    letter-spacing: .02em;
    line-height: 1;
  }
  .p-price__item-price .num{
    margin: 0 .64vw 0 0;
    font-size: 9.856vw;
  }
  .p-price__note{
    position: absolute;
    top: 69.888vw;
    left: 9.856vw;
    width: 68.736vw;
    font-weight: 500;
    font-size: 2.816vw;
    letter-spacing: .02em;
  }
  .p-price__note02{
    color: #4a4a4a;
    margin: 6.144vw 0 0;
    font-size: 2.816vw;
    letter-spacing: .08em;
    line-height: 1.75;
  }
  .p-price__note02 .dot{
    color: #e60011;
  }
  .c-cv__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e60012;
    transition: background 0.2s ease-in-out;
    will-change: background;
    margin: 0 5.12821vw;
  }
  .c-cv__container02 {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 56.32vw;
      height: 12.8vw;
      margin: 6.4vw auto;
      padding: 0 0 0 16.768vw;
      border: 1px solid #ffffff;
      gap: 10.24vw;
  }
  .c-cv__label {
    line-height: 120%;
    font-weight: 900;
    color: #fff;
    text-align: center;
  }
  .c-cv__container02 .c-cv__label {
      font-size: 3.84vw;
  }
  .p-cta{
    padding: 11vw 0 0;
  }
  .p-cta__txt{
    margin: 0 0 5.12vw;
    font-weight: 500;
    font-size: 3.584vw;
    text-align: center;
    line-height: 1.4;
  }
  .p-cta__txt.diff {
    font-size: 4.325vw;
  }
  .p-gryaris-26-04__comparison{
    overflow: visible;
  }
  .p-comparison{
    position: relative;
    overflow: hidden;
    padding: 18.432vw 5.12821vw 0;
  }
  .p-comparison__ttl{
    margin: 0 0 11vw;
    font-weight: 500;
    font-size: 5.888vw;
    letter-spacing: .06em;
  }
  .p-comparison__container {
    position: relative;
    z-index: 1;
    background: url(../images/comparison_pc.jpg) no-repeat center center / cover;
  }
  .p-comparison__tbl-bar {
    display: -ms-grid;
    display: grid;
    align-items: center;
    -ms-grid-columns: 23.68vw 1fr;
    grid-template-columns: 23.68vw 1fr;
    position: absolute;
    top: -8vw;
    left: 0;
    z-index: 3;
    width: 100%;
  }
  .p-comparison__tbl-bar-label {
    line-height: 150%;
    letter-spacing: 0.06em;
    font-size: 3.33333vw;
    color: #fff;
  }
  .p-comparison__tbl-bar-track {
    position: relative;
    min-width: 0;
    width: 100%;
    height: 1px;
    background: #4a4a4a;
    overflow: hidden;
  }
  .p-comparison__tbl-bar-line {
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    animation-name: grgt-bar;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .p-comparison__tbl-mask {
    position: relative;
    z-index: 1;
    clip-path: polygon(23.68vw 0, 100% 0, 100% 100%, 23.68vw 100%);
  }
  .p-comparison__table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 10.25641vw;
  }
  .p-comparison__table-wrap::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .p-comparison__tbl-static {
    position: absolute;
    top: 0;
    left: 0;
    width: 23.68vw;
    height: calc(100% - 10.25641vw);
    z-index: 2;
    pointer-events: none;
  }
  .p-comparison__table {
    display: grid;
    grid-template-columns: 23.68vw 27.648vw 27.648vw 27.648vw;
    width: 106.624vw;
    background: none;
  }
  .p-comparison__table--static {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .p-comparison__tbl-mask .p-comparison__blank,
  .p-comparison__tbl-mask .p-comparison__label {
    opacity: 0;
  }
  .p-comparison__blank,
  .p-comparison__head,
  .p-comparison__label,
  .p-comparison__item {
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .p-comparison__head,
  .p-comparison__item {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }
  .p-comparison__blank,
  .p-comparison__head {
    height: 13.2vw;
  }
  .p-comparison__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
  }
  .p-comparison__grade {
    color: #e60011;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }
  .p-comparison__grade .mini{
    font-size: 2.5vw;
  }
  .p-comparison__label,
  .p-comparison__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 23.04vw;
    text-align: center;
  }
  .p-comparison__label {
    color: #fff;
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 1.75;
  }
  .p-comparison__item {
    background: rgba(255, 255, 255, 0.1);
    color: #a3a3a3;
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 1.75;
  }
  .p-comparison__circle {
    display: block;
    width: 2.944vw;
    height: 2.944vw;
    border-radius: 50%;
    background: #aaa;
  }
  .p-comparison__note{
    margin: 6.4vw 0 0;
    color: #4a4a4a;
    font-size: 2.816vw;
    letter-spacing: .08em;
    line-height: 1.75;
  }
  .p-comparison__note .dot{
    color: #e60011;
  }
  .p-performance{
    padding: 17.92vw 5.12821vw 0;
  }
  .p-performance__ttl{
    margin: 0 0 15.36vw;
    font-weight: 500;
    font-size: 5.888vw;
    letter-spacing: .06em;
    line-height: 1.75;
  }
  .p-performance__item{
    margin: 0 0 15.744vw;
  }
  .p-performance__item:last-child{
    margin: 0;
  }
  .p-performance__item-img{
    margin: 0 0 6.144vw;
  }
  .p-performance__item-ttl{
    position: relative;
    margin: 0 0 6.144vw;
    font-weight: 500;
    font-size: 4.352vw;
    letter-spacing: .02em;
  }
  .p-performance__item-ttl::before{
    content: '';
    position: absolute;
    top: -4.06vw;
    left: -5.12vw;
    width: 14.72vw;
    height: 1px;
    background: #e60011;
  }
  .p-performance__item-txt{
    color: #a3a3a3;
    font-size: 2.944vw;
    letter-spacing: .06em;
    line-height: 1.75;
  }

  .p-statement {
    padding-left: 5.12821vw;
    padding-right: 5.12821vw;
  }
  .p-statement__txt {
    gap: 2.5em;
    line-height: 250%;
    font-size: 3.58974vw;
  }
  .p-feature {
    padding-left: 5.12821vw;
    padding-right: 5.12821vw;
  }
  .p-feature__ttl{
    margin: 0 0 14.72vw;
    font-size: 7.68vw;
    line-height: 1.4;
  }
  .p-feature__hdg {
    gap: min(0.83333vw, 12px);
    line-height: 175%;
    font-size: 6.15385vw;
  }
  .p-feature__hdg sup {
    font-size: 2.5641vw;
  }
  .p-feature__img {
    margin-top: 7.69231vw;
  }
  .p-feature__copy {
    gap: 1.79487vw;
    font-size: 4.10256vw;
  }
  .p-feature__txt {
    margin-top: 6.41026vw;
    font-size: 3.07692vw;
  }
  .p-feature__note {
    margin-top: min(0.69444vw, 10px);
  }
  .p-cv__list {
    gap: 1.28205vw;
  }
  .p-floating-cv.is-fixed {
    left: 5.12821vw;
    bottom: 1.28205vw;
    width: calc(100% - 10.25641vw);
  }
  .p-floating-cv__list {
    gap: 1.28205vw;
  }
  .p-bnr {
    padding-left: 5.12821vw;
    padding-right: 5.12821vw;
  }
  .p-bnr__list {
    gap: 12.82051vw;
  }
  .p-bnr__cv {
    margin-top: 19.23077vw;
  }
  .p-note {
    padding-left: 5.12821vw;
    padding-right: 5.12821vw;
  }
  .p-note__cv {
    margin-top: 12.82051vw;
    height: 14.10256vw;
    width: 100%;
  }
  .p-footer {
    padding-left: 5.12821vw;
    padding-right: 5.12821vw;
  }
  .p-footer__copyright {
    font-size: 3.33333vw;
  }
}
@media (hover: hover) {
  .c-cv__container:hover {
    background: #b6091a;
  }
}

@media screen and (min-width: 1600px){
  .p-kv__hdg-container{
    justify-content: center;
  }
}