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


/* about ///////////////////////*/
.about{
padding:60px 0 40px 0;

li{
padding:15px 0 15px 130px;
background:url("../image/line3.svg") repeat-x 0 100%;
}
li p{
.left;
margin:0 0 0 -130px;
padding:0 0 0 15px;
background:url("../image/point1.png") no-repeat 0 50%;
background-size:7px;
}

}


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

}
}

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

dl{
.dt;
width:100%;
}
dd{
.dtc;
width:50%;
padding:0 10px;
}

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

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

}


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

dl{
.db;
width:100%;
}
dd{
.db;
width:100%;
padding:5px 0;
}

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

}
}


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

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

}
}


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

}

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

}
}

/* schedule ///////////////////////*/
.schedule{
padding:40px 0 0 0;
}

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

}
}

/* other ///////////////////////*/
.other{
padding:80px 0 120px 0;

.more{
margin:20px auto 20px 0;
}

}

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

.more{
margin:20px auto 20px auto;
}

}
}