@charset "utf-8";

/* tablet (1024px以下)
------------------------------ */
@media (max-width: 1024px) {
  /* FIRST-VIEW */
  .first-view {
    height: 600px;
  }
}

/* tablet (959px以下)
------------------------------ */
@media (max-width: 959px) {
  /* HEADER */
  .logo {
    width: 250px;
  }
  .main-nav {
    font-size: 1.125rem;
  }
  .main-nav li {
    padding-left: 16px;
  }

  /* FIRST-VIEW */
  .first-view {
    height: 500px;
  }
  .main-copy {
    top: 150px;
    width: 90%;
  }

  /* INFORMATION */
  .information img {
    margin-right: 6%;
    margin-bottom: 1em;
  }

  /* SERVICE */
  .service .contents {
    flex-wrap: wrap;
  }
  .service .contents-item {
    width: 47%;
  }
  .service .contents-item:nth-of-type(1),
  .service .contents-item:nth-of-type(2) {
    margin-bottom:6%;
  }
  .service .text-contents {
    padding: 2rem;
  }

  /* WORKS */
  .gallery p {
    font-size: 0.875rem;
  }

  /* ABOUT */
  .about .text-contents {
    padding: 0;
  }

  /* FOOTER */
  .scroll-top span {
    font-size: 2.5rem;
    width: 50px;
    height: 50px;
  }
}

/* phone (559px以下)
------------------------------ */
@media (max-width: 559px) {
  /* 共通部分 */
  section {
    margin-bottom: 40px;
  }
  .heading {
    margin: 0 0 20px;
    width: 100%;
    font-size: 1.375rem;
  }

  /* HEADER */
  .header {
    padding: 5px 0;
  }
  .logo {
    width: 200px;
    padding: 5px 0;
  }
  .main-nav {
    display: none;
  }

  /* mobile-nav */
  .open {
    display: block;
  }

  /* FIRST-VIEW */
  .first-view {
    height: 400px;
    margin-bottom: 40px;
  }
  .main-copy {
    top: 140px;
    width: 100%;
  }

  /* INFORMATION */
  .information img {
    float: none;
    width: 100%;
    margin-bottom: 2rem;
  }

  /* SERVICE */
  .service .contents {
    display: block;
  }
  .service .contents-item {
    margin-bottom: 10%;
    width: 100%;
  }
  .service .contents-item:nth-of-type(1),
  .service .contents-item:nth-of-type(2) {
    margin-bottom:10%;
  }
  .service .addition {
    margin: 0;
    padding-left: 1rem;
    text-indent: -1rem;
    text-align: left;
  }

  /* WORKS */
  .gallery {
    display: block;
  }
  .gallery li {
    width: 100%;
    margin-bottom: 10%;
  }
  .gallery li:nth-of-type(3),
  .gallery li:nth-of-type(4) {
    margin-top: 0;
    margin-bottom: 10%;
  }

  /* FOOTER */
  .scroll-top span {
    font-size: 2rem;
    width: 40px;
    height: 40px;
  }
}

/* iPhone 5/SE (325px以下)
------------------------------ */
@media (max-width: 325px) {
  /* FOOTER */
  .scroll-top span {
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
  }
}