@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 320px) {
  /* スマホ用レイアウト 320px以上の範囲に収めるデザインはこの中に記述 */

  /* メニュー不透明度 */
  .header .nav-item.item-06 a {
    opacity: 0.6;
  }
  .nav-group__list .nav-item.item-06 a {
    opacity: 0.6;
  }
  /*==============================================================
    　　お知らせ（一覧）
  ==============================================================*/
  .con-bg {
    background-color: var(--color-bg-white);
    padding: 30px 30px 50px;
    margin: 0 18px 40px;
    border-radius: 20px;
    margin-bottom: 80px;
  }

  /*======== news-card ========*/
  .news-list {
    border-top: solid 1px #cccccc;
  }

  .news-card a {
    display: inline-block;
    border-bottom: solid 1px #cccccc;
    width: 100%;
    padding: 15px;
    line-height: 1.8;
    font-weight: 500;
    font-size: 15px;
  }

  .news-card__title {
    margin-bottom: 4px;
  }

  .news-card__date {
    font-weight: 600;
    color: var(--color-text-sub);
  }

  /*==============================================================
    　　お知らせ（詳細）
  ==============================================================*/
  .news-detail__title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.6;
  }

  .news-detail__date {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-sub);
  }

  .content {
    font-size: 15px;
    line-height: 1.6;
    margin: 40px 0 70px;
    font-weight: 500;
  }

  .news-all__btn {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
  }

  .news-all__btn a {
    border-bottom: solid 1px var(--color-line-item);
  }

  .news-link a {
    color: var(--color-text-sub);
  }

}


@media screen and (min-width: 640px) {
  /* タブレット用レイアウト 640px以上の範囲に収めるデザインはこの中に記述 */
  /*==============================================================
    　　TB_お知らせ（一覧）
  ==============================================================*/
  .con-bg {
    padding: 50px 50px 60px;
    margin: 0 82px 100px;
    border-radius: 50px;
  }

  /*======== news-card ========*/
  .news-card a {
    font-size: 18px;
    padding: 20px;
  }

  .news-card__title {
    margin-bottom: 2px;
  }

  .news-card__date {
    font-size: 17px;
  }

  /*==============================================================
    　　TB_お知らせ（詳細）
  ==============================================================*/
  .news-detail__title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .news-detail__date {
    font-size: 18px;
  }

  .content {
    font-size: 16px;
    margin: 60px 0 80px;
  }

}


@media screen and (min-width: 1024px) {
  /* パソコン用レイアウト 1024px以上の範囲に収めるデザインはこの中に記述 */
  /*==============================================================
    　　PC_お知らせ（一覧）
  ==============================================================*/
  .con-bg {
    padding: 80px 80px 90px;
    margin: 0 118px 150px;
    border-radius: 50px;
  }

  /*======== news-card ========*/
  .news-card a {
    padding: 24px 20px;
  }

  /*==============================================================
    　　PC_お知らせ（詳細）
  ==============================================================*/
  .news-detail__title {
    font-size: 34px;
    margin-bottom: 24px;
    line-height: 1.7;
  }

  .news-detail__date {
    font-size: 20px;
  }

  .content {
    font-size: 17px;
    margin: 70px 0 120px;
  }

  .news-all__btn {
    font-size: 17px;
  }

}


@media screen and (min-width: 1400px) {
  /* PC全画面用レイアウト 1400px以上の範囲に収めるデザインはこの中に記述 */
  /*==============================================================
    　　PC-gib_お知らせ（一覧）
  ==============================================================*/
  .con-bg {
    max-width: 1080px;
    margin: 0 auto 150px;
  }

  /*==============================================================
    　　PC-big_お知らせ（詳細）
  ==============================================================*/
  .news-detail__title {
    font-size: 38px;
    margin-bottom: 24px;
  }

  .news-detail__title[data-slug="20260428-02"] {
    max-width: 860px;
  }

  .news-detail__date {
    font-size: 20px;
  }

  /*======== アニメーション ========*/
  .news-all__btn a {
    transition: all .5s;
  }

  .news-all__btn a:hover {
    opacity: 0.6;
  }





}