@charset "utf-8";
/* CSS Document */
.tnserum {
  width: 100%;
  background-image: url("../img/tnserum/bg_pc.jpg");
  background-size: 100%;
  padding: 3em 0 4em;
  margin-bottom: 5em;
}
.tnserum h2.top_ttl {
  margin: 5em 0 5em 5em !important;
}
.tnserum .sec01 {
  margin-bottom: 4em;
  text-align: center;
}
.tnserum .sec02 {
  margin-bottom: 4em;
  width: 100%;
  text-align: center;
  position: relative;
}
.shine {
  position: absolute;
  right: 6em;
  top: 4em;
  mix-blend-mode: screen;
}
.tnserum .sec03 {
  margin-bottom: 3em;
  text-align: center;
}
.tnserum .sec04 {
  width: 870px;
  margin: 2em auto 0;
  font-size: 0.8em;
}
/****************************************************************************************
SP
****************************************************************************************/
@media screen and (max-width: 768px) {
  .tnserum {
    width: 100%;
    background-image: url("../img/tnserum/bg_sp.jpg");
    background-size: 100%;
    padding: 3em 0 1em;
    margin-bottom: 3em;
  }
  .tnserum h2.top_ttl {
    margin: 3em 1em 3em 1em !important;
  }
  .tnserum .sec01 {
    margin-bottom: 3em;
    padding: 0 0.5em;
  }
  .tnserum .sec02 {
    margin-bottom: 3em;
    width: 100%;
    position: relative;
  }
  .shine {
    position: absolute;
    right: -1em;
    top: 2.5em;
    mix-blend-mode: screen;
    width: 60%;
  }
  .tnserum .sec03 {
    margin-bottom: 3em;
    padding: 0 0.5em;
  }
  .tnserum .sec04 {
    width: 100%;
    padding: 0 0.5em;
    margin: 2em auto 0;
  }
}