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


/* category_title ///////////////////////*/
.category_title{
background:url(../image/image1.jpg) no-repeat 35vw100%;
background-size: cover;
background-color: #cce8f3;
}

.section_title{
padding:60px 0 20px 0;
}

@media (max-width:1024px){
.section_title{
padding:40px 0 20px 0;
}
}

@media (max-width:600px){
.section_title{
padding:40px 0 10px 0;
}
}

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

a{
.db;
}



}


@media (max-width:1024px){
.recruit{
padding:30px 0 0 0;

}
}

@media (max-width:600px){
.recruit{
padding:20px 0 0 0;

}
}

/* contact ///////////////////////*/
.contact{
padding:60px 0 80px 0;

em{
.db;
padding:0 0 10px 0;
font-size:12pt;
}

.wrap{
padding:20px;
.border1;
.bg_glay6;
}

.tel{
padding:20px 0 5px 0;
font-size:32pt;
line-height:100%;
}

}


@media (max-width:600px){
.contact{
padding:30px 0 40px 0;

.wrap{
padding:10px;
}

.tel{
padding:10px 0 3px 0;
font-size:21pt;
}

}
}


/* gallery ///////////////////////*/
.gallery{
padding:0;

}

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

h2{
padding:0 0 20px 0;
line-height:160%;
}

.back{
padding:40px 0 0 0;
}

.file{
padding:30px 0;
}

.file a{
.db;
padding:5px;
}
.file a:hover{
.tdu;
}
.icon{
.dib;
.vam;
width:40px;
margin:0 5px 0 0;
}

}


@media (max-width:1024px){
.detail{
padding:60px 0;

}
}


@media (max-width:600px){
.detail{
padding:30px 0;

.icon{
width:30px;
}

}
}