/* リセット */
* { margin:0; padding:0; box-sizing:border-box; }

body { font-family: 'Noto Sans JP', sans-serif; line-height:1.6; }

/* 固定ヘッダー */
#site-header {
  position: fixed;
  top:0; left:0; width:100%;
  background:#111;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 40px;
  z-index:999;
  transition: all 0.3s ease;
  box-shadow:0 2px 5px rgba(0,0,0,0.2);
}

#site-header .logo { font-weight:bold; font-size:1.5em; letter-spacing:2px; }
#site-header nav a {
  color:#fff;
  text-decoration:none;
  margin-left:20px;
  font-weight:bold;
  transition: color 0.3s;
}
#site-header nav a:hover { color:#f0a500; }

/* ヘッダー下画像 */
.hero-image { margin-top:80px; width:100%; overflow:hidden; }
.hero-image img { width:100%; height:auto; display:block; object-fit:cover; }

/* セクション共通 */
section { padding:40px 20px; max-width:900px; margin:0 auto; }
section h2 {
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 20px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  letter-spacing: 1px;
}

/* ABOUTカード */
.card {
  background:#f9f9f9;
  padding:30px 20px;
  border-radius:6px;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
  text-align:center;
  font-size:1.1em;
  margin-bottom:40px;
}

/* CONTENTリスト */
.checklist {
  list-style:none;
  max-width:600px;
  margin:0;
  padding:0;
}
.checklist li {
  background: #f9f9f9;
  margin-bottom:15px;
  padding:15px 20px 15px 40px;
  border-left:6px solid #f0a500;
  border-radius:6px;
  position:relative;
  font-size:1.1em;
  font-weight:500;
  box-shadow:0 3px 6px rgba(0,0,0,0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.checklist li::before {
  content:"✓";
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:1.2em;
  color:#f0a500;
  font-weight:bold;
}
.checklist li:hover {
  transform:translateX(5px);
  box-shadow:0 5px 12px rgba(0,0,0,0.2);
}

/* アクセス iframe */
iframe { width:100%; height:400px; border:0; margin-bottom:40px; }

/* テーブル */
table { width:100%; border-collapse:collapse; margin-bottom:40px; }
th, td { padding:10px; border:1px solid #ddd; text-align:left; }
th { background:#f5f5f5; }
td { background:#fff; }

/* 固定ヘッダー縮小 */
.shrink { padding:10px 40px !important; box-shadow:0 3px 8px rgba(0,0,0,0.3); }

/* スムーズスクロール */
html { scroll-behavior:smooth; }

@copy{
font-size: 1em;
text-align:center;
}

/* レスポンシブ */
@media(max-width:768px){
  #site-header { flex-direction:column; align-items:flex-start; padding:15px 20px; }
  #site-header nav { margin-top:10px; }
  #site-header nav a { margin-left:0; margin-right:15px; display:inline-block; }
  section { padding:30px 15px; }
  iframe { height:250px; }
  .hero-image img { max-height:300px; object-fit:cover; }
  section h2 {font-size: 1em;}
}