main {
  overflow: hidden;
}

.news {
  position: relative;
  margin-top: var(--space-120);
  margin-bottom: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .news {
    margin-top: var(--space-40);
    margin-bottom: var(--space-60);
  }
}
.news__inner {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  row-gap: min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  .news__inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    row-gap: var(--space-20);
  }
}
.news__inner .c-title_split.type--secondary {
  grid-column: 1/2;
  grid-row: 1/2;
}
.news__inner .news__list {
  grid-column: span 2;
  grid-row: 2/3;
}
@media only screen and (max-width: 767px) {
  .news__inner .news__list {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.news__inner .c-button.type--primary {
  grid-column: 2/3;
  grid-row: 1/2;
  justify-self: end;
}
@media only screen and (max-width: 767px) {
  .news__inner .c-button.type--primary {
    grid-column: 1/2;
    grid-row: 3/4;
    justify-self: center;
  }
}
.news::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: min(7.639vw, 110px);
  left: calc(50% - min(4.236vw, 61px));
  width: min(70.486vw, 1015px);
  height: min(93.194vw, 1342px);
  background-image: url("/assets/img/component/background/c-title_hero_type--primary_kind--other.svg");
  background-position: center;
  background-size: min(70.486vw, 1015px) min(93.194vw, 1342px);
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .news::after {
    top: 110.256vw;
    left: calc(50% - 19.231vw);
    width: 159.487vw;
    height: 211.026vw;
    background-size: 159.487vw 211.026vw;
  }
}

.kokubunote {
  margin-bottom: min(9.236vw, 133px);
}
@media only screen and (max-width: 767px) {
  .kokubunote {
    margin-bottom: var(--space-80);
  }
}
.kokubunote__inner {
  position: relative;
}
.kokubunote__heading {
  margin-inline: auto;
  margin-bottom: var(--space-60);
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .kokubunote__heading {
    margin-bottom: 11.026vw;
    width: var(--container-width-sp);
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote__content {
    margin-bottom: var(--space-20);
  }
}
.kokubunote__button-wrapper {
  position: absolute;
  top: min(2.431vw, 35px);
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .kokubunote__button-wrapper {
    position: relative;
    top: auto;
    left: auto;
  }
}
.kokubunote__button {
  display: grid;
  justify-items: end;
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .kokubunote__button {
    justify-items: center;
    width: var(--container-width-sp);
  }
}
.kokubunote [data-js-kokubunote-slider] {
  grid-column: 1/3;
  grid-row: 2/3;
  --data-js-slider-padding: 10%;
  --data-js-slider-gap: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  .kokubunote [data-js-kokubunote-slider] {
    --data-js-slider-gap: 5.128vw;
  }
}
.kokubunote [data-js-kokubunote-slider] .splide__track {
  padding-top: min(0.694vw, 10px);
}
@media only screen and (max-width: 767px) {
  .kokubunote [data-js-kokubunote-slider] .splide__track {
    padding-top: 2.564vw;
  }
}
.kokubunote [data-js-kokubunote-slider] .splide__slide {
  width: min(24.028vw, 346px);
}
@media only screen and (max-width: 767px) {
  .kokubunote [data-js-kokubunote-slider] .splide__slide {
    width: var(--container-width-sp);
  }
}
.kokubunote [data-js-kokubunote-slider] .splide__slide .c-content_linkbox__image {
  transition: all var(--ease-in-out-200);
  transform: scale(1);
  transform-origin: center bottom;
}
.kokubunote [data-js-kokubunote-slider] .splide__slide.is-active .c-content_linkbox__image {
  transform: scale(1.05);
}
.kokubunote .c-content_slidecontrol {
  margin-top: var(--space-40);
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_slidecontrol {
    margin-top: var(--space-20);
  }
}

.company {
  position: relative;
  z-index: 11;
}
.company:lang(en), .company:lang(zh-CN) {
  margin-top: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .company:lang(en), .company:lang(zh-CN) {
    margin-top: var(--space-40);
  }
}
.company__heading {
  display: grid;
  grid-template-columns: min(47.222vw, 680px) 1fr;
  grid-template-rows: auto 1fr;
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .company__heading {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    width: var(--container-width-sp);
  }
}
.company__heading .c-title_split.type--primary {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-bottom: var(--space-20);
}
.company__heading .c-title_split.type--primary:lang(en) {
  margin-bottom: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  .company__heading .c-title_split.type--primary:lang(en) {
    margin-bottom: 7.692vw;
  }
}
.company__heading .c-title_split.type--primary h2 {
  color: var(--secondary-blue);
}
.company__heading .c-button.type--primary {
  grid-column: 2/3;
  grid-row: 2/3;
  justify-self: end;
  align-self: center;
}
@media only screen and (max-width: 767px) {
  .company__heading .c-button.type--primary {
    grid-column: 1/2;
    grid-row: 3/4;
    justify-self: center;
  }
}
.company__introduction {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media only screen and (max-width: 767px) {
  .company__introduction {
    margin-bottom: 1.795vw;
  }
}
@media only screen and (max-width: 767px) {
  .company__introduction:lang(en) {
    margin-bottom: var(--space-20);
  }
}
.company__introduction > p {
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .company__introduction > p {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .company__introduction > p {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__introduction > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.company__content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: var(--space-200);
  margin-top: var(--space-100);
  border-radius: min(5.556vw, 80px) min(5.556vw, 80px) 0 0;
  background: linear-gradient(180deg, #F9FDFF 0%, #B8E3F2 56%);
}
@media only screen and (max-width: 767px) {
  .company__content {
    padding-bottom: var(--space-100);
    margin-top: 23.077vw;
    border-radius: 10.256vw 10.256vw 0 0;
  }
}
.company__content::before {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: max(-0.694vw, -10px);
  left: 0;
  width: min(27.222vw, 392px);
  height: min(42.014vw, 605px);
  background-image: url("/assets/img/top/background-illustration-left-company.webp");
  background-position: center;
  background-size: min(27.222vw, 392px) min(42.014vw, 605px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .company__content::before {
    bottom: 14.103vw;
    left: -46.154vw;
    width: 95.385vw;
    height: 147.692vw;
    background-size: 95.385vw 147.692vw;
  }
}
.company__content::after {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: max(-0.694vw, -10px);
  right: 0;
  width: min(32.5vw, 468px);
  height: min(52.153vw, 751px);
  background-image: url("/assets/img/top/background-illustration-right-company.webp");
  background-position: center;
  background-size: min(32.5vw, 468px) min(52.153vw, 751px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .company__content::after {
    bottom: 11.538vw;
    right: -46.154vw;
    width: 92.051vw;
    height: 147.692vw;
    background-size: 92.051vw 147.692vw;
  }
}
.company__list {
  position: relative;
  display: grid;
  align-items: start;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: min(2.083vw, 30px);
       column-gap: min(2.083vw, 30px);
  row-gap: var(--space-40);
  margin-top: max(-2.778vw, -40px);
  margin-inline: auto;
  width: var(--container-width-pc);
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .company__list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: min(0.972vw, 14px);
         column-gap: min(0.972vw, 14px);
    row-gap: var(--space-20);
    margin-top: -12.051vw;
    width: var(--container-width-sp);
  }
}
.company__characteristic, .company__quality, .company__group {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium, .company__quality .c-content_linkbox.size--medium, .company__group .c-content_linkbox.size--medium {
    width: 40.769vw;
  }
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__image, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__image, .company__group .c-content_linkbox.size--medium .c-content_linkbox__image {
    width: 40.769vw;
    height: 23.077vw;
  }
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__image::before, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__image::before, .company__group .c-content_linkbox.size--medium .c-content_linkbox__image::before {
    background-image: url("/assets/img/component/parts/c-content_linkbox_size--small_sp.svg");
  }
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__image img, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__image img, .company__group .c-content_linkbox.size--medium .c-content_linkbox__image img {
    -webkit-mask-image: url("/assets/img/component/mask/c-content_linkbox_small.svg");
            mask-image: url("/assets/img/component/mask/c-content_linkbox_small.svg");
    -webkit-mask-size: 40.769vw 23.077vw;
            mask-size: 40.769vw 23.077vw;
  }
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__overview, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__overview, .company__group .c-content_linkbox.size--medium .c-content_linkbox__overview {
    gap: var(--space-5);
  }
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__title, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__title, .company__group .c-content_linkbox.size--medium .c-content_linkbox__title {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__title, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__title, .company__group .c-content_linkbox.size--medium .c-content_linkbox__title {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__description, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__description, .company__group .c-content_linkbox.size--medium .c-content_linkbox__description {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__description, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__description, .company__group .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__description, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__description, .company__group .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__description, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__description, .company__group .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button {
    width: 4.615vw;
    height: 4.615vw;
  }
}
.company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  width: min(1.944vw, 28px);
  height: min(1.944vw, 28px);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon {
    width: 4.615vw;
    height: 4.615vw;
  }
}
.company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 51.5%;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
  width: min(0.393vw, 5.6543999985px);
  height: min(0.71vw, 10.2274666756px);
  background-position: center;
  background-size: min(0.393vw, 5.6543999985px) min(0.71vw, 10.2274666756px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
    width: 0.932vw;
    height: 1.686vw;
    background-size: 0.932vw 1.686vw;
  }
}
.company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before {
  transform: translate(-51.5%, -50%) translateX(0);
  opacity: 1;
}
.company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
  transform: translate(-51.5%, -50%) translateX(max(-3.889vw, -56px));
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  }
}
@media print, screen and (min-width: 768px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    width: min(1.944vw, 28px);
    height: min(1.944vw, 28px);
    border-radius: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon {
    width: 7.179vw;
    height: 7.179vw;
  }
}
@media print, screen and (min-width: 768px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 50%;
    left: 51.5%;
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
    width: min(0.393vw, 5.6543999985px);
    height: min(0.71vw, 10.2274666756px);
    background-position: center;
    background-size: min(0.393vw, 5.6543999985px) min(0.71vw, 10.2274666756px);
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    width: 1.45vw;
    height: 2.622vw;
    background-size: 1.45vw 2.622vw;
  }
}
@media print, screen and (min-width: 768px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-3.889vw, -56px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-3.889vw, -56px));
  }
}
@media print, screen and (min-width: 768px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(3.889vw, 56px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(3.889vw, 56px));
  }
}
@media print, screen and (min-width: 768px) {
  .company__characteristic .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__quality .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after, .company__group .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
}
.company__philosophy {
  display: grid;
  align-items: center;
  grid-column: span 3;
  padding-inline: var(--space-100);
  height: min(34.722vw, 500px);
  border-radius: min(2.778vw, 40px);
  background-image: url("/assets/img/top/background-image-company-philosophy_pc.webp");
  background-position: center;
  background-size: var(--container-width-pc) min(34.722vw, 500px);
  background-repeat: no-repeat;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .company__philosophy {
    align-items: start;
    grid-column: span 2;
    padding-inline: 6.41vw;
    padding-top: var(--space-40);
    margin-top: var(--space-20);
    height: 153.846vw;
    border-radius: 5.128vw;
    background-image: url("/assets/img/top/background-image-company-philosophy_sp.webp");
    background-size: var(--container-width-sp) 153.846vw;
  }
}
.company__philosophy-introduction > span {
  display: block;
  margin-bottom: min(1.111vw, 16px);
  color: var(--primary-red);
  font-family: var(--family-en);
  font-size: var(--size-24px);
  font-weight: var(--weight-light);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .company__philosophy-introduction > span {
    font-size: var(--size-24px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .company__philosophy-introduction > span {
    margin-bottom: var(--space-20);
    font-family: var(--family-en);
    font-size: var(--size-30px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__philosophy-introduction > span {
    font-size: var(--size-30px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
.company__philosophy-introduction > h4 {
  margin-bottom: min(2.222vw, 32px);
  font-family: var(--family-jp);
  font-size: var(--size-32px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .company__philosophy-introduction > h4 {
    font-size: var(--size-32px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .company__philosophy-introduction > h4 {
    font-family: var(--family-jp);
    font-size: var(--size-24px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__philosophy-introduction > h4 {
    font-size: var(--size-24px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .company__philosophy-introduction > h4 {
    margin-bottom: var(--space-20);
  }
}
@media only screen and (max-width: 767px) {
  .company__philosophy-introduction .c-button.type--primary {
    --c-button__text--padding: 5.128vw;
  }
}
.company__history {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-column: span 3;
  grid-template-columns: min(11.111vw, 160px) 1fr;
  align-items: start;
  -moz-column-gap: var(--space-40);
       column-gap: var(--space-40);
  row-gap: min(2.083vw, 30px);
  padding: min(2.083vw, 30px) min(3.472vw, 50px) min(2.778vw, 40px);
  border-radius: min(1.389vw, 20px);
  background: var(--secondary-blue);
  z-index: 5;
}
.company__history:lang(en) {
  grid-template-columns: min(10.069vw, 145px) 1fr;
}
.company__history:lang(zh-CN) {
  grid-template-columns: min(12.986vw, 187px) 1fr;
}
.company__history:lang(en), .company__history:lang(zh-CN) {
  -moz-column-gap: var(--space-40);
       column-gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .company__history:lang(en), .company__history:lang(zh-CN) {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .company__history {
    grid-column: span 2;
    grid-template-columns: 1fr;
    row-gap: 0;
    padding: var(--space-40) var(--space-15) var(--space-20);
    margin-top: var(--space-20);
    border-radius: 5.128vw;
  }
}
.company__history::after {
  position: absolute;
  display: inline-block;
  content: "Since 1712";
  top: min(0.903vw, 13px);
  right: max(-0.556vw, -8px);
  color: var(--text-white);
  opacity: 0.1;
  font-family: var(--family-en);
  font-size: var(--size-90px);
  font-weight: var(--weight-light);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .company__history::after {
    font-size: var(--size-90px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .company__history::after {
    top: 3.846vw;
    right: -2.051vw;
    font-family: var(--family-en);
    font-size: var(--size-60px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__history::after {
    font-size: var(--size-60px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
.company__history .c-content_linkbox.type--wide.size--small {
  grid-column: span 2;
}
@media only screen and (max-width: 767px) {
  .company__history .c-content_linkbox.type--wide.size--small {
    grid-column: 1/2;
  }
}
.company__history-title {
  grid-column: 1/2;
  color: var(--text-white);
  font-family: var(--family-jp);
  font-size: var(--size-26px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .company__history-title {
    font-size: var(--size-26px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .company__history-title {
    font-family: var(--family-jp);
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__history-title {
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .company__history-title {
    grid-column: 1/2;
    margin-inline: var(--space-10);
    margin-bottom: var(--space-10);
  }
}
.company__history-introduction {
  grid-column: 2/3;
  color: var(--text-white);
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .company__history-introduction {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .company__history-introduction {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .company__history-introduction {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .company__history-introduction {
    grid-column: 1/2;
    margin-inline: var(--space-10);
    margin-bottom: var(--space-20);
  }
}

.sustainability {
  position: relative;
  overflow: hidden;
  padding-top: min(4.514vw, 65px);
  margin-top: max(-8.333vw, -120px);
  z-index: 12;
}
@media only screen and (max-width: 767px) {
  .sustainability {
    padding-top: 0;
    margin-top: -10.256vw;
  }
}
.sustainability::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: calc(50% + min(11.806vw, 170px));
  width: min(46.111vw, 664px);
  height: min(46.111vw, 664px);
  border-radius: 50%;
  background-image: url("/assets/img/top/background-image-sustainability.webp");
  background-position: center;
  background-size: min(46.111vw, 664px) min(46.111vw, 664px);
  background-repeat: no-repeat;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .sustainability::after {
    top: auto;
    bottom: 98.974vw;
    left: calc(50% + 6.667vw);
    width: 51.282vw;
    height: 51.282vw;
    background-size: 51.282vw 51.282vw;
  }
}
.sustainability__inner {
  padding-bottom: var(--space-160);
  border-radius: min(5.556vw, 80px) min(5.556vw, 80px) 0 0;
  background: var(--background-light_gray);
}
@media only screen and (max-width: 767px) {
  .sustainability__inner {
    padding-bottom: var(--space-100);
    border-radius: 10.256vw 10.256vw 0 0;
  }
}
.sustainability__keyvisual {
  position: relative;
  overflow: hidden;
  padding-top: var(--space-120);
  padding-bottom: min(41.354vw, 595.5px);
}
@media only screen and (max-width: 767px) {
  .sustainability__keyvisual {
    padding-top: var(--space-60);
    padding-bottom: 102.051vw;
  }
}
.sustainability__keyvisual::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: min(5.556vw, 80px) min(5.556vw, 80px) 0 0;
  background: linear-gradient(180deg, #EEFFEA 0%, #C3F0C8 80%);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sustainability__keyvisual::before {
    border-radius: 10.256vw 10.256vw 0 0;
  }
}
.sustainability__keyvisual::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 50%;
  width: min(176.597vw, 2543px);
  height: min(30.382vw, 437.5px);
  background-image: url("/assets/img/top/background-shape-sustainability.svg");
  background-position: center;
  background-size: min(176.597vw, 2543px) min(30.382vw, 437.5px);
  background-repeat: no-repeat;
  transform: translateX(-50%);
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .sustainability__keyvisual::after {
    width: 384.615vw;
    height: 66.154vw;
    background-size: 384.615vw 66.154vw;
  }
}
.sustainability__heading {
  position: relative;
  margin-inline: auto;
  width: var(--container-width-pc);
  z-index: 4;
}
@media only screen and (max-width: 767px) {
  .sustainability__heading {
    width: var(--container-width-sp);
  }
}
.sustainability__heading .c-title_split.type--primary {
  margin-bottom: var(--space-20);
}
.sustainability__heading .c-title_split.type--primary:lang(en) {
  margin-bottom: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  .sustainability__heading .c-title_split.type--primary:lang(en) {
    margin-bottom: 7.692vw;
  }
}
.sustainability__heading .c-title_split.type--primary h2 {
  color: var(--secondary-green);
}
.sustainability__content {
  position: relative;
  margin-top: max(-35.799vw, -515.5px);
  z-index: 4;
}
@media only screen and (max-width: 767px) {
  .sustainability__content {
    margin-top: -86.667vw;
  }
}
.sustainability__introduction {
  margin-bottom: var(--space-40);
  width: min(47.222vw, 680px);
}
@media only screen and (max-width: 767px) {
  .sustainability__introduction {
    margin-bottom: var(--space-20);
    width: 100%;
  }
}
.sustainability__introduction:lang(en) {
  margin-bottom: var(--space-20);
}
.sustainability__introduction > p {
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .sustainability__introduction > p {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability__introduction > p {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability__introduction > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.sustainability [data-js-sustainability-slider] {
  --data-js-slider-padding: 10%;
  --data-js-slider-gap: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  .sustainability [data-js-sustainability-slider] {
    --data-js-slider-gap: 5.128vw;
  }
}
.sustainability [data-js-sustainability-slider] .splide__track {
  padding-top: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .sustainability [data-js-sustainability-slider] .splide__track {
    padding-top: 5.128vw;
  }
}
.sustainability [data-js-sustainability-slider] .splide__slide {
  width: min(36.806vw, 530px);
}
@media only screen and (max-width: 767px) {
  .sustainability [data-js-sustainability-slider] .splide__slide {
    width: var(--container-width-sp);
  }
}
.sustainability [data-js-sustainability-slider] .splide__slide .c-content_linkbox__image {
  transition: all var(--ease-in-out-200);
  transform: scale(1);
  transform-origin: center bottom;
}
.sustainability [data-js-sustainability-slider] .splide__slide.is-active .c-content_linkbox__image {
  transform: scale(1.05);
}
.sustainability .c-content_slidecontrol {
  margin-top: var(--space-40);
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .sustainability .c-content_slidecontrol {
    margin-top: var(--space-20);
  }
}

.business {
  position: relative;
  margin-top: max(-5.556vw, -80px);
  z-index: 13;
}
@media only screen and (max-width: 767px) {
  .business {
    margin-top: -10.256vw;
  }
}
.business:lang(en) {
  margin-top: max(-44.965vw, -647.5px);
}
@media only screen and (max-width: 767px) {
  .business:lang(en) {
    margin-top: -107.179vw;
  }
}
.business__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-60);
  padding-top: var(--space-120);
  padding-bottom: var(--space-120);
  border-radius: min(5.556vw, 80px) min(5.556vw, 80px) 0 0;
  background: linear-gradient(180deg, #FFF5DD 0%, #FFE9B8 100%);
}
@media only screen and (max-width: 767px) {
  .business__inner {
    gap: var(--space-40);
    padding-top: var(--space-60);
    padding-bottom: var(--space-60);
  }
}
.business__heading {
  display: grid;
  grid-template-columns: min(47.222vw, 680px) 1fr;
  gap: var(--space-20);
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .business__heading {
    grid-template-columns: 1fr;
    width: var(--container-width-sp);
  }
}
.business__heading:lang(en) {
  margin-bottom: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  .business__heading:lang(en) {
    margin-bottom: 7.692vw;
  }
}
.business__heading .c-title_split.type--primary {
  grid-column: span 2;
}
@media only screen and (max-width: 767px) {
  .business__heading .c-title_split.type--primary {
    grid-column: 1/2;
  }
}
.business__heading .c-title_split.type--primary h2 {
  color: var(--secondary-yellow);
}
.business__heading .c-button.type--primary {
  grid-column: 2/3;
  justify-self: end;
  align-self: center;
}
@media only screen and (max-width: 767px) {
  .business__heading .c-button.type--primary {
    grid-column: 1/2;
    justify-self: center;
  }
}
.business__introduction {
  grid-column: 1/2;
}
.business__introduction > p {
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .business__introduction > p {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .business__introduction > p {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .business__introduction > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.business__content {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .business__content {
    width: var(--container-width-sp);
  }
}
.business__list {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: var(--space-20);
       column-gap: var(--space-20);
  row-gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .business__list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 3.59vw;
         column-gap: 3.59vw;
    row-gap: var(--space-20);
  }
}
.business__list:lang(en), .business__list:lang(zh-CN) {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .business__list:lang(en), .business__list:lang(zh-CN) {
    grid-template-columns: 1fr;
  }
}
.business__list > li:first-child {
  grid-column: span 4;
}
@media only screen and (max-width: 767px) {
  .business__list > li:first-child {
    grid-column: span 2;
  }
}
.business__list > li:first-child:lang(en), .business__list > li:first-child:lang(zh-CN) {
  grid-column: span 3;
}
@media only screen and (max-width: 767px) {
  .business__list > li:first-child:lang(en), .business__list > li:first-child:lang(zh-CN) {
    grid-column: span 1;
  }
}
.business__temporary {
  display: block;
  overflow: hidden;
  width: var(--container-width-pc);
  height: min(17.361vw, 250px);
  border-radius: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .business__temporary {
    width: var(--container-width-sp);
    height: 47.949vw;
    border-radius: 5.128vw;
  }
}

.products {
  margin-top: min(10.417vw, 150px);
  margin-bottom: var(--space-100);
}
@media only screen and (max-width: 767px) {
  .products {
    margin-top: var(--space-60);
    margin-bottom: var(--space-60);
  }
}
.products__inner {
  position: relative;
  padding-bottom: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .products__inner {
    padding-bottom: var(--space-40);
  }
}
.products__inner::before {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: min(15.556vw, 224px);
  border-radius: min(5.556vw, 80px) min(5.556vw, 80px) 0 0;
  background: linear-gradient(90deg, #FFD7B7 0%, #FFE7D5 100%);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .products__inner::before {
    height: 256.41vw;
    border-radius: 10.256vw 10.256vw 0 0;
  }
}
.products__heading {
  display: grid;
  grid-template-columns: 1fr min(40.278vw, 580px);
  grid-template-rows: auto auto 1fr;
  align-items: start;
  margin-inline: auto;
  margin-bottom: var(--space-80);
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .products__heading {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto 1fr;
    margin-bottom: var(--space-40);
    width: var(--container-width-sp);
  }
}
.products__heading .c-title_split.type--primary {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-bottom: var(--space-20);
}
.products__heading .c-title_split.type--primary h2 {
  color: var(--secondary-orange);
}
.products__heading .c-button.type--primary {
  grid-column: 1/2;
  grid-row: 3/4;
}
@media only screen and (max-width: 767px) {
  .products__heading .c-button.type--primary {
    grid-row: 4/5;
    justify-self: center;
  }
}
.products__introduction {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-bottom: var(--space-40);
  width: min(31.111vw, 448px);
}
@media only screen and (max-width: 767px) {
  .products__introduction {
    grid-row: 3/4;
    margin-bottom: var(--space-20);
    width: 100%;
  }
}
.products__introduction > p {
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .products__introduction > p {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .products__introduction > p {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .products__introduction > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.products__keyvisual {
  overflow: hidden;
  grid-column: 2/3;
  grid-row: 1/4;
  width: min(40.278vw, 580px);
  height: min(27.778vw, 400px);
  border-radius: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .products__keyvisual {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-bottom: var(--space-20);
    width: 84.615vw;
    height: 58.462vw;
    border-radius: 5.128vw;
  }
}
.products__content {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .products__content {
    width: var(--container-width-sp);
  }
}
.products__list {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: var(--space-20);
       column-gap: var(--space-20);
}
@media only screen and (max-width: 767px) {
  .products__list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 3.59vw;
         column-gap: 3.59vw;
    row-gap: var(--space-20);
  }
}
.products__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}
@media only screen and (max-width: 767px) {
  .products__card {
    gap: var(--space-5);
  }
}
.products__card.kind--kakou .products__card-image::before {
  background-image: url("/assets/img/top/product-kakou.svg");
}
.products__card.kind--shurui .products__card-image::before {
  background-image: url("/assets/img/top/product-shurui.svg");
}
.products__card.kind--kashi .products__card-image::before {
  background-image: url("/assets/img/top/product-kashi.svg");
}
.products__card.kind--chilled .products__card-image::before {
  background-image: url("/assets/img/top/product-chilled.svg");
}
.products__card.kind--area .products__card-image::before {
  background-image: url("/assets/img/top/product-area.svg");
}
@media print, screen and (min-width: 768px) {
  .products__card:hover .products__card-icon {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: min(1.25vw, 18px);
    height: min(1.25vw, 18px);
    border-radius: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .products__card:hover .products__card-icon {
    width: 4.615vw;
    height: 4.615vw;
  }
}
@media print, screen and (min-width: 768px) {
  .products__card:hover .products__card-icon::before, .products__card:hover .products__card-icon::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 50%;
    left: 51.5%;
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
    width: min(0.252vw, 3.6349714276px);
    height: min(0.457vw, 6.5748000057px);
    background-position: center;
    background-size: min(0.252vw, 3.6349714276px) min(0.457vw, 6.5748000057px);
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .products__card:hover .products__card-icon::before, .products__card:hover .products__card-icon::after {
    width: 0.932vw;
    height: 1.686vw;
    background-size: 0.932vw 1.686vw;
  }
}
@media print, screen and (min-width: 768px) {
  .products__card:hover .products__card-icon::before {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
  .products__card:hover .products__card-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .products__card:hover .products__card-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  }
}
@media print, screen and (min-width: 768px) {
  .products__card:hover .products__card-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(2.5vw, 36px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .products__card:hover .products__card-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(2.5vw, 36px));
  }
}
@media print, screen and (min-width: 768px) {
  .products__card:hover .products__card-icon::after {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
}
.products__card-image {
  position: relative;
  overflow: hidden;
  width: min(14.167vw, 204px);
  height: min(14.167vw, 204px);
  border-radius: min(1.389vw, 20px);
  border: 1px solid var(--line-light_gray);
  background: var(--background-white);
}
@media only screen and (max-width: 767px) {
  .products__card-image {
    width: 40.513vw;
    height: 40.513vw;
    border-radius: 5.128vw;
  }
}
.products__card-image::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0.9, 0.9);
}
@media only screen and (max-width: 767px) {
  .products__card-image::before {
    transform: scale(1, 1);
  }
}
.products__card-title {
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .products__card-title {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .products__card-title {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .products__card-title {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
.products__card-icon {
  display: inline;
  margin-left: var(--space-10);
  margin-bottom: min(0.278vw, 4px);
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .products__card-icon {
    width: 4.615vw;
    height: 4.615vw;
  }
}
.products__card-icon::before, .products__card-icon::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 51.5%;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
  width: min(0.252vw, 3.6349714276px);
  height: min(0.457vw, 6.5748000057px);
  background-position: center;
  background-size: min(0.252vw, 3.6349714276px) min(0.457vw, 6.5748000057px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
}
@media only screen and (max-width: 767px) {
  .products__card-icon::before, .products__card-icon::after {
    width: 0.932vw;
    height: 1.686vw;
    background-size: 0.932vw 1.686vw;
  }
}
.products__card-icon::before {
  transform: translate(-51.5%, -50%) translateX(0);
  opacity: 1;
}
.products__card-icon::after {
  transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .products__card-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  }
}
@media only screen and (max-width: 767px) {
  .products__card-icon {
    margin-bottom: 1.026vw;
  }
}

.related-links {
  margin-top: var(--space-100);
  margin-bottom: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .related-links {
    margin-top: var(--space-60);
  }
}
.related-links__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
.related-links__heading {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .related-links__heading {
    width: var(--container-width-sp);
  }
}
.related-links [data-js-related-links-slider] {
  --data-js-slider-padding: 10%;
  --data-js-slider-gap: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .related-links [data-js-related-links-slider] {
    --data-js-slider-gap: 3.59vw;
  }
}
.related-links [data-js-related-links-slider] .splide__track {
  padding-top: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .related-links [data-js-related-links-slider] .splide__track {
    padding-top: 4.615vw;
  }
}
.related-links [data-js-related-links-slider] .splide__slide {
  width: min(18.056vw, 260px);
}
@media only screen and (max-width: 767px) {
  .related-links [data-js-related-links-slider] .splide__slide {
    width: 40.513vw;
  }
}
.related-links [data-js-related-links-slider] .splide__slide .related-links__card-image {
  transition: all var(--ease-in-out-200);
  transform: scale(1);
  transform-origin: center bottom;
}
.related-links [data-js-related-links-slider] .splide__slide.is-active .related-links__card-image {
  transform: scale(1.05);
}
.related-links .c-content_slidecontrol {
  margin-top: var(--space-40);
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .related-links .c-content_slidecontrol {
    margin-top: var(--space-20);
  }
}
.related-links__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}
.related-links__card[target=_blank] .related-links__card-title::after, .related-links__card[href^=http] .related-links__card-title::after {
  display: inline-block;
  content: "";
  margin-left: min(0.278vw, 4px);
  margin-bottom: min(0.278vw, 4px);
  vertical-align: middle;
  width: min(1.111vw, 16px);
  height: min(1.111vw, 16px);
  background-position: center;
  background-size: min(1.111vw, 16px) min(1.111vw, 16px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-blank_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .related-links__card[target=_blank] .related-links__card-title::after, .related-links__card[href^=http] .related-links__card-title::after {
    width: 4.103vw;
    height: 4.103vw;
    background-size: 4.103vw 4.103vw;
  }
}
@media only screen and (max-width: 767px) {
  .related-links__card[target=_blank] .related-links__card-title::after, .related-links__card[href^=http] .related-links__card-title::after {
    margin-left: 1.026vw;
    margin-bottom: 1.026vw;
  }
}
.related-links__card-image {
  overflow: hidden;
  width: min(18.056vw, 260px);
  height: min(18.056vw, 260px);
  border-radius: min(1.389vw, 20px);
  border: 1px solid var(--line-light_gray);
}
@media only screen and (max-width: 767px) {
  .related-links__card-image {
    width: 40.513vw;
    height: 40.513vw;
    border-radius: 5.128vw;
  }
}
.related-links__card-overview {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
@media only screen and (max-width: 767px) {
  .related-links__card-overview {
    gap: var(--space-10);
  }
}
.related-links__card-title {
  position: relative;
  display: inline;
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .related-links__card-title {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .related-links__card-title {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .related-links__card-title {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
.related-links__card-description {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .related-links__card-description {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .related-links__card-description {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .related-links__card-description {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}

@media only screen and (max-width: 767px) {
  .c-button.type--primary {
    --c-button--width: 100%;
  }
}/*# sourceMappingURL=top.css.map */