@charset "UTF-8";

.p-content_eyecatch>*{
  opacity: 1;
  transform: none;
}

img.lazyload{
  height: auto;
}

.p-banner[data-type="1"]{
  background-image: none;
}

.p-banner-body{
  position: relative;
  padding: 0px;
  overflow: hidden;
}

.p-banner__float-content {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width:959px) {
  .p-banner__float-content {
    top: auto;
    left: 50%;
    bottom: 2rem;
    transform: translate(-50%, 0px);
  }
}
.p-banner__float-content.center-left{
  transform: translate(-50%,-50%);
}
@media screen and (max-width:959px) {
  .p-banner__float-content.center-left{
    left: 0px;
    bottom: auto;
    width: 100%;
    transform: none;
    padding: 0px 2.4rem;
  }
}
@media screen and (max-width:959px) {
  .p-banner__float-content.badge-banner{
    width: 100%;;
    max-width: 331px;
  }
}

.p-top-banner__bgImage{
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  max-height: 340px;
}
@media screen and (max-width:959px) {
  .p-top-banner__bgImage{
    max-height: 220px
  }
}

/*@media screen and (max-width: 959px){*/
/*  .top-banner--body{*/
/*    width: auto;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 550px){*/
/*  .top-banner--body{*/
/*    width: auto;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 380px){*/
/*  .top-banner--body{*/
/*    width: auto!important;*/
/*  }*/
/*}*/
@media screen and (max-width: 380px){
  .top-banner--header{
    width: 48% !important;
  }
}

/* match natural aspect ratio */
@media screen and (min-width: 959px){
  .banner-image img{
    height: auto;
  }
} 
@media screen and (min-width: 653px){
  .banner-image img{
    height: auto;
  }
} 
.payment__logo--title{
  height: auto;
}
@media screen and (min-width: 959px){
  .payment__logo--normal{
    height: auto;
  }
}

/* CLS fix*/
.p-corp-top-hero{
  min-height: 400px;
}
@media screen and (min-width: 897px){
  .p-corp-top-hero{
    min-height: none;
  }
}

.cls-fix_beginner{
  min-height: 13630px;
}
@media screen and (min-width: 414px){
  .cls-fix_beginner{
    min-height: auto;
  }
}
.p-trainerButton__image img.lazyload{
  height: 100%;
}