@import (once) "../../css/font.less";
@import (once) "../../css/default.less";

header{
h3{
font-size:18pt;
}
h4{
font-size:16pt;
}
}

@media(max-width:480px){
header{
h3{
font-size:14pt;
.tac;
}
}

}

/* bg ///////////////////////*/
.bg{
height:800px;
background:url(../image/p01.jpg) no-repeat center 60%;
background-size:cover;

h4{
font-size:12pt;
margin-top:-20px;
.ffm;
line-height:200%;
}

}

@media(max-width:980px){
.bg{
height:600px;
}
}

@media(max-width:480px){
.bg{
height:500px;

h4{
margin-top:0;
font-size:10pt;
line-height:180%;
}

}
}


/* sec1 ///////////////////////*/
.sec1{
padding:60px 0 0 0;
margin-top:-100px;
background-color:rgba(255,255,255,.95);

ul{
.dt;
width:100%;
}
li{
.dtc;
width:33%;
padding:5px;
}
img{
width:100%;
}

}


@media(max-width:480px){
.sec1{

ul{
.db;
}
li{
.db;
width:100%;
}

}
}


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

ul{
.dt;
width:100%;
}
li{
.dtc;
width:33%;
padding:5px;
}
img{
width:100%;
}

}

@media(max-width:480px){
.sec2{

ul{
.db;
}
li{
.db;
width:100%;
}

}
}


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

ul{
.dt;
width:100%;
}
li{
.dtc;
width:33%;
padding:5px;
}
img{
width:100%;
}

}

@media(max-width:480px){
.sec3{

ul{
.db;
}
li{
.db;
width:100%;
}

}
}

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

dl{
.dt;
width:100%;
padding:20px;
border:2px #E9E9E1 solid;
background:#F9F9F1;
margin:20px 0 0 0;
}
dd{
.dtc;
.vat;
}
dd:first-child{
padding:0 20px 0 0;
width:30%;
}

}


@media(max-width:480px){
.sec4{

dl{
.db;
}
dd{
.db;

}
dd:first-child{
padding:0 0 20px 0;
width:100%;
}

}
}