@charset "utf-8";

/*=====================================
person_profile.css
=====================================*/

/*-------------------------------------
 section
-------------------------------------*/

/*-------------------------------------
 大臣・副大臣・政務官
-------------------------------------*/
.sectionInner--leadership {
  padding-top: 8rem;
}

.profile__source {
  margin-bottom: 3rem;
}

.separate__area + .separate__area {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid var(--color-gray);
}

/*-------------------------------------
 関連リンク
-------------------------------------*/
.sectionInner--link {
  padding-top: 0;
}

/* 表エリア */
.table__area {
  padding-left: 20px;
}

.info__table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: center;
}

.info__table td,
.info__table th {
  border: 1px solid #252525;
  padding: 12px;
  vertical-align: middle;
}

.header__cell {
  width: 60%;
  background: var(--color-sub);
  font-weight: bold;
}

/* 画像エリア */
.image__area {
  width: 250px;
  margin-bottom: 2rem;
}

.image__photo {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.image__box {
  width: 100%;
  height: 300px;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}

/* 関連リンク */
.listbox {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0 20px;
  border-radius: 6px;
}

.linkbox {
  list-style: none;
  padding-left: 0;
  border-radius: 6px;
}

.linkbox li {
  position: relative;
  padding-left: 15px;
}

/* エリア分割用 */
.separate__area {
  display: grid;
  grid-template-columns: minmax(270px, 7fr) minmax(0, 24fr);
  gap: 4rem;
}

/* プロフィール */
.person__profile {
  gap: 30px;
  padding-left: 20px;
  border-radius: 6px;
}

.profile__item {
  margin-bottom: 10px;
  border-left: 6px solid var(--color-main);
}

.profile__name {
  margin-bottom: 1rem;
  padding-left: 12px;
  font-size: 2rem;
  font-weight: 700;
  text-wrap: balance;
}

.profile__label {
  display: inline-block;
  padding-left: 12px;
  width: 100%;
}

/* 経歴 */
.sectionInner--history {
  padding-top: 0;
}

.history__title {
  margin-bottom: 1.5rem;
  padding-left: 1.2rem;
  border-left: 6px solid var(--color-main);
  font-size: 2.2rem;
}

.history__data {
  display: block;
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px;
  border-radius: 6px;
}

.history__row {
  display: flex;
  margin-bottom: 12px;
}

.history__date {
  width: 160px;
  flex-shrink: 0;
}

.history__text {
  flex: 1;
}

/* ホバー時強調表示 */
.personname,
.relatedlinks {
  text-decoration: none;
}

.personname:hover,
.relatedlinks:hover {
  text-decoration: underline;
}

/* =========== sp =========== */
@media (max-width: 48em) {
  /*-------------------------------------
 section
-------------------------------------*/

  .separate__area {
    display: block;
  }

  .history__date {
    width: 11rem;
  }
}

/* =========== pc =========== */
@media screen and (width > 48em) {
}

/* =========== hover =========== */
@media (hover: hover) and (pointer: fine) {
  .sectionHead__link a:hover,
  .topMainvisual__itemWrap:hover {
    text-decoration: underline;
  }

  .topNotice__list a:hover,
  .topLink__item a:hover,
  .topInfo__itemWrap:hover .topInfo__itemTitle,
  .topTopics__itemWrap:hover,
  .topDisaster__itemTitle a:hover,
  .topAbout__cardList li a:hover {
    text-decoration: none;
  }
}