@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 767px) {
  .content-title {
    background-image: url(../img/title_sp.jpg);
  }
  .content > p {
    text-align: left;
    margin: 8vw 0;
  }
  .content > h2 {
    margin: 0 0 5vw;
  }

  .nav-wrap {
    height: 65vw;
    background-image: url(../img/bg-01_sp.jpg);
    margin: 0 auto 12vw;
  }
  .nav-wrap > div {
    max-width: 70vw;
    background-image: url(../img/bg-02_sp.png);
  }
  .nav-wrap > div .box:nth-of-type(2) {
    bottom: 11%;
  }
  .nav-wrap > div .box:nth-of-type(3) {
    right: 2.5%;
    bottom: 11%;
  }
  .nav-wrap > div .box h3 {
    font-size: 3.6vw;
    line-height: 5vw;
    letter-spacing: 0.1vw;
  }
  .nav-wrap > div .box a {
    font-size: 3.2vw;
    margin-top: 2vw;
    padding: 0 6vw;
  }

  /*.inner{
		padding:0 5vw;
	}*/
  .inner h3 {
    font-size: 4vw;
    margin-left: 5vw;
    padding: 0 8vw 0 3vw;
  }
  .inner > p {
    font-size: 3.4vw;
    margin: 2vw 0 0 5vw;
  }
  .inner > section {
    margin-right: 0;
  }

  .inner > section > div.case-one,
  .inner > section > div.case-two {
    background-image: url(../img/bg-03_sp.jpg);
    height: 37vw;
  }
  .inner > section > div.case-one {
    margin-bottom: 7vw;
  }
  .inner > section > div.case-two {
    background-image: url(../img/bg-04_sp.jpg);
    margin-bottom: 20vw;
  }
  .inner > section > div.case-one span,
  .inner > section > div.case-two span {
    font-size: 2.4vw;
    line-height: 4vw;
    margin: 0 2vw 0 0;
  }
  .inner > section > div.case-one p,
  .inner > section > div.case-two p {
    font-size: 2.4vw;
    line-height: 3vw;
    max-width: 23vw;
    margin-right: 4vw;
  }
  .inner > section > div.case-one h4,
  .inner > section > div.case-two h4 {
    font-size: 5vw;
    margin-left: 3vw;
  }

  .result > div {
    background-image: url(../img/bg-05_sp.jpg);
    height: 14vw;
    margin-top: 8vw;
    padding-bottom: 1vw;
  }
  .result > div:nth-of-type(2) {
    background-image: url(../img/bg-06_sp.jpg);
  }
  .result > div:nth-of-type(3) {
    background-image: url(../img/bg-07_sp.jpg);
  }
  .result > div:nth-of-type(4) {
    background-image: url(../img/bg-08_sp.jpg);
  }
  .result > div:nth-of-type(5) {
    background-image: url(../img/bg-09_sp.jpg);
    margin-bottom: 24vw;
  }

  .result * {
    line-height: 4vw;
    letter-spacing: 0.1vw;
  }
  .result h4 {
    font-size: 4vw;
    padding-left: 0;
    max-width: 33vw;
  }
  .result p {
    font-size: 2.6vw;
    max-width: 23vw;
  }
  .result p:last-of-type {
    max-width: 38vw;
  }

  .inner > ul {
    margin-top: 0;
  }
  .inner > ul li {
    width: 100%;
  }
  .inner > ul li p {
    font-size: 3.4vw;
    line-height: 6vw;
    padding-top: 0;
    margin: 3vw 5vw;
  }
  .inner > ul li img {
    display: block;
    margin: 0 auto;
    max-width: 60vw;
  }

  .contact {
    /*max-width:85vw;*/
    margin: 20vw auto 0;
    padding: 7vw 5vw;
  }
  .contact p {
    font-size: 3.2vw;
    line-height: 5vw;
    letter-spacing: 0;
  }
  .contact ul {
    margin: 5vw 0;
  }
  .contact ul li {
    width: 50%;
    font-size: 3vw;
    letter-spacing: 0;
  }
  .contact ul li * {
    font-size: 3vw;
    letter-spacing: 0;
  }
  .contact ul li:first-of-type {
    width: 100%;
    margin-bottom: 1vw;
  }
  .contact ul li:first-of-type h5 {
    font-size: 4vw;
  }
  .contact > a {
    font-size: 4.5vw;
    padding: 2vw 23vw 2vw 17vw;
    background-size: auto 25%;
  }

  /*下層ページ*/
  .content-title.development-title {
    background-image: url(../img/development-title_sp.jpg);
    height: 20vw;
  }

  .list .content > h3 {
    margin: 8vw 0 8vw;
  }

  .list .inner h3 {
    font-size: 3.8vw;
    margin-left: 3vw;
    padding-right: 3vw;
    letter-spacing: 0;
  }
  .list .inner h3:nth-of-type(1),
  .list .inner h3:nth-of-type(2) {
    padding: 0 10vw 0 3vw;
  }
  .list .inner > p {
    margin: 3vw 0 13vw;
  }
  .list .inner > ul {
    margin: 3vw 0 10vw;
  }
  .list .inner > ul li p {
    margin: 0;
    letter-spacing: 0;
  }
  .list .inner > ul li img {
    max-width: 100%;
  }

  .list .property li {
    width: 66%;
  }
  .list .property li:last-of-type {
    width: 30%;
  }

  .catalog {
    padding: 3vw 2vw;
  }
  .catalog ul {
    margin-bottom: 3vw;
    padding-bottom: 2.5vw;
  }
  .catalog ul * {
    font-size: 2.9vw;
    letter-spacing: 0;
  }
  .catalog ul li a {
    font-size: 2.6vw;
    padding: 0.5vw 3vw;
  }

  .g-aluminum {
    margin: 4vw 0 15vw !important;
  }
  .g-aluminum .box {
    flex-direction: column;
  }
  .g-aluminum .box span {
    font-size: 3vw;
    margin-bottom: 5vw;
  }
  .g-aluminum li {
    width: 48% !important;
  }
  .g-aluminum.w-100 li {
    width: 100% !important;
  }  
  .g-aluminum li h5 {
    font-size: 3.6vw;
    margin: 1vw 0 3vw;
  }

  .acrylic .inner > p {
    margin: 3vw 0 5vw;
  }
  .acrylic .inner > p:first-of-type {
    margin: 1vw 0 10vw;
  }

  .list .contact {
    margin: 15vw auto 0;
  }
  .list .content > p {
    letter-spacing: 0.1vw;
  }

  #aluminum,
  #acrylic,
  #other {
    margin-top: -15vw;
    padding-top: 15vw;
  }

  /*-----------------------
	新規開発品紹介
	-----------------------*/
  .new .content > p {
    padding: 0 15vw;
    margin: 0 0 8vw;
  }
  .new .inner {
    padding: 0 8vw;
  }
  .new .inner ul {
    margin: 0 0 15vw;
  }
  .new .property li,
  .new .property li:last-of-type {
    width: 100%;
  }
  .new .property li h3 {
    margin: 3vw 0 0;
  }
  .new .property li p {
    margin: 3vw 0 !important;
  }
  .new .catalog {
    position: static;
  }
  .new .catalog a {
    font-size: 4.5vw;
    background-size: auto 25%;
  }
}