@charset "UTF-8";
/* =======================================
   index_tablet.css
   breakpoint: 768px〜
   role: index.css の上書き専用
======================================= */

/* =========================
   Tablet（768px〜）
========================= */
@media (min-width: 768px) {

	
	
/*セクション幅*/
.section-inner {
    width: 70%;
  }

/* =======================================
   HERO：写真エリア
======================================= */

/* 写真キャンバスを少し広げる */
 .hero_photos {
   height: 360px;
   max-width: 640px;
 }

 /* 中央（若者集合）をやや大きく */
 .hero_photo--pc {
   width: 42%;
   left: 24%;
   top: 40px;
 }

 /* 左（子供笑顔）を少し下げて余白確保 */
 .hero_photo--big {
   width: 32%;
   top: 210px;
   left: -6px;
 }

 /* 右（スマッシュ）を少し外へ */
 .hero_photo--small {
   width: 26%;
   top: 95px;
   right: -6px;
 }

 /* 大会概要ボタン：写真と被らないよう微調整 */
 .attend {
   top: 230px;
   left: 75%;
 }

/* =======================================
   HERO：テキスト
======================================= */
	
/* シャトル：白 + ぽよぽよ */
.hero_txt .catch img{
    width: 50px;
    margin-bottom: 12px;
}

/* キャッチコピー */
.hero_txt .catch h1{
    font-size: 30px;
    font-weight: 700;
}	
	
/* 本文（太さ500） */
.hero_txt .section-inner p{
    margin: 0;
    font-size: 20px;
    line-height: 1.9;

}

	
/* ===== SECTION: 共通（シャトルとタイトル） ===== */

/* シャトルアイコン */
.section-inner .title img {
    width: 40px;
    margin-bottom: 12px;
}
	
/*タイトル*/
.section-inner .title h2 {
    font-size: 24px;
}

/*本文*/
.section-inner .title p {
    font-size: 18px;
}
	
/* ===== SECTION: お知らせ（tablet） ===== */

/* リスト全体の可読幅を制限 */
#info ul {
  max-width: 680px;
  margin: 0 auto;
}

/* 1行全体の高さを少しゆったり */
#info ul .list-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 要項／結果ラベル */
#info ul .info-link .frame {
  font-size: 13px;
}

/* タイトル文字 */
#info ul .info-link .title {
  font-size: 16px;
  line-height: 1.6;
}

/* NEW 表示（必要なら少しだけ大きく） */
#info ul .list-item:first-child .title::before {
  font-size: 12px;
}
	
#info ul .info-link {
  align-items: flex-start;
}

	
/* ===== SECTION: 活動内容（tablet 2列） ===== */
#activity .activity-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

/* index.css の「カードを中央寄せするflex」を無効化 */
#activity .activity-cards .card{
  display: block;
  padding-bottom: 0;
}

/* 画像はカード幅いっぱいに */
#activity .activity-cards .card-media{
  display: block;          /* inline-block を解除 */
}

#activity .activity-cards .card-media img{
  width: 100%;
  height: auto;
}

	
/* ===== SECTION: Instagram / LINEリンク（tablet） ===== */
@media (min-width: 768px) {
  .section_instagram .line_link{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* テキストサイズ大きく */
.section_instagram .line_link p{
  font-size: 16px;
  line-height: 1.6;
}
	
}