#container {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #231815;
  margin: 0 auto 24px;
}

#container .innerBlock {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

#container .innerBlock .mv-block {
  width: 100%;
  height: 457px;
  margin: 0 auto;
  background: url("../img/pc_works_mv_bg.png") no-repeat center top;
}

#container .innerBlock .mv-block h1 {
  width: 1280px;
  height: 457px;
  margin: 0 auto;
}

#container .innerBlock .mv-block h1 img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

#container .innerBlock .content-block {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

#container .innerBlock .content-block h2.heading-block {
  width: 1280px;
  height: auto;
  margin: 25px auto;
  text-align: center;
}

#container .innerBlock .content-block h2.heading-block img {
  width: 1000px;
  height: auto;
  vertical-align: top;
  margin: 0 auto 12px;
}

#container .innerBlock .content-block h2.heading-block .text {
  width: 736px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.61111em;
  font-weight: 300;
  text-align: left;
  display: inline-block;
  margin: 0 auto 32px;
}

#container .innerBlock .content-block .heading {
  width: 100%;
  background: #9DB1BC;
  margin: 0 auto 42px;
}

#container .innerBlock .content-block .heading p.text {
  width: 1280px;
  height: auto;
  margin: 0 auto;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 58px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

#container .innerBlock .content-block .item01 {
  width: 1280px;
  height: auto;
  margin: 0 auto 80px;
}

#container .innerBlock .content-block .item01 ul {
  width: 1000px;
  margin: 0 auto;
}

#container .innerBlock .content-block .item01 ul li {
  width: 480px;
  height: 368px;
  float: left;
}

#container .innerBlock .content-block .item01 ul li .text {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.45em;
  font-weight: 300;
  text-align: left;
  display: inline-block;
}

#container .innerBlock .content-block .item01 ul li img {
  width: 100%;
  height: auto;
  vertical-align: top;
  margin: 0 auto 2px;
}

#container .innerBlock .content-block .item01 ul li:nth-child(even) {
  margin-left: 40px;
}

#container .innerBlock .content-block .item01 ul li:nth-child(5), #container .innerBlock .content-block .item01 ul li:nth-child(6) {
  margin-bottom: 35px;
}

#container .innerBlock .content-block .item02 {
  width: 1280px;
  height: auto;
  margin: 0 auto 80px;
}

#container .innerBlock .content-block .item02 ul {
  width: 1000px;
  margin: 0 auto;
}

#container .innerBlock .content-block .item02 ul li {
  width: 480px;
  height: 368px;
  float: left;
}

#container .innerBlock .content-block .item02 ul li .text {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.45em;
  font-weight: 300;
  text-align: left;
  display: inline-block;
}

#container .innerBlock .content-block .item02 ul li img {
  width: 100%;
  height: auto;
  vertical-align: top;
  margin: 0 auto 2px;
}

#container .innerBlock .content-block .item02 ul li:nth-child(even) {
  margin-left: 40px;
}

@media screen and (min-width: 1801px) {
  #container .innerBlock .mv-block {
    background-size: 100%;
  }
}

@media screen and (max-width: 750px) {
  #container {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #231815;
    margin: 0 auto;
  }

  #container .innerBlock {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
  }

  #container .innerBlock .mv-block {
    width: 100%;
    height: 40vw;
    margin: 0 auto;
    background: none;
  }

  #container .innerBlock .mv-block h1 {
    width: 100%;
    height: 40vw;
    margin: 0 auto;
  }

  #container .innerBlock .mv-block h1 img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  #container .innerBlock .content-block {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  #container .innerBlock .content-block h2.heading-block {
    width: 100%;
    height: auto;
    margin: 7.33333vw auto 8.93333vw;
    text-align: center;
  }

  #container .innerBlock .content-block h2.heading-block img {
    width: 100%;
    height: auto;
    vertical-align: top;
    margin: 0 auto 5.33333vw;
  }

  #container .innerBlock .content-block h2.heading-block .text {
    width: 81.33333vw;
    font-size: 3.46667vw;
    line-height: 1.92308em;
    font-weight: 300;
    text-align: left;
    display: inline-block;
    margin: 0 auto;
  }

  #container .innerBlock .content-block .heading {
    width: 100%;
    background: #9DB1BC;
    margin: 0 auto 4.53333vw;
  }

  #container .innerBlock .content-block .heading p.text {
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-size: 4.66667vw;
    line-height: 11.33333vw;
    color: #fff;
    font-weight: 300;
    text-align: center;
  }

  #container .innerBlock .content-block .item01 {
    width: 100%;
    height: auto;
    margin: 0 auto 16.4vw;
  }

  #container .innerBlock .content-block .item01 ul {
    width: 82.66667vw;
    margin: 0 auto;
  }

  #container .innerBlock .content-block .item01 ul li {
    width: 82.66667vw;
    height: auto;
    float: none;
    margin: 0 auto 4vw;
  }

  #container .innerBlock .content-block .item01 ul li .text {
    font-size: 2.66667vw;
    line-height: 1.5em;
    font-weight: 300;
    text-align: left;
    display: inline-block;
  }

  #container .innerBlock .content-block .item01 ul li img {
    width: 100%;
    height: auto;
    vertical-align: top;
    margin: 0 auto 1.33333vw;
  }

  #container .innerBlock .content-block .item01 ul li:nth-child(even) {
    margin-left: 0;
  }

  #container .innerBlock .content-block .item01 ul li:nth-child(5), #container .innerBlock .content-block .item01 ul li:nth-child(6) {
    margin: 0 auto 4vw;
  }

  #container .innerBlock .content-block .item02 {
    width: 100%;
    height: auto;
    margin: 0 auto 21.33333vw;
  }

  #container .innerBlock .content-block .item02 ul {
    width: 82.66667vw;
    margin: 0 auto;
  }

  #container .innerBlock .content-block .item02 ul li {
    width: 82.66667vw;
    height: auto;
    float: none;
    margin: 0 auto 4vw;
  }

  #container .innerBlock .content-block .item02 ul li .text {
    font-size: 2.66667vw;
    line-height: 1.5em;
    font-weight: 300;
    text-align: left;
    display: inline-block;
  }

  #container .innerBlock .content-block .item02 ul li img {
    width: 100%;
    height: auto;
    vertical-align: top;
    margin: 0 auto 1.33333vw;
  }

  #container .innerBlock .content-block .item02 ul li:nth-child(even) {
    margin-left: 0;
  }
}

.fiu {
  animation: fadeInUp 1s both;
  -webkit-animation: fadeInUp 1s both;
  visibility: visible !important;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}