@charset "utf-8";

@media screen and (max-width: 1200px) {
  /* ----------------------------------------------- */
  * {}
  html {}
  /**/
  body {}
  @media screen and (max-width: 750px) {
    body {
      font-size: 1.6rem;
    }
  }
  /* ----------------------------------------------- */
  a:link {}
  a:link,a:active,a:visited {}
  /* ----------------------------------------------- wrapper*/
  #wrapper {}
  @media screen and (max-width: 750px) {
    #wrapper {
      background-size: 170%;
    }
  }
  /* ----------------------------------------------- header*/
  header {}
  /* h1 */
  header h1 {}
  /* nav*/
  header nav {}
  header nav ul {}
  header nav ul li {}
  header nav ul li:last-child {}
  header nav ul li a {}
  header nav ul li a:link,
  header nav ul li a:active,
  header nav ul li a:visited {}
  header nav ul li a:hover {}
  header nav ul li img {}
  @media screen and (max-width: 1000px) {
    header {
      text-align: center;
      width: 95%;
    }
    /* h1 */
    header h1 {}
    header h1 img {
      max-width: 778px;
      width: 90%;
      height: auto;
    }
    /* nav*/
    header nav ul {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    header nav ul li {
      width: calc(100%/2);
    }
    header nav ul li:nth-child(even) {
      border: 1px solid #1d4da8;
    }
    header nav ul li a {
      padding: 3px 0 4px 0;
      font-size: 1.4rem;
    }
    @media screen and (max-width: 750px) {
      header h1 {
        padding: 15px 0 10px 0;
      }
      header h1 img {
        width: 80%;
      }
      header nav ul li a {
        padding: 0;
        font-size: 1.3rem;
        font-weight: normal;
      }
    }
  }
  /* ----------------------------------------------- index */
  #index {
    margin: 40px auto;
    text-align: center;
  }
  #index div {
    display: -webkit-block;
    display: block;
  }
  #index div .detail {
    padding: 80px 0 60px 0;
  }
  #index img {
    max-width: 90%;
    height: auto;
  }
  @media screen and (max-width: 750px) {
    #index div .detail {
      padding: 30px 0;
    }
  }
  /* ----------------------------------------------- main(second) */
  main {}
  main img {
    max-width: 95%;
    height: auto;
  }
  main .inner {}
  main .inner h1 {}
  main .inner p {}
  /* セミナー概要 */
  main .table_out {}
  main .table_out th {}
  main .table_out td {}
  @media screen and (max-width: 750px) {
    main {
      border-radius: 20px;
    }
    main .inner {
      padding: 30px 20px;
    }
    main .inner h1 {
      top: -14px;
      left: 10px;
      font-size: 1.75rem;
      line-height: 120%;
    }
  }
  /* ----------------------------------------------- footer*/
  footer {}
  footer img {}
  footer address {}
  @media screen and (max-width: 1000px) {
    footer img {
      margin-bottom: 10px;
      max-width: 80%;
      height: auto;
    }
    footer address {
      line-height: 120%;
      font-size: 1.1rem;
    }
  }
}