
/* .contents{
  position: absolute;
  left: max(calc(25vw + 5rem), 19rem);
  top: 0rem;
  width: 65vw;
} */

.contents{
  /* display: inline-block; */
  width: 95vw;
}

.contents h2{
  margin-top: 1.5rem;
  font-size: 3rem;
  text-transform: uppercase;
  font-family: BackOut;
  width: max(40vw, 35rem);
}

.contents h3{
  margin-bottom: 0.5rem;
}

.contents p{
  width: max(40vw, 35rem);
}

.left{
  position: relative;
  display: inline-block;
  width: 40vw;
  vertical-align: top;
}

.left img{
  margin-top: 2rem;
  margin-bottom: 3rem;
  width: max(40vw, 45rem);
}

.right{
  margin-left: 5rem;
  position: relative;
  display: inline-block;
  width: 40vw;
  vertical-align: top;
  text-align: right;
}

.right img{
  margin-top: 2rem;
  margin-bottom: 3rem;
  width: max(25vw, 22rem);
}

@media (max-width: 1080px) {

  .contents{
    padding-bottom: 6rem;
    width: 85vw;
  }

  .contents h2{
    font-size: 5rem;
    margin-bottom: 2rem;
    width: auto;
  }

  .contents h3{
    margin-bottom: 1.5rem;
  }

  .contents p{
    font-size: 2rem;
    width: auto;
  }

  .contents ul{
    font-size: 2rem;
    width: auto;
  }

  .contents a{
    font-size: 2rem;
  }

  .left{
    display: block;
    width: auto;
  }

  .right{
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 5rem;
    text-align: left;
  }

  .left img, .right img{
    margin-top: 2rem;
    margin-bottom: 3rem;
    width: 80vw;
  }
}
