@charset "utf-8";

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

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

/*b1*/
#b1 {
  height: 5346px;
}
#b1 + p,
#b1 + p a {
  color: #0f2350;
}
#b1-p01 {
left: -80px;
  top: -120px;
}
#b1-p02 {
right: 60px;
  top: 450px;
}
#b1-p03 {
left: 34px;
  top: 720px;
}
#b1-p04 {
 left: 34px;
  top: 1310px;
}
#b1-p05 {
left: -4px;
  top: 1794px;
  z-index: 1;
}
#b1-p06 {
left: 20px;
  top: 2450px;
  z-index: 2;
}
#b1-p07 {
left: 70px;
  top: 2650px;
  z-index: 2;
}
#b1-p08 {
top: 3038px;
  left: 10px;
}
#b1-p09 {
left: -4px;
  top: 3672px;
  z-index: 2;
}
#b1-p09 img {
width: 1036px;
}
#b1-p10 {
left: 34px;
  top: 4392px;
}
#b1-p11 {
left: -4px;
  top: 4964px;
}
#b1-p11 img{
  width: 1037px;
}

/*b2*/
#b2 {
height: 5698px;
}
#b2 + p,
#b2 + p a {
  color: #0f2350;
  position: relative;
  z-index: 99;
}
#b2-p01 {
left: -42px;
  top: -250px;
}
#b2-p02 {
top: 500px;
  left: 64px;
}
#b2-p03 {
right: 34px;
  top: 724px;
}
#b2-p04 {
left: 34px;
  top: 1409px;
}
#b2-p04 span.vd {
margin: -10px 0px 0 -50px;
  clip-path: polygon(52px 10px, 1010px 10px, 1010px 642px, 52px 642px);
}
#b2-p05 {
right: -4px;
  top: 2072px;
}
#b2-p06 {
right: 14px;
  top: 2830px;
  z-index: 2;
}
#b2-p07 {
left: 34px;
  top: 3456px;
  z-index: 2;
}
#b2-p07 span.vd {
margin: -10px 0px 0 -50px;
  clip-path: polygon(52px 10px, 1010px 10px, 1010px 546px, 52px 546px);
}
#b2-p08 {
left: 16px;
  top: 3960px;
  z-index: 2;
}
#b2-p09 {
right: -4px;
  top: 4425px;
  z-index: 1;
}
#b2-p09 img{
  width: 1036px;
}
#b2-p10 {
left: -4px;
  top: 5341px;
}
#b2-p10 img{
  width: 1037px;
}

/*b3*/
#b3 {
height: 5120px;
}
#b3 + p,
#b3 + p a {
  color: #00552a;
}
#b3-p01 {
left: -58px;
  top: -160px;
}
#b3-p02 {
top: 440px;
  left: -82px;
  z-index: 1;
}
#b3-p02 span.vd {
margin: 104px 0px 0 117px;
}
#b3-p03 {
left: 34px;
  top: 1108px;
  z-index: 2;
}
#b3-p04 {
left: 4px;
  top: 1677px;
  z-index: 2;
}
#b3-p05 {
left: -72px;
  top: 2230px;
  z-index: 2;
}
#b3-p05 span.vd {
margin: 144px 0px 0 108px;
}
#b3-p06 {
left: -52px;
  top: 2818px;
  z-index: 3;
}
#b3-p07 {
left: -83px;
  top: 3057px;
}
#b3-p08 {
left: -74px;
  top: 3810px;
  z-index: 2;
}
#b3-p08 img{
  width: 1180px;
}
#b3-p09 {
left: -4px;
  top: 4605px;
  z-index: 1;
}
#b3-p09 img{
  width: 1037px;
}

/*b4*/
#b4 {
height: 5186px;
}
#b4 + p,
#b4 + p a {
  color: #00552a;
}
#b4-p01 {
left: 16px;
  top: -100px;
}
#b4-p02 {
left: 210px;
  top: 380px;
}
#b4-p03 {
right: 32px;
  top: 556px;
  z-index: 2;
}
#b4-p04 {
left: 34px;
  top: 558px;
  z-index: 1;
}
#b4-p04 span.vd {
margin: -180px 0px 0 -50px;
  clip-path: polygon(52px 182px, 530px 182px, 530px 1000px, 52px 1000px);
}
#b4-p05 {
right: -80px;
  top: 1233px;
  z-index: 2;
}
#b4-p06 {
left: 34px;
  top: 2076px;
  z-index: 1;
}
#b4-p07 {
left: -53px;
  top: 2810px;
  z-index: 2;
}
#b4-p08 {
right: 6px;
  top: 3465px;
  z-index: 1;
  width: 391px;
}
#b4-p08 span.vd {
margin: -70px 0px 0 0px;
  clip-path: polygon(0 80px, 364px 80px, 364px 704px, 0 704px);
}
#b4-p09 {
left: -36px;
  top: 3475px;
  z-index: 1;
}
#b4-p10 {
left: -21px;
  top: 4129px;
  z-index: 2;
}
#b4-p10 img{
  width: 1130px;
}
#b4-p11 {
left: -4px;
  top: 4814px;
  z-index: 1;
}
#b4-11 img{
  width: 1037px;
}