main {
  text-align: left;
}

.absolute {
  position: absolute;
  top:220px;
  right:12px;
  left:12px;
}
@media print, screen and (min-width: 768px) {
  .absolute {
  top:24vh;
	}
}
@media print, screen and (min-width: 810px) {
  .absolute {
  top:4vh;
	}
}
@media print, screen and (min-width: 1024px) {
  .absolute {
  top:15vh;
	}
}

h1 {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.5;
  margin-left: 12px;
  margin-top: 17rem;
  color: aliceblue;
}
@media print, screen and (min-width:414px) {
  h1 {
  font-size: 2.5rem;
  margin-top: 22rem;
  }
}
@media print, screen and (min-width:512px) {
  h1 {
  font-size: 3.2rem;
  margin-top: 32rem;
  }
}
@media print, screen and (min-width:580px) {
  h1 {
   font-size: 3.6rem;
   margin-top: 40rem;
  }
}
@media print, screen and (min-width:768px) {
  h1 {
  font-size: 4.4rem;
  margin-top: 0rem;
  }
}
@media print, screen and (min-width:810px) {
  h1 {
  font-size: 3.6rem;
  margin-top: -20rem;
  }
}
@media print, screen and (min-width:1024px) {
  h1 {
  margin-top: -20rem;
  margin-left: 50%;
  margin-right: 20px;
  line-height: 1.4;
  }
}
@media print, screen and (min-width:1280px) {
  h1 {
  font-size: 4.8rem;
  margin-top: 12rem;
  margin-left: 45%;
  }
}
@media print, screen and (min-width:1920px) {
  h1 {
  margin-top: 12rem;
  margin-right: 192px;
  }
}

h2 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 0.6rem;
  margin-bottom: 20px;
  margin-left: 12px;
  line-height: 1.8;
  color: aliceblue;
}
@media print, screen and (min-width:512px) {
  h2 {
font-size: 1.6rem;
  }
}
@media print, screen and (min-width:768px) {
  h2 {
font-size: 1.8rem;
  }
}
@media print, screen and (min-width:1024px) {
  h2 {
  font-size: 1.6rem;
  margin-left: 50%;
  line-height: 2;
  }
}
@media print, screen and (min-width:1280px) {
  h2 {
  font-size: 1.8rem;
  margin-left: 45%;
  }
}

h3 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 1.35rem 0;
  line-height: 2.0;
  text-align: center;
  color: #333;
}

h4 {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 1.35rem 0;
  line-height: 1.4;
  text-align: center;
  color: #333;
}
@media print, screen and (min-width:512px) {
	h4 {
  font-size: 1.4rem;
  margin: 1rem 0 4rem;
	}
}

h5 {
  font-size: 1.3rem;
  font-weight: 500;
  margin-top: 0.65rem;
  line-height: 1.6;
  text-align: left;
  color: #333;
}
@media print, screen and (min-width:512px) {
	h5 {
  font-size: 1.5rem;
  margin-top: 0.75rem;
	}
}

.key-visual img {
  width: 16rem;
  margin-left: 12px;
  margin-top: 1.8rem;
}

@media print, screen and (min-width: 768px) {
  .key-visual img {
    width: 145px;
  }
}

@media print, screen and (min-width: 1024px) {
  .key-visual img {
	margin-top: 2.1rem;
  width: 18vw;
  }
}

@media print, screen and (min-width: 1280px) {
  .key-visual img {
	margin-top: 2.1rem;
  width: 18vw;
  }
}

.key-visual {
  background-image: url(../images/lezoline-img24aw-sp.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 160%;
}

@media print, screen and (min-width: 512px) {
  .key-visual  {
  background-size: 100% auto;
  padding-top: 160%;
  }
}

@media print, screen and (min-width: 768px) {
  .key-visual  {
    background-size: 100% auto;
    margin-top: 146px;
  }
}

@media print, screen and (min-width: 1024px) {
  .key-visual  {
  background-image: url(../images/lezoline-img24aw-pc.jpg);
	background-size: 100% auto;
	padding-top: 50%;
	margin-top: 120px;
  }
}

.mv-slideLeft {
  opacity: 0;
  transform: translateX(-100%);
  transition-property: opacity;
  transition-timing-function: ease-out;
  transition-duration: .2s;
}

.mv-slideLeft.is-active {
  opacity: 1;
  transform: translateX(0);
}

.mv-slideRight {
  opacity: 0;
  transform: translateX(100%);
  transition-property: opacity;
  transition-timing-function: ease-out;
  transition-duration: .2s;
  transition-delay: .2s;
}

.mv-slideRight.is-active {
  opacity: 1;
  transform: translateX(0);
}

.mv-fadeIn {
  opacity: 0;
  transform: translateY(15%);
  transition-property: opacity;
  transition-timing-function: ease-out;
  transition-duration: .2s;
  transition-delay: .4s;
}

.mv-fadeIn.is-active {
  opacity: 1;
  transform: translateY(0);
}

.is-slideLeft {
  opacity: 0;
  transform: translateX(-100%);
  transition-property: opacity;
  transition-timing-function: ease-out;
  transition-duration: .2s;
}

.is-slideLeft.is-active {
  opacity: 1;
  transform: translateX(0);
}

.is-slideRight {
  opacity: 0;
  transform: translateX(100%);
  transition-property: opacity;
  transition-timing-function: ease-out;
  transition-duration: .2s;
}

.is-slideRight.is-active {
  opacity: 1;
  transform: translateX(0);
}

.is-fadeIn {
  opacity: 0;
  transform: translateY(15%);
  transition-property: opacity;
  transition-timing-function: ease-out;
  transition-duration: .2s; }

.is-fadeIn.is-active {
  opacity: 1;
  transform: translateY(0);
}

.blur {
	animation-name:blurAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
	opacity: 0;
  }

  to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
  }
}

.blurTrigger{
  opacity: 0;
  line-height: 2.0;
  font-size: 1.6rem;
}

@media print,screen and (min-width:768px){
  .blurTrigger{
  line-height: 2.0;
  font-size: 1.9rem;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-section_inner_mv {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  }
}