@charset "utf-8";

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

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

/*b1*/
#b1 {
  height: 5030px;
  /* 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: 80px;
  top: 480px;
}
#b1-p03 {
  left: -110px;
  top: 700px;
}
#b1-p04 {
  left: 50px;
  top: 1760px;
}
#b1-p05 {
  left: -45px;
  top: 2310px;
  z-index: 10;
}
#b1-p06 {
  left: 40px;
  top: 2960px;
}
#b1-p07 {
left: -50px;
  top: 3540px;
  z-index: 2;
}
#b1-p08 {
  top: 3700px;
  left: -87px;

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

  img {
    margin-top: 350px;
    margin-left: 50px;
  }
}
#b1-p09 {
left: 0px;
  top: 4588px;
  z-index: 0;
}
#b1-p09 img {
  width: 1090px;
}
#b1-p10 {
	top: 660px;
	width: 960px;
	left: 35px;
	aspect-ratio: 960/560;

	video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/*b2*/
#b2 {
height: 5091px;
}
#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-p01 {
left: -40px;
  top: -250px;
}
#b2-p02 {
top: 580px;
  left: 34px;
}
#b2-p03 {
right: 31px;
  top: 1324px;
}
#b2-p04 {
left: -53px;
  top: 1056px;
}
#b2-p05 {
right: 31px;
  top: 1670px;
}
#b2-p06 {
right: -92px;
  top: 2107px;
  z-index: 2;
}
#b2-p07 {
left: -70px;
  top: 2210px;
  z-index: 2;
}
#b2-p08 {
left: -86px;
  top: 2770px;
  z-index: 1;
}
#b2-p09 {
right: -50px;
  top: 3625px;
  z-index: 1;
}
#b2-p10 {
left: -55px;
  top: 3537px;
  z-index: 2;
}
#b2-p10 span.vd {
margin: 0 0 0 40px;
  clip-path: polygon(50px 0, 704px 0, 704px 416px, 50px 416px);
}
#b2-p11 {
left: 34px;
  top: 3977px;
  z-index: 1;
}
#b2-p12 {
left:-1px;
  top: 4730px;
  z-index: 1;
}
#b2-p12 img{
  width: 1030px;
}

/*b3*/
#b3 {
  height: 5100px;
}
#b3 + p,
#b3 + p a {
  color: #00552a;
}
#b3-p01 {
left: -40px;
  top: -160px;
}
#b3-p02 {
top: 584px;
  left: 8px;
  z-index: 1;
}
#b3-p03 {
right: 20px;
  top: 1130px;
  z-index: 2;
}
#b3-p04 {
left: 34px;
  top: 1207px;
  z-index: 1;
}
#b3-p05 {
right: 34px;
  top: 1647px;
}
#b3-p06 {
left: -52px;
  top: 2258px;
  z-index: 1;
}
#b3-p07 {
right: 34px;
  top: 2917px;
  width: 1072px;
}
#b3-p07 span.vd {
  margin: 0 0 0 430px;
}
#b3-p08 {
right: -75px;
  top: 3530px;
}
#b3-p09 {
left: 34px;
  top: 3528px;
  z-index: 2;
}
#b3-p09 span.vd {
}
#b3-p10 {
left: -78px;
  top: 4025px;
  z-index: 2;
}
#b3-p11 {
left: -57px;
  top: 4737px;
  z-index: 2;
}
#b3-p11 img{
  width: 1142px;
}

/*b4*/
#b4 {
  height: 5136px;
}
#b4 + p,
#b4 + p a {
  color: #00552a;
}
#b4-p01 {
left: -96px;
  top: -100px;
}
#b4-p02 {
left: 12px;
  top: 630px;
}
#b4-p03 {
left: -60px;
  top: 1313px;
}
#b4-p03 img {
  width: 1088px;
}
#b4-p04 {
left: 34px;
  top: 2030px;
  z-index: 2;
}
#b4-p05 {
left: 34px;
  top: 2648px;
  z-index: 2;
}

#b4-p05 video {
  width: 1400px;
}
#b4-p06 {
left: 6px;
  top: 3326px;
  z-index: 1;
}
#b4-p06 span.vd {
margin: 154px 0 0 30px;
}
#b4-p07 {
left: -74px;
  top: 4042px;
  z-index: 2;
}
#b4-p07 img{
  width: 1176px;
}
#b4-p08 {
left: -1px;
  top: 4748px;
  z-index: 1;
}
#b4-08 img{
  width: 1030px;
}