/* 新体験版のCSSファイル */ 
 

/* 背景画像 */
 .bg {
   position: absolute;
   top: 0;
   left: 0;
   background-image: url("../img/top/bg/new-ex__bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   height: 100%;
   width: 100%;
 }

 

 
 /* トップページ */

  /* 年長さん5・６さいコース */
  .bg__inner {
    position: relative;
    
  }
  .bg__inner img {
    width: 13%;
    
  }

 .maincont {
   position: relative;
   height: 100%;
   padding-top: 5.6%;
 }
 
 .maincont__ttl {
   margin: 0 auto;
   width: 69.4%;
 }


 
 .maincont__parent-modal-btn {
   position: absolute;
   top: 2%;
   right: 1%;
   width: 18%;
 }

 .maincont__parent-modal-btn img {
   
   width: 100%;
 }


 
 .maincont__lessonlist {
   display: flex;
   justify-content: center;
   margin-top: 3%;
 }
 
 .maincont__lessonlist__item {
   width: 31%;
 }
 .maincont__lessonlist__item + .maincont__lessonlist__item {
   margin-left: 3.2%;
 }
 
 /* フッター */
 .maincont__footer {
   position: absolute;
   left: 0;
   bottom: 0;
   align-items: center;
   background: #6CD571;
   display: flex;
   height: 16.5%;
   justify-content: center;
   width: 100%;
 }
 
 .maincont__footer__main {
   position: relative;
   width: 88.5%;
 }

 .maincont__footer__txt {
    margin-top: 1%;
 }
 
 .maincont__footer__att {
   margin: 1% 0 1% 1%;
   width: 97.5%;
 }
 
 .maincont__footer__qr {
   margin-left: 1%;
   width: 7%;
 }

 /* おうちのかたへpage */

 .p-parent-modal {
  overflow: hidden;
  background: #6cd471;
}

.p-parent-modal__inner {
  padding-top: 2.1%;
}

.p-parent-modal__ttl {
  position: absolute;
  top: 2%;
  left: 17.6%;
  width: 76%;
}

.p-parent-modal__catch {
  position: absolute;
  top: 1%;
  left: 1%;
  height: 24%;
  width: 16%;
}

.p-parent-modal__catch__inner {
  position: relative;
  height: 100%;
  width: 100%;
}

.p-parent-modal__catch__txt {
  width: 90%;

}

.p-parent-modal__txt {
  width: 94%;
  margin: 12% 8% 0 1%;
}
.p-parent-modal__txt__main {
  width: 100%;
  
}
.p-parent-modal__txt__description {
  width: 60%;
  position: absolute;
  top: 94%;
  left: 5%;
}

.p-parent-modal__footer {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FBFF4B;
  border-radius: 16px 16px 0 0;
  height: 24.3%;
  overflow: hidden;
  width: 100%;
}

.p-parent-modal__footer .p-parent-modal__footer__link {
  position: absolute;
  top: 72%;
  left: 4%;
  width: 25.8%;
}



.p-parent-modal__close {
  display: none;
}

[data-page=top] .p-parent-modal__close.-top {
  display: block;
}
[data-page=lesson] .p-parent-modal__close.-lesson {
  display: block;
}