@charset "UTF-8";
/**************************************************
* ページ: ACTIVITY REPORT
**************************************************/
.activity-report {
  background: #FFF3E8;
}

.activity-report__header {
  background: url(../img/hedaer_activity.jpg) no-repeat center center/cover;
  margin-top: 0;
}
.activity-report__container {
  padding-top: 30px;
  position: relative;
  z-index: 10;
}

/*------------------------------
topic
------------------------------*/
.topic {
  padding: 130px 0 235px;
  border-bottom: 50px solid #FD790E;
}
@media (max-width: 767px) {
  .topic {
    padding: 50px 0 100px;
    border-bottom: 25px solid #FD790E;
  }
}

.topic__content {
  margin-top: 45px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  padding: 8.3% 5.4%;
}

.topic__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 999px) {
  .topic__wrapper {
    display: block;
  }
}

.topic__image {
  width: 41.5%;
}
@media (max-width: 999px) {
  .topic__image {
    width: 100%;
  }
}

.topic__body {
  width: 55%;
}
@media (max-width: 999px) {
  .topic__body {
    width: 100%;
    margin-top: 30px;
  }
}

.topic__heading {
  font-size: min(2.4rem, 2.6041666667vw);
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .topic__heading {
    font-size: 1.8rem;
  }
}

.topic__text {
  font-size: min(1.6rem, 1.8229166667vw);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 1.8em;
}
@media (max-width: 767px) {
  .topic__text {
    font-size: 1.4rem;
  }
}

.topic__button {
  margin-top: 65px;
}
.topic__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 404px;
  max-width: 100%;
  margin: 0 auto;
  font-size: min(1.8rem, 2.0833333333vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  background: #FD790E;
  border-radius: 43px;
  padding: 1.5em 0;
  font-family: "Oswald", sans-serif;
}
.topic__button a::after {
  display: inline-block;
  content: "";
  background: url(../img/icon_arrow.webp) no-repeat center center/contain;
  width: 1.8em;
  aspect-ratio: 76/17;
}
@media (max-width: 767px) {
  .topic__button {
    margin-top: 30px;
  }
  .topic__button a {
    font-size: 1.4rem;
  }
}

/*------------------------------
media
------------------------------*/
.media {
  padding: 150px 0;
  background: url(../img/media_bg.png) no-repeat center center/cover, #fff;
}
@media (max-width: 767px) {
  .media {
    padding: 70px 0;
  }
}

@media (max-width: 767px) {
  .media__title {
    display: block;
  }
}

@media (max-width: 767px) {
  .media__title--en,
.media__title--ja {
    display: block;
  }
}

@media (max-width: 767px) {
  .media__title--ja {
    margin-left: 0;
    margin-top: 5px;
  }
}

.media__item {
  margin-top: 30px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
.media__item a {
  display: flex;
  padding: 25px 8.5% 24px 30px;
  position: relative;
}
.media__item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.5%;
  transform: translateY(-50%);
  width: 38px;
  aspect-ratio: 76/17;
  background: url(../img/icon_arrow_orange.png) no-repeat center center/contain;
}
.media__item a.is-disabled {
  cursor: unset;
}
@media (hover: hover) {
  .media__item a.is-disabled:hover {
    opacity: 1;
  }
}
.media__item a.is-disabled::after {
  display: none;
}
@media (max-width: 767px) {
  .media__item a {
    display: block;
    padding: 20px 40px 20px 20px;
  }
  .media__item a::after {
    width: 24px;
  }
}

.media__date {
  width: 120px;
  font-size: min(2rem, 2.0833333333vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-family: "Oswald", sans-serif;
}
@media (max-width: 767px) {
  .media__date {
    width: 100%;
    font-size: 1.8rem;
  }
}

.media__heading {
  width: calc(100% - 120px);
  font-size: min(1.8rem, 1.8229166667vw);
  font-weight: 400;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .media__heading {
    width: 100%;
    display: block;
    margin-top: 10px;
    font-size: 1.6rem;
  }
}

.pagination {
  text-align: center;
  font-size: 2rem;
  margin-top: 2em;
}
@media (max-width: 767px) {
  .pagination {
    font-size: 1.6em;
  }
}

.page-numbers {
  margin: 0 0.5em;
}
.page-numbers.current {
  opacity: 0.5;
}
/*# sourceMappingURL=activity-report.css.map */