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


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

.text{
padding:20px 0;
}

li{
font-size:13pt;
padding:15px 0 15px 10px;
background:url("../image/line3.svg") repeat-x 0 100%;
}

}


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

li{
font-size:11pt;
padding:10px 0 10px 5px;
}

}
}


/* how ///////////////////////*/
.how{
padding:100px 0 0 0;

.text{
padding:0 0 20px 0;
}

.wrap{
background:rgba(255,255,255,.7);
}

th{
border-right:2px #FFFFFF solid;
background:url("../image/bg_green.jpg") repeat-x 0 100%;
}

}

@media (max-width:480px) {
.how{
padding:50px 0 0 0;

}
}


/* flow ///////////////////////*/
.flow{
padding:100px 0 0 0;

li{
font-size:13pt;
padding:15px 0 15px 10px;
background:url("../image/line3.svg") repeat-x 0 100%;
}

.text{
padding:20px 0;
}

}

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

li{
font-size:9pt;
padding:10px 0 10px 5px;
}

.text{
padding:10px 0;
}

}
}


/* price ///////////////////////*/
.price{
padding:80px 0 100px 0;

.wrap{
margin:0 0 20px 0;
}

}

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

.wrap{
margin:0 0 10px 0;
}

}
}