/* Scss Document */
/* Scss Document */
#page_ttl {
  background: url("../images/factory/page_ttl_bg_l.jpg") top center no-repeat;
}
#page_ttl .inner {
  background: url("../images/factory/page_ttl_bg.jpg") top center no-repeat;
}

.bg_wrap {
  background: linear-gradient(55deg, #094 0%, #094 15%, transparent 15%, transparent 100%), linear-gradient(120deg, transparent 0%, transparent 30%, rgba(240, 240, 225, 0.5) 30%, rgba(240, 240, 225, 0.5) 50%, transparent 50%, transparent 100%);
}

.content {
  padding: 50px 0;
}

.page_nav li {
  width: 255px;
}

#appearance, #inspection, #working, #strage {
  margin-top: -120px;
  padding-top: 120px;
}

.factory_lttl {
  margin-bottom: 30px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .1em;
  text-indent: .1em;
  text-align: center;
}
.factory_lttl .en {
  color: #DDD;
  font-family: "Times New Roman", Times, "serif";
  font-size: 4.0rem;
}
.factory_lttl .jp {
  color: #0A3190;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 2.0rem;
}

.factory_img_list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.factory_img_list li {
  width: 550px;
  margin-top: 30px;
}
.factory_img_list li:nth-child(-n+2) {
  margin-top: 0;
}

#appearance .inner {
  padding: 0;
}
#appearance .appearance_img_list {
  clear: both;
  overflow: hidden;
}
#appearance .appearance_img_list li.left {
  float: left;
  width: 790px;
}
#appearance .appearance_img_list li.right {
  float: right;
  width: 400px;
}
#appearance .appearance_img_list li:nth-child(2) {
  margin-bottom: 15px;
}

#inspection .factory_img_list .caption {
  margin: 0;
  font-size: 1.3rem;
  line-height: 3.0;
  text-align: center;
}

#strage .strage_content {
  border-bottom: #CCC 5px solid;
}

#sketch .sketch_content {
  background: linear-gradient(125deg, transparent 0%, transparent 65%, rgba(240, 240, 225, 0.5) 65%, rgba(240, 240, 225, 0.5) 100%), linear-gradient(65deg, #094 0%, #094 25%, transparent 25%, transparent 100%);
}
#sketch figure {
  text-align: center;
}

@media screen and (max-width: 640px) {
  #page_ttl {
    background: none;
  }
  #page_ttl .inner {
    background-size: auto 100%;
  }

  .bg_wrap {
    background: none;
  }

  .content {
    padding: 6.5789473684vw 0;
  }

  .page_nav li {
    width: 19vw;
  }
  .page_nav li a {
    white-space: nowrap;
  }

  #appearance, #inspection, #working, #strage {
    margin-top: -17vw;
    padding-top: 17vw;
  }

  .factory_lttl {
    margin-bottom: 5.3333333333vw;
    /*(40/750)*100vw*/
  }
  .factory_lttl .en {
    font-size: 4vw;
    /*(30/750)*100vw*/
  }
  .factory_lttl .jp {
    font-size: 5.3333333333vw;
    /*(40/750)*100vw*/
  }

  .factory_img_list {
    display: block;
  }
  .factory_img_list li {
    width: 100%;
    margin-top: 2em;
  }
  .factory_img_list li:nth-child(-n+1) {
    margin-top: 0;
  }
  .factory_img_list li:nth-child(2) {
    margin-top: 2em;
  }
  .factory_img_list li img {
    display: inline-block;
    margin-bottom: 1em;
  }

  #appearance .appearance_content {
    background: linear-gradient(55deg, #094 0%, #094 15%, transparent 15%, transparent 100%), linear-gradient(-55deg, transparent 0%, transparent 50%, rgba(240, 240, 225, 0.5) 50%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
    border-bottom: #CCC 5px solid;
  }
  #appearance .inner {
    padding: 0 3.9473684211vw;
  }
  #appearance .appearance_img_list li.left {
    width: 100%;
    margin-bottom: 3vw;
  }
  #appearance .appearance_img_list li.right {
    float: left;
    width: 44.5vw;
  }
  #appearance .appearance_img_list li:nth-child(2) {
    margin: 0 3vw 0 0;
  }

  #inspection .inspection_content {
    background: linear-gradient(55deg, #094 0%, #094 15%, transparent 15%, transparent 100%), linear-gradient(-55deg, transparent 0%, transparent 50%, rgba(240, 240, 225, 0.5) 50%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
    border-bottom: #CCC 5px solid;
  }
  #inspection .factory_img_list .caption {
    font-size: 3.1578947368vw;
    /*(24/760)*100vw*/
    line-height: 1.4;
  }

  #working .working_content {
    background: linear-gradient(55deg, #094 0%, #094 15%, transparent 15%, transparent 100%), linear-gradient(-55deg, transparent 0%, transparent 50%, rgba(240, 240, 225, 0.5) 50%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
    border-bottom: #CCC 5px solid;
  }

  #strage .strage_content {
    background: linear-gradient(55deg, #094 0%, #094 15%, transparent 15%, transparent 100%), linear-gradient(-55deg, transparent 0%, transparent 50%, rgba(240, 240, 225, 0.5) 50%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
    border-bottom: #CCC 5px solid;
  }

  #sketch .sketch_content {
    background: linear-gradient(55deg, #094 0%, #094 15%, transparent 15%, transparent 100%), linear-gradient(-55deg, transparent 0%, transparent 50%, rgba(240, 240, 225, 0.5) 50%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
  }
}