footer#footer {
  background: white;
}

#content {
  margin-top: 110px;
  background: black;
}
  #content img {
    width: 100%;
  }
  #content a {
    opacity: 1;
    transition: opacity 1s;
  }
  #content a:hover {
    opacity: 0.5;
  }
  #content #main-nav {
    position: fixed;
    top: 60px;
    z-index: 998;
    width: 100%;
  }
    #content #main-nav ul {
      text-align: center;
      background: #E8E8E8;
    }
      #content #main-nav ul li {
        display: inline-block;
        margin: 0 5%;
      }
        #content #main-nav ul li:first-child, #content #main-nav ul li:last-child {
          margin: 0;
        }
        #content #main-nav ul li a {
          display: inline-block;
          line-height: 55px;
        }
          #content #main-nav ul li a img {
            vertical-align: middle;
            height: 13px;
            width: auto;
          }
  #content #cnt_main #content-header {
    background: linear-gradient(-45deg, #FF6300, #22B49E);
    text-align: center;
    padding: 25px 10px;
  }
    #content #cnt_main #content-header img {
      display: inline-block;
      vertical-align: middle;
      margin: 20px 10px;
      width: calc(100% - 20px);
    }
      #content #cnt_main #content-header div:first-child img{
        max-width: 401px;
      }
      #content #cnt_main #content-header div:last-child img{
        max-width: 729px;
      }
  #content #cnt_main #content-menu {
    max-width: none;
    margin: auto;
    margin-bottom: -1px;
    text-align: center;
    background: linear-gradient(-45deg, #99B32C, #FF6300, #22B49E);
  }
    #content #cnt_main #content-menu .activity {
      width: 33.333%;
      display: inline-block;
      vertical-align: top;
      height: 39.26667vw;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: 100% auto;
      position: relative;
      top: -1px;
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main #content-header img {
          margin: 10px 10px;
          width: calc(100% - 20px);
        }
        #content #cnt_main #content-header div:last-child img{
          width: 80%;
        }
        #content #cnt_main #content-menu .activity {
          width: 100%;
          height: 100vw;
        }
      }
      #content #cnt_main #content-menu .activity a {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 100;
      }
        #content #cnt_main #content-menu .activity a .menu-box {
          width: 100%;
          text-align: center;
          position: absolute;
          bottom: 0;
        }
          #content #cnt_main #content-menu .activity a .menu-box .menu-sub {
            line-height: 46px;
          }
            @media screen and (max-width: 920px) {
              #content #cnt_main #content-menu .activity a .menu-box .menu-sub {
                line-height: 1.2em;
                padding: 3px 10px 5px;
              }
            }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity a .menu-box .menu-sub {
                line-height: 8vw;
              }
            }
            #content #cnt_main #content-menu .activity a .menu-box .menu-sub img {
              display: inline-block;
              vertical-align: middle;
            }
          #content #cnt_main #content-menu .activity a .menu-box .menu-title {
            padding: 10px 10px 30px;
            max-height: 117px;
            height: 7vw;
            position: relative;
          }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity a .menu-box .menu-title {
                height: 20vw;
              }
            }
            #content #cnt_main #content-menu .activity a .menu-box .menu-title img {
              position: absolute;
              margin: auto;
              top: 0;
              bottom: 20%;
              left: 0;
              right: 0;
            }
          #content #cnt_main #content-menu .activity a .menu-box .menu-arrow {
            width: 34px;
            position: absolute;
            bottom: -17px;
            margin: auto;
            left: 0;
            right: 0;
            z-index: 100;
          }
      #content #cnt_main #content-menu .activity#menu-athlete {
        background-image: url("../../img/activities/nu-menu-athlete-back.png");
      }
        #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-sub {
          background: rgba(34, 180, 158, 0.9);
        }
          #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-sub img:first-child {
            max-width: 127px;
            width: 29.74239%;
          }
            @media screen and (max-width: 920px) {
              #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-sub img:first-child {
                min-width: 47.58782%;
              }
            }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-sub img:first-child {
                min-width: 127px;
              }
            }
          #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-sub img:last-child {
            max-width: 193px;
            width: 45.19906%;
          }
            @media screen and (max-width: 920px) {
              #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-sub img:last-child {
                min-width: 72.3185%;
              }
            }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-sub img:last-child {
                min-width: 193px;
              }
            }
        #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-title {
          background: rgba(34, 180, 158, 0.6);
        }
          #content #cnt_main #content-menu .activity#menu-athlete a .menu-box .menu-title img {
            max-width: 332px;
            width: 77.75176%;
          }
      #content #cnt_main #content-menu .activity#menu-canteen {
        background-image: url("../../img/activities/nu-menu-canteen-back.png");
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #content-menu .activity#menu-canteen {
            background-position: center 30%;
          }
        }
        #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-sub {
          background: rgba(245, 127, 73, 0.9);
        }
          #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-sub img:first-child {
            max-width: 197px;
            width: 46.13583%;
          }
            @media screen and (max-width: 920px) {
              #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-sub img:first-child {
                min-width: 73.81733%;
              }
            }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-sub img:first-child {
                min-width: 197px;
              }
            }
          #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-sub img:last-child {
            max-width: 116px;
            width: 27.16628%;
          }
            @media screen and (max-width: 920px) {
              #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-sub img:last-child {
                min-width: 43.46604%;
              }
            }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-sub img:last-child {
                min-width: 116px;
              }
            }
        #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-title {
          background: rgba(245, 127, 73, 0.6);
        }
          #content #cnt_main #content-menu .activity#menu-canteen a .menu-box .menu-title img {
            max-width: 199px;
            width: 46.60422%;
          }
      #content #cnt_main #content-menu .activity#menu-farm {
        background-image: url("../../img/activities/nu-menu-farm-back.png");
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #content-menu .activity#menu-farm {
            background-position: center 30%;
          }
        }
        #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-sub {
          background: rgba(124, 211, 68, 0.9);
        }
          #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-sub img:first-child {
            max-width: 187px;
            width: 43.79391%;
          }
            @media screen and (max-width: 920px) {
              #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-sub img:first-child {
                min-width: 70.07026%;
              }
            }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-sub img:first-child {
                min-width: 187px;
              }
            }
          #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-sub img:last-child {
            max-width: 106px;
            width: 24.82436%;
          }
            @media screen and (max-width: 920px) {
              #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-sub img:last-child {
                min-width: 39.71897%;
              }
            }
            @media screen and (max-width: 640px) {
              #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-sub img:last-child {
                min-width: 106px;
              }
            }
        #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-title {
          background: rgba(124, 211, 68, 0.6);
        }
          #content #cnt_main #content-menu .activity#menu-farm a .menu-box .menu-title img {
            max-width: 206px;
            width: 48.24356%;
          }
#content #cnt_main .activity-section .section-header {
  width: 100%;
  padding: 6% 0;
  position: relative;
}
@media screen and (max-width: 920px) {
  #content #cnt_main .activity-section .section-header {
    padding: 10% 0;
  }
}
#content #cnt_main .activity-section .section-header .section-sub {
  text-align: center;
  width: 100%;
}
#content #cnt_main .activity-section .section-header .section-sub img {
  margin-bottom: 3.5%;
}
#content #cnt_main .activity-section .section-header .section-title {
  text-align: center;
  width: 100%;
}
#content #cnt_main .activity-section .section-header .section-caption {
  text-align: center;
  color: #fff;
  margin-top: 25px;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  #content #cnt_main .activity-section .section-header .section-caption {
    margin-top: 20px;
    font-size: 13px;
  }
}


  #content #cnt_main .activity-section .wrap {
    max-width: 1280px;
    margin: auto;
    overflow: hidden;
  }
    #content #cnt_main .activity-section .wrap::after {
      content: "";
      display: table;
      width: 100%;
      height: 0;
      clear: both;
    }
    #content #cnt_main .activity-section .wrap .movie {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 0px;
      height: 0;
      width: 100%;
      margin-bottom: -1px;
    }
      #content #cnt_main .activity-section .wrap .movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
      }
      #content #cnt_main .activity-section .wrap .movie .movie-img {
        position: absolute;
        z-index: 1;
        cursor: pointer;
        width: 100%;
        height: 56.4vw;
        max-height: 722px;
        left: 0;
        top: 0;
      }
        #content #cnt_main .activity-section .wrap .movie .movie-img img {
          position: absolute;
        }
          #content #cnt_main .activity-section .wrap .movie .movie-img img.movie-btn {
            width: 50%;
            max-width: 107px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 1;
          }
            @media screen and (max-width: 640px) {
              #content #cnt_main .activity-section .wrap .movie .movie-img img.movie-btn {
                width: 18%;
              }
            }
    @media screen and (max-width: 640px) {
      #content #cnt_main .activity-section .wrap div.spnone {
        display: none !important;
      }
    }
    #content #cnt_main .activity-section .wrap div.pcnone {
      display: none !important;
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main .activity-section .wrap div.pcnone {
          display: inline-block !important;
        }
      }
    #content #cnt_main .activity-section .wrap div:not(.movie).vertical {
      display: inline-block;
      vertical-align: top;
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main .activity-section .wrap div:not(.movie).vertical {
          width: 100% !important;
          max-width: none !important;
        }
      }
    #content #cnt_main .activity-section .wrap div:not(.movie).horizontal {
      display: inline-block;
      vertical-align: top;
      width: 100%;
    }
    #content #cnt_main .activity-section .wrap div:not(.movie) > div {
      display: inline-block;
      position: relative;
      text-align: center;
      vertical-align: middle;
      height: 100%;
      width: 100%;
      margin-bottom: -1px;
      transform: scale(1.01);
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main .activity-section .wrap div:not(.movie) > div {
          width: 100%;
        }
      }
      #content #cnt_main .activity-section .wrap div:not(.movie) > div:not(.text) img {
        height: 100%;
      }
      #content #cnt_main .activity-section .wrap div:not(.movie) > div.text img {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
      }
      #content #cnt_main .activity-section .wrap div:not(.movie) > div.bgwhite {
        background: white;
      }
      #content #cnt_main .activity-section .wrap div:not(.movie) > div.bgblue {
        background: #22B49E;
      }
      #content #cnt_main .activity-section .wrap div:not(.movie) > div.bgorange {
        background: #FF6300;
      }
      #content #cnt_main .activity-section .wrap div:not(.movie) > div.bggreen {
        background: #99B32C;
      }
      @media screen and (max-width: 640px) {
        #content #cnt_main .activity-section .wrap div:not(.movie) > div.sp-photo {
          height: auto !important;
          max-height: none !important;
        }
      }
      @media screen and (max-width: 640px) {
        #content #cnt_main .activity-section .wrap div:not(.movie) > div {
          width: 100% !important;
          max-width: none !important;
        }
      }
  #content #cnt_main #athlete {
    position: relative;
  }
    #content #cnt_main #athlete .section-header {
      background: #22B49E;
    }
      #content #cnt_main #athlete .section-header .section-sub img {
        width: 320px;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .section-header .section-sub img {
            width: 34.78261%;
            min-width: 220px;
          }
        }
      #content #cnt_main #athlete .section-header .section-title img {
        width: 732px;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .section-header .section-title img {
            width: 79.56522%;
          }
        }
    #content #cnt_main #athlete .wrap #a-v1 {
      max-width: 732px;
      width: 57.10937%;
    }
    #content #cnt_main #athlete .wrap #a-v2 {
      max-width: 548px;
      width: 42.73438%;
    }
    #content #cnt_main #athlete .wrap #a1 {
      width: 100%;
      max-height: 412px;
      height: 32.1875vw;
      z-index: 0;
    }
    #content #cnt_main #athlete .wrap #a2, #content #cnt_main #athlete .wrap #a2sp {
      max-width: 548px;
      width: 100%;
      height: 21.875vw;
      max-height: 280px;
      z-index: 0;
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main #athlete .wrap #a2, #content #cnt_main #athlete .wrap #a2sp {
          min-height: 190px;
        }
      }
      #content #cnt_main #athlete .wrap #a2 img, #content #cnt_main #athlete .wrap #a2sp img {
        max-width: 265px;
        width: 20.70313vw;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a2 img, #content #cnt_main #athlete .wrap #a2sp img {
            width: 28.80435vw;
          }
        }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a2 img, #content #cnt_main #athlete .wrap #a2sp img {
            width: 28.80435vw;
          }
        }
        @media screen and (max-width: 640px) {
          #content #cnt_main #athlete .wrap #a2 img, #content #cnt_main #athlete .wrap #a2sp img {
            width: 41.40625vw;
          }
        }
        @media screen and (max-width: 500px) {
          #content #cnt_main #athlete .wrap #a2 img, #content #cnt_main #athlete .wrap #a2sp img {
            width: 53vw;
          }
        }
        @media screen and (max-width: 400px) {
          #content #cnt_main #athlete .wrap #a2 img, #content #cnt_main #athlete .wrap #a2sp img {
            width: 66.25vw;
          }
        }
    #content #cnt_main #athlete .wrap #a3 {
      max-width: 548px;
      width: 100%;
      max-height: 412px;
      height: 32.1875vw;
      z-index: 1;
    }
    #content #cnt_main #athlete .wrap #a4 {
      max-width: 731px;
      width: 100%;
      height: 21.875vw;
      max-height: 280px;
      z-index: 0;
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main #athlete .wrap #a4 {
          min-height: 190px;
        }
      }
      #content #cnt_main #athlete .wrap #a4 img {
        max-width: 285px;
        width: 22.26563vw;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a4 img {
            width: 30.97826vw;
          }
        }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a4 img {
            width: 30.97826vw;
          }
        }
        @media screen and (max-width: 640px) {
          #content #cnt_main #athlete .wrap #a4 img {
            width: 44.53125vw;
          }
        }
        @media screen and (max-width: 500px) {
          #content #cnt_main #athlete .wrap #a4 img {
            width: 57.0vw;
          }
        }
        @media screen and (max-width: 400px) {
          #content #cnt_main #athlete .wrap #a4 img {
            width: 71.25vw;
          }
        }
    #content #cnt_main #athlete .wrap #a5 {
      max-width: 732px;
      width: 57.10937%;
      max-height: 412px;
      height: 32.1875vw;
      z-index: 1;
    }
    #content #cnt_main #athlete .wrap #a6 {
      max-width: 548px;
      width: 42.73438%;
      max-height: 412px;
      height: 32.1875vw;
      z-index: 2;
    }
    #content #cnt_main #athlete .wrap #a7 {
      max-width: 548px;
      width: 42.73438%;
      height: 32.03125vw;
      max-height: 410px;
      z-index: 0;
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main #athlete .wrap #a7 {
          min-height: 210px;
        }
      }
      #content #cnt_main #athlete .wrap #a7 img {
        max-width: 293px;
        width: 22.89063vw;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a7 img {
            width: 31.84783vw;
          }
        }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a7 img {
            width: 31.84783vw;
          }
        }
        @media screen and (max-width: 640px) {
          #content #cnt_main #athlete .wrap #a7 img {
            width: 45.78125vw;
          }
        }
        @media screen and (max-width: 500px) {
          #content #cnt_main #athlete .wrap #a7 img {
            width: 58.6vw;
          }
        }
        @media screen and (max-width: 400px) {
          #content #cnt_main #athlete .wrap #a7 img {
            width: 73.25vw;
          }
        }
    #content #cnt_main #athlete .wrap #a8 {
      max-width: 732px;
      width: 57.10937%;
      height: 32.03125vw;
      max-height: 410px;
      z-index: 0;
    }
    #content #cnt_main #athlete .wrap #a9 {
      max-width: 548px;
      width: 42.73438%;
      height: 32.03125vw;
      max-height: 410px;
      z-index: 1;
    }
    #content #cnt_main #athlete .wrap #a10 {
      max-width: 732px;
      width: 57.10937%;
      height: 32.03125vw;
      max-height: 410px;
      z-index: 2;
    }
    #content #cnt_main #athlete .wrap #a11 {
      max-width: 732px;
      width: 57.10937%;
      height: 32.1875vw;
      max-height: 412px;
      z-index: 0;
    }
    #content #cnt_main #athlete .wrap #a12 {
      max-width: 548px;
      width: 42.73438%;
      height: 32.1875vw;
      max-height: 412px;
      z-index: 0;
    }
      @media screen and (max-width: 640px) {
        #content #cnt_main #athlete .wrap #a12 {
          min-height: 220px;
        }
      }
      #content #cnt_main #athlete .wrap #a12 img {
        max-width: 293px;
        width: 22.89063vw;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a12 img {
            width: 31.84783vw;
          }
        }
        @media screen and (max-width: 920px) {
          #content #cnt_main #athlete .wrap #a12 img {
            width: 31.84783vw;
          }
        }
        @media screen and (max-width: 640px) {
          #content #cnt_main #athlete .wrap #a12 img {
            width: 45.78125vw;
          }
        }
        @media screen and (max-width: 500px) {
          #content #cnt_main #athlete .wrap #a12 img {
            width: 58.6vw;
          }
        }
        @media screen and (max-width: 400px) {
          #content #cnt_main #athlete .wrap #a12 img {
            width: 73.25vw;
          }
        }
    #content #cnt_main #athlete .wrap #a13 {
      max-width: 640px;
      width: 49.92188%;
      height: 32.03125vw;
      max-height: 410px;
      z-index: 1;
    }
    #content #cnt_main #athlete .wrap #a14, #content #cnt_main #athlete .wrap #a14sp {
      max-width: 640px;
      width: 49.92188%;
      height: 32.03125vw;
      max-height: 410px;
      z-index: 1;
    }
  #content #cnt_main #canteen {
    position: relative;
  }
    #content #cnt_main #canteen .section-header {
      background: #FF6300;
    }
      #content #cnt_main #canteen .section-header .section-sub img {
        width: 313px;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #canteen .section-header .section-sub img {
            width: 34.02174%;
            min-width: 220px;
          }
        }
      #content #cnt_main #canteen .section-header .section-title img {
        width: 293px;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #canteen .section-header .section-title img {
            width: 31.84783%;
            min-width: 210px;
          }
        }
    #content #cnt_main #canteen .wrap {
      position: relative;
    }
      #content #cnt_main #canteen .wrap #c-v1 {
        max-width: 546px;
        width: 42.57813%;
      }
      #content #cnt_main #canteen .wrap #c-v2 {
        max-width: 734px;
        width: 57.42188%;
      }
      #content #cnt_main #canteen .wrap #c1 {
        max-width: 546px;
        width: 100%;
        height: 21.875vw;
        max-height: 280px;
        margin-bottom: -4px;
        z-index: 1;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #canteen .wrap #c1 {
            min-height: 220px;
          }
        }
        #content #cnt_main #canteen .wrap #c1 img {
          max-width: 338px;
          width: 26.40625vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c1 img {
              width: 36.73913vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c1 img {
              width: 36.73913vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #canteen .wrap #c1 img {
              width: 52.8125vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #canteen .wrap #c1 img {
              width: 67.6vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #canteen .wrap #c1 img {
              width: 84.5vw;
            }
          }
      #content #cnt_main #canteen .wrap #c2 {
        max-width: 734px;
        width: 100%;
        max-height: 410px;
        height: 32.03125vw;
        margin-bottom: -6px;
        z-index: 1;
      }
      #content #cnt_main #canteen .wrap #c3 {
        max-width: 734px;
        width: 100%;
        max-height: 280px;
        height: 21.875vw;
        margin-bottom: -2px;
        z-index: 2;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #canteen .wrap #c3 {
            min-height: 220px;
            margin-bottom: -8px;
          }
        }
        #content #cnt_main #canteen .wrap #c3 img {
          max-width: 262px;
          width: 20.46875vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c3 img {
              width: 28.47826vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c3 img {
              width: 28.47826vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #canteen .wrap #c3 img {
              width: 40.9375vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #canteen .wrap #c3 img {
              width: 52.4vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #canteen .wrap #c3 img {
              width: 65.5vw;
            }
          }
      #content #cnt_main #canteen .wrap #c4, #content #cnt_main #canteen .wrap #c4sp {
        max-width: 546px;
        width: 100%;
        /*height: 410px / $max-width * 100vw;*/
        max-height: 410px;
        float: none;
        vertical-align: text-top;
        margin-bottom: -10px;
        z-index: 0;
      }
      #content #cnt_main #canteen .wrap #c5 {
        max-width: 548px;
        width: 42.8125%;
        height: 32.10938vw;
        max-height: 411px;
        z-index: 2;
      }
      #content #cnt_main #canteen .wrap #c6 {
        max-width: 732px;
        width: 57.10937%;
        height: 32.10938vw;
        max-height: 411px;
        z-index: 2;
      }
      #content #cnt_main #canteen .wrap #c7 {
        max-width: 547px;
        width: 42.65625%;
        max-height: 411px;
        height: 32.10938vw;
        z-index: 0;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #canteen .wrap #c7 {
            min-height: 220px;
          }
        }
        #content #cnt_main #canteen .wrap #c7 img {
          max-width: 276px;
          width: 21.5625vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c7 img {
              width: 30vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c7 img {
              width: 30vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #canteen .wrap #c7 img {
              width: 43.125vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #canteen .wrap #c7 img {
              width: 55.2vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #canteen .wrap #c7 img {
              width: 69vw;
            }
          }
      #content #cnt_main #canteen .wrap #c8 {
        max-width: 733px;
        width: 57.1875%;
        height: 32.10938vw;
        max-height: 411px;
        z-index: 0;
      }
      #content #cnt_main #canteen .wrap #c9 {
        max-width: 732px;
        width: 57.10937%;
        height: 32.10938vw;
        max-height: 411px;
        z-index: 1;
      }
      #content #cnt_main #canteen .wrap #c10 {
        max-width: 548px;
        width: 42.73438%;
        height: 32.10938vw;
        max-height: 411px;
        z-index: 1;
      }
      #content #cnt_main #canteen .wrap #c11 {
        max-width: 546px;
        width: 42.57813%;
        max-height: 411px;
        height: 32.10938vw;
        z-index: 0;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #canteen .wrap #c11 {
            min-height: 220px;
          }
        }
        #content #cnt_main #canteen .wrap #c11 img {
          max-width: 370px;
          width: 28.90625vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c11 img {
              width: 40.21739vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #canteen .wrap #c11 img {
              width: 40.21739vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #canteen .wrap #c11 img {
              width: 57.8125vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #canteen .wrap #c11 img {
              width: 74vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #canteen .wrap #c11 img {
              width: 92.5vw;
            }
          }
      #content #cnt_main #canteen .wrap #c12 {
        max-width: 734px;
        width: 57.26563%;
        height: 32.10938vw;
        max-height: 411px;
        z-index: 0;
      }
      #content #cnt_main #canteen .wrap #c13 {
        max-width: 640px;
        width: 49.92188%;
        height: 32.1875vw;
        max-height: 412px;
        z-index: 1;
      }
      #content #cnt_main #canteen .wrap #c14 {
        max-width: 640px;
        width: 49.92188%;
        height: 32.1875vw;
        max-height: 412px;
        z-index: 1;
      }
  #content #cnt_main #farm {
    position: relative;
  }
    #content #cnt_main #farm .section-header {
      background: #99B32C;
    }
      #content #cnt_main #farm .section-header .section-sub img {
        width: 362px;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #farm .section-header .section-sub img {
            width: 39.34783%;
            min-width: 220px;
          }
        }
      #content #cnt_main #farm .section-header .section-title img {
        width: 212px;
      }
        @media screen and (max-width: 920px) {
          #content #cnt_main #farm .section-header .section-title img {
            width: 23.04348%;
            min-width: 220px;
          }
        }
    #content #cnt_main #farm .wrap {
      position: relative;
      background: white;
    }
      #content #cnt_main #farm .wrap #f-v1 {
        max-width: 732px;
        width: 57.10937%;
      }
      #content #cnt_main #farm .wrap #f-v2 {
        max-width: 548px;
        width: 42.73438%;
      }
      #content #cnt_main #farm .wrap #f1 {
        max-width: 732px;
        width: 100%;
        height: 32.1875vw;
        max-height: 412px;
        margin-bottom: -6px;
        z-index: 10;
      }
      #content #cnt_main #farm .wrap #f2, #content #cnt_main #farm .wrap #f2sp {
        max-width: 548px;
        width: 100%;
        max-height: 286px;
        height: 22.34375vw;
        margin-bottom: -6px;
        z-index: 9;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #farm .wrap #f2, #content #cnt_main #farm .wrap #f2sp {
            min-height: 220px;
          }
        }
        #content #cnt_main #farm .wrap #f2 img, #content #cnt_main #farm .wrap #f2sp img {
          max-width: 357px;
          width: 27.89063vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f2 img, #content #cnt_main #farm .wrap #f2sp img {
              width: 38.80435vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f2 img, #content #cnt_main #farm .wrap #f2sp img {
              width: 38.80435vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #farm .wrap #f2 img, #content #cnt_main #farm .wrap #f2sp img {
              width: 55.78125vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #farm .wrap #f2 img, #content #cnt_main #farm .wrap #f2sp img {
              width: 71.4vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #farm .wrap #f2 img, #content #cnt_main #farm .wrap #f2sp img {
              width: 89.25vw;
            }
          }
      #content #cnt_main #farm .wrap #f3 {
        max-width: 732px;
        width: 100%;
        max-height: 282px;
        height: 22.03125vw;
        margin-bottom: -2px;
        z-index: 2;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #farm .wrap #f3 {
            min-height: 230px;
            margin-bottom: -8px;
          }
        }
        #content #cnt_main #farm .wrap #f3 img {
          max-width: 339px;
          width: 26.48438vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f3 img {
              width: 36.84783vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f3 img {
              width: 36.84783vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #farm .wrap #f3 img {
              width: 52.96875vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #farm .wrap #f3 img {
              width: 67.8vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #farm .wrap #f3 img {
              width: 84.75vw;
            }
          }
      #content #cnt_main #farm .wrap #f4, #content #cnt_main #farm .wrap #f4sp {
        max-width: 548px;
        width: 100%;
        height: 31.875vw;
        max-height: 408px;
        vertical-align: text-top;
        margin-bottom: -6px;
        z-index: 1;
      }
      #content #cnt_main #farm .wrap #f5 {
        max-width: 732px;
        width: 57.10937%;
        height: 32.1875vw;
        max-height: 412px;
        z-index: 2;
      }
      #content #cnt_main #farm .wrap #f6 {
        max-width: 548px;
        width: 42.73438%;
        height: 32.1875vw;
        max-height: 412px;
        z-index: 1;
      }
      #content #cnt_main #farm .wrap #f7 {
        max-width: 548px;
        width: 42.73438%;
        max-height: 412px;
        height: 32.1875vw;
        z-index: 0;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #farm .wrap #f7 {
            min-height: 220px;
          }
        }
        #content #cnt_main #farm .wrap #f7 img {
          max-width: 328px;
          width: 25.625vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f7 img {
              width: 35.65217vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f7 img {
              width: 35.65217vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #farm .wrap #f7 img {
              width: 51.25vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #farm .wrap #f7 img {
              width: 65.6vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #farm .wrap #f7 img {
              width: 82vw;
            }
          }
      #content #cnt_main #farm .wrap #f8 {
        max-width: 732px;
        width: 57.10937%;
        height: 32.1875vw;
        max-height: 412px;
        z-index: 0;
      }
      #content #cnt_main #farm .wrap #f9 {
        max-width: 548px;
        width: 42.73438%;
        height: 32.03125vw;
        max-height: 410px;
        z-index: 1;
      }
      #content #cnt_main #farm .wrap #f10 {
        max-width: 732px;
        width: 57.10937%;
        height: 32.03125vw;
        max-height: 410px;
        z-index: 1;
      }
      #content #cnt_main #farm .wrap #f11 {
        max-width: 732px;
        width: 57.10937%;
        height: 32.03125vw;
        max-height: 410px;
        z-index: 0;
      }
      #content #cnt_main #farm .wrap #f12 {
        max-width: 548px;
        width: 42.73438%;
        max-height: 410px;
        height: 32.03125vw;
        z-index: 0;
      }
        @media screen and (max-width: 640px) {
          #content #cnt_main #farm .wrap #f12 {
            min-height: 220px;
          }
        }
        #content #cnt_main #farm .wrap #f12 img {
          max-width: 301px;
          width: 23.51563vw;
        }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f12 img {
              width: 32.71739vw;
            }
          }
          @media screen and (max-width: 920px) {
            #content #cnt_main #farm .wrap #f12 img {
              width: 32.71739vw;
            }
          }
          @media screen and (max-width: 640px) {
            #content #cnt_main #farm .wrap #f12 img {
              width: 47.03125vw;
            }
          }
          @media screen and (max-width: 500px) {
            #content #cnt_main #farm .wrap #f12 img {
              width: 60.2vw;
            }
          }
          @media screen and (max-width: 400px) {
            #content #cnt_main #farm .wrap #f12 img {
              width: 75.25vw;
            }
          }
      #content #cnt_main #farm .wrap #f13 {
        max-width: 640px;
        width: 49.92188%;
        height: 32.1875vw;
        max-height: 412px;
        z-index: 1;
      }
      #content #cnt_main #farm .wrap #f14 {
        max-width: 640px;
        width: 50.07812%;
        height: 32.1875vw;
        max-height: 412px;
        z-index: 1;
      }

/* #btn_nu_top */
#btn_contact a span {
  background: url("../../../../../module/img/common/btn_contact_bg.jpg") no-repeat center center;
  background-size: cover;
}

#btn_nu_top {
  background: #000;
  line-height: 1;
}

#btn_nu_top a {
  position: relative;
  display: block;
  width: 100%;
  height: 190px;
  text-align: center;
}

#btn_nu_top a span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 190px;
  background: url("../../../module/img/activities/btn_contact_bg.png") no-repeat center center;
  background-size: cover;
}

#btn_nu_top a img {
  position: relative;
  top: 50%;
  margin-top: -34px;
  z-index: 10;
  height: 69px;
}

#btn_nu_top a span {
  transition: 0.6s;
}

#btn_nu_top a:hover span {
  transition: 0.8s;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
}

@media screen and (max-width: 999px) {
  #btn_nu_top a, #btn_nu_top a span {
    height: 150px;
  }

  #btn_nu_top a img {
    margin-top: -27px;
    z-index: 10;
    height: 54px;
  }
}
@media screen and (max-width: 767px) {
  #btn_nu_top a img {
    margin-top: -25px;
    height: 50px;
  }
}
@media screen and (max-width: 639px) {
  #btn_nu_top a, #btn_nu_top a span {
    height: 90px;
  }

  #btn_nu_top a img {
    height: 35px;
    margin-top: -17px;
  }
}
@media screen and (max-width: 767px) {
  #content {
    margin-top: 0;
  }
    #content #main-nav {
      position: relative;
      top: 0;
    }
  }
@media screen and (max-width: 640px) {
  #content {
    margin-top: 0;
  }
    #content #main-nav {
      top: 0;
    }
      #content #main-nav ul li:first-child {
        width: 42.8125%;
      }
      #content #main-nav ul li:nth-child(2) {
        width: 17.65625%;
      }
      #content #main-nav ul li:nth-child(3) {
        width: 16.40625%;
      }
      #content #main-nav ul li a {
        line-height: 8.59375vw;
      }
        #content #main-nav ul li a img {
          height: 12px;
        }
      }
@media screen and (max-width: 400px) {
  #content {
    margin-top: 0;
  }
    #content #main-nav {
      top: 0;
    }
      #content #main-nav ul li a img {
        height: 11px;
      }
    }

/*# sourceMappingURL=style.css.map */