@charset "UTF-8";

/* =====================
  MV
===================== */
.mv {
  background-image: url("/assets/img/news/bg.png");
}

.mv::after {
  background-image: url("/assets/img/news/mv.png");
}

/* =====================
  お知らせ一覧
===================== */
.article[data-id='1'] {
  padding-top: 96px;
  padding-bottom: 120px;
}

.news-wrap {
  margin-top: 90px;
  padding-inline: 70px;
}

/*アコーディオン全体*/

.accordion-area section {
  border-bottom: 1px solid #ccc;
}

.accordion-area section:first-child {
  border-top: 1px solid #ccc;
}

/* ==== アコーディオンタイトル ==== */
/*日付とタグ*/
.date-wrap {
  display: flex;
  align-items: center;
  gap: 21px;
}

.date-wrap .date {
  font-size: 14px;
  color: #898c94;
}

.date-wrap .tag {
  width: 56px;
  height: 17px;
  font-size: 12px;
  line-height: 1;
  color: #002a87;
  padding: 2px;
  border: solid 1px #002a87;
}

.title-wrap .news-title {
  margin-top: 13px;
}

/*アイコンの＋と×*/
.title-wrap {
  position: relative;
  cursor: pointer;
  padding-block: 40px;
  padding-inline: 14px 40px;
}

.title-wrap::after {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/img/common/arrow_b.png");
  width: 16px;
  height: 16px;
  position: absolute;
  top: 45%;
  right: 40px;
  transition: all .5s ease;
  transform: translateY(-50%) rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/
.title-wrap.close {
  padding-block: 36px 15px;
}

.title-wrap.close::after {
  transform: translateY(-50%) rotate(-90deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;
  /*はじめは非表示*/
  padding-inline: 14px 40px;
  padding-bottom: 28px;
}