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

  #index {}
  /* ----------------------------------------------- main_visual */
  .main_visual {}
  .main_visual::before,
  .main_visual::after {}
  .main_visual::before {}
  .main_visual::after {}
  .main_visual .filter {}
  .main_visual .filter::before {}
  .main_visual .inner {}
  /**/
  .main_visual .inner h2 {
    margin-left: -10px;
    padding: 50px 40px;
    font-size: 4.0rem;
  }
  .main_visual .inner h2::before,
  .main_visual .inner h2::after {}
  .main_visual .inner h2::before {}
  .main_visual .inner h2::after {}
  .main_visual .inner h2 span {
    font-size: 1.6rem;
  }
  /**/
  .main_visual_banner_pc {
    width: 43%;
    padding: 20px;
  }
  .main_visual_banner_sp {}
  .main_visual .inner ul {}
  .main_visual .inner ul li {
    width: 45%;
  }
  .main_visual .inner ul li img {
    width: 100%;
    height: auto;
  }
  .main_visual .inner ul li:nth-child(1),
  .main_visual .inner ul li:nth-child(2) {
    padding-bottom: 20px;
  }
  @media screen and (max-width: 920px) {
    .main_visual .inner h2 {
      font-size: 3.0rem;
      padding: 35px;
    }
    .main_visual .inner h2 span {
      font-size: 1.6rem;
    }
    @media screen and (max-width: 720px) {
      .main_visual .inner {
        display: -webkit-block;
        display: block;
        width: 100%;
        padding: 40px;
        text-align: center;
      }
      .main_visual .inner h2 {
        display: inline-block;
        margin: 0 auto;
        padding: 30px;
      }
      .main_visual .inner h2 span {
        font-size: 1.6rem;
      }
      /**/
      .main_visual_banner_pc {
        display: none;
      }
      .main_visual_banner_sp {
        display: block;
      }
      .main_visual_banner_sp ul {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 40px 20px;
      }
      .main_visual_banner_sp ul li {
        width: 45%;
      }
      .main_visual_banner_sp ul li img {
        width: 100%;
        height: auto;
      }
      .main_visual_banner_sp ul li:nth-child(1),
      .main_visual_banner_sp ul li:nth-child(2) {
        padding-bottom: 20px;
      }
    }
  }
  /* ----------------------------------------------- information */
  .information {
    width: 95%;
  }
  /**/
  .information .information_left {
    text-align: left;
  }
  .information .information_left h3 {
    font-size: 4.4rem;
  }
  .information .information_left p {}
  .information .sp {/*sp*/}
  .information .information_left p a,
  .information .sp a {
    padding: 15px 80px 15px 30px;
    font-size: 1.4rem;
  }
  .information .information_left p a:link,
  .information .information_left p a:active,
  .information .information_left p a:visited,
  .information .sp a:link,
  .information .sp a:active,
  .information .sp a:visited {}
  /**/
  .information .tab_wrap {
    width: 72%;
  }
  /**/
  .information .tab_wrap {}
  .information label {
    padding: 15px 5px;
    font-size: 1.6rem;
  }
  .information .tab_label:hover {}
  /* active tub */
  .information .tab_switch:checked + .tab_label {}
  .information .tab_switch:checked + .tab_label + .tab_list {}
  /* radiobutton */
  .information .tab_switch {}
  /**/
  .information .tab_list {}
  .information .tab_list a {}
  .information .tab_list a:link,
  .information .tab_list a:active,
  .information .tab_list a:visited,
  .information .tab_list a:hover {
    text-decoration: none;
  }
  .information .tab_list a::before {}
  .information .tab_list a:hover::before {}
  .information .tab_list a::after {}
  .information .tab_list dl {}
  .information .tab_list dl dt time {}
  .information .tab_list dl span {}
  .information .tab_list dl span.important {}
  .information .tab_list dd {}
  /*file icon*/
  .tab_wrap a[href$=".pdf"] dd:after,
  .tab_wrap a[href$=".doc"] dd:after,
  .tab_wrap a[href$=".docx"] dd:after,
  .tab_wrap a[href$=".xls"] dd:after,
  .tab_wrap a[href$=".xlsx"] dd:after {}
  .tab_wrap a[href$=".pdf"] dd:after {}
  .tab_wrap a[href$=".doc"] dd:after {}
  .tab_wrap a[href$=".docx"] dd:after {}
  .tab_wrap a[href$=".xls"] dd:after {}
  .tab_wrap a[href$=".xlsx"] dd:after {}
  /*comment*/
  .information .tab_list p {}
  @media screen and (max-width: 920px) {
    .information {
      display: -webkit-block;
      display: block;
      padding: 40px 0;
    }
    /**/
    .information .information_left {
      text-align: center;
    }
    .information .information_left h3 {
      font-size: 3.0rem;
      padding-bottom: 20px;
    }
    .information .information_left p {
      display: none;
    }
    .information .sp {/*sp*/
      display: block;
    }
    /**/
    .information .tab_wrap {
      width: 100%;
    }
    .information label {
      padding: 10px 10px;
      font-size: 1.4rem;
    }
    @media screen and (max-width: 600px) {
      .information .tab_wrap {}
      .information label {
        width: 49.5%;
        margin: 5px 0 0 0;
        padding: 7px 10px;
        border-radius: 30px;
        font-size: 1.3rem;
      }
      /**/
      .information .tab_list {
        border: none;
      }
      .information .tab_list a {
        padding: 22px 10px;
      }
      .information .tab_list dl dt time {
        font-size: 1.4rem;
      }
      .information .tab_list dl span {
        font-size: 1.2rem;
      }
      .information .tab_list dd {
        font-size: 1.5rem;
      }
    }
  }
  /* ----------------------------------------------- Report */
  .report {}
  .report::after {}
  .report h3 {
    font-size: 4.4rem;
  }
  .report .inner {}
  .report .inner p {}
  .report .inner ul {}
  .report .inner ul li,
  .report .inner ul li a{}
  .report .inner ul li {}
  .report .inner ul li::before {}
  .report .inner ul li::after {}
  @media screen and (max-width: 920px) {
    .report h3 {
      font-size: 3.0rem;
    }
    .report .inner {
      padding: 30px;
    }
    .report .inner p {
      font-size: 1.6rem;
    }
  .report .inner ul li,
  .report .inner ul li a{
    font-size: 1.5rem;
    }
  }
  /* ----------------------------------------------- Brochure */
  .brochure {}
  .brochure::before {}
  .brochure h3 {}
  .brochure .inner {}
  .brochure h4 {
    max-width: 700px;
    width: 85%;
  }
  .brochure ul {
    max-width: 700px;
    width: 80%;
  }
  .brochure ul li {
    width: 47%;
  }
  .brochure ul li img {
    width: 100%;
    height: auto;
  }
  .brochure ul li a {}
  .brochure ul li a:link,
  .brochure ul li a:visited,
  .brochure ul li a:active {}
  @media screen and (max-width: 920px) {
    .brochure h3 {
      font-size: 3.0rem;
    }
    .brochure h4 {
      font-size: 2.5rem;
    }
    .brochure ul li a {
      font-size: 1.4rem;
    }
    @media screen and (max-width: 500px) {
      .brochure ul {
        display: -webkit-block;
        display: block;
        text-align: center;
      }
      .brochure ul li {
        width: 90%;
        margin: 5px auto;
      }
      .brochure ul li:first-child {
        margin-bottom: 30px;
      
      }
    }
  }
}