@charset "UTF-8";
/*=====基本色*/
/*=====不可視設定*/
/*
font-family: 'Noto Sans JP', sans-serif;
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
/*=====マスターウィス*/
/*=====ロゴ*/
.img_logo {
  display: block;
  width: 400px;
  height: auto;
  margin: 172px auto 115px; }

/*=====リードテキスト_画像*/
.txt_lead {
  width: 100%;
  height: auto;
  margin: 0 0 120px; }

/*=====visualナビゲーション*/
.nav_visual {
  display: grid;
  grid-template-columns: repeat(2, 400px);
  justify-content: space-between;
  gap: 70px 0;
  width: 894px;
  list-style: none;
  font-weight: 900;
  font-size: 3.35rem;
  text-align: center;
  white-space: nowrap;
  margin: 0 auto 110px; }
  .nav_visual a {
    display: block;
    width: auto;
    color: inherit;
    text-decoration: none; }
  .nav_visual span {
    display: block;
    width: auto;
    margin: 12px 0 0; }
  .nav_visual .is_mart,
  .nav_visual .is_route,
  .nav_visual .is_forest {
    background-position: center center;
    background-size: auto 3.1rem;
    text-indent: -9999px; }
  .nav_visual .is_mart {
    background-image: url(../images/top/txt_nav_mart.svg); }
  .nav_visual .is_route {
    background-image: url(../images/top/txt_nav_route.svg); }
  .nav_visual .is_forest {
    background-image: url(../images/top/txt_nav_forest.svg); }

/*=====ワークショップ＆イベントMAP*/
.section_map {
  width: auto;
  margin: 0 auto 110px; }
  .section_map h2 {
    width: auto;
    height: 40px;
    background-image: url(../images/top/ttl_map.svg);
    background-size: contain;
    background-position: center center;
    text-indent: -9999px;
    margin: 0 0 35px; }
  .section_map .grid_map {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 625px;
    gap: 70px;
    width: auto;
    margin: 0 0 115px; }
    .section_map .grid_map .list_map {
      order: 1;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      height: 1000px;
      list-style: none; }
      .section_map .grid_map .list_map a:hover {
        opacity: 0.8; }
      .section_map .grid_map .list_map img {
        width: 100%;
        height: auto;
        object-fit: contain; }
    .section_map .grid_map .img_map {
      order: 2; }
  .section_map .section_sponser {
    width: auto;
    font-size: 1.48rem;
    text-align: center; }
    .section_map .section_sponser h3 {
      margin: 0 0 8px; }
    .section_map .section_sponser ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: auto;
      list-style: none;
      font-weight: 500;
      margin: 0 0 10px; }
      .section_map .section_sponser ul li:not(:last-child):after {
        content: "／"; }
    .section_map .section_sponser p {
      font-weight: 900;
      font-size: 2rem; }

/*=====レスポンシブ対応（ブレークポイント 600px） =====*/
@media screen and (max-width: 600px) {
  /* イメージ */
  img {
    max-width: 100%;
    height: auto; }

  /*=====ロゴ*/
  .img_logo {
    width: 60%;
    margin: 80px auto 60px; }

  /*=====リードテキスト_画像*/
  .txt_lead {
    margin: 0 0 80px; }

  /*=====visualナビゲーション*/
  .nav_visual {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    gap: 20px 0;
    width: auto;
    list-style: none;
    font-weight: 900;
    font-size: 3.4vw;
    margin: 0 auto 110px; }
    .nav_visual span {
      display: block;
      width: auto;
      margin: 8px 0 0; }
    .nav_visual .is_mart,
    .nav_visual .is_route,
    .nav_visual .is_forest {
      background-size: contain;
      background-size: auto 3.3vw; }

  /*=====ワークショップ＆イベントMAP*/
  .section_map {
    width: auto;
    margin: 0 auto 60px; }
    .section_map h2 {
      height: 5vw;
      background-image: url(../images/top/ttl_map_sp.svg);
      margin: 0 0 10px; }
    .section_map .grid_map {
      grid-template-columns: auto;
      gap: 30px 0;
      width: auto;
      margin: 0 0 45px; }
      .section_map .grid_map .list_map {
        display: block;
        height: auto;
        margin: 0; }
        .section_map .grid_map .list_map li img {
          width: 80%;
          height: auto;
          margin: 10px 0; }
        .section_map .grid_map .list_map a:hover {
          opacity: 1; }
    .section_map .section_sponser {
      width: auto;
      font-size: 1.1rem; }
      .section_map .section_sponser p {
        font-size: 1.3rem; } }