@import url(reset.css);
@import url(font.css);
@import url(column.css);
@import url(common.css);
@import url(pc.css);
@import url(mobile.css);
.innovation {
  padding-bottom: 0;
}
.innovation .first {
  padding-top: 6.5vw;
  padding-bottom: 8.3vw;
}
.innovation .first h2 {
  width: 61.88vw;
  font-size: 2.08vw;
  line-height: 3.5vw;
  color: #141414;
}
.innovation .history {
  padding: 7.5vw 0;
  background-color: rgba(250, 250, 250, 0.8);
}
.innovation .history h2 {
  font-size: 2.08vw;
  line-height: 1.88vw;
  color: #243456;
}
.innovation .history ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  position: relative;
  margin-top: 2.4vw;
  padding-top: 3vw;
}
.innovation .history ul::after {
  position: absolute;
  top: 0;
  right: -2.6vw;
  left: -2.6vw;
  width: auto;
  border-top: 1px solid rgba(20, 20, 20, 0.2);
  content: " ";
  display: block;
}
.innovation .history ul li {
  font-size: 1.56vw;
  line-height: 1.88vw;
  color: #243456;
  padding-right: 6vw;
  position: relative;
}
.innovation .history ul li::after {
  position: absolute;
  left: 0;
  top: -3.35vw;
  content: " ";
  width: 0.73vw;
  height: 0.73vw;
  background: url(../images/innovation/dot.png) no-repeat 0 0;
  background-size: contain;
  z-index: 11;
}
.innovation .history ul li p {
  margin-top: 1.3vw;
  font-size: 0.94vw;
  line-height: 1.56vw;
  color: #a3a3a7;
}
.innovation .history img {
  margin-top: -13vw;
}
.innovation .history p.web {
  right: 12vw;
  bottom: 4.6vw;
  position: absolute;
  font-size: 1.88vw;
  line-height: 2.81vw;
  color: #243456;
  width: 33.54vw;
}
.innovation .numbers {
  padding-top: 8vw;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.innovation .numbers dl {
  text-align: center;
}
.innovation .numbers dl dt {
  font-size: 4.17vw;
  line-height: 3.13vw;
  color: #cea052;
}
.innovation .numbers dl dd {
  margin-top: 1.56vw;
  font-size: 0.94vw;
  line-height: 1.25vw;
  color: #141414;
}
.innovation .leaders {
  padding: 8vw 0;
}
.innovation .leaders h2 {
  font-size: 2.19vw;
  color: #3f3514;
  margin-bottom: 3vw;
}
.innovation .leaders ul {
  display: flex;
  flex-direction: row;
}
.innovation .leaders ul li {
  width: 14.84vw;
  margin-right: 1vw;
}
.innovation .leaders ul li h3 {
  margin: 1vw 0;
  font-size: 1.25vw;
  line-height: 1.4vw;
  color: #3f3514;
}
.innovation .leaders ul li p {
  margin: 1.3vw 0;
  font-size: 0.94vw;
  line-height: 1.25vw;
  font-weight: 300;
  color: #3f3514;
}
.innovation .leaders ul li h5 {
  margin-top: 1.6vw;
  font-size: 0.83vw;
  line-height: 1.56vw;
  color: #3f3514;
}
.innovation .leaders ul img {
  width: 100%;
  height: 17.19vw;
}
@media screen and (max-width: 960px) {
  .innovation .first {
    padding: 15vw 4vw;
  }
  .innovation .first h2 {
    width: auto;
    font-size: 7.73vw;
    line-height: 150%;
  }
  .innovation .history h2 {
    font-size: 5.33vw;
    line-height: 150%;
    font-weight: 500;
  }
  .innovation .history ul {
    flex-direction: column;
  }
  .innovation .history ul::after {
    border-left: 1px solid rgba(20, 20, 20, 0.2);
    border-bottom: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: inherit;
  }
  .innovation .history ul li {
    padding-left: 3.7vw;
    margin-bottom: 8.67vw;
    font-size: 4vw;
    line-height: 150%;
    font-weight: 400;
  }
  .innovation .history ul li p {
    font-size: 3.47vw;
    line-height: 150%;
  }
  .innovation .history ul li::after {
    width: 1.87vw;
    height: 1.87vw;
    top: 2vw;
    left: -1vw;
  }
  .innovation .history img {
    margin-top: 0;
  }
  .innovation .history p {
    margin-top: 8vw;
    padding-left: 24vw;
    width: auto;
    right: 0;
    bottom: 0;
    position: relative;
    font-size: 4.8vw;
    line-height: 7.2vw;
  }
  .innovation .numbers {
    padding: 20vw 4vw 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .innovation .numbers dl {
    width: 50%;
    text-align: left;
    margin-bottom: 11.47vw;
  }
  .innovation .numbers dl dt {
    font-size: 8vw;
    line-height: 150%;
  }
  .innovation .numbers dl dd {
    margin-top: 1.73vw;
    font-size: 3.2vw;
    line-height: 150%;
  }
  .innovation .leaders {
    padding: 20vw 4vw;
  }
  .innovation .leaders h2 {
    font-size: 5.6vw;
    line-height: 150%;
    margin-bottom: 11.6vw;
  }
  .innovation .leaders ul {
    flex-wrap: wrap;
  }
  .innovation .leaders ul li {
    width: 48%;
    margin-bottom: 16vw;
    margin-right: 4%;
  }
  .innovation .leaders ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .innovation .leaders ul li h3 {
    margin-top: 3.5vw;
    margin-bottom: 5vw;
    font-size: 3.74vw;
    line-height: 150%;
  }
  .innovation .leaders ul li p {
    font-size: 3.2vw;
    line-height: 150%;
  }
  .innovation .leaders ul li h5 {
    margin-top: 10vw;
    font-size: 3.2vw;
    line-height: 150%;
  }
  .innovation .leaders ul img {
    width: 44.67vw;
    height: 51.6vw;
  }
}
/*# sourceMappingURL=./innovation.css.map */