@charset "utf-8";
@media screen and (max-width: 1100px) {

  /* ----------------------------------------------- header */
  header {
    border: none;
  }
  /* -------------------------------------------------- main image */
  .main_visual {}
  .main_visual::before {}
  @media screen and (max-width: 600px) {
    .main_visual::before {
      top: -110px;
      transform: rotate(120deg);
    }
  }
  /**/
  .main_visual h2 {
    text-shadow: 0 0 10px #fff;
  }
  @media screen and (max-width: 700px) {
    .main_visual h2 {
      font-size: 3.5rem;
      padding-right: 50px;
    }
  }
  @media screen and (max-width: 600px) {
    .main_visual h2 {
      font-size: 3.1rem;
    }
  }
  @media screen and (max-width: 450px) {
    .main_visual h2 {
      margin: 70px 0 70px 50px;
      font-size: 2.8rem;
    }
  }
  @media screen and (max-width: 400px) {
    .main_visual h2 {
      margin: 40px;
      padding: 0;
      font-size: 2.5rem;
    }
  }
  .main_visual h2 span {
    text-shadow: 0 0 0 #fff;
  }
  .fluid {}
  @media screen and (max-width: 900px) {
    .fluid {
      width: 50vh;/*横幅*/
      height: 70vh;/*縦幅*/
    }
  }
  @media screen and (max-width: 700px) {
    .fluid {
      width: 40vh;/*横幅*/
      height: 50vh;/*縦幅*/
    }
  }
  @media screen and (max-width: 400px) {
    .fluid {
      width: 30vh;/*横幅*/
      height: 40vh;/*縦幅*/
    }
  }
  /* -------------------------------------------------- slide image */
  .slide_gallary {
    padding: 20px;
    background: linear-gradient(#009b64 0%, #095f41 100%);
    background-position: 0% 20%;
  }
  .slide_gallary .bx-wrapper {}
  .slide_gallary .bx-viewport {
    height: auto!important;
  }
  .slide_gallary ul {
    padding: 0;
  }
  .slide_gallary ul::after {
    display: none;
  }
  .slide_gallary ul li {
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 0;

  }
  /* -------------------------------------------------- microorganisms search */
  .microorganisms_search {
    padding: 0;
    background: none;
  }
  .microorganisms_search article {
    padding: 80px;
    width: 100%;
    filter: drop-shadow(0px 0px 0px rgba(224,235,232,1));
  }
  @media screen and (max-width: 600px) {
    .microorganisms_search article {
      padding: 60px 40px;
    }
  }
  .microorganisms_search article::before {
    display: none;
  }
  .microorganisms_search article::after {
    display: none;
  }
  .microorganisms_search article h3 {
    font-size: 4rem;
    text-align: center;
  }
  @media screen and (max-width: 600px) {
    .microorganisms_search article h3 {
      font-size: 3rem;
    }
  }
  .microorganisms_search article span {}
  @media screen and (max-width: 600px) {
    .microorganisms_search article span {
      font-size: 1.2rem;
    }
  }
  .microorganisms_search article p {}
  .microorganisms_search article a {
    padding: 29px 33px 27px 29px;
  }
  @media screen and (max-width: 650px) {
    .microorganisms_search article a {
      margin: 20px 0;
      padding: 29px 23px 27px 19px;
    }
  }
  .microorganisms_search article a:link,.microorganisms_search article a:active,.microorganisms_search article a:visited,.microorganisms_search article a:hover,
  .microorganisms_search article a:link span,.microorganisms_search article a:active span,.microorganisms_search article a:visited span,.microorganisms_search article a:hover span {}
  .microorganisms_search article a:hover {}
  .microorganisms_search article a span {}
  @media screen and (max-width: 650px) {
    .microorganisms_search article a span {
      font-size: 2rem;
      line-height: 140%;
    }
  }
  .microorganisms_search article a span::before {}
  /* -------------------------------------------------- inde_layout */
  #inde_layout {}
  /* -------------------------------------------------- inde_layout > gcmr_message */
  .gcmr_message {
    padding: 50px 40px;
  }
  .gcmr_message::before {}
  .gcmr_message .inner {
    display: -webkit-block;
    display: block;
    width: 100%;
  }
  /**/
  .gcmr_message .inner article {
    width: 100%;
  }
  .gcmr_message .inner article h3 {
    font-size: 3.5rem;
  }
  @media screen and (max-width: 650px) {
    .gcmr_message .inner article h3 {
      font-size: 3rem;
    }
  }
  .gcmr_message .inner article h3 span {
    font-size: 5.5rem;
  }
  @media screen and (max-width: 650px) {
    .gcmr_message .inner article h3 span {
      /*font-size: 5rem;*/
      font-size: 4.5rem;
    }
  }
  @media screen and (max-width: 550px) {
    .gcmr_message .inner article h3 span {
      font-size: 3.5rem;
    }
  }
  .gcmr_message .inner article p {
    display: none;
  }
  /**/
  .gcmr_message .inner .gcmr_message_right {
    width: 100%;
    padding-top: 0;
    text-align: left;
  }
  .gcmr_message .inner .gcmr_message_right p {
    margin: 1em 0 0 0;
    font-size: 1.4rem;
  }
  .gcmr_message .inner .gcmr_message_right a {
    margin: 20px 0 40px 0;
    padding: 19px 50px 17px 35px;
    font-size: 2rem;
  }
  @media screen and (max-width: 650px) {
    .gcmr_message .inner .gcmr_message_right a {
      font-size: 1.6rem;
    }
  }
  .gcmr_message .inner .gcmr_message_right a::before {}
  .gcmr_message .inner .gcmr_message_right a::after{}
  .gcmr_message .inner .gcmr_message_right a:hover::before {}
  .gcmr_message .inner .gcmr_message_right a:hover::after {}
  .gcmr_message .inner .gcmr_message_right a:link,.gcmr_message .inner .gcmr_message_right a:active,.gcmr_message .inner .gcmr_message_right a:visited,.gcmr_message .inner .gcmr_message_right a:hover {}
  .gcmr_message .inner .gcmr_message_right a:hover {}
  .gcmr_message .inner .gcmr_message_right a::before {}
  /* -------------------------------------------------- inde_layout > index_picture */
  .index_picture {
    display: none;
  }
  /* -------------------------------------------------- inde_layout > news */
  .news {
    padding: 70px 0;
  }
  .news h4 {
    font-size: 4rem;
  }
  @media screen and (max-width: 600px) {
    .news h4 {
      font-size: 3rem;
    }
  }
  .news h4 span {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 600px) {
    .news h4 span {
      font-size: 1.2rem;
    }
  }
  .news dl {
    width: 90%;
  }
  @media screen and (max-width: 600px) {
    .news dl {
      padding: 20px;
    }
  }
  .news dl:hover {}
  .news dt {}
  @media screen and (max-width: 600px) {
    .news dt {
      font-size: 1.3rem;
    }
  }
  .news dd {}
  @media screen and (max-width: 600px) {
    .news dd {
      font-size: 1.5rem;
    }
  }
  .news dd p {}
  .news dd a:link,.news dd a:active,.news dd a:visited,.news dd a:hover {}
  .news dd a:hover {}
  .news .more {}
  .news .more a {}
  .news .more a:link,.news .more a:active,.news .more a:visited,.news .more a:hover {}
  .news .more a:hover {}
  /* ----------------------------------------------- foot_block（バナーがない場合のみ使用）*/
  .foot_block {
    height: 100px;
  }

}