.p-main-vis {
  padding: clamp(0.5rem, 1.5625vw, 1.875rem);
  background-color: var(--color_mono01);
}
.p-main-vis__images {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "image01 image01 image01 image01 image01 image01" "image02 image02 image02 image03 image03 image03" "image04 image04 image05 image05 image06 image06";
  gap: clamp(0.5rem, 1.5625vw, 1.875rem);
}
.p-main-vis__images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-main-vis__image__01 {
  position: relative;
  grid-area: image01;
}
.p-main-vis__image__02 {
  grid-area: image02;
}
.p-main-vis__image__03 {
  grid-area: image03;
}
.p-main-vis__image__04 {
  grid-area: image04;
}
.p-main-vis__image__05 {
  grid-area: image05;
}
.p-main-vis__image__06 {
  grid-area: image06;
}
.p-main-vis__copy {
  position: absolute;
  top: clamp(2rem, 9.0104166667vw, 10.8125rem);
  left: 0;
  right: 0;
  text-align: center;
}
.p-main-vis__copy__eng {
  display: block;
  font-weight: 300;
}

@media screen and (min-width: 992px) {
  .p-main-vis__images {
    grid-template-columns: 1fr 3fr 5fr;
    grid-template-areas: "image04 image02 image01" "image04 image02 image01" "image05 image02 image01" "image05 image03 image01" "image06 image03 image01" "image06 image03 image01";
  }
  .p-main-vis__image__01 picture {
    height: 100%;
  }
  .p-main-vis__copy__jpn {
    font-size: var(--f30);
  }
  .p-main-vis__copy__eng {
    font-size: var(--f14);
  }
}
.p-concept {
  padding-top: clamp(2rem, 4.6875vw, 5.625rem);
}
.p-concept:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1920/1279;
  background-image: url(../img/front__concept__after.png);
  background-size: cover;
}

.p-news {
  margin-top: calc(clamp(1.5rem, 11.9791666667vw, 14.375rem) * -1);
  padding-bottom: clamp(5rem, 12.7604166667vw, 15.3125rem);
  position: relative;
}
.p-news__lists {
  margin-bottom: 1.5rem;
  padding-left: clamp(1rem, 1.5625vw, 1.875rem);
  padding-right: clamp(1rem, 1.5625vw, 1.875rem);
  border: 1px solid var(--color_mono03);
  border-radius: clamp(1rem, 1.5625vw, 1.875rem);
  background-color: rgba(255, 255, 255, 0.65);
}
.p-news__list {
  display: block;
  padding-top: clamp(1rem, 1.6666666667vw, 2rem);
  padding-bottom: clamp(1rem, 1.6666666667vw, 2rem);
  font-weight: 500;
}
.p-news__list:not(:last-of-type) {
  border-bottom: 1px solid var(--color_mono03);
}
.p-news__images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .p-news__list {
    display: flex;
    flex-wrap: wrap;
    padding-left: clamp(1rem, 1.5625vw, 1.875rem);
  }
  .p-news__list__time {
    width: 9rem;
    font-size: var(--f20);
  }
  .p-news__list__title {
    width: calc(100% - 9rem);
  }
  .p-news__list__content {
    width: calc(100% - 9rem);
    margin-left: 9rem;
  }
  .p-news__list__content * {
    font-size: 0.9em;
  }
}
.p-page-nav {
  padding-top: clamp(4rem, 4.6875vw, 5.625rem);
  padding-bottom: clamp(4rem, 9.8958333333vw, 11.875rem);
}
.p-page-nav__cards {
  display: grid;
  gap: clamp(1.5rem, 3.5416666667vw, 4.25rem);
}
.p-page-nav__card {
  border: 1px solid var(--color_mono01);
  border-radius: clamp(1rem, 1.5625vw, 1.875rem);
  overflow: hidden;
}
.p-page-nav__card__header {
  padding-top: clamp(4rem, 5.2083333333vw, 6.25rem);
  background-size: cover;
  background-position: center;
}
.p-page-nav__card__title {
  padding: clamp(0.5rem, 0.46875vw, 0.5625rem);
  background-color: rgba(0, 0, 0, 0.35);
  color: var(--color_mono02);
  text-align: center;
  font-size: var(--f30);
}
.p-page-nav__card.__about .p-page-nav__card__header {
  background-image: url(../img/front__page-nav__card__01.jpg);
}
.p-page-nav__card.__results .p-page-nav__card__header {
  background-image: url(../img/front__page-nav__card__02.jpg);
}
.p-page-nav__card.__qa .p-page-nav__card__header {
  background-image: url(../img/front__page-nav__card__03.jpg);
}
.p-page-nav__card.__company .p-page-nav__card__header {
  background-image: url(../img/front__page-nav__card__04.jpg);
}
.p-page-nav__card__text {
  padding-top: clamp(0.5rem, 0.46875vw, 0.5625rem);
  padding-bottom: clamp(0.5rem, 0.6770833333vw, 0.8125rem);
  padding-left: clamp(0.5rem, 0.5208333333vw, 0.625rem);
  padding-right: clamp(0.5rem, 0.5208333333vw, 0.625rem);
}
.p-page-nav__card__more {
  margin-top: clamp(1rem, 2.6041666667vw, 3.125rem);
  text-align: right;
  margin-right: 1rem;
}

@media screen and (min-width: 768px) {
  .p-page-nav__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .p-page-nav__card__text {
    text-align: center;
  }
  .p-page-nav__card__more {
    font-size: var(--f16);
  }
}
.p-manufacturers__lists {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  gap: clamp(0.5rem, 3.28125vw, 3.9375rem);
  align-items: center;
  justify-content: center;
}
.p-manufacturers__list img {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-manufacturers__lists {
    max-width: 1220px;
    margin: auto;
    grid-template-columns: repeat(7, 1fr);
  }
}/*# sourceMappingURL=front-page.css.map */