@charset "utf-8";

body.mak .box p {
  opacity: 1;
}
body.mak#lp33 .box p.mv07 {
  transform: translate(0, 120px);
}
body.mak#lp34 .box p {
  transform: translate(0, 61px);
}

#header-lp {
  padding: 76px 0 0;
  background-image: url("../img/lp34/main-bg.webp");
}
body.mak #wrapper .inner {
  padding-top: 240px !important;
  margin-top: -180px !important;
}

/*b1*/
#b1 {
  height: 5025px;
  /* background-image: url("../img/lp33/spot1-head-bg.webp"); */
  background-position: right -3px top 460px;
  margin-top: 0px;
}
#b1:before {
  /* content: url("../img/lp33/spot1-step.webp"); */
  right: 360px;
  top: 30px;
  z-index: 10;
}

body.en #b1 {
  background-image: url("../img/lp33/spot1-head-bg.webp");
}
#b1 + p,
#b1 + p a {
  color: #0f2350;
}
#b1-p01 {
  left: -50px;
  top: -120px;
}
#b1-p02 {
  right: 130px;
  top: 500px;
}
#b1-p03 {
  left: -40px;
  top: 720px;
  z-index: 10;
}
#b1-p04 {
  left: 30px;
  top: 1320px;
}
#b1-p05 {
  left: -55px;
  top: 1900px;
  z-index: 10;
}
#b1-p06 {
  left: 30px;
  top: 2350px;
}
#b1-p07 {
  left: -50px;
  top: 3160px;
}
#b1-p08 {
  top: 3700px;
  left: -87px;

	video {
		width: 1036px;
		margin-left:85px;
	}

	img {
margin-top: 350px;
margin-left: 50px;
	}
}
#b1-p09 {
  left: -3px;
  top: 4560px;
}
#b1-p09 img {
  /* width: 1115px; */
}

/*b2*/
#b2 {
  height: 7290px;
  background-image: url("../img/lp33/spot2-head-bg.webp");
  background-position: right 0 top 40px;
}
#b2 + p,
#b2 + p a {
  color: #0f2350;
  position: relative;
  z-index: 99;
}
body.en #b2 {
  background-image: url("../img/lp33/spot2-head-bg.webp");
}
#b2:before {
  content: url("../img/lp33/spot2-step.webp");
  left: 266px;
  top: -195px;
  z-index: 10;
}
#b2-p01 {
  left: 0px;
  top: -190px;
}
#b2-p02 {
  top: 500px;
  right: -50px;
}
#b2-p03 {
  left: -50px;
  top: 1100px;
}
#b2-p04 {
  left: -30px;
  top: 1760px;
}
#b2-p05 {
  left: -55px;
  top: 2500px;

  iframe {
    width: 965px;
    height: 600px;
  }

  img {
    position: absolute;
    top: 50px;
    left: -110px;
    z-index: 2;
  }
}

#b2-p05 span.vd {
  margin: 10px 0px 0 -40px;
  clip-path: polygon(130px 76px, 1090px 76px, 1090px 666px, 130px 666px);
}
#b2-p06 {
  left: -70px;
  top: 3220px;
  z-index: 2;
}
#b2-p07 {
  left: 0px;
  top: 3950px;

	video {
		width: 1029px;
	}

	img {
		margin-left: 20px;
		margin-top: 470px;
	}
}
#b2-p07 span.vd {
  /* margin: -80px 0px 0 -160px;
  clip-path: polygon(160px 82px, 1116px 82px, 1116px 672px, 160px 672px); */
}
#b2-p08 {
  left: -100px;
  top: 4900px;
  z-index: 2;
}
#b2-p09 {
  left: 135px;
  top: 5740px;
  z-index: 1;
}
#b2-p10 {
  left: -15px;
  top: 6250px;
  z-index: 1;
}

/*b3*/
#b3 {
  height: 5700px;
  margin-top: 300px;
  /* background-image: url("../img/lp33/spot3-head-bg.webp"); */
  background-position: right -2px top 280px;
}
#b3 + p,
#b3 + p a {
  color: #00552a;
}
#b3:before {
  /* content: url("../img/lp33/spot3-step.webp"); */
  right: 480px;
  top: -115px;
}
#b3-p01 {
  left: -50px;
  top: -250px;
}
#b3-p02 {
  top: 600px;
  right: -70px;
}
#b3-p03 {
  left: -80px;
  top: 1000px;
  z-index: 2;
}
#b3-p04 {
  left: -80px;
  top: 1650px;
  z-index: 2;
}
#b3-p05 {
  left: -85px;
  top: 3000px;
}

#b3-p06 {
  left: -52px;
  top: 2400px;
  z-index: 1;
}

#b3-p06 video {
  width: 1400px;
}

#b3-p06 span.vd {
  margin: -83px -2px 0 -77px;
  clip-path: polygon(160px 98px, 1120px 97px, 1120px 647px, 158px 647px);
}

#b3-p07 {
  left: -80px;
  top: 4200px;
}

#b3-p08 {
  right: -170px;
  top: 4300px;
	width: 1400px !important;

	img {
		max-width: 100%;
		width: 1270px;
	}
}
#b3-p09 {
  right: 20px;
  top: 3550px;
	z-index: 2;
}
#b3-p10 {
  right: -5px;
  top: 5340px;
	z-index: 2;
}

/*b4*/
#b4 {
  height: 5710px;
  /* background-image: url("../img/lp33/spot4-head-bg.webp"); */
  background-position: right 60px top 305px;
  margin-top: 300px;
}
body.en #b4 {
  background-image: url("../wp-content/themes/yukiguni/img/lp33/en/spot4-head-bg.webp");
}
#b4 + p,
#b4 + p a {
  color: #00552a;
}
#b4:before {
  /* content: url("../img/lp33/spot4-step.webp"); */
  left: 620px;
  top: -35px;
}
#b4-p01 {
  left: -70px;
  top: -265px;
}

#b4-p02 {
  right: -100px;
  top: 550px;
	z-index: 4;
}

#b4-p03 {
  left: 30px;
  top: 1230px;
	z-index: 3;
}

#b4-p04 {
  left: -85px;
  top: 1835px;
	z-index: 2;
}

#b4-p05 {
  left: 15px;
  top: 3750px;
  z-index: 2;
}

#b4-p05 video {
  width: 1400px;
}

#b4-p05 span.vd {
  margin: -66px 0px 0 -142px;
  clip-path: polygon(158px 84px, 1120px 81px, 1119px 671px, 158px 669px);
}

/* ビデオお手本

#b2-p06 {
left: -68px;
top: 1668px;
}

#b2-p06 video {
	width: 350px;
}

#b2-p06 span.vd {
margin: -56px 28px 70px 104px;
clip-path: polygon(-180px 55px, 351px 55px, 350px 592px, 5px 589px);
}

*/

#b4-p06 {
  left: -50px;
  top: 2370px;
  z-index: 1;
}

#b4-p07 {
  left: -100px;
  top: 2980px;
  z-index: 2;
}

#b4-p08 {
  left: -30px;
  top: 3560px;
	z-index: 2;
}

/*
#b4-p08-add {
right: 128px;
  top: 3560px;
  z-index: 3;
}
*/

#b4-p09 {
  left: -60px;
  top: 4280px;
  z-index: 1;
}

#b4-p10 {
  left: 0px;
  top: 5350px;
  z-index: 2;
}

#b4-p11 {
  left: 35px;
  top: 5050px;
}

#b4-p12 {
  left: 0px;
  top: 5620px;
}

#b4-p12 img {
  width: 1090px;
}

#b4-p05 video {
  width: 970px;
  margin: 80px 0 0 155px;
}