@charset "utf-8";

/*------------------------------------------
 *  共通（仮）
 *------------------------------------------*/
/*------------------------------------------
 *  青色アイコン
 *------------------------------------------*/
.c-blue-icon {
  fill: var(--color-font-btn);
}

/*------------------------------------------
 *  青色枠BOX
 *------------------------------------------*/
.c-blue-shadow-box {
  background: #fff;
  box-shadow: 0px 0px 12px rgba(26, 162, 255, 0.21);
}

/*------------------------------------------
 *  お知らせページ（index）
 *------------------------------------------*/
.p-sub-news {
  margin-top: calc(60/16*1rem);
}
.p-sub-news__item {
  padding: calc(36/16*1rem) calc(30/16*1rem);
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(20/16*1rem);
}
.p-sub-news__item + .p-sub-news__item {
  margin-top: calc(50/16*1rem);
}
.p-sub-news__date {
  font-size: calc(18/16*1rem);
  line-height: calc(30/18);
}
.p-sub-news__ttl {
  margin-top: calc(30/16*1rem);
  font-weight: 600;
  font-size: calc(22/16*1rem);
  line-height: calc(30/18);
}
.p-sub-news__txt {
  margin-top: calc(20/16*1rem);
  font-size: calc(16/16*1rem);
  line-height: calc(30/16);
}
.p-sub-news__link a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.p-sub-news__link a:is(:hover,:focus-visible) {
  color: var(--color-font-blue);
}
.p-sub-news__link-txt {
  margin-top: calc(20/16*1rem);
  margin-left: 0.5em;
  font-size: calc(16/16*1rem);
  line-height: calc(30/16);
}
.p-sub-news__window-icon {
  margin-left: 0.5em;
  width: calc(14/16*1rem);
}
.p-sub-news__img {
  text-align: center;
}
.p-sub-news__img img{
  width: 100%;
  max-width: var(--width-max-img);
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-sub-news__pager {
  margin-block: calc(70/16*1rem) calc(130/16*1rem);
}

/* PC */
@media screen and (min-width: 768px) {
  .p-sub-news__item {
    grid-template-columns: 1fr auto;
    gap: calc(40/16*1rem);
  }
  .p-sub-news__contents {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .p-sub-news__img {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .p-sub-news__img img{
    width: calc(300/16*1rem);
    height: auto;
    aspect-ratio: 1/1;
  }
}