.club-top-row{
      position:relative;
      display:flex;
      min-height:40vw;
      justify-content:center;
      align-items:center;
    }
.club-top-row .bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
}
.club-top-row .bg img{
     position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}      
.club-top-row .cap{
    z-index:3;
    position:relative;
    text-align:center;
    padding:40px;
}      



.club-top-row .cap img{
   width:130px;
}      

.club-top-row .cap .slogan{
  color:var(--w100);
  margin-top:40px;
  font-size:48px;
  font-weight:100;
}      






.club-row{
    background: #708354;
background: linear-gradient(231deg, rgba(112, 131, 84, 1) 41%, rgba(105, 99, 56, 1) 100%);
}
.club-row .sec-con{
    margin:90px 0;
    }

.club-row .club-head-row{
    text-align:center;
}
.club-row .club-head-row .head-con{
}

.club-row .club-head-row .head-con .head{
   color:var(--w100);
   font-size:32px;
   margin:0;
   font-weight:500;
   padding:0;
}

.club-row .club-head-row .desc-con{
   margin:30px 0;
}
.club-row .club-head-row .desc-con .desc{
   color:var(--w100);
   font-size:20px;
   line-height:1.8em;
   font-weight:200;
}
.club-row .club-head-row .desc-con .desc b{
   font-weight:600;
}


.club-row .club-txt-row{
   color:var(--w100);
   margin-bottom:30px;
}
.club-row .club-txt-row .head-con{
}
.club-row .club-txt-row .head-con .head{
    margin:0;
    font-size:19px;
    font-weight:500;
}
.club-row .club-txt-row .txt-con{
    margin:15px 0;
}
.club-row .club-txt-row .txt-con .txt{
   font-size:15px;
   line-height:1.8em;
   font-weight:300;
}

.club-row .club-txt-row .txt-con .txt a{
   display:inline-block;
   text-decoration:underline;
   color:var(--c4);
}


.club-row .club-service-row{
    overflow-y:scroll;
    width:100%;
      color:var(--w100)
}
.club-row .club-service-row .service-row{
    display:flex;
    width:100%;
    min-width:1020px
}
.club-row .club-service-row .service-row.service-h{
    border-bottom:1px solid var(--w100)
}
.club-row .club-service-row .service-row:not(.service-h){
    border-right:1px solid var(--w100);
    border-bottom:1px solid rgba(255,255,255,0.1);
}
.club-row .club-service-row .service-row:last-of-type{
    border-bottom:1px solid var(--w100)
}
.club-row .club-service-row .service-row .ttl-con{
    min-width:300px;
    display:flex;
    padding:20px;
}
.club-row .club-service-row .service-row .level-con{
    flex:2 0 0;

       text-align:center;
        display:flex;
        justify-content:center;
        align-items:center;
         padding:15px;
             min-width:180px;
               border:1px solid var(--w100);
               border-width:0 1px;
               margin-right:-1px;

}
.club-row .club-service-row .service-row.service-h .level-con{
    border-top:1px solid var(--w100)

}


.club-row .club-service-row .service-row .level-con:nth-child(2){
   background-color:rgba(0,0,0,0.1);
}
.club-row .club-service-row .service-row .level-con:nth-child(3){
   background-color:rgba(0,0,0,0.2);
}
.club-row .club-service-row .service-row .level-con:nth-child(4){
   background-color:rgba(0,0,0,0.3);
}
.club-row .club-service-row .service-row .level-con:nth-child(5){
   background-color:rgba(0,0,0,0.4);
}



.club-row .club-service-row .service-row .l-head{
    display:flex;
    flex-direction:column;
    margin:15px 0;
align-items:center;
width:100%;
}
.club-row .club-service-row .service-row .l-head .icon{
 width:64px;
 margin-bottom:10px;
}
.club-row .club-service-row .service-row .l-head .head{
  font-size:13px;
  font-weight:300;
  margin:0;
}

.club-row .club-service-row .service-row .l-head .head-en{
  font-size:17px;
  font-weight:500;
  letter-spacing:2px;
  margin:0;
}
.club-row .club-service-row .service-row .l-head .score{
  font-size:15px;
  font-weight:400;
  margin-top:15px;
 padding-top:15px;
 border-top:1px solid rgba(0,0,0,0.5);
 width:100%;

}
.club-row .club-service-row .service-row .s-head{
 display:flex;
 align-items:center;
}
.club-row .club-service-row .service-row .s-head .head{
 font-size:15px;
 font-weight:300;
     margin:0;
}
.club-row .club-service-row .service-row .s-head .power-tip{
 display:flex;
 align-items:center;
 justify-content:center;
 padding-top:3px;
 font-size:15px;
 margin-right:10px;
 background-color:var(--w100);
 color:var(--b100);
 width:20px;
 height:20px;
 border-radius:50%;
 cursor:pointer;
}
#powerTip.my-tooltip{
    max-width:480px;
    white-space:initial;
    font-size:14px;
    font-weight:300;
    padding:15px;
}
.club-row .club-service-row .service-row .s-val{
 font-size:15px;
 font-weight:400;
}
.club-row .club-service-row .service-row .s-val .icon{
 font-size:24px;
 line-height:0;
 display:block;
}





.club-row .club-faq-row{
    display:flex;
    justify-content:center;
}
.club-row .club-faq-row .faq-col{
   width:100%;
   max-width:960px;
}




@media(max-width:991px) {
  
}
@media(max-width:767px) {
     .club-top-row{
      min-height:90vw;
    }
.club-top-row .cap{

    padding:20px;
}      



.club-top-row .cap img{
   width:60px;
}      

.club-top-row .cap .slogan{
  margin-top:20px;
  font-size:32px;

}      

.club-row .sec-con{
    margin:60px 0;
    }

.club-row .club-head-row .head-con .head{
   font-size:24px;
  
}

.club-row .club-head-row .desc-con{
   margin:15px 0;
}
.club-row .club-head-row .desc-con .desc{
 font-size:15px;

}
.club-row .club-head-row .desc-con .desc b{
   font-weight:600;
}


.club-row .club-txt-row{
   margin-bottom:20px;
}
.club-row .club-txt-row .head-con{
}
.club-row .club-txt-row .head-con .head{

    font-size:17px;
  
}
.club-row .club-txt-row .txt-con{
    margin:10px 0;
}
.club-row .club-txt-row .txt-con .txt{
   font-size:13px;
}


.club-row .club-service-row .service-row{
    min-width:730px
}

.club-row .club-service-row .service-row .ttl-con{
    min-width:210px;
    padding:10px;
}
.club-row .club-service-row .service-row .level-con{
         padding:10px;
             min-width:130px;

}




.club-row .club-service-row .service-row .l-head{

    margin:10px 0;
}
.club-row .club-service-row .service-row .l-head .icon{
 width:50px;

}
.club-row .club-service-row .service-row .l-head .head{
  font-size:11px;
 
}

.club-row .club-service-row .service-row .l-head .head-en{
  font-size:15px;
  
}
.club-row .club-service-row .service-row .l-head .score{
  font-size:13px;
 
  margin-top:10px;
 padding-top:10px;


}
.club-row .club-service-row .service-row .s-head .head{
 font-size:13px;

}
.club-row .club-service-row .service-row .s-head .power-tip{
 
 font-size:13px;
 
 width:17px;
 height:17px;

}
#powerTip.my-tooltip{
    font-size:13px;
    padding:10px;
}
.club-row .club-service-row .service-row .s-val{
 font-size:13px;

}
.club-row .club-service-row .service-row .s-val .icon{
 font-size:20px;

}






}