@charset "UTF-8";

.container{
  padding-bottom: 20%;
  position: relative;
  max-width: 1680px;
  width: 100%;
  margin: 0 auto;
}
.img01{
  max-width: 1596px;
  width: 96%;
  margin: 0 0 16% auto;
}
.img02{
  max-width: 1583px;
  width: 96%;
  margin: 0 auto 0 0;
}
.container .plus{
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 1400px;
}
.container .plus .ill{
  width: 780px;
  margin: 0 auto;
}
.container .plus .txt{
  position: absolute;
  font-size: 34px;
  font-weight: 300;
  color: #595757;
  bottom: 2%;
  right: -5%;
  line-height: 2.2;
  letter-spacing: .25rem;
}
@media screen and (max-width: 1590px) {
  .container .plus{
    width: 90%;
  }
  .container .plus .ill{
    width: 55%;
  }
  .container .plus .txt{
    font-size: 2.1vw;
    right: -3%;
    letter-spacing: .15rem;
  }
}
@media screen and (max-width: 767px) {
  .container{
    padding-bottom: 10%;
  }
  .img01{
    margin: 0 0 -5% auto;
  }
  .container .plus{
    position: initial;
    top: initial;
    left: initial;
    transform: none;
    margin: 0 auto 5%;
  }
  .container .plus .ill{
    margin: 0 auto;
  }
  .container .plus .txt{
    position: initial;
    font-size: 4vw;
    text-align: center;
    margin: 3% 0 0;
    letter-spacing: .15rem;
    bottom: initial;
    right: initial;
  }
}