@charset "UTF-8";
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
#container #contents .p-newsList__title {
  grid-gap: var(--m10);
  margin-bottom: var(--m16);
  padding-bottom: var(--m27);
  border-bottom: 3px solid var(--mainblue);
}
#container #contents .p-newsList__list {
  margin-bottom: var(--m50);
}
#container #contents .p-newsList__list__box {
  display: block;
  border-bottom: 2px dotted var(--gray02);
  padding: var(--m25) 0;
  grid-gap: var(--m20);
}
#container #contents .p-newsList__list__box__day {
  font-size: var(--fs14_17);
  font-weight: 600;
  line-height: 1.76;
}

#container #contents .p-newsList__list__box__new {
  font-size: var(--fs14_16);
  color: #fff;
  line-height: 1;
  padding: 0.1em 1em 0.2em;
  border-radius: 100px;
  background-color: var(--red01);
  text-decoration: none;
  display: inline-block;
}
#container #contents .p-newsList__list__box__text {
  font-size: var(--fs14_18);
  font-weight: 400;
  line-height: 1.66;
}
#container #contents a .p-newsList__list__box__day ,
#container #contents a .p-newsList__list__box__text {
  text-decoration: underline;
}
#container #contents .p-newsDetail__day {
  font-size: var(--fs14_19);
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1;
  display: block;
}
#container #contents .p-newsDetail__subTitle {
  font-size: var(--fs18_24);
  color: #fff;
  line-height: 1.56;
  font-weight: bold;
  padding: 0.35em 1em;
  background-color: var(--mainblue);
  margin-bottom: var(--m45);
}
#container #contents .p-newsDetail__image {
  width: 100%;
  max-width: 1000px;
  aspect-ratio: 10/7;
  margin: 0 auto var(--m45);
}
#container #contents .p-newsDetail__image img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#container #contents .p-newsDetail__catch {
  font-size: var(--fs18_24);
  color: var(--mainblue);
  font-weight: 600;
  border-bottom: 3px solid var(--mainblue);
  padding-bottom: var(--m16);
  margin-bottom: var(--m35);
}
#container #contents .p-newsDetail__inner * {
  all: revert;
  margin-bottom: var(--m45);
}
#container #contents .p-newsDetail__buttonArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: var(--m8_12) 5%;
}
#container #contents .p-newsDetail__buttonArea .c-button {
  margin: 0;
  width: 45%;
}
#container #contents .p-newsDetail__buttonArea .c-button:nth-of-type(2) .c-button__link::after {
  content: unset;
}
#container #contents .p-newsDetail__buttonArea .c-button.prev, #container #contents .p-newsDetail__buttonArea .c-button.next {
  width: 22.5%;
  max-width: 200px;
}
#container #contents .p-newsDetail__buttonArea .c-button.prev .c-button__link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#container #contents .p-newsDetail__buttonArea .c-button.prev .c-button__link::after {
  right: unset;
  left: 5%;
  transform: translateY(-50%) rotate(-180deg);
}
#container #contents .p-newsDetail__buttonArea .c-button.next .c-button__link {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (min-width: 769px) {
  #container #contents .p-newsList__list__box {
    transition: all 0.5s;
  }
  #container #contents .p-newsList__list__box__day, #container #contents .p-newsList__list__box__text {
    transition: all 0.5s;
  }
  #container #contents a.p-newsList__list__box:hover {
    background-color: var(--blue03);
  }
  #container #contents a.p-newsList__list__box:hover .p-newsList__list__box__day,
  #container #contents a.p-newsList__list__box:hover .p-newsList__list__box__text {
    color: var(--mainblue);
  }
  #container #contents .p-newsDetail__buttonArea .c-button.prev .c-button__link:hover::after {
    left: 2%;
  }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 600px) {
  #container #contents .p-newsList__list__box__text {
    width: 100%;
  }
  #container #contents .p-newsDetail__buttonArea {
    justify-content: space-between;
  }
  #container #contents .p-newsDetail__buttonArea .c-button:nth-of-type(2) {
    width: 100%;
    max-width: unset;
    order: 1;
  }
  #container #contents .p-newsDetail__buttonArea .c-button.prev, #container #contents .p-newsDetail__buttonArea .c-button.next {
    width: 47.5%;
  }
  #container #contents .p-newsDetail__buttonArea .c-button.prev {
    order: 2;
  }
  #container #contents .p-newsDetail__buttonArea .c-button.next {
    order: 3;
  }
}