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

  /* -------------------------------------------------- main */
  main {}
  /* -------------------------------------------------- h1(title) */
  h1 {
    padding: 30px 30px 35px 30px;
  }
  h1::before {
  }
  @media screen and (max-width: 600px) {
    h1::before {
      left: -200px;
    }
  }
  h1 span {
    font-size: 2.8rem;
  }
  /* -------------------------------------------------- fluid*/
  @media screen and (max-width: 900px) {
    .fluid {
      width: 70vh;/*横幅*/
      height: 70vh;/*縦幅*/
    }
  }
  @media screen and (max-width: 700px) {
    .fluid {
      width: 50vh;/*横幅*/
      height: 50vh;/*縦幅*/
    }
  }
  @media screen and (max-width: 400px) {
    .fluid {
      display: none;
    }
  }
  /* -------------------------------------------------- container */
  #container {
    position: relative;
    display: -webkit-block;
    display: block;
    padding: 40px 40px 80px 40px;
    z-index: 10;
  }
  @media screen and (max-width: 700px) {
    #container {
      padding: 20px 20px 40px 20px;
    }
  }
  @media screen and (max-width: 450px) {
    #container {
      padding: 10px 10px 20px 10px;
    }
  }
  /* -------------------------------------------------- container > content */
  .content {
    background-color: #fff;
    padding: 30px 60px 60px 60px;
  }
  @media screen and (max-width: 800px) {
    .content {
      background-color: #fff;
      padding: 10px 30px 30px 30px;
    }
  }
  @media screen and (max-width: 450px) {
    .content {
      padding: 10px 25px 30px 25px;
    }
  }
  /*見出し*/
  .content h2 {
    font-size: 2.6rem;
    margin: 100px 0 0 0;
  }
  @media screen and (max-width: 600px) {
    .content h2 {
      font-size: 2.2rem;
    }
  }
  .content h2::after {}
  .content h2:first-child {}
  .content h2::before {}
  .content h3 {
    font-size: 2.0rem;
  }
  @media screen and (max-width: 600px) {
    .content h3 {
      font-size: 1.8rem;
    }
  }
  .content h3::before {}
  /*p*/
  .content p {}
  /*table*/
  .content table {
    border-bottom: 1px solid #ccc;
  }
  .content table.w100 {}
  .content table th,.content table td {
    padding: 5px 8px;
    border-bottom: none;
  }
  .content table th {
  }
  /*table横スクロール*/
  .table_wrap {
    width:100%;
    padding-bottom: 10px;
    overflow-x:scroll;
  }
  .table_wrap table {
    width: auto;
  }
  /*list*/
  .content ul,.content ol {}
  .content ul li {}
  .content ol li {}
  /**/
  .sp_txt {
    display: block;
  }
  /*linkボタン*/
  .content .btn_link {
    margin: 10px 0;
  }
  .content .btn_link a {}
  .content .btn_link a::before {}
  .content .btn_link a:link,.content .btn_link a:active,.content .btn_link a:visited,.content .btn_link a:hover {}
  .content .btn_link a:hover {}
  .content .btn_link a:hover::before {}
  /*note*/
  .content .note {}
  .content .note_red {}
  .content .note strong,.content .note_red strong {}
  /*memo*/
  .content .memo {}
  /* -------------------------------------------------- container > aside */
  aside {
    display: none;
  }

  /* -------------------------------------------------- second_search */
  .second_search {
    padding: 50px;
  }
  .second_search::before {}
  .second_search article {}
  .second_search h3 {
    font-size: 2.8rem;
  }
  @media screen and (max-width: 600px) {
    .second_search h3 {
      font-size: 2.7rem;
    }
  }
  .second_search h3 span {
    font-size: 1.2rem;
  }
  .second_search p {
    padding: 30px 0;
    font-size: 1.4rem;
  }
  .second_search a {}
  @media screen and (max-width: 600px) {
    .second_search a {
      padding: 14px 30px 14px 30px;
    }
  }
  .second_search a:link,.second_search a:active,.second_search a:visited,.second_search a:hover,.second_search a:link span,.second_search a:active span,.second_search a:visited span,.second_search a:hover span {
    color: #fff;
    text-decoration: none;
  }
  .second_search a:hover {}
  .second_search a span {
    font-size: 2rem;
  }
  @media screen and (max-width: 600px) {
    .second_search a span {
      padding-left: 30px;
    }
  }
  .second_search a span::before {}
  @media screen and (max-width: 600px) {
    .second_search a span::before {
      width: 30px;
      height: 30px;
    }
  }
  /* ----------------------------------------------- foot_block（バナーがない場合のみ使用）*/
  .foot_block {
    height: 80px;
  }
  @media screen and (max-width: 700px) {
    .foot_block {
      height: 40px;
    }
  }
  @media screen and (max-width: 450px) {
    .foot_block {
      height: 20px;
    }
  }
  /* -------------------------------------------------- 各ページ毎 > センター概要 */
  .content .outline_history {
  }
  .content .outline_history dl {}
  @media screen and (max-width: 600px) {
    .content .outline_history dl {
      display: -webkit-block;
      display: block;
    }
  }
  .content .outline_history dl::after {}
  .content .outline_history dl:last-child::after {/*最後は線無し*/}
  .content .outline_history dt {}
  .content .outline_history dt::after {}
  .content .outline_history dt::before {}
  .content .outline_history dd {}
  @media screen and (max-width: 600px) {
    .content .outline_history dd {
      margin-left: 60px;
    }
  }
  .content .outline_history dl:last-child dd {/*最後は線無し*/}
  /**/
  .content .outline_collection dt {}
  .content .outline_collection dd {}
  .content .message {
    padding: 40px;
  }
  @media screen and (max-width: 600px) {
    .content .message {
      padding: 20px 30px;
    }
  }
  .content .message p {}
  @media screen and (max-width: 600px) {
    .content .message p {
      font-size: 2.0rem;
    }
  }
  /* -------------------------------------------------- 各ページ毎 > 菌株分譲・寄託 */
  /*申込方法*/
  @media screen and (max-width: 900px) {
    .content h2.apply::after {
      position: relative;
      content: "";
      margin-top: -150px;
      padding: -150px;
      height: 150px;
      display: block;
    }
  }
  .content .gtc_apply {}
  .content .gtc_apply li {
    padding: 10px 0;
  }
  .content .gtc_apply span {}
  .content .gtc_apply span::before {}
  /**/
  .content .gtc_apply_flow {}
  .content .gtc_apply_flow ul,.content .gtc_apply_flow li {}
  .content .gtc_apply_flow p.question {
    width: 90%;
  }
  @media screen and (max-width: 900px) {
    .content .gtc_apply_flow p.question {
      width: 100%;
      margin: 0;
      padding: 15px 30px;
      font-size: 1.7rem;
      text-align: left;
    }
  }
  .content .gtc_apply_flow p.answer {}
  .content .gtc_apply_flow p.answer::before {}
  @media screen and (max-width: 900px) {
    .content .gtc_apply_flow p.answer {
      display: block;
      margin: 0;
      width: auto;
      padding: 15px 0 15px 50px;
      border-radius: 100px;
      text-align: left;
      font-size: 1.8rem;
    }
    .content .gtc_apply_flow p.answer::before {
      position: absolute;
      content: '';
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 22px;
      width: 15px;
      height: 15px;
      border: 2px solid #009b64;
      background-color: transparent;
    }
     .content .gtc_apply_flow p.answer::after{/*チェックマーク*/
      z-index: 100;
      position: absolute;
      content: '';
      top: 19px;
      left: 25px;
      width: 15px;
      height: 7px;
      border-left: 2px solid #009b64;
      border-bottom: 2px solid #009b64;
      transform: rotate(-45deg);
      background-color: transparent;
      opacity: 1;
    }
  }
  .content .gtc_apply_flow ul.select,.content .gtc_apply_flow ul.select ul {}
  @media screen and (max-width: 900px) {
    .content .gtc_apply_flow ul.select {
      display: -webkit-block;
      display: block;
      padding-top: 20px;
    }
    .content .gtc_apply_flow ul.select ul {
      display: -webkit-block;
      display: block;
      margin-bottom: 20px;
    }
  }
  .content .gtc_apply_flow ul.select li,.content .gtc_apply_flow ul.select ul li {}
  @media screen and (max-width: 900px) {
    .content .gtc_apply_flow ul.select li,.content .gtc_apply_flow ul.select ul li {
      width: 100%;
    }
  }
  .content .gtc_apply_flow ul.select dl {}
  .content .gtc_apply_flow ul.select dl dt {}
  .content .gtc_apply_flow ul.select dl dt::before {}
  .content .gtc_apply_flow ul.select dl dd {}
  .content .gtc_apply_flow ul.select dl dd::before {}
  .content .gtc_apply_flow p.text {}
  @media screen and (max-width: 900px) {
    .content .gtc_apply_flow ul.select dl {
      display: -webkit-flex;
      display: flex;
      width: auto;
      margin: 10px 20px 5px 20px;
      box-sizing: border-box;
      background-color: #eff1f4;
      border-radius: 10px;
    }
    .content .gtc_apply_flow ul.select dl dt {
      width: 40%;
      border-radius: 10px 0 0 10px;
      font-weight: normal;
      background-color: #a8d4c5;
      color: #008254;
      font-size: 1.5rem;
    }
    .content .gtc_apply_flow ul.select dl dt::before {
      display: none;
    }
    .content .gtc_apply_flow ul.select dl dd {
      width: 60%;
      margin: 0;
      background-color: transparent;
      font-size: 1.4rem;
    }
    .content .gtc_apply_flow ul.select dl dd::before {
      display: none;
    }
    .content .gtc_apply_flow p.text {}
  }
  .content .gtc_flexbox {}
  @media screen and (max-width: 750px) {
    .content .gtc_flexbox {
      display: -webkit-block;
      display: block;
    }
  }
  .content .gtc_flexbox article {}
  @media screen and (max-width: 750px) {
    .content .gtc_flexbox article {
      width: 100%;
      margin-bottom: 5px;
      padding: 5px 25px 10px 25px;
    }
  }
  .content .gtc_flexbox article h4 {}
  .content .gtc_flexbox article div {}
  .content .gtc_flexbox article ul {}
  .content .gtc_flexbox article p {}
  .content .gtc_flexbox article ul li {}
  .content .bsl23 {}
  /* -------------------------------------------------- 各ページ毎 > Order */
  @media screen and (max-width: 500px) {
    .content .order_contact {
      margin: 30px auto;
      padding: 10px 20px;
    }
  }
  .content .order_contact .btn_link {
    font-size: 1.8rem;
  }
  /* -------------------------------------------------- 各ページ毎 > 菌株利用論文 */
  .content .research_box {}
  @media screen and (max-width: 800px) {
    .content .research_box {
      display: -webkit-block;
      display: block;
    }
  }
  .content .research_box h3 {
    flex-basis: 120px;
    border-radius: 10px;
  }
  @media screen and (max-width: 800px) {
    .content .research_box h3 {
      width: 100%;
      padding: 10px 15px;
      text-align: left;
      border-radius: 0;
    }
  }
  .content .research_box h3::before {}
  @media screen and (max-width: 800px) {
    .content .research_box h3::before {
      display: block;
    }
  }
  .content .research_box ul {
    margin: 0 0 0 20px;
  }
  @media screen and (max-width: 800px) {
    .content .research_box ul {
      margin: 10px 0 30px 0;
    }
  }
  .content .research_box ul li {}
  /* -------------------------------------------------- 各ページ毎 > スタッフ */
  .content .staff_table {
    border:none;
  }
  .content .staff_table th {}
  .content .staff_table th span {}
  .content .staff_table td {}
  @media screen and (max-width: 1000px) {
    .content .staff_table th,
    .content .staff_table td {
      display: block;
      width: 100%;
    }
  }
  /* -------------------------------------------------- 各ページ毎 > 保存菌株検索 */
  .microorganisms_search_box {
    margin: 40px auto;
    padding: 50px 30px;
    width: 100%;
  }
  .microorganisms_search_box input[type=text] {}
  @media screen and (max-width: 750px) {
    .microorganisms_search_box input[type=text]::placeholder {
      color: transparent;
    }
  }
  .microorganisms_search_box input[type=text]:focus {}
  .microorganisms_search_box p {}
  .microorganisms_search_box input[type=submit] {}
  @media screen and (max-width: 400px) {
    .microorganisms_search_box input[type=submit] {
      padding: 10px 20px 15px;
      font-size: 1.7rem;
    }
  }
  .microorganisms_search_box input[type=submit]:hover {}
  .microorganisms_search_box input[type=submit]:active {}
  .microorganisms_search_box input[type=submit]::before {}
  @media screen and (max-width: 750px) {
    .microorganisms_search_box p.sp_txt {
      display: block;
    }
  }
  /*一覧*/
  .content .microorganisms_search_table {}
  @media screen and (max-width: 950px) {
    .content .microorganisms_search_table {
      margin-bottom: 0;
    }
  }
  .content .microorganisms_detail_table {
    width: 100%;
  }
  .content .microorganisms_search_table th {}
  .content .microorganisms_search_table td {
    white-space: nowrap;
  }
  .content .microorganisms_search_table td.btn_link {
/*    width: 240px;*/
    padding: 5px 10px;
    white-space: nowrap;
  }
  .content .microorganisms_search_table td.btn_link a {
    display: block;
    margin: 4px 5px 8px 5px;
  }
  .content .microorganisms_search_table td.btn_link a:link,
  .content .microorganisms_search_table td.btn_link a:active,
  .content .microorganisms_search_table td.btn_link a:visited {}
  .content .microorganisms_search_table td.btn_link a:hover {}
  /*詳細*/
  .content .microorganisms_detail_table {}
  .content .microorganisms_detail_table th {}
  @media screen and (max-width: 500px) {
    .content .microorganisms_detail_table th {
      width: 45%;
      font-weight: normal;
    }
  }
  /**/
  .content .microorganisms_detail_link {}
  .content .microorganisms_detail_link ul {
    width: 100%;
  }
  @media screen and (max-width: 800px) {
    .content .microorganisms_detail_link ul {
      display: block;
      width: 80%;
    }
  }
  @media screen and (max-width: 450px) {
    .content .microorganisms_detail_link ul {
      display: block;
      width: 100%;
    }
  }
  .content .microorganisms_detail_link li {}
    @media screen and (max-width: 800px) {
    .content .microorganisms_detail_link li {
      display: block;
      width: 100%;
    }
  }
  .content .microorganisms_detail_link li a {}
  @media screen and (max-width: 450px) {
    .content .microorganisms_detail_link li a {
      font-size: 1.5rem;
    }
  }
  .content .microorganisms_detail_link li a:link,.content .microorganisms_detail_link li a:active,.content .microorganisms_detail_link li a:visited,.content .microorganisms_detail_link li a:hover {}
  .content .microorganisms_detail_link li a:hover {}
  .content .microorganisms_detail_link li a::before {}
  .content .microorganisms_detail_link li a:hover::before {}
  /* -------------------------------------------------- 各ページ毎 > Q&A*/
  .content .qa dl {}
  .content .qa dl dt {}
  .content .qa dl dt::before {}
  .content .qa dl dd {}
  /* -------------------------------------------------- 各ページ毎 お問い合わせ */
  .content .contact {}
  @media screen and (max-width: 500px) {
    .content .contact {
      margin: 30px auto;
      padding: 10px 20px;
    }
  }
  .content .contact h2 {}
  @media screen and (max-width: 500px) {
    .content .contact h2 {
      font-size: 1.8rem;
      font-weight: normal;
    }
  }
  .content .contact h2::before,.content .contact h2::after {}
  .content .contact br {
    display: block;
  }
  .content .contact .tel_link {
    font-size: 4.5rem;
  }
  .content .contact .tel_link a {
    padding-left: 60px;
  }
  .content .contact .tel_link a::before {
    width: 55px;
    height: 55px;
    background-image: url("../img/icon_tel.svg");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: left 100%;
  }
  @media screen and (max-width: 500px) {
    .content .contact .tel_link {
      font-size: 3.2rem;
    }
    .content .contact .tel_link a {
      padding-left: 0;
      cursor: pointer;
      pointer-events: auto;
      text-decoration: none;
      vertical-align: text-top;
    }
    .content .contact .tel_link a:link,
    .content .contact .tel_link a:active,
    .content .contact .tel_link a:visited {
      color: #009b64;
    }
    .content .contact .tel_link a:hover {
      text-decoration: underline;
    }
    .content .contact .tel_link a::before {
      display: none;
    }
  }
  .content .contact .btn_link {}
  .content .contact .btn_link a {}
  /* -------------------------------------------------- ニュース&トピックス */
  .news_list {}
  .news_list dl {}
  @media screen and (max-width: 600px) {
    .news_list dl {
      display: -webkit-block;
      display: block;
    }
  }
  .news_list dl:hover {}
  .news_list dt {}
  @media screen and (max-width: 600px) {
    .news_list dt {
      padding-bottom: 10px;
    }
  }
  .news_list dt span,.news_entry p.time span {}
  .news_list dd {}
  .news_list dd a:link,.news_list dd a:active,.news_list dd a:visited {}
  .news_list dd a:hover {}
  /**/
  .news_list .news_pager {}
  @media screen and (max-width: 600px) {
    .news_list .news_pager {
      padding-top: 30px;
    }
  }
  .news_list .news_pager a,.news_list .news_pager span {}
  .news_list .news_pager a {}
  .news_list .news_pager span {}
  .news_list .news_pager a:link,.news_list .news_pager a:active,.news_list .news_pager a:visited {}
  .news_entry p.time {}
}