@charset "UTF-8";
#index {
  /* --------- #side ----------------------- */
  /* --------- #main ----------------------- */
  /* --------- #contents-main ----------------------- */ }
  #index #side .banner li {
    margin-bottom: 10px; }
  #index #main {
    margin: 0 auto 40px auto;
    /* Landscape phones and down */
    /* Landscape phone to portrait tablet */
    /* Portrait tablet to landscape and desktop */
    /* Large desktop */ }
    @media (max-width: 767px) {
      #index #main {
        width: 100%;
        height: 280px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #index #main {
        width: 100%;
        height: 400px; } }
    @media (min-width: 993px) {
      #index #main {
        width: 100%;
        height: 400px; } }
    @media (min-width: 1200px) {
      #index #main {
        width: 1100px;
        height: 400px; } }
    #index #main .swiper-container {
      width: 100%;
      height: 100%; }
    #index #main .swiper-slide {
      text-align: left;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      /* --------- スライド内 基本の設定 ----------------------- */
      /* --------- 各スライドのイメージ ----------------------- */ }
      #index #main .swiper-slide .container {
        padding: 0; }
        #index #main .swiper-slide .container a {
          color: #FFF;
          display: block;
          /* Landscape phone to portrait tablet */ }
          @media (min-width: 768px) and (max-width: 992px) {
            #index #main .swiper-slide .container a {
              padding: 60px; } }
          #index #main .swiper-slide .container a .btn {
            font-size: 100%;
            border: 3px solid rgba(250, 250, 250, 0.5); }
          #index #main .swiper-slide .container a:hover {
            text-decoration: none; }
            #index #main .swiper-slide .container a:hover .btn {
              color: #333;
              background: #FFF; }
        #index #main .swiper-slide .container .title {
          font-weight: bold;
          font-size: 263%;
          display: block;
          line-height: 1.2em;
          margin-bottom: 15px;
          /* Landscape phone to portrait tablet */
          /* Landscape phones and down */ }
          @media (min-width: 768px) and (max-width: 992px) {
            #index #main .swiper-slide .container .title {
              font-size: 179%;
              line-height: 1.5em; } }
          @media (max-width: 767px) {
            #index #main .swiper-slide .container .title {
              font-size: 143%;
              line-height: 1.5em; } }
        #index #main .swiper-slide .container .txt {
          font-size: 115%;
          display: block;
          margin-bottom: 25px;
          /* Landscape phone to portrait tablet */
          /* Landscape phones and down */ }
          @media (min-width: 768px) and (max-width: 992px) {
            #index #main .swiper-slide .container .txt {
              font-size: 100%; } }
          @media (max-width: 767px) {
            #index #main .swiper-slide .container .txt {
              font-size: 93%; } }
      #index #main .swiper-slide#park {
        background: url(../../img_index_new/main_park.png) no-repeat center bottom #706B56;
        background-size: cover;
        /* Landscape phone to portrait tablet */ }
        #index #main .swiper-slide#park a {
          padding-left: 50%; }
        @media (max-width: 992px) {
          #index #main .swiper-slide#park {
            background: url(../../img_index_new/main_park_xs.png) no-repeat center bottom #706B56;
            text-align: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background-size: contain;
            background-position: center bottom; }
            #index #main .swiper-slide#park a {
              padding: 30px 0 0; } }
      #index #main .swiper-slide#pa {
        background: url(../../img_index_new/main_pa.png) no-repeat center bottom #0750B7;
        background-size: cover;
        /* Landscape phone to portrait tablet */ }
        @media (max-width: 992px) {
          #index #main .swiper-slide#pa {
            background: url(../../img_index_new/main_pa_xs.png) no-repeat center bottom #0750B7;
            text-align: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background-size: contain;
            background-position: center bottom; }
            #index #main .swiper-slide#pa a {
              padding: 30px 0 0; } }
      #index #main .swiper-slide#thruway {
        background: url(../../img_index_new/main_thruway.png) no-repeat center bottom #67AFEA;
        background-size: cover;
        /* Landscape phone to portrait tablet */ }
        @media (max-width: 992px) {
          #index #main .swiper-slide#thruway {
            text-align: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background-size: contain;
            background-position: center bottom; }
            #index #main .swiper-slide#thruway a {
              padding: 30px 0 0; } }
      #index #main .swiper-slide#etc {
        background: url(../../img_index_new/main_etc.png) no-repeat center bottom #2E9DEE;
        background-size: cover;
        /* Landscape phone to portrait tablet */ }
        @media (max-width: 992px) {
          #index #main .swiper-slide#etc {
            text-align: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background-size: contain;
            background-position: center bottom; }
            #index #main .swiper-slide#etc a {
              padding: 30px 0 0; } }
      #index #main .swiper-slide#nana {
        background: url(../../img_index_new/main_nana.png) no-repeat center bottom #33A7E2;
        background-size: cover;
        text-align: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        /* Landscape phone to portrait tablet */ }
        #index #main .swiper-slide#nana a {
          padding-top: 30px; }
        @media (max-width: 992px) {
          #index #main .swiper-slide#nana {
            background-size: contain;
            background-position: center bottom; } }
      #index #main .swiper-slide#hoken {
        background: url(../../img_index_new/main_hoken.png) no-repeat center bottom #F8F8F8;
        padding-left: 60%;
        /* Landscape phone to portrait tablet */ }
        @media (min-width: 768px) and (max-width: 992px) {
          #index #main .swiper-slide#hoken {
            padding: 0;
            text-align: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background: url(../../img_index_new/main_hoken_xs.png) no-repeat center bottom #F8F8F8;
            background-size: contain; } }
        @media (max-width: 767px) {
          #index #main .swiper-slide#hoken {
            padding: 30px 0 0;
            text-align: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background: url(../../img_index_new/main_hoken_xs.png) no-repeat center bottom #F8F8F8;
            background-size: contain; } }
        #index #main .swiper-slide#hoken a {
          color: #000; }
          @media (min-width: 768px) and (max-width: 992px) {
            #index #main .swiper-slide#hoken a {
              padding: 30px 0 0; } }
        #index #main .swiper-slide#hoken .btn {
          border: 3px solid rgba(51, 51, 51, 0.5); }
        #index #main .swiper-slide#hoken:hover .btn {
          color: #FFF;
          background: #333; }
    #index #main .swiper-button-prev {
      background: url(../img/i_prev.png) no-repeat;
      width: 50px;
      height: 50px; }
    #index #main .swiper-button-next {
      background: url(../img/i_next.png) no-repeat;
      width: 50px;
      height: 50px; }
  #index #contents-main {
    /* --------- .topics ----------------------- */ }
    #index #contents-main .topics .topics-btn {
      text-align: right;
      font-size: 115%;
      padding: 10px 0;
      /* Landscape phones and down */ }
      @media (max-width: 767px) {
        #index #contents-main .topics .topics-btn {
          text-align: center;
          margin-bottom: 5%; } }
      #index #contents-main .topics .topics-btn a {
        background: url(../img/i_arrow01.png) no-repeat left center;
        padding-left: 20px;
        /* Landscape phones and down */ }
        #index #contents-main .topics .topics-btn a:hover {
          text-decoration: none; }
        @media (max-width: 767px) {
          #index #contents-main .topics .topics-btn a {
            background: #eee;
            border: #e2e2e2 1px solid;
            display: block;
            padding: 5px; }
            #index #contents-main .topics .topics-btn a:before {
              content: url(../img/i_arrow01.png);
              margin-right: 3%; } }
    #index #contents-main .topics .topics-list {
      border: #F3F3F3 1px solid;
      overflow: hidden;
      margin-bottom: 30px;
      /* Landscape phones and down */ }
      @media (max-width: 767px) {
        #index #contents-main .topics .topics-list {
          margin-bottom: 2px; } }
      #index #contents-main .topics .topics-list li:nth-child(odd) {
        background: #F5F5F5; }
      #index #contents-main .topics .topics-list li a {
        display: block;
        padding: 10px 15px;
        width: 100%; }
        #index #contents-main .topics .topics-list li a:hover {
          text-decoration: none; }
          #index #contents-main .topics .topics-list li a:hover .title {
            text-decoration: none; }
        #index #contents-main .topics .topics-list li a.blank {
          background: url(../img/i_blank.png) no-repeat 98% center; }
        #index #contents-main .topics .topics-list li a .date {
          color: #333333;
          display: block; }
        #index #contents-main .topics .topics-list li a .title {
          display: block;
          text-decoration: underline; }

/*　リンク
-----------------------------------*/