@charset "utf-8";

/* お知らせページ
--------------------------------------------------------- */
.news-area > .inner {
  min-height: 60vh;
}

.list-news > li + li {
  border-top: 1px solid #e2e9ea;
  padding-top: 40px;
  margin-top: 40px;
}

.news-list-wrap {
  display: block;
  color: var(--color-biz-base-text);
  font-size: 16px;
}

.news-list-wrap > .upper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.news-list-wrap .date-news {
  width: 170px;
}

.news-list-wrap .label-news {
  border: 1px solid var(--color-biz-base-text);
  border-radius: 999em;
  padding: 2px 20px;
}

.news-list-wrap > .lower {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}

.news-list-wrap .ttl-news {
  width: calc(100% - 170px);
  font-size: 20px;
  font-weight: bold;
  transition: all 0.2s;
}

/* お知らせリンクホバー */
.news-list-wrap:hover {
  text-decoration: none;
}

.news-list-wrap:hover .ttl-news {
  color: var(--color-biz-blue);
}

/* お知らせ詳細ページ
--------------------------------------------------------- */
.ttl-news-detail {
  font-size: var(--font-biz-size-m);
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 30px;
}

.thum-news {
  width: 60%;
  border-radius: var(--border-biz-radius);
  overflow: hidden;
  margin: 0 auto 50px;
}

.thum-news img {
  display: block;
}

.thum-news.is-wide {
  width: 80%;
}

.thum-news.is-no-radius {
  border-radius: 0;
}

.ttl-news-summary {
  background: var(--color-biz-light-blue);
  font-size: 24px;
  font-weight: bold;
  padding: 10px 20px;
  margin-top: 50px;
  margin-bottom: 10px;
}

.news-summary-tbl {
  flex-wrap: wrap;
}

.news-summary-tbl > dt {
  width: 25%;
  font-weight: bold;
  padding: 25px 20px;
}

.news-summary-tbl > dd {
  width: 75%;
  padding: 25px 0;
}

.news-summary-tbl > dt:not(:nth-of-type(1)),
.news-summary-tbl > dd:not(:nth-of-type(1)) {
  border-top: 1px solid #e2e9ea;
}

.news-speaker-wrap {
  font-size: 14px;
}

.news-speaker-wrap + .news-speaker-wrap {
  margin-top: 45px;
}

.prof-speaker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  margin-bottom: 15px;
}

.prof-speaker > .photo {
  width: 100px;
  height: 100px;
  border-radius: 999em;
  margin-right: 20px;
  overflow: hidden;
}

.prof-speaker > .content {
  width: calc(100% - 120px);
}

.prof-speaker .company {
  margin-bottom: 5px;
}

.prof-speaker .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}