@charset "UTF-8";

.mv__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 18px;
  margin-bottom: 18px;
}
.mv__item {
  overflow: hidden;
}
.mv__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .mv__item:hover img {
    filter: grayscale(0%);
  }
}
.mv__item.tall {
  grid-row: span 2;
}

@media screen and (max-width: 767px) {
  .mv__grid {
    gap: 9px;
    grid-template-columns: 1fr 1fr;
  }

}

/* top */
.mv-area__footer {
  background-color: #131313;
  padding: 15px 0;
  text-align: end;
  display: block;
  transition: .3s;
}
@media (hover: hover) and (pointer: fine) {
  .mv-area__footer:hover {
    background-color: #E6141E;
  }
}
.mv-area__footer-text {
  color: #fff;
  font-size: 2rem;
  padding-right: 50px;
}
.link-allow {
  position: relative;

}
.link-allow::after {
  content: " ＞";
  margin-left: 0.25em;
}
@media screen and (max-width: 767px) {
  .top {
    width: 100%;
  }
  .mv-area__footer-text {
    font-size: 1.8rem;
    padding-right: 20px;
  }
}


/* profile */
.profile__container {
  margin-bottom: 85px;
}
.profile__image {
  max-width: 330px;
  margin-bottom: 80px;
}
.profile_name {
  font-size: 2.6rem;
}
.name--english {
  font-size: 1.2rem;
  margin-left: 20px;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 5px;
}
.list-unit--career {
  margin-bottom: 60px;
}
.list-title {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px #131313;
  max-width: 75%;
}
.profile__list-item {
  display: flex;
  margin-bottom: 20px;
}
.list-year {
  margin-right: 37px;
}
.list-year.list-year--2024{
  margin-top: -15px;

  position: relative;
}
.list-year.list-year--2024::after{
  content: '';
  display: inline-block;
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 7px;
  background-color: #000;
}

@media screen and (max-width: 767px) {
  .profile__image {
    width: 64%;
    margin: 0 auto 40px;
  }
  .list-title {
    margin-bottom: 20px;
    max-width: 100%;
  }
  .profile__list-unit {
    padding: 0 8%;
  }
  .list-unit--career {
    margin-bottom: 35px;
  }
}


/* media */
.media {
  color: #fff;
}
.media.section-container {
  background-color: #E6141E;
}
.media__list-item {
  display: flex;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .media__list {
    padding: 0 8%;
  }
}


@media screen and (max-width: 767px) {
  .contact__text {
    font-size: 1.8rem;
    margin-bottom: 50px;
  }
  .contact__office {
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
  .contact__address-container {
    font-size: 1.2rem;
  }
  .contact__info {
    font-size: 1.6rem;
    margin-bottom: 40px;
  }
  .footer__copyright {
    font-size: 1.2rem;
  }
}