/* --- 1280px --------------------------------------------- */
/* -- iPad --------------------------------------------- */
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
  #keyvisual .slogan {
    font-size: 60px;
  }
  .slick-slide img {
    max-height: 350px;
  }
}
/* --- widescreen laptop? --------------------------------------------- */
/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
  #logo {
    width: 70%;
    margin: 0px;
    left: 15%;
    text-align: center;
  }
  #nav li.lvl1 {
    margin: 0px 15px;
  }
  #keyvisual {
    min-height: 70vh;
    border-top: 20px solid black;
  }
  #keyvisual .slogan {
    font-size: 40px;
  }
  #scrollDown {
    display: none;
  }
  .newsitem {
    width: calc(100% - 20px);
    float: none;
    min-height: 0px !important;
  }
}
/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  .grid3, .grid3_1, .grid3_2 {
    width: 100%;
  }
  #footer .grid3 {
    text-align: center;
    padding-bottom: 20px;
  }
  .text_img .contentbox {
    padding-right: 0px;
    min-height: 0px !important;
  }
  .text_img .imgbox {
    min-height: 0px !important;
  }
  .text_img .imgbox img {
    max-width: 70%;
    margin: 10px auto;
    display: block;
  }
  #keyvisual .slogan {
    font-size: 35px;
    -webkit-text-stroke: 1px #00fc01;
    text-stroke: 1px #00fc01;
  }
  body {
    font-size: 15px;
  }
  h1, .h1, h2, .h2 {
    font-size: 45px;
  }
  #nav li.lvl1 {
    margin: 0px 8px;
  }
  #nav li.lvl1 a {
    font-size: 13px;
    padding: 10px 0px 0px 0px;
  }
  #mainmenu {
    padding-bottom: 5px;
  }
  .slick-slide img {
    max-height: 250px;
  }
  .text {
    padding-left: 0px;
  }
}
/* --- 480px --------------------------------------------- */
@media only screen and (max-width: 479px) and (orientation: portrait) {
  #keyvisual {
    min-height: 50vh;
  }
  #keyvisual .slogan {
    font-size: 20px;
    bottom: 10px;
  }
  .slick-slide img {
    max-height: 180px;
  }
}
/* --- 380px --------------------------------------------- */
@media only screen and (max-width: 380px) and (orientation: portrait) {
  body {
    font-size: 14px;
  }
  h1, .h1, h2, .h2 {
    font-size: 35px;
  }
}
/* mobile LANDSCAPE ---------------------------------------------*/