/* Default Options */
/* Media Query */
/* Transform Font Size */
/* --------------------------------- */
.p-kv {
  padding-block-end: var(--space-sm);
  background-color: var(--bg-color);
  border-radius: 0 0 clamp(30px, 3vw, 40px) clamp(30px, 3vw, 40px);
  position: relative;
  z-index: 2;
}
.p-kv:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  filter: contrast(180%) brightness(900%);
  background: linear-gradient(299deg, rgb(255, 0, 255), rgba(255, 0, 0, 0)), url(../../assets/images/common/noise.svg);
  opacity: 0.2;
}
.p-kv-inner {
  padding-block-start: clamp(100px, 15vw, 160px);
  padding-inline: var(--contents-inner-padding);
  padding-block-end: var(--space-xs);
  display: flex;
  flex-direction: column;
  row-gap: var(--space-sm);
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.p-kv-copy {
  font-size: clamp(1.5rem, 0.0417721519rem + 4.0506329114vw, 3.5rem);
  font-weight: 700;
  line-height: 1.6;
}
.p-kv-copy span {
  display: inline-block;
  border-block-end: 1px solid var(--accent-color);
  position: relative;
  color: var(--accent-color);
}
.p-kv-copy span:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: var(--accent-color);
  position: absolute;
  left: 0;
  bottom: -3px;
}
.p-kv-list {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xss);
}
.p-kv-list-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: column;
  gap: var(--space-xxs);
}
.p-kv-list-wrap .item {
  background-color: var(--bg-color);
  border-radius: 10px;
}
.p-kv-list-wrap .item a {
  padding: var(--space-xs);
  display: grid;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  box-sizing: border-box;
  transition: var(--hover-animation-speed);
}
.p-kv-list-wrap .item a:hover {
  background-color: rgba(81, 69, 239, 0.2);
}
.p-kv-list-wrap .item a:hover .icon {
  background-color: var(--accent-color);
}
.p-kv-list-wrap .item a:hover .icon svg {
  fill: var(--bg-color);
}
.p-kv-list-wrap .item .icon {
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(81, 69, 239, 0.2);
  border-radius: 5px;
  position: relative;
  z-index: 3;
  transition: var(--hover-animation-speed);
}
.p-kv-list-wrap .item .icon svg {
  width: 70%;
  fill: var(--accent-color);
  transition: var(--hover-animation-speed);
}
.p-kv-list-wrap .item .title {
  position: relative;
  z-index: 2;
  font-weight: 700;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.6);
}
.p-kv-list-wrap .item .title span {
  display: block;
  color: var(--text-color);
}
.p-kv-list-wrap .item .c-icon-arrow {
  position: relative;
  z-index: 1;
}
.p-kv-list-wrap .item.investment {
  grid-area: 1/1/2/3;
}
.p-kv-list-wrap .item.investment a {
  display: flex;
  flex-direction: column;
  justify-content: end;
  row-gap: var(--space-xs);
  position: relative;
  overflow: hidden;
}
.p-kv-list-wrap .item.investment a:hover .image {
  opacity: 0.8;
}
.p-kv-list-wrap .item.investment .icon {
  width: clamp(48px, 5vw, 80px);
  margin-block-end: var(--space-xs);
  background-color: var(--bg-color);
}
.p-kv-list-wrap .item.investment .title {
  font-size: clamp(0.875rem, 0.4193037975rem + 1.2658227848vw, 1.5rem);
}
.p-kv-list-wrap .item.investment .title span {
  font-size: clamp(1.5rem, 0.4063291139rem + 3.0379746835vw, 3rem);
}
.p-kv-list-wrap .item.investment .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: var(--hover-animation-speed);
}
.p-kv-list-wrap .item.investment .image picture,
.p-kv-list-wrap .item.investment .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-kv-list-wrap .item.development a, .p-kv-list-wrap .item.management a {
  display: grid;
  grid-template-columns: clamp(48px, 5vw, 80px) 1fr clamp(48px, 6vw, 64px);
  column-gap: var(--space-xxs);
  align-items: center;
}
.p-kv-list-wrap .item.development .icon, .p-kv-list-wrap .item.management .icon {
  width: clamp(48px, 5vw, 80px);
}
.p-kv-list-wrap .item.development .title, .p-kv-list-wrap .item.management .title {
  font-size: clamp(0.75rem, 0.203164557rem + 1.5189873418vw, 1.5rem);
}
.p-kv-list-wrap .item.development .title span, .p-kv-list-wrap .item.management .title span {
  font-size: clamp(1.125rem, 0.1224683544rem + 2.7848101266vw, 2.5rem);
}
.p-kv-list-wrap .item.libstore a, .p-kv-list-wrap .item.support a {
  display: grid;
  grid-template-columns: clamp(36px, 4vw, 60px) 1fr;
  column-gap: var(--space-xxs);
}
.p-kv-list-wrap .item.libstore .icon, .p-kv-list-wrap .item.support .icon {
  width: clamp(36px, 4vw, 60px);
}
.p-kv-list-wrap .item.libstore .title, .p-kv-list-wrap .item.support .title {
  font-size: clamp(0.6875rem, 0.5507911392rem + 0.3797468354vw, 0.875rem);
}
.p-kv-list-wrap .item.libstore .title span, .p-kv-list-wrap .item.support .title span {
  font-size: clamp(0.875rem, 0.4193037975rem + 1.2658227848vw, 1.5rem);
}
.p-kv-list-wrap .item.libstore .c-icon-arrow, .p-kv-list-wrap .item.support .c-icon-arrow {
  display: none;
}
.p-kv-list-wrap .item.development {
  grid-area: 2/1/3/3;
}
.p-kv-list-wrap .item.management {
  grid-area: 3/1/4/3;
}
.p-kv-list-wrap .item.libstore {
  grid-area: 4/1/5/2;
}
.p-kv-list-wrap .item.support {
  grid-area: 4/2/5/3;
}
.p-srv {
  margin-block-start: calc(var(--space-sm) * -1);
  padding-block-start: var(--space-md);
  padding-block-end: var(--space-sm);
  padding-inline: var(--contents-inner-padding);
  background-color: #1a1a1a;
  border-radius: 0 0 clamp(30px, 3vw, 40px) clamp(30px, 3vw, 40px);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.p-srv-banner {
  width: 100%;
  position: relative;
}
.p-srv-banner .swiper-wrapper {
  padding: 0;
  align-items: end;
}
.p-srv-banner .swiper-slide .pc {
  display: none;
}
.p-srv-banner .swiper-slide img {
  width: 100%;
}
.p-srv-banner-ui {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-xxs);
}
.p-srv-banner-ui .swiper-pagination,
.p-srv-banner-ui .swiper-button-prev,
.p-srv-banner-ui .swiper-button-next {
  margin-block-start: 0;
  position: static;
}
.p-srv-banner-ui .swiper-button-prev,
.p-srv-banner-ui .swiper-button-next {
  width: clamp(40px, 2vw, 48px);
  height: 16px;
  justify-content: start;
}
.p-srv-banner-ui .swiper-button-prev:after,
.p-srv-banner-ui .swiper-button-next:after {
  display: none;
}
.p-srv-banner-ui .swiper-button-prev {
  transform: scale(-1, 1);
}
.p-srv-banner-ui .swiper-pagination {
  width: auto;
  display: flex;
  align-items: center;
  gap: var(--space-xxs);
}
.p-srv-banner-ui .swiper-pagination-bullet {
  background-color: var(--bg-color);
  position: relative;
  opacity: 1;
}
.p-srv-banner-ui .swiper-pagination-bullet:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  border: 1px solid var(--bg-color);
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  box-sizing: border-box;
  opacity: 0;
  transition: var(--hover-animation-speed);
}
.p-srv-banner-ui .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 1;
}
.p-srv-contents {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
}
.p-srv__title {
  margin-block-end: var(--space-xxs);
  display: flex;
  align-items: center;
  gap: clamp(20px, 2vw, 30px);
  line-height: 1;
  color: var(--bg-color);
}
.p-srv__title .jp {
  font-size: clamp(1.25rem, 1.067721519rem + 0.5063291139vw, 1.5rem);
  font-weight: 600;
}
.p-srv__title .en {
  font-size: clamp(0.75rem, 0.6588607595rem + 0.253164557vw, 0.875rem);
  font-weight: 500;
}
.p-srv-icon {
  width: clamp(60px, 6vw, 80px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(81, 69, 239, 0.2);
  border-radius: clamp(5px, 0.5vw, 10px);
  transition: var(--hover-animation-speed);
}
.p-srv-icon svg {
  width: 60%;
  fill: var(--accent-color);
  transition: var(--hover-animation-speed);
}
.p-srv-section {
  width: 100%;
  display: flex;
}
.p-srv-section.investment {
  padding-block: var(--contents-block-padding);
  padding-inline: var(--contents-inner-padding);
  background-color: var(--bg-color);
  border-radius: clamp(5px, 0.5vw, 10px);
  overflow: hidden;
  box-sizing: border-box;
}
.p-srv-section-anchor {
  width: 100%;
  padding-block: var(--contents-block-padding);
  padding-inline: var(--contents-inner-padding);
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-color: var(--bg-color);
  border-radius: clamp(5px, 0.5vw, 10px);
  box-sizing: border-box;
  text-decoration: none;
}
.p-srv-section-anchor:hover .image {
  background-color: var(--accent-color);
}
.p-srv-section-anchor:hover .image svg {
  fill: var(--bg-color);
}
.p-srv-section .wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.p-srv-section__title {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.p-srv-section__title .title {
  font-size: clamp(1rem, 0.635443038rem + 1.0126582278vw, 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
}
.p-srv-section__title .title b {
  font-size: clamp(1.5rem, 1.135443038rem + 1.0126582278vw, 2rem);
  color: var(--text-color);
}
.p-srv-section__title .text {
  font-size: clamp(0.8125rem, 0.7669303797rem + 0.1265822785vw, 0.875rem);
  color: rgba(0, 0, 0, 0.5);
}
.p-srv-section p {
  font-size: clamp(0.875rem, 0.7838607595rem + 0.253164557vw, 1rem);
  font-weight: 400;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.5);
}
.p-srv-inv {
  padding-block: var(--contents-block-padding);
  padding-inline: var(--contents-inner-padding);
  flex-direction: column;
  gap: var(--space-sm);
  background-color: var(--bg-color);
  border-radius: clamp(5px, 0.5vw, 10px);
  overflow: hidden;
}
.p-srv-inv-inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--space-xs);
}
.p-srv-inv-inner .image {
  margin-block-end: var(--space-xs);
}
.p-srv-inv-inner .t-srv-section__title .title {
  font-size: clamp(1.25rem, 1.067721519rem + 0.5063291139vw, 1.5rem);
}
.p-srv-inv-inner .t-srv-section__title .title b {
  display: block;
  font-size: clamp(1.875rem, 1.4193037975rem + 1.2658227848vw, 2.5rem);
}
.p-srv-inv-list {
  padding: 0;
  border-block-start: 1px solid rgba(0, 0, 0, 0.15);
  list-style: none;
}
.p-srv-inv-list li {
  border-block-end: 1px solid rgba(0, 0, 0, 0.15);
}
.p-srv-inv-list li a {
  padding-block: var(--space-xxs);
  display: grid;
  grid-template-columns: 36px 1fr clamp(40px, 2vw, 48px);
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}
.p-srv-inv-list li a .icon {
  width: 36px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(81, 69, 239, 0.2);
  border-radius: 5px;
  transition: var(--hover-animation-speed);
}
.p-srv-inv-list li a .icon svg {
  width: 50%;
  fill: var(--accent-color);
  transition: var(--hover-animation-speed);
}
.p-srv-inv-list li a:hover .icon {
  background-color: var(--accent-color);
}
.p-srv-inv-list li a:hover .icon svg {
  fill: var(--bg-color);
}
.p-srv-inv-project-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-srv-inv-project-header .title {
  padding-block: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.p-srv-inv-project-header .title svg {
  width: 16px;
}
.p-srv-inv-project-header .title .name {
  font-size: 1.25rem;
  font-weight: 500;
}
.p-srv-inv-project-header .title .number {
  height: 20px;
  padding-inline: 10px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: 400;
  box-sizing: border-box;
}
.p-srv-inv-project-header .ui {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
}
.p-srv-inv-project-header .ui .project-prev {
  transform: scale(-1, 1);
}
.p-other {
  margin-block-start: calc(clamp(30px, 3vw, 40px) * -1);
  padding-inline: var(--contents-inner-padding);
  padding-block: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  background-color: var(--bg-color);
  border-radius: 0 0 clamp(30px, 3vw, 40px) clamp(30px, 3vw, 40px);
  overflow: hidden;
}
.p-other__title {
  width: 100%;
  display: flex;
  flex-direction: column;
  line-height: 1.4;
}
.p-other__title .jp {
  font-size: clamp(1.25rem, 1.067721519rem + 0.5063291139vw, 1.5rem);
  font-weight: 600;
}
.p-other__title .en {
  font-size: clamp(0.75rem, 0.7044303797rem + 0.1265822785vw, 0.8125rem);
  font-weight: 500;
}
.p-co {
  padding-block: var(--space-sm);
  padding-inline: var(--contents-inner-padding);
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  gap: var(--contents-block-padding);
}
.p-co-list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
}
.p-co-list li a {
  height: clamp(48px, 5vw, 64px);
  padding-inline: clamp(20px, 3vw, 30px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bg-color);
  border-radius: 5px;
  font-size: clamp(0.875rem, 0.7838607595rem + 0.253164557vw, 1rem);
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: var(--hover-animation-speed);
}
.p-co-list li a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.p-press {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
}
.p-press-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
}
.p-press-category {
  width: calc(100% + var(--contents-block-padding));
  padding: 0;
  display: flex;
  align-items: center;
  gap: var(--space-xxs);
  list-style: none;
  overflow-x: scroll;
}
.p-press-category li a {
  height: 32px;
  padding: 15px;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  transition: var(--hover-animation-speed);
}
.p-press-category li a:hover, .p-press-category li a.current {
  background-color: var(--text-color);
  color: var(--bg-color);
}
.p-press-list {
  padding: 0;
  list-style: none;
}
.p-press-list a {
  padding-block: clamp(20px, 2vw, 30px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
  row-gap: 5px;
  text-decoration: none;
}
.p-press-list a .date {
  font-size: 0.9375rem;
}
.p-press-list a .category {
  height: clamp(26px, 2vw, 30px);
  padding-inline: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: clamp(13px, 1vw, 15px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: clamp(0.75rem, 0.7044303797rem + 0.1265822785vw, 0.8125rem);
  box-sizing: border-box;
  transition: var(--hover-animation-speed);
}
.p-press-list a p {
  width: 100%;
  font-size: clamp(1rem, 0.817721519rem + 0.5063291139vw, 1.25rem);
  font-weight: 500;
  line-height: 1.4;
  text-decoration: underline;
}
.p-press-list a .c-icon-arrow {
  display: none;
}
.p-press-list a:hover .category {
  background-color: var(--text-color);
  color: var(--bg-color);
}
.p-press-list a:hover p {
  text-decoration: none;
}
.p-recruit a {
  padding-block-start: 5px;
  display: flex;
  flex-direction: column;
  background-color: #005be5;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
}
.p-recruit-image {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 5px;
}
.p-recruit-image .wrap {
  display: flex;
  column-gap: 5px;
}
.p-recruit-image .wrap .list {
  display: flex;
  gap: 5px;
  padding-inline: 0;
  list-style: none;
  animation: inline-scroll 80s infinite linear 0.5s both;
}
.p-recruit-image .wrap .list li {
  min-width: 30vw;
  aspect-ratio: 1/1;
  border-radius: 10px;
  overflow: hidden;
}
.p-recruit-image .wrap.reverse .list {
  animation-direction: reverse;
}
.p-recruit-inner {
  padding-block: var(--space-sm);
  padding-inline: var(--space-xxs);
  display: flex;
  justify-content: center;
}
.p-recruit-inner .inner {
  min-width: 280px;
  width: 40vw;
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: var(--space-xs);
}
.p-recruit-inner .c-button {
  border-color: var(--bg-color);
  color: var(--bg-color);
}
a:hover .p-recruit-inner .c-button {
  border-color: var(--bg-color);
  background-color: var(--bg-color);
  color: #005be5;
}
a:hover .p-recruit-inner .c-button .c-icon-arrow {
  background-color: #005be5;
}
a:hover .p-recruit-inner .c-button .c-icon-arrow svg {
  fill: var(--bg-color);
}

@media screen and (min-width: 768px) {
  .p-srv-banner .swiper-slide .pc {
    display: block;
  }
  .p-srv-banner .swiper-slide .sp {
    display: none;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv {
    box-sizing: border-box;
  }
  .p-kv-inner {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .p-kv-copy span {
    border-block-end-width: 2px;
  }
  .p-kv-copy span:after {
    height: 2px;
    bottom: 2px;
  }
  .p-kv-copy .tbr {
    display: none;
  }
  .p-kv-list {
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: var(--space-xxs);
  }
  .p-kv-list-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .p-kv-list-wrap .item {
    display: flex;
  }
  .p-kv-list-wrap .item a {
    width: 100%;
  }
  .p-kv-list-wrap .item.investment {
    grid-area: 1/1/6/3;
  }
  .p-kv-list-wrap .item.investment a {
    aspect-ratio: 1/1;
    justify-content: start;
  }
  .p-kv-list-wrap .item.development {
    grid-area: 1/3/3/5;
  }
  .p-kv-list-wrap .item.management {
    grid-area: 3/3/5/5;
  }
  .p-kv-list-wrap .item.development .icon, .p-kv-list-wrap .item.management .icon {
    margin-block-end: auto;
    grid-area: 1/1/2/2;
  }
  .p-kv-list-wrap .item.development .title, .p-kv-list-wrap .item.management .title {
    grid-area: 2/1/3/3;
  }
  .p-kv-list-wrap .item.development .title span, .p-kv-list-wrap .item.management .title span {
    display: inline;
  }
  .p-kv-list-wrap .item.development .c-icon-arrow, .p-kv-list-wrap .item.management .c-icon-arrow {
    grid-area: 2/3/3/4;
  }
  .p-kv-list-wrap .item.libstore a, .p-kv-list-wrap .item.support a {
    align-items: center;
  }
  .p-kv-list-wrap .item.libstore {
    grid-area: 5/3/6/4;
  }
  .p-kv-list-wrap .item.support {
    grid-area: 5/4/6/5;
  }
  .p-srv-contents {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
  }
  .p-srv__title {
    grid-area: 1/1/2/3;
  }
  .p-srv-section.t-srv-inv {
    grid-area: 2/1/3/3;
  }
  .p-srv-section.u-size-s a {
    display: grid;
    grid-template-columns: clamp(60px, 6vw, 80px) 1fr clamp(40px, 2vw, 48px);
    align-items: center;
  }
  .p-srv-inv {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, auto);
    align-items: end;
    column-gap: var(--space-xxs);
    row-gap: var(--space-sm);
  }
  .p-srv-inv-inner {
    grid-area: 1/1/2/7;
  }
  .p-srv-inv-list {
    grid-area: 1/9/2/13;
  }
  .p-srv-inv-project {
    grid-area: 2/1/3/13;
  }
  .p-co {
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: var(--space-xxs);
  }
  .p-co-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-xxs);
  }
  .p-co-list li a {
    width: 100%;
    height: auto;
    padding: clamp(20px, 3vw, 30px);
    aspect-ratio: 16/9;
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .p-co-list li a .c-icon-arrow {
    align-self: end;
  }
  .p-press {
    display: grid;
    grid-template-columns: var(--grid-column-guide);
    grid-template-rows: 1fr auto;
    gap: var(--space-xxs);
    align-items: start;
  }
  .p-press .p-other__title {
    grid-area: 1/1/2/3;
  }
  .p-press-inner {
    grid-area: 1/4/3/13;
  }
  .p-press .button {
    grid-area: 2/1/3/3;
  }
  .p-press .button .c-button {
    max-width: 240px;
  }
  .p-press-category {
    width: 100%;
  }
  .p-press-list a {
    display: grid;
    grid-template-columns: auto 120px 1fr clamp(40px, 2vw, 48px);
    gap: var(--space-xs);
  }
  .p-press-list a .c-icon-arrow {
    display: flex;
  }
  .p-recruit a {
    width: 100%;
    height: calc(320px + 15vw);
    aspect-ratio: 16/6;
    padding-block: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  .p-recruit-image {
    height: calc(320px + 15vw);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    padding-inline: clamp(20px, 3vw, 30px);
  }
  .p-recruit-image .wrap {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  .p-recruit-image .wrap .list {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    animation: inline-scroll-y 80s infinite linear 0.5s both;
  }
  .p-recruit-image .wrap .list li {
    min-width: auto;
  }
  .p-recruit-inner .inner {
    min-width: 0;
    width: 30vw;
  }
  .p-recruit-inner .c-button {
    border-color: var(--bg-color);
    color: var(--bg-color);
  }
}
@media screen and (min-width: 1366px) {
  .p-kv-list-wrap .item.libstore a, .p-kv-list-wrap .item.support a {
    display: grid;
    grid-template-columns: clamp(36px, 4vw, 60px) 1fr clamp(48px, 6vw, 64px);
    align-items: center;
  }
  .p-kv-list-wrap .item.libstore .c-icon-arrow, .p-kv-list-wrap .item.support .c-icon-arrow {
    display: flex;
  }
}

@keyframes inline-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes inline-scroll-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
/* --------------------------------- */
/* --------------------------------- */