@charset "UTF-8";

.second-mv {
  margin-bottom: 13.866666666666667vw;
  position: relative;
  content: '';
  background-image: url(../../img/news/mv-sp.png);
  background-size: cover;
  width: 100%;
  height: 60vw;
}

.second-mv .catch {
  position: absolute;
  top: 27.733333333333334vw;
  left: 5.333333333333333vw;
  color: var(--white);
}

.second-mv .catch .en {
  font-size: 9.333333333333334vw;
  line-height: 1;
}

.second-mv .catch .ja {
  font-size: 4vw;
  font-weight: bold;
}

.second-mv .bread {
  color: var(--white);
  position: absolute;
  bottom: 2.1333333333333333vw;
  right: 5.333333333333333vw;
}

.second-mv .bread ul {
  display: flex;
}

.second-mv .bread ul .before {
  display: flex;
  align-items: center;
}

.second-mv .bread ul .before::after {
  content: '>';
  padding-inline: 8px;
}

/* content */
.news .h2 {
  margin-bottom: 8.533333333333333vw;
}

/*アコーディオン全体*/
.accordion-area {
  list-style: none;
  margin: 0 auto;
}

.accordion-area li {
  padding: 6.4vw 5.333333333333333vw;
  border-bottom: 1px solid var(--lightgray);
  border-top: 1px solid var(--lightgray);
  line-height: 1.8;
}

/*アコーディオンタイトル*/
.news-title {
  position: relative; /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  transition: all 0.5s ease;
}

/*アイコンの＋と×*/
.news-title::before,
.news-title::after {
  position: absolute;
  content: '';
  width: 5.333333333333333vw;
  height: 3px;
  background-color: var(--red);
}
.news-title::before {
  top: 48%;
  right: 0;
  transform: rotate(0deg);
}
.news-title::after {
  top: 48%;
  right: 0;
  transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/

.news-title.close::before {
  transform: rotate(0deg);
}

.news-title.close::after {
  display: none;
}

/*アコーディオンで現れるエリア*/
.news-box {
  display: none; /*はじめは非表示*/
  padding-top: 3.2vw;
}
.news-title .date {
  font-size: 4vw;
  color: var(--red);
  margin-bottom: 1.0666666666666667vw;
  font-weight: 400;
}
.news-title .text {
  font-weight: bold;
}
.news .footer .h2 {
  margin-bottom: 0;
}