@charset "UTF-8";
/* Custom styles for TOMOCREATE */

/* ページ全体の余白リセット＋基本フォント */
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* セクションの上下余白（共通） */
section {
  padding: 60px 0;
}

/* ─────────────────────────────
   HERO（ヘッダーの背景画像）
   header class="hero-cta" に適用
   ───────────────────────────── */
.hero-cta {
  background-image: url("../images/bg_01.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 160px 0;
  margin-top: 0;
  color: #fff;
}

.hero-cta h1,
.hero-cta p {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* ─────────────────────────────
   NAVBAR（黒い帯）
   ───────────────────────────── */
.navbar {
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ロゴ画像の調整（余計な余白やズレを防ぐ） */
.navbar-brand img {
  display: block;
  height: 30px;   /* 好きなサイズに調整OK（32〜48あたりが現実的） */
  width: auto;
}

/* 右側のリンク（青枠なし・静かな白リンク） */
.nav-clean {
  color: #fff;
  text-decoration: none;
  padding: 0.25rem 0;
}

.nav-clean:hover {
  color: #ddd;
}

.nav-clean:focus,
.nav-clean:active {
  outline: none;
  box-shadow: none;
}