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

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


dl{
.dt;
.center;
}
dd{
.dtc;
width:33%;
.tac;
padding:0 20px;
}

img{
height:150px;
}

em{
padding:20px;
.db;
font-size:23pt;
.ffg;
color:@c5;
}

p{
.ffg;
font-size:13pt;
color:@c5;
.nw;
}

dd:nth-child(1) em{
color:#ef606d;
}
dd:nth-child(2) em{
color:#5fa0ff;
}
dd:nth-child(3) em{
color:#499202;
}

}

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

dd{
.db;
width:100%;
padding:20px;
}

img{
height:100px;
}

em{
padding:10px;
font-size:17pt;
}

}
}


/* about ///////////////////////*/
.about{
padding:20px 0 80px 0;

section{
padding:60px 0 0 0;
}

.text{
padding:10px 0 0 50px;
}

em{
.db;
.ffg;
font-size:14pt;
margin:20px 0 10px -50px;
color:@c5;
}

}


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

section{
padding:40px 0 0 0;
}

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

em{
.db;
.ffg;
font-size:14pt;
margin:20px 0 10px -20px;
color:@c5;
}

}
}