li {
  list-style: none;
}

body {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
}

a:hover {
  opacity: 0.8;
}

h2 img {
  margin: 0 auto 60px;
  display: block;
}

.cont-w {
  margin-right: auto;
  margin-left: auto;
  /*width: 1100px;*/
  width: 1100px;
}
@media (max-width: 767px) {
  .cont-w {
    width: 100%;
  }
}

.container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.mainimg {
  background: url(/Myfactory/img/mainimg.jpg) no-repeat top center/cover, #b5dcfd;
  height: 900px;
  overflow: hidden;
}
.mainimg div {
  position: relative;
}
.mainimg div h2 {
  position: absolute;
  right: 80px;
  top: 270px;
}

.slider {
  margin-bottom: -70px;
  margin-top: -70px;
}
.slider li {
  margin-left: 3rem;
}
.slider img {
  width: 220px;
}

.Myfactory_needs {
  background: #063771;
  padding: 160px 0 60px;
}
.Myfactory_needs .cont-w .Myfactory_needs_item > li:not(:nth-of-type(3)) {
  margin-right: 40px;
}
.Myfactory_needs .cont-w .Myfactory_needs_item > li:nth-child(-n+3) {
  margin-bottom: 3rem;
}
.Myfactory_needs .cont-w p {
  text-align: center;
  color: #fff;
  margin-top: 50px;
  line-height: 1.8;
  font-size: 20px;
}
.Myfactory_needs .cont-w p span {
  color: #ffdc00;
}

@media (max-width: 767px) {
  .Myfactory_needs_item li img {
    flex-shrink: 1;
    width: 50%;
  }
}
.Myfactory_3 {
  background: #ebebeb;
  padding: 80px 0;
}
.Myfactory_3 .container {
  align-items: baseline;
}
.Myfactory_3 .Myfactory_3_item li {
  width: 340px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
}
.Myfactory_3 .Myfactory_3_item > li:not(:nth-of-type(3)) {
  margin-right: 40px;
}
.Myfactory_3 .Myfactory_3_item li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url(/Myfactory/img/batu.png) no-repeat;
  position: absolute;
  right: -39px;
  top: 25px;
}
.Myfactory_3 .Myfactory_3_item li > img {
  margin-bottom: 2rem;
}
.Myfactory_3 .Myfactory_3_item li > p {
  line-height: 1.8;
}

.case {
  background: #243226;
  padding: 80px 0 100px;
}
.case .case_item {
  margin-bottom: 2rem;
}
.case .case_item li {
  margin-bottom: 40px;
}
.case .case_item li:nth-child(2n) {
  margin-left: 40px;
}
.case .case_btn {
  text-align: center;
}

.onestopservice {
  padding: 80px 0 50px;
}
.onestopservice h3 {
  background: #ecf1f7;
  padding: 2rem;
}
.onestopservice li div {
  display: flex;
  position: relative;
  justify-content: flex-end;
  padding: 3rem 2rem 5rem;
  font-size: 18px;
}
.onestopservice li div p {
  margin-right: 5rem;
  line-height: 2;
  width: 63%;
}
.onestopservice li:not(:last-child) div::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #999999;
  position: absolute;
  left: 7%;
  top: 0;
}

.YouTube {
  height: 650px;
}

.toi {
  background: #0a246e;
  padding: 60px 0;
  margin-top: 8rem;
}
.toi h2 {
  font-size: 32px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  margin-bottom: 60px;
  font-weight: 500;
}
.toi h2 strong {
  color: #ffdc00;
}
.toi li:last-child {
  margin-left: 7rem;
}

.nipponsteel {
  background: #f5f4f4;
  padding: 40px 0;
}
.nipponsteel li {
  font-size: 18px;
}
.nipponsteel li:last-child {
  margin-left: 5rem;
}/*# sourceMappingURL=common.css.map */