@charset "UTF-8";
#mv-area {
  height: initial;
  aspect-ratio: 15 / 8;
}
#mv-area::before {
  background-image: url("/corporate/images3/top/main_sp.jpg");
}
#mv-jap {
  font-size: 2.4rem;
}
/**********************************/
.top-surround {
  padding-top: 6rem;
}
.top-wrap {
  padding: 0 1.5rem;
}
.top-main-links {
  flex-direction: column;
  gap: 0;
}
.top-main-links.mb {
  margin: 0 0 6rem;
}
.top-main-links li {
  margin-bottom: 4rem;
  max-width: 100%;
}

.top-main-links li:last-child {
  margin-bottom: 0;
}

.top-main-text h2 {
  font-size: 1.8rem;
}
.top-main-text h2.blank-icon::after {
  width: 1rem;
  margin: 0 0 0.4rem 0.4rem;
}
/* ----------------------------------------
.c-generic-link
---------------------------------------- */
.c-generic-link {
  width: 28rem;
}
.c-generic-link a {
  min-height: 6.4rem;
}
.network-whole {
  /* height: 47rem; */
  height: auto;
}
.network-whole::before {
  /*background-size: contain;*/
  background-image: url(/corporate/images3/top/network-bg_sp.png);
}
.network-area {
  padding: 6rem 3rem;
}
.network-box {
  max-width: none;
  height: auto;
  /* padding: 6rem 2rem; */
  padding: 6rem 1.5rem;
}
.network-net {
  font-size: 1rem;
}
.network-slogan {
  font-size: 1.8rem;
}
.network-text {
  font-size: 1.4rem;
  margin-bottom: 2.5rem;
}
.network-list {
  flex-direction: column;
}
.network-list li {
  border-right: none;
  margin: 0 0 3rem;
}
.network-list li:last-child {
  margin: 0;
}
.network-list li a {
  margin: 0;
}
.network-wrap {
  margin-bottom: 6rem;
}
/* ----------------------------------------
.c-topics
---------------------------------------- */
.c-topics {
  padding: 6rem 0 6rem;
  margin-top: 6rem;
}
.c-topics h2 {
  font-size: 1.8rem;
}

.c-topics ul {
  gap: 3rem 1.5rem;
  margin: 4rem 0 0 0;
}

.c-topics ul li {
  width: calc((100% - 1.5rem) / 2);
}

.c-topics ul li a .head {
  margin-top: 1rem;
}
.c-topics ul li a.blank .head::after {
  width: 0.8rem;
  translate: 0.4rem -0.3rem;
}
.c-topics ul li .description {
  margin-top: 1rem;
  font-size: 1.2rem;
}
.c-topics .c-more-button {
  margin-top: 4rem;
}

.c-topics button {
  /*margin-top: 5rem;*/
  margin-top: 0;
}
.c-topics button.is-active {
  margin-top: 5rem;
}