@charset "utf-8";

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

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

/*b1*/
#b1 {
  height: 5288px;
}
#b1 + p,
#b1 + p a {
  color: #0f2350;
}
#b1-p01 {
left: -80px;
  top: -40px;
}
#b1-p02 {
right: 82px;
  top: 544px;
}
#b1-p03 {
left: 34px;
  top: 720px;
}
#b1-p04 {
left: -84px;
  top: 1284px;
}
#b1-p05 {
right: -40px;
  top: 1409px;
}
#b1-p06 {
left: 20px;
  top: 1982px;
  z-index: 2;
}
#b1-p07 {
left: 34px;
  top: 2520px;
  z-index: 2;
}
#b1-p08 {
top: 3112px;
  left: 0;
}
#b1-p08 span.vd {
margin: -100px 0px 0 0;
  clip-path: polygon(0 100px, 1032px 100px, 1032px 660px, 0 660px);
}
#b1-p08 span.vd video{
  width: 1036px;
}
#b1-p09 {
left: 33px;
  top: 3722px;
  z-index: 2;
}
#b1-p10 {
left: -65px;
  top: 4292px;
}
#b1-p10 img{
width: 1138px;
}
#b1-p11 {
left: 0px;
  top: 5020px;
}
#b1-p11 img{
  width: 1029px;
}

/*b2*/
#b2 {
height: 5944px;
}
#b2 + p,
#b2 + p a {
  color: #0f2350;
  position: relative;
  z-index: 99;
}
#b2-p01 {
left: -30px;
  top: -230px;
}
#b2-p02 {
top: 563px;
  left: 78px;
}
#b2-p03 {
left: 34px;
  top: 764px;
}
#b2-p04 {
left: -81px;
  top: 1415px;
}
#b2-p05 {
left: 34px;
  top: 2013px;
}
#b2-p06 {
left: -60px;
  top: 2670px;
  z-index: 2;
}
#b2-p07 {
right: -68px;
  top: 3369px;
  z-index: 3;
}
#b2-p08 {
left: 0;
  top: 4110px;
  width:1036px;
}
#b2-p08 iframe{
position: absolute;
  top: 0;
  left: 34px;
  width: 960px;
  z-index: 0;
  height: 554px;
  border:solid 2px #000;
}
#b2-p08 .img1{
position: absolute;
top: 0px;
  left: 0px;
}
#b2-p08 .img2{
position: absolute;
right: -72px;
  top: 100px;
}
#b2-p08 .img3{
position: absolute;
right: 38px;
  top: 577px;
}
#b2-p09 {
left: -68px;
  top: 4685px;
  z-index: 1;
}
#b2-p09 img {
  width: 1167px;
}
#b2-p10 {
left: -1px;
  top: 5699px;
}
#b2-p10 img{
width: 1030px;
}

/*b3*/
#b3 {
height: 5682px;
}
#b3 + p,
#b3 + p a {
  color: #00552a;
}
#b3-p01 {
left: -84px;
  top: -95px;
}
#b3-p02 {
top: 355px;
  right: 30px;
  z-index: 1;
}
#b3-p03 {
left: -40px;
  top: 530px;
  z-index: 2;
}
#b3-p04 {
left: -75px;
  top: 1035px;
  z-index: 2;
}
#b3-p05 {
left: 34px;
  top: 1652px;
  z-index: 2;
}
#b3-p06 {
left: -67px;
  top: 2408px;
  z-index: 3;
}
#b3-p07 {
left: -77px;
  top: 3146px;
}
#b3-p07 span.vd {
margin: 1px 0 0 114px;
}
#b3-p08 {
left: -73px;
  top: 3718px;
  z-index: 2;
}
#b3-p09 {
left: 34px;
  top: 4234px;
  z-index: 1;
}
#b3-p10 {
right: -1px;
  top: 4750px;
  z-index: 1;
}
#b3-p10 img{
  width: 1096px;
}

#b3-p11 {
left: -4px;
  top: 5443px;
  z-index: 1;
}
#b3-p11 img{
  width: 1036px;
}

/*b4*/
#b4 {
height: 5208px;
}
#b4 + p,
#b4 + p a {
  color: #00552a;
}
#b4-p01 {
left: 0px;
  top: -90px;
}
#b4-p02 {
left: 43px;
  top: 530px;
}
#b4-p03 {
left: -53px;
  top: 576px;
  z-index: 2;
}
#b4-p04 {
left: -76px;
  top: 1466px;
  z-index: 1;
}
#b4-p04 span.vd {
margin: 80px 0 0 110px;
clip-path: polygon(0px 16px, 960px 16px, 960px 556px, 0px 556px);
}
#b4-p04 span.vd video{
  width: 960px;
}
#b4-p05 {
left: -71px;
  top: 2123px;
  z-index: 2;
}
#b4-p06 {
left: -51px;
  top: 2893px;
  z-index: 1;
}
#b4-p06 span.vd {
margin: 0 0 0 84px;
}
#b4-p07 {
left: -74px;
  top: 3453px;
  z-index: 2;
}
#b4-p08 {
right: -85px;
  top: 4113px;
  z-index: 3;
}
#b4-p08 img{
  width: 1166px;
}
#b4-p09 {
left: -1px;
  top: 4810px;
  z-index: 1;
}
#b4-p09 img{
  width: 1030px;
}