.content {
  height: 75vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.content * {
  font-weight: 300;
}
.content h2 {
  font-size: 40px;
}
.content p {
  font-size: 15px;
}
.content h2 p {
  font-size: 10px;
  display: inline-block;
}

.news .text {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
}
.news._3 {
  background-image: url('/image/top/monot.jpg');
  color: #000;
}

.litest {
  background-image: url('/image/top/litest.jpg');
}
.litest .text {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.monot {
  background-image: url('/image/top/monot.jpg');
}
.monot .text {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #000;
}

.elemental {
  background-image: url('/image/top/elemental.jpg');
}
.elemental .text {
  position: absolute;
  bottom: 50px;
  right: 27%;
  transform: translateX(-50%);
  text-align: right;
  text-shadow: 0 0 15px #efefef;
  color: #000;
}

@media (max-width: 750px) {
  .elemental .text {
    text-align: left;
    left: 20px;
    right: 0;
    transform: none;
  }
}