@charset "utf-8";

body.mak .box p {
  opacity: 1;
}
body.mak#lp39 .box p.mv07 {
  transform: translate(0, -120px);
}
body.mak#lp39 .box p {
  transform: translate(0, -60px);
}

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

.end img{
  width: 1029px;
}

/*b1*/
#b1 {
height: 5644px;
}
#b1 + p,
#b1 + p a {
  color: #0f2350;
}
#b1-p01 {
left: -45px;
  top: 60px;
}
#b1-p02 {
left: 30px;
  top: 610px;
}
#b1-p03 {
left: 34px;
  top: 815px;
  z-index: 2;
}
#b1-p04 {
left: 34px;
  top: 1438px;
}
#b1-p05 {
right: -75px;
  top: 2004px;
}
#b1-p06 {
left: 32px;
  top: 2102px;
}
#b1-p07 {
left: -64px;
  top: 2850px;
}
#b1-p07 span.vd video{
margin: 147px 0 0 99px;
}
#b1-p08 {
top: 3567px;
  left: 34px;
}
#b1-p08 span.vd{
clip-path: polygon(0px 40px, 493px 40px, 493px 618px, 0px 618px);
}
#b1-p08 span.vd video{
margin: -290px 0 0 -30px;
}
#b1-p09 {
left: -39px;
  top: 4195px;
}
#b1-p10 {
left: -65px;
  top: 4797px;
}
#b1-p11 {
left: 0;
  top: 5464px;
}

/*b2*/
#b2 {
height: 6020px;
}
#b2 + p,
#b2 + p a {
  color: #0f2350;
  position: relative;
  z-index: 99;
}
#b2-p01 {
right: -1px;
  top: 30px;
}
#b2-p02 {
top: 615px;
  left: 90px;
}
#b2-p03 {
right: -83px;
  top: 874px;
}
#b2-p04 {
left: -45px;
  top: 1485px;
}
#b2-p05 {
width:376px;
right: 30px;
  top: 2112px;
}
#b2-p05 span.vd{
clip-path: polygon(0px 0, 374px 2px, 374px 557px, 0px 557px);
}
#b2-p05 span.vd video{
margin: -180px 0 0 -50px;
}
#b2-p06 {
left: -85px;
  top: 2047px;
}
#b2-p07 {
left: -84px;
  top: 2701px;
}
#b2-p08 {
left: -83px;
  top: 3375px;
}
#b2-p09 {
left: -85px;
  top: 4004px;
}
#b2-p09 span.vd{
clip-path: polygon(224px 0, 966px 2px, 966px 1105px, 224px 1105px);
}
#b2-p09 span.vd video{
margin: -20px 0 0 195px;
}
#b2-p10 {
left: -81px;
  top: 5130px;
  z-index: 2;
}
#b2-p10 img{
  width: 1188px;
}
#b2-p11 {
left: -84px;
  top: 5810px;
  z-index: 2;
}
#b2-p12 {
left: 0;
  top: 5840px;
}

/*b3*/
#b3 {
height: 5068px;
}
#b3 + p,
#b3 + p a {
  color: #00552a;
}
#b3-p01 {
right: -1px;
  top: 25px;
}
#b3-p02 {
top: 450px;
  right: 23px;
}
#b3-p03 {
left: -58px;
  top: 756px;
}
#b3-p04 {
right: -80px;
  top: 1367px;
}
#b3-p05 {
left: -85px;
  top: 1372px;
}
#b3-p06 {
left: -83px;
  top: 2061px;
  z-index: 3;
}
#b3-p07 {
right: -52px;
  top: 2486px;
  z-index: 2;
}
#b3-p08 {
left: 34px;
  top: 3063px;
  z-index: 2;
}
#b3-p09 {
left: -78px;
  top: 3671px;
}
#b3-p09 span.vd{
clip-path: polygon(115px 2px, 1075px 2px, 1075px 577px, 115px 577px);
}
#b3-p09 span.vd video{
margin: -100px 0 0 -30px;
}
#b3-p10 {
left: -42px;
  top: 4255px;
}
#b3-p11 {
left: 0px;
  top: 4888px;
}

/*b4*/
#b4 {
height: 5285px;
}
#b4 + p,
#b4 + p a {
  color: #00552a;
}
#b4-p01 {
left: 7px;
  top: 3px;
}
#b4-p02 {
left: 110px;
  top: 560px;
}
#b4-p03 {
left: -52px;
  top: 772px;
}
#b4-p04 {
left: 34px;
  top: 1346px;
}
#b4-p04 span.vd{
clip-path: polygon(2px 52px, 960px 52px, 960px 641px, 2px 641px);
}
#b4-p04 span.vd video{
margin: -30px 0 0 -150px;
}

#b4-p05 {
right: 30px;
  top: 2019px;
}
#b4-p06 {
left: -78px;
top: 2259px;
}
#b4-p07 {
left: -76px;
  top: 3262px;
}
#b4-p08 {
left: -80px;
  top: 3888px;
}
#b4-p09 {
left: 0px;
  top: 4431px;
}
#b4-p09 img{
width: 1105px;
}
#b4-p10 {
right: -70px;
  top: 5138px;
  z-index: 2;
}
#b4-p11 {
left: 0px;
  top: 5105px;
}