@import (once) "default.less";
@import (once) "common.less";

/* concept ///////////////////////*/
.concept{
padding:40px 0 0 0;

li{
.ffg;
font-size:14pt;
color:@c5;
line-height:200%;
font-weight:normal;
}

}


@media (max-width:480px) {
.concept{
padding:30px 0 0 0;

li{
.ffg;
font-size:11pt;
color:@c5;
padding:7px 0 7px 40px;
background: url(../image/cut4.png) no-repeat 0 50%;
background-size:30px;
}

}
}


/* club ///////////////////////*/
.club{
padding:40px 0 0 0;

.wrap{
td:first-child{
width:120px;
}
}

.youkou{
padding:60px 0;
}

.more{
width:auto;
max-width:500px;
p{
letter-spacing:.2em;
}
}

}

@media (max-width:720px) {
.club{

.wrap{
td:first-child{
width:80px;
}
}

}
}


@media (max-width:480px) {
.club{
padding:20px 0 0 0;

section{
padding:20px 0 0 0;
}

.youkou{
padding:40px 0;
}

.wrap{
td:first-child{
width:60px;
}
}

}
}



/* sup ///////////////////////*/
.sup{
padding:0 0 80px 0;

li{
padding:3px 0 3px 20px;
background: url(../image/point2.png) no-repeat 0 50%;
background-size:15px;
}

}


@media (max-width:480px) {
.sup{
padding:0 0 40px 0;

}
}