/* ===============================
   全体の共通デザイン
================================ */

body {
  margin: 0;
  font-family: "Hiragino Sans", "Yu Gothic", sans-serif;
  background: #f7f7f7;
  color: #333;
}

/* ===============================
   コンテンツレイアウト
================================ */

.content {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

.content > div {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: none;
}

.video-wrap {
  position: relative;
  padding-top: 56.25%;
}

.video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

@media (min-width: 900px) {
  .content {
     max-width: 1200px;
     margin: 50px auto;
     display: block;   /* ← gridを完全にやめる */
  }
}

#intro-video  { grid-area: video; }
#news         { grid-area: news; }