@charset "UTF-8";

@media (max-width: 900px) {
  :root {
    --base-line-height: 1.8;
  }

  html {
    font-size: 62.5%;
  }

  body {
    font-size: 1.4rem;
  }

  .c-button {
    font-size: 1.6rem;
  }

  .c-button {
    width: min(100%, 28rem);
  }

  .c-heading__en {
    font-size: 1.6rem;
  }

  .c-heading__ja {
    font-size: 2.6rem;
  }

  .c-link__arrow {
    width: 4.8rem;
  }

  .l-cards {
    gap: 3rem;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  }

  .l-inner {
    padding: 0 1.6rem;
  }

  .l-section {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }

  .p-contact {
    padding: 7.6rem 0 7.4rem;
  }

  .p-contact__contents {
    -ms-grid-columns: minmax(0, 1fr) 32rem;
    grid-template-columns: minmax(0, 1fr) 32rem;
  }

  .p-contact__button {
    padding: 1.6rem 2rem 1.6rem 2.4rem;
  }

  .p-contact__button-text {
    font-size: 1.6rem;
  }

  .p-contact__button-arrow {
    width: 4rem;
  }

  .p-contact__tel-content {
    margin-top: 2rem;
  }

  .p-contact__tel {
    font-size: 2.4rem;
  }

  .p-cta__contents-title {
    font-size: 1.8rem;
  }

  .p-cta__box {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2rem;
    padding: 2.4rem 2rem;
  }

  .p-cta__content:first-of-type {
    padding-bottom: 2.4rem;
    position: relative;
    z-index: 1;
  }

  .p-cta__content:first-of-type::before {
    bottom: 0;
    height: 1px;
    left: 2.4rem;
    right: 2.4rem;
    top: auto;
    translate: none;
    width: auto;
  }

  .p-cta__content:last-of-type {
    padding-top: 2rem;
  }

  .p-cta__box-title {
    font-size: 1.8rem;
  }

  .p-cta__number {
    font-size: 2.8rem;
  }

  .p-cta__contents02 {
    margin-top: 4rem;
  }

  .p-cta__form-container {
    margin-top: 2rem;
  }

  .p-cta__attention-text {
    margin-top: 4rem;
  }

  .p-detail__title {
    font-size: 1.8rem;
  }

  .p-detail__texts {
    margin-top: 2.4rem;
  }

  .p-detail__text:nth-of-type(n + 2) {
    margin-top: 2rem;
  }

  .p-detail__image {
    margin-top: 3.6rem;
  }

  .p-detail__navigation {
    gap: 4rem;
    margin-top: 5rem;
  }

  .p-detail__link {
    width: 4rem;
  }

  .p-detail__button {
    padding: 1.2rem 4rem;
  }

  .p-detail__icon {
    right: 2rem;
  }

  .p-each__top-contents {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .p-each__list {
    gap: 4.8rem 3.2rem;
    grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
    margin-top: 4rem;
  }

  .p-each__item-heading {
    font-size: 1.8rem;
  }

  .p-each__item-heading {
    margin-top: 1.6rem;
  }

  .p-each__dl-content {
    -ms-grid-columns: 6rem minmax(0, 1fr);
    grid-template-columns: 6rem minmax(0, 1fr);
  }

  .p-features__top-text {
    margin-top: 3.2rem;
  }

  .p-features__contents {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    margin-left: 0;
    margin-top: 6rem;
  }

  .p-features__image-container {
    display: none;
  }

  .p-features__sp-image {
    display: block;
    margin-top: 4rem;
  }

  .p-features__container {
    padding-top: 0;
  }

  .p-features__content {
    gap: 2.4rem;
  }

  .p-features__content:not(:last-of-type) {
    padding-bottom: 5rem;
  }

  .p-features__number {
    font-size: 1.8rem;
  }

  .p-features__number {
    width: 6rem;
  }

  .p-features__middle-heading {
    font-size: 2rem;
  }

  .p-features__text-content {
    margin-top: 2.8rem;
  }

  .p-features__text:nth-of-type(n + 2) {
    margin-top: 2rem;
  }

  .p-features__bar01,
  .p-features__bar02 {
    left: 3rem;
    top: 6rem;
  }

  .p-feedback {
    padding-bottom: 10rem;
    padding-top: 10rem;
  }

  .p-feedback__text {
    margin-top: 4rem;
  }

  .p-feedback__button-content {
    margin-top: 6rem;
  }

  .p-footer__area02 {
    padding: 5rem 0 4rem;
  }

  .p-footer__logo {
    width: 12rem;
  }

  .p-footer__company-name {
    font-size: 1.8rem;
  }

  .p-footer__company-info {
    margin-top: 1.2rem;
  }

  .p-footer__area03 {
    padding: 1.2rem 0;
  }

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

  .p-footer__copyright small {
    font-size: 1.2rem;
  }

  .p-form__content {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 1.2rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 2rem 1.2rem;
  }

  .p-form__term > label,
  .p-form__term > p {
    -ms-grid-columns: (-webkit-max-content) [2];
    -ms-grid-columns: (max-content) [2];
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
  }

  .p-form__term:not(:has(p)) {
    margin-top: 0;
  }

  .p-form__description {
    font-size: 1.6rem;
  }

  .p-form__button-content {
    margin-top: 4rem;
  }

  .p-header {
    height: 6rem;
  }

  .p-header__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .p-header__logo-link {
    gap: 1.2rem;
  }

  .p-header__logo {
    width: 6.8rem;
  }

  .p-header__company-name {
    font-size: 1.6rem;
  }

  .p-history__contents {
    margin-top: 4rem;
  }

  .p-history__dl-content {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 1.6rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.6rem 2rem;
  }

  .p-innovate__contents {
    gap: 2.4rem;
    margin-top: 4rem;
  }

  .p-innovate__slider .p-innovate__slide-image img {
    aspect-ratio: 1;
  }

  .p-innovate__content {
    padding-top: 0;
  }

  .p-innovate__middle-heading {
    font-size: 1.8rem;
  }

  .p-innovate__texts {
    margin-top: 1.6rem;
  }

  .p-innovate__text:nth-of-type(n + 2) {
    margin-top: 2.4rem;
  }

  .p-introduction {
    padding-top: 8rem;
  }

  .p-introduction__top-area {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 3.2rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .p-introduction__title {
    font-size: 2.2rem;
  }

  .p-introduction__title {
    padding-bottom: 0;
    position: static;
  }

  .p-introduction__texts {
    font-size: 1.6rem;
  }

  .p-introduction__text:nth-of-type(n + 2) {
    margin-top: 2.4rem;
  }

  .p-introduction__logo-container {
    width: 80vw;
  }

  .p-introduction__image-list {
    -ms-grid-columns: 1fr 1.6rem clamp(20rem, 2.3529411765rem + 47.0588235294vw, 40rem) 1.6rem 1fr;
    gap: 1.6rem;
    grid-template-columns: 1fr clamp(20rem, 2.3529411765rem + 47.0588235294vw, 40rem) 1fr;
  }

  .p-message {
    padding-top: 7rem;
  }

  .p-message__container {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 4rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .p-message__left-content {
    position: static;
  }

  .p-message__heading-sub {
    font-size: 1.8rem;
  }

  .p-message__heading {
    font-size: 2.2rem;
  }

  .p-message__image {
    margin-top: 3.2rem;
  }

  .p-message__image img {
    aspect-ratio: 2/1;
    min-height: 30rem;
  }

  .p-message__right-content {
    padding-top: 0;
  }

  .p-message__text:nth-of-type(n + 2) {
    margin-top: 2rem;
  }

  .p-message__name-content {
    margin-top: 3.2rem;
  }

  .p-message__name-first-line {
    font-size: 1.6rem;
  }

  .p-message__scroll-image-container {
    margin-top: 5rem;
  }

  .p-modal__container {
    width: min(80rem, 100% - 3.2rem);
  }

  .p-modal__title {
    font-size: 1.6rem;
  }

  .p-modal__nav-button .fas {
    font-size: 1.8rem;
  }

  .p-modal__close {
    width: 2.6rem;
  }

  .p-modal__close .fas {
    font-size: 1.8rem;
  }

  .p-mv {
    height: 100svh;
  }

  .p-mv__texts {
    margin-left: 5.33vw;
    padding-bottom: 10vh;
    padding-top: 25vh;
  }

  .p-mv__title {
    font-size: clamp(2.4rem, 1.2571428571rem + 3.0476190476vw, 4rem);
  }

  .p-mv__en-text {
    font-size: clamp(1.4rem, 1.1142857143rem + 0.7619047619vw, 1.8rem);
    margin-top: 1.2rem;
  }

  .p-mv__image img {
    -o-object-position: 60% 30%;
    object-position: 60% 30%;
  }

  .p-news__link {
    -ms-grid-columns: 12rem 2.4rem minmax(0, 1fr) 2.4rem -webkit-max-content;
    -ms-grid-columns: 12rem 2.4rem minmax(0, 1fr) 2.4rem max-content;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    grid-template-columns: 12rem minmax(0, 1fr) -webkit-max-content;
    grid-template-columns: 12rem minmax(0, 1fr) max-content;
    padding: 2rem 2rem 2rem 1.6rem;
  }

  .p-news__pager {
    margin-top: 4.8rem;
  }

  .p-other__list {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3.4rem;
  }

  .p-other__link {
    padding: 3.4rem 2.4rem 4rem;
  }

  .p-other__item-heading {
    font-size: 2rem;
  }

  .p-other__icon {
    width: 4.4rem;
  }

  .p-outline__container {
    margin-top: 4rem;
  }

  .p-outline__contents {
    -ms-grid-columns: minmax(0, 1fr) 4rem clamp(36rem, -23.0769230769rem + 92.3076923077vw, 60rem);
    gap: 4rem;
    grid-template-columns: minmax(0, 1fr) clamp(36rem, -23.0769230769rem + 92.3076923077vw, 60rem);
  }

  .p-outline__contents:nth-of-type(n + 2) {
    margin-top: 7.5rem;
  }

  .p-outline__contents-title {
    font-size: 1.8rem;
  }

  .p-outline__contents-title {
    top: 10rem;
  }

  .p-outline__contents-title .small {
    font-size: 1.2rem;
  }

  .p-outline__dl-content {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 1.6rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.6rem 2rem;
  }

  .p-outline__dot::before {
    width: 0.6rem;
  }

  .p-outline__map-content iframe {
    aspect-ratio: 3/2;
  }

  .p-outline__map-text {
    margin-top: 1.2rem;
  }

  .p-pager {
    gap: 3.2rem;
  }

  .p-pager__link {
    width: 4rem;
  }

  .p-pager__number-link {
    width: 3.6rem;
  }

  .p-philosophy__top-text {
    margin-top: 2.4rem;
  }

  .p-philosophy__container {
    margin-top: 4.5rem;
    padding: 4rem 2rem;
  }

  .p-philosophy__logo-content {
    width: 16rem;
  }

  .p-philosophy__middle-heading {
    font-size: 2rem;
  }

  .p-philosophy__middle-heading {
    margin-top: 3.2rem;
  }

  .p-philosophy__dl-box {
    margin-top: 4rem;
    padding: 2.4rem 1.6rem;
    width: min(100%, 50rem);
  }

  .p-philosophy__term {
    font-size: 1.6rem;
  }

  .p-products__heading-group::before {
    height: 3.2rem;
  }

  .p-products__heading-main {
    font-size: 2.6rem;
  }

  .p-products__thumbnail {
    margin-top: 3.6rem;
  }

  .p-products__middle-heading {
    font-size: 2rem;
  }

  .p-products__middle-heading {
    margin-top: 4rem;
  }

  .p-products__contents {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 4rem;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.4rem;
  }

  .p-products__text:nth-of-type(n + 2) {
    margin-top: 2.4rem;
  }

  .p-products__image img {
    aspect-ratio: 3/2;
  }

  .p-products__dl-container {
    -ms-grid-columns: 12rem minmax(0, 1fr);
    grid-template-columns: 12rem minmax(0, 1fr);
    padding: 2.4rem;
  }

  .p-products__dl-container:first-of-type {
    margin-top: 4rem;
  }

  .p-products__dl-container:nth-of-type(n + 2) {
    margin-top: 2rem;
  }

  .p-products__term {
    font-size: 1.8rem;
  }

  .p-products__term .small {
    font-size: 1.2rem;
  }

  .p-products__desc {
    padding-left: 3.2rem;
  }

  .p-products__list {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .p-products__item::before {
    margin-top: 0.76em;
  }

  .p-products__dl-child {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-products__desc-child {
    padding-left: 1.2rem;
  }

  .p-products__desc-child::before {
    display: none;
  }

  .p-products__desc-attention-text {
    font-size: 1.2rem;
    margin-top: 1.6rem;
  }

  .p-products__attention-texts {
    font-size: 1.2rem;
    margin-top: 1.6rem;
  }

  .p-top-company {
    padding-bottom: 9rem;
  }

  .p-top-company__contents {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-top-company__texts {
    padding-top: 0;
  }

  .p-top-company__middle-heading {
    font-size: 2rem;
  }

  .p-top-company__middle-heading {
    margin-top: 2.4rem;
  }

  .p-top-company__text-content {
    margin-top: 2rem;
  }

  .p-top-company__text:nth-of-type(n + 2) {
    margin-top: 2.4rem;
  }

  .p-top-company__link {
    margin-left: auto;
    margin-top: 2.4rem;
  }

  .p-top-company__image {
    margin-inline: auto;
    width: min(100%, 60rem);
  }

  .p-top-company__image img {
    aspect-ratio: 3/2;
  }

  .p-top-news__splide {
    margin-top: 3.6rem;
  }

  .p-top-news__splide:has(.splide__slide:nth-child(3)) {
    margin-inline: calc(50% - (100vw - var(--scrollbar-width)) / 2);
  }

  .p-top-news__splide .splide__pagination {
    margin-top: 4rem;
  }

  .p-top-news__item-title {
    margin-top: 1.6rem;
  }

  .p-top-product__top-area-inner {
    -ms-grid-columns: -webkit-max-content 4.8rem minmax(0, 1fr);
    -ms-grid-columns: max-content 4.8rem minmax(0, 1fr);
    gap: 4.8rem;
    grid-template-columns: -webkit-max-content minmax(0, 1fr);
    grid-template-columns: max-content minmax(0, 1fr);
  }

  .p-top-product__list {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    margin-top: 4rem;
    transition: none;
  }

  .p-top-product__list:has(.p-top-product__item.is-show) {
    gap: 1px;
  }

  .p-top-product__list:has(.p-top-product__item.is-show:nth-of-type(1)) {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-top-product__list:has(.p-top-product__item.is-show:nth-of-type(2)) {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-top-product__list:has(.p-top-product__item.is-show:nth-of-type(3)) {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-top-product__list:has(.p-top-product__item.is-show:nth-of-type(4)) {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-top-product__item {
    -ms-grid-columns: minmax(0, 1fr);
    -ms-grid-rows: minmax(0, 1fr) minmax(0, 0fr);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) minmax(0, 0fr);
    transition: grid-template-rows 0.5s;
    transition:
      grid-template-rows 0.5s,
      -ms-grid-rows 0.5s;
  }

  .p-top-product__item > *:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }

  .p-top-product__item > *:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }

  .p-top-product__item.is-show {
    -ms-grid-columns: minmax(0, 1fr);
    -ms-grid-rows: minmax(0, 0fr) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 0fr) minmax(0, 1fr);
  }

  .p-top-product__item.is-show > *:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }

  .p-top-product__item.is-show > *:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }

  .p-top-product__head::before {
    display: none;
  }

  .p-top-product__head::after {
    display: none;
  }

  .p-top-product__head-title {
    font-size: 2rem;
    padding: 8rem 2rem;
    text-align: center;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }

  .p-top-product__head-title.en {
    --letter-spacing: 0.1em;
    font-size: 2.2rem;
    text-orientation: mixed;
  }

  .p-top-product__body-inner {
    height: auto;
  }

  .p-top-product__body-contents {
    height: auto;
    padding: 4rem 2.4rem;
  }

  .p-top-product__circle {
    width: 8rem;
  }

  .p-top-product__circle-number {
    font-size: 2rem;
  }

  .p-top-product__body-title-group {
    margin-top: 4rem;
  }

  .p-top-product__body-title {
    font-size: 2.6rem;
  }

  .p-top-product__body-sub-title {
    font-size: 1.6rem;
  }

  .p-top-product__body-text {
    font-size: 2.2rem;
    margin-top: 1.2rem;
  }

  .p-top-product__body-sub-text {
    margin-top: 1.2rem;
  }

  .p-under-mv__top-container {
    padding-top: 12rem;
  }

  .p-under-mv__ja {
    font-size: 2.8rem;
  }

  .p-under-mv__en {
    font-size: 1.8rem;
  }

  .p-under-mv__breadcrumb {
    margin-top: 3.2rem;
  }

  .p-under-mv__image img {
    min-height: 24rem;
  }

  .u-pc {
    display: none;
  }

  .u-pc-ib {
    display: none;
  }

  .u-sp {
    display: block;
  }

  .u-sp-ib {
    display: inline-block;
  }

  .u-wrap-sp {
    word-break: keep-all;
  }

  .u-wrap-sp wbr {
    display: inline;
  }

  .u-wrap-pc {
    word-break: normal;
  }

  .u-wrap-pc wbr {
    display: none;
  }
}

@media (max-width: 640px) {
  .c-heading__en:where(.p-contact__heading-group *) {
    flex-direction: column-reverse;
    gap: 0.2em;
    justify-items: center;
  }

  .c-heading__ja:where(.p-contact__heading-group *) {
    margin-top: 0.09em;
  }

  .l-cards {
    gap: 3rem 2rem;
  }

  .p-contact__contents {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

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

  .p-contact__text {
    margin-top: 1.4em;
  }

  .p-contact__cta {
    padding-top: 0;
  }

  .p-cta__content:first-of-type::before {
    left: 1.6rem;
    right: 1.6rem;
  }

  .p-cta__attention-text {
    padding: 1.6rem 2rem;
  }

  .p-detail__navigation {
    -ms-grid-columns: minmax(0, 1fr) 2.4rem 18rem 2.4rem minmax(0, 1fr);
    gap: 2.4rem;
    grid-template-columns: minmax(0, 1fr) 18rem minmax(0, 1fr);
  }

  .p-features__content {
    gap: 2rem;
  }

  .p-features__number {
    font-size: 1.6rem;
    width: 4.8rem;
  }

  .p-features__bar01,
  .p-features__bar02 {
    left: 2.4rem;
    top: 4.8rem;
  }

  .p-innovate__contents {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-innovate__slider .p-innovate__slide-image img {
    aspect-ratio: 576/460;
  }

  .p-innovate__slider .splide__pagination {
    left: 0;
  }

  .p-news__link {
    -ms-grid-columns: 9rem 2rem minmax(0, 1fr) 2rem -webkit-max-content;
    -ms-grid-columns: 9rem 2rem minmax(0, 1fr) 2rem max-content;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    grid-template-columns: 9rem minmax(0, 1fr) -webkit-max-content;
    grid-template-columns: 9rem minmax(0, 1fr) max-content;
    padding: 1.6rem;
  }

  .p-other__list {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }

  .p-outline__contents {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 2.4rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .p-outline__contents-title {
    position: relative;
    top: 0;
  }

  .p-pager {
    -ms-grid-columns: minmax(0, 1fr) 2rem minmax(0, 1fr);
    gap: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-inline: 1.6rem;
  }

  .p-pager__link {
    -ms-grid-row-span: 1;
    -ms-grid-row: 1;
    grid-row: 1/2;
  }

  .p-pager__link._back {
    -ms-grid-column-align: start;
    justify-self: start;
  }

  .p-pager__link._next {
    -ms-grid-column-span: 1;
    -ms-grid-column-align: end;
    -ms-grid-column: 2;
    grid-column: 2/3;
    justify-self: end;
  }

  .p-pager__number-list {
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: center;
    -ms-grid-column: 1;
    grid-column: 1/3;
    -ms-grid-row: 2;
    grid-row: 2/3;
    justify-self: center;
  }

  .p-products__dl-container {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 1.2rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 2.4rem 1.6rem;
  }

  .p-products__term {
    border-bottom: 1px solid;
    border-right: 0;
    padding-bottom: 0.6rem;
  }

  .p-products__desc {
    padding-left: 0.8rem;
  }

  .p-products__attention-texts {
    text-align: left;
  }

  .p-top-news__splide:has(.splide__slide:nth-child(2)) {
    margin-inline: calc(50% - (100vw - var(--scrollbar-width)) / 2);
  }

  .p-top-product__top-area-inner {
    -ms-grid-columns: minmax(0, 1fr);
    gap: 2.4rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .p-top-product__head-title {
    padding: 6rem 2rem;
  }
}

@media (max-width: 375px) {
  html {
    font-size: 2.67vw;
  }
}

@starting-style {
  .p-modal__dialog.is-open {
    opacity: 0;
  }
}