@charset "UTF-8";
/* Scss Document */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/* ==========================================================================
   Top Page Styles
   ========================================================================== */
/* メインビジュアル
   -------------------------------------------------------------------------- */
#mainvisual,
#mainvisuals {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  #mainvisual,
  #mainvisuals {
    max-width: 980px;
  }
}
@media (max-width: 899px) {
  #mainvisual,
  #mainvisuals {
    margin: -30px auto 0;
  }
}
#mainvisual img,
#mainvisuals img {
  width: 100%;
}

/* インデックスナビ（ボタンリスト）
   -------------------------------------------------------------------------- */
#index-nav {
  max-width: 980px;
  width: 100%;
  margin: 40px auto;
}
#index-nav #index-nav-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
}
#index-nav #index-nav-list > li {
  flex: 0 1 auto;
}
#index-nav #index-nav-list > li img {
  width: 100%;
  height: auto;
  display: block;
}
#index-nav #index-nav-list > li {
  margin-left: 0 !important;
}
#index-nav {
  /* モバイル・タブレット対応：899px以下 */
}
@media (max-width: 899px) {
  #index-nav {
    width: 100%;
    margin: 20px auto;
    padding: 0 20px;
  }
  #index-nav #index-nav-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  #index-nav #index-nav-list > li {
    width: calc((100% - 30px) / 3);
    max-width: 140px;
    margin: 0 !important;
  }
  #index-nav #index-nav-list > li img {
    width: 100%;
    height: auto;
  }
  #index-nav #index-nav-list::after {
    content: none;
    display: none;
  }
}

/* ナビタイトル
   -------------------------------------------------------------------------- */
.nav-title {
  font-size: 2.8rem;
  color: #BD2D00;
  margin: 20px 0 0;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 899px) {
  .nav-title {
    font-size: 2rem;
  }
}

/* ==========================================================================
   旧レイアウト・未使用コード（バックアップとして保持）
   ========================================================================== */
/*
@media screen and (min-width:1601px) {
  .main-content {
    position: relative;
    #mainvisual, #mainvisuals {
      width: 100%; margin: 180px auto 120px;
      img { width: 100%; height: auto; }
    }
    .top-news {
      position: absolute;
      margin-left: calc((100% - 980px) / 2);
      bottom: -85px; left: 0; z-index: 1;
      background: #fff; max-width: 690px;
      a { display: block; padding: 30px; 
        .top-news-box { display: flex; dl { margin-left: 20px; dt { font-weight: bold; } } }
      }
    }
  }
}

#container {
  position:relative;
  #mainvisual, #mainvisuals {
    width:100vw; height:calc(100vh - 180px);
    position:absolute; top:0; left:0; margin:0 auto; text-align:center;
    img { object-fit:cover; width:100%; height:calc(100vh - 180px); margin: 0 auto; }
  }
}
*//*# sourceMappingURL=top.css.map */