/* ヒーロー画像 */
      .hero {
        position: relative;
        background: url("../images/groupPhoto.jpg") center center/cover no-repeat;
        height: 70vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
      }

      .hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(11, 31, 58, 0.6);
      }

      .hero-content {
        position: relative;
        z-index: 2;
      }

      /* 基本情報 */
      .basic-information p {
          color: white;
      }

            /* Instagramリンク */
      .instagram-link {
        color: #E1306C !important;
        font-weight: bold;
        text-decoration: none;
      }

      .instagram-link i {
        margin-right: 5px;
      }

      .instagram-link:hover {
        opacity: 0.8;
      }

      /* 活動場所リンク */
      .basic-information a {
        color: #fff;
        text-decoration: underline;
        font-weight: bold;
      }

      .basic-information a:hover {
        opacity: 0.8;
      }


      /* お知らせカード */
      .news-card {
        background-color: #EEEEEE;
        border-left: 4px solid #c8102e;
        padding: 20px;
        margin-bottom: 20px;
        border-radius: 5px;
        transition: 0.3s;
        display: flex;
        gap: 20px;
        align-items: flex-start;
        flex-direction: row-reverse;
      }

      /* 画像エリア */
      .news-image {
        flex: 0 0 120px;
      }

      .news-image img {
        width: 100%;
        height: auto;
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
      }

      .news-image img:hover {
        opacity: 0.8;
      }

      /* 本文 */
      .news-body {
        flex: 1;
      }

      /* 画像なしの場合 */
      .news-card.no-image .news-image {
        display: none;
      }