@charset "UTF-8";
@import url(/css/root.css);
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
.p-news {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%), url(/images/common/bg_pink.jpg) top left/300px repeat;
}
.p-news__list {
  margin-bottom: var(--m50);
}
.p-news__list__row {
  display: block;
  padding-bottom: var(--m25);
  border-bottom: 1px dashed var(--gray03);
}
.p-news__list__row:not(:first-of-type) {
  padding-top: var(--m25);
}
.p-news__list__row__dt {
  font-weight: 400;
  color: var(--gray02);
  font-size: var(--fs14_16);
  transition: all 0.5s;
}
.p-news__list__row__dd {
  font-size: var(--fs14_20);
  transition: all 0.5s;
}

.p-newsDetail {
  margin: var(--m80) 0;
}
.p-newsDetail__title {
  margin-bottom: var(--m32);
}
.p-newsDetail__title__day {
  font-size: var(--fs14_16);
  color: #ccc;
}
.p-newsDetail__title__text {
  font-size: var(--fs18_20);
  color: var(--maincol);
  font-weight: bold;
  padding: 0.5rem var(--m24);
  border-left: var(--maincol) 5px solid;
  border-bottom: var(--maincol) 2px solid;
  background-color: var(--red03);
}
.p-newsDetail__mainImage {
  margin: 0 auto var(--m30);
  max-width: 1000px;
  aspect-ratio: 3/2;
}
.p-newsDetail__mainImage img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.p-newsDetail__textArea {
  margin-bottom: var(--m60);
  padding-bottom: var(--m40);
  border-bottom: 2px solid var(--maincol);
}
.p-newsDetail__textArea__title {
  font-size: var(--fs16_20);
  color: var(--maincol);
  padding: 0.25rem var(--m16);
  border-bottom: var(--maincol) 2px solid;
  margin-bottom: var(--m30);
}
.p-newsDetail__textArea p {
  font-size: var(--fs14_16);
}
.p-newsDetail__button {
  margin-top: var(--m32);
  max-width: 300px;
}
.p-newsDetail__button .c-button__link {
  padding: 6px var(--m35);
}
.p-newsDetail__buttonBack {
  margin: 0 auto;
}

@media all and (min-width: 769px) {
  .p-news__list__row:hover .p-news__list__row__dt,
  .p-news__list__row:hover .p-news__list__row__dd {
    color: var(--maincol);
  }
}