html{
  font-size:1.3333333333vw;
}
figure{
  display:block;
  margin:0;
}
main{
  padding-bottom:10.5rem;
  position:relative;
  background-image:url(../img/lp/22nbox_local/bg_nbox.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:top left:
}
footer{
  z-index:10;
}
.navStickyPc{
  position:fixed;
  right:0;
  top:10rem;
  z-index:15;
}
@media screen and (max-width:768px){
  .navStickyPc{
    display:none
  }
}
.navStickyPc__container{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
     -ms-flex-align:center;
        align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
     -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
}
.navStickyPc__link{
  width:30px;
  margin-bottom:10px;
  display:block;
}
@media screen and (min-width:769px){
  .navStickyPc__link:hover{opacity:0.6}
}
@media screen and (min-width:769px){
  .navStickyPc__link{
     -webkit-transition:all 0.6s ease-in-out 0s;
             transition:all 0.6s ease-in-out 0s;
  }
}
.navSticky{
  position:fixed;
  z-index:3;
  bottom:0;
}
@media screen and (min-width:769px){
  .navSticky{
    display:none;
  }
}
.navSticky__container{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
     -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
     -ms-flex-pack:center;
   justify-content:center;
}
.navSticky__link{
  width:33.3333333333%;
  display:block;
}
@media screen and (min-width:769px){
  .navSticky__link:hover{opacity:0.6}
}
@media screen and (min-width:769px){
  .navSticky__link{
    -webkit-transition:all 0.6s ease-in-out 0s;
    transition:all 0.6s ease-in-out 0s;
  }
}
.sec01{
  position:relative;
}
.sec01__btn01{
  height:15em;
  width:15em;
  position:absolute;
  top:59.5em;
  right:5.5em;
}
.sec01__btn02{
  height:7em;
  width:10em;
  position:absolute;
  top:82em;
  right:5em;
}
.sec01__btn03{
  height:13.5em;
  width:65em;
  position:absolute;
  top:38.5em;
  right:5em;
}
.sec01__container{
  max-height:0;
  overflow:hidden;
  -webkit-transition:max-height 0.2s ease-out;
          transition:max-height 0.2s ease-out;
  position:relative;
}
.sec01__containerBtn{
  height:6em;
  width:10em;
  position:absolute;
  top:60em;
  right:5em;
}
.sec02{
  margin-top:-8.8%;
  position:relative;
}
.sec02__btn01{
  height:7%;
  width:20%;
  position:absolute;
  top:4.5%;
  left:7%;
}
.sec02__btn02{
  height:3.5%;
  width:13%;
  position:absolute;
  top:15%;
  right:7%;
}
.sec02__btn03{
  height:7%;
  width:20%;
  position:absolute;
  top:20.5%;
  right:7%;
}
.sec02__btn04{
  height:3.5%;
  width:13%;
  position:absolute;
  top:29%;
  right:6.5%;
}
.sec02__btn05{
  height:7%;
  width:20%;
  position:absolute;
  top:37%;
  left:7%;
}
.sec02__btn06{
  height:3.5%;
  width:13%;
  position:absolute;
  top:47.5%;
  right:7%;
}
.sec02__btn07{
  height:7%;
  width:20%;
  position:absolute;
  top:53%;
  right:7%;
}
.sec02__btn08{
  height:3.5%;
  width:13%;
  position:absolute;
  top:61.5%;
  right:6.5%;
}
.sec02__btn09{
  height:7%;
  width:20%;
  position:absolute;
  top:69%;
  left:7%;
}
.sec02__btn10{
  height:3.5%;
  width:13%;
  position:absolute;
  top:80%;
  right:7%;
}
.sec02__btn11{
  height:7%;
  width:20%;
  position:absolute;
  top:85.5%;
  right:7%;
}
.sec02__btn12{
  height:3.5%;
  width:13%;
  position:absolute;
  top:93.5%;
  right:6.5%;
}
.sec02__btn{
  height:8vw;
  width:9.1rem;
  position:absolute;
  top:104rem;
  right:5.5rem;
  z-index:2;
}
.sec02__vidCont{
  max-height:0;
  overflow:hidden;
  -webkit-transition:max-height 0.2s ease-out;
          transition:max-height 0.2s ease-out;
  position:relative;
}
.sec02__vidCont iframe{
  position:absolute;
  top:55%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
  width:61rem;
  height:34.3rem;
}
.sec03{
  margin-top:-6.7rem;
  position:relative;
}
.sec03__btn01{
  height:8vw;
  width:9.1rem;
  position:absolute;
  top:29rem;
  right:5rem;
}
.sec03__btn02{
  height:8vw;
  width:9.1rem;
  position:absolute;
  top:62%;
  right:5.5rem;
}
.sec03__btn03{
  height:8vw;
  width:9.1rem;
  position:absolute;
  top:89%;
  right:5rem;
}
.sec04{
  position:relative;
}
.sec04__btn01{
  height:6%;
  width:13%;
  position:absolute;
  top:23%;
  left:43.5%;
}
.sec04__btn02{
  height:8vw;
  width:10.1rem;
  position:absolute;
  top:47rem;
  left:14rem;
}
.sec04__btn03{
  height:8vw;
  width:10.1rem;
  position:absolute;
  top:47rem;
  right:14rem;
}
/*# sourceMappingURL=style.css.map */