@charset "UTF-8";

:root {
      --base-color: #d7d2d2;
      --accent-blue: #44ddf1;
      --accent-pink: #ff9999;
    }

    body {
      margin: 0;
    }

    /* グローバルナビ */
    .navbar {
      background-color: var(--base-color);
    }

    .navbar-brand {
      font-weight: bold;
    }

    .nav-link {

    }

    .nav-link:hover {
      color: var(--accent-pink);
    }
.navbar-toggler {

}
    /* ヒーロー */
    .hero {
    position: relative;
    background-image: url("../img/top-hero_001.png");
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 56px; /* fixed-top対策 */
    color: #fff;
    }

.hero-text {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4); /* 背景に黒の透過レイヤー */
    padding: 20px;
}
    .hero .btn-primary {
      background-color: var(--accent-blue);
      border: none;
    }

    .hero .btn-primary:hover {
      background-color: var(--accent-pink);
    }