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

/* ///////////////////////*/
h2{
padding:0 0 0 20px;
margin:0 0 40px 0;
font-size:26pt;
border-left:4px #E00000 solid;
.ffm;
}

@media (max-width:480px) {
h2{
font-size:20pt;
margin:0 0 20px 0;
}
}

/* category_title ///////////////////////*/
.category_title .bg{
background:url("../image/title_bg.jpg") no-repeat center 55%;
background-size:cover;
}

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

}

@media (max-width:480px) {
.corting{
padding:20px 0 40px 0;
h2{
font-size:16pt;
}

}
}

/* oil ///////////////////////*/
.oil{
padding:0 0 60px 0;
}


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

}
}


/* card ///////////////////////*/
.card{
padding:80px 0 0 0;
background-color:#F4F3EE;

h3{
font-size:32pt;
.ffg;
.bold;
padding:0 0 40px 0;
}
.type{
width:300px;
}
dl{
.dt;
width:100%;
}
dd{
.dtc;
.vat;
}

ul{
padding:20px 0;
}
ul li{
font-size:19pt;
.ffg;
.bold;
color:#BB0000;
padding:5px 0;
}
ul li p{
background-color:#BB0000;
font-size:13pt;
.ffg;
.bold;
color:#FFFFFF;
.dib;
.vam;
padding:5px 10px;
.r(30px);
margin:0 10px 0 0;
}
span{
border-bottom:2px #BB0000 solid;
}

h4{
padding:60px 0;
.tac;
font-size:21pt;
.ffm;
}

}


@media (max-width:960px) {
.card{

h3{
font-size:23pt;
.ffg;
.bold;
padding:0 0 30px 0;
}
ul li{
.nw;
font-size:14pt;
}
h4{
padding:20px 0 30px 0;
font-size:14pt;
}

}
}


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

h3{
font-size:18pt;
.ffg;
.bold;
padding:0 0 10px 0;
}
ul li{
padding:1px 0;
font-size:12pt;
}
ul li p{
font-size:8pt;
padding:5px 10px;
margin:0 5px 0 0;
}
dd{
.db;
}
.type{
width:100%;
}
h4{
padding:10px 0 0 0;
font-size:10pt;
}
}
}


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

h3{
background-color:#BB0000;
.tac;
.ffg;
.bold;
color:#FFFFFF;
padding:15px 0;
}

dl{
.dt;
width:100%;
}
dd{
.dib;
.vat;
width:33%;
padding:20px;
}
dd ul{
.dt;
}
dd li{
.dtc;
.vat;
padding:5px;
}
.wrap img{
width:100%;
border:2px #BB0000 solid;
}

}


@media (max-width:960px) {
.service{
padding:0 0 50px 0;

dd{
padding:10px;
}
h3{
font-size:11pt;
padding:10px 0;
}
}
}

@media (max-width:720px) {
.service{
padding:0 0 50px 0;

dd{
padding:5px;
width:50%;
}

}
}


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

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

}
}



/* gallery ///////////////////////*/
.gallery{
background-color:#F4F3EE;

h3{
.pa;
z-index:10;
background: rgba(255,255,255,0.85);
margin:auto;
top:0;
left:0;
bottom:0;
right:0;
width:600px;
height:90px;
line-height:90px;
.bold;
font-size:21pt;
}
h3:hover{
background: rgba(255,255,255,0.95);
color:#666666;
}
h3 a{
.db;
background:url(../../image/point_next1.png) no-repeat 95% 50%;
.tac;
.tdn;
}

.area{
.pr;
width:100%;
height:310px;
.center;
.oh;
}
.scroll{
.pa;
left:50%;
width:5170px;
margin-left:-2585px;
}
.scroll img{
width:470px;
}
.navi{
.pa;
top:50%;
width:100%;
margin:-5px 0 0 0;
}
.prev{
margin:-25px 0 0 50px;
}
.next{
.right;
margin:-25px 50px 0 auto;
}

}


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

h3{
width:200px;
padding:20px 0 0 0;
line-height:120%;
font-size:12pt;
height:60px;
}
h3 a{
background:url();
}

.area{
width:100%;
height:210px;
}
.scroll{
.pa;
left:50%;
width:1900px;
margin-left:-950px;
}
.scroll img{
width:380px;
}
.navi{
.dn;
}

}
}


/* link ///////////////////////*/
.link{
background-color:#F4F3EE;
padding:60px 0 0 0;

ul{
width:100%;
}
li{
.dib;
width:50%;
}

a{
.db;
font-size:21pt;
padding:30px 0;
margin:0 10px;
.ffg;
.bold;
.tac;
.tdn;
background-color:#FFFFFF;
color:#FFFFFF;
}
a:hover{
opacity:.5;
}

li:nth-child(1) a{
border:2px #FFFFFF solid;
background:url(../../image/point_next2.png) no-repeat 400px 50%;
background-color:#02399E;
}
li:nth-child(2) a{
border:2px #FFFFFF solid;
background:url(../../image/point_next2.png) no-repeat 400px 50%;
background-color:#E00000;
}

}


@media (max-width:720px) {
.link{
padding:40px 0 0 0;

a{
.db;
margin:0 5px;
font-size:16pt;
}

}
}

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

}
}


/* pagetop ///////////////////////*/
.pagetop{
background-color:#F4F3EE;
}