/*----------------------------------------------------------------------------------------------------------------------#page_tit----------*/

#page_tit{
background:url("../images/works_no20_main.jpg") no-repeat center center;
background-size:cover;
}

/*----------------------------------------------------------------------------------------------------------------------#cont----------*/

#cont h2{
font-size:27px;
font-weight: normal;
letter-spacing:3px;
line-height:1.4;
color:#fff;
text-align:center;
position: relative;
margin-bottom: 30px;
}

.border:after{
width:100%;
content: "";
border-bottom: 1px solid #fff;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: -10px;
margin:auto;}

#cont h3{
font-weight:bold;
text-align:left;
color:#5D5D5D;
}

@media screen and (max-width:1024px){

#cont h2{ 
font-size:25px;
letter-spacing:3px;
}

}

@media screen and (max-width:740px){

#cont h2{ 
font-size:24px;
}

}


/*----------------------------------------------------------------------------------------------------------------------#works----------*/

#works{
padding:100px 0 70px;
position:relative;
}

#works .inner{
max-width:1080px;
width:90%;
margin:0 auto;
}

#works p{text-align: center;}

.fotorama-wrap{
padding:0px 20px 30px;
}

#works .more{
margin:50px auto;	
width:250px;
height:50px;
font-size:14px;
}

#works .more a {
background-color: #B3B3B3;
border: 1px solid #fff;
color:#fff;
line-height:30px;
width:100%;
border-radius:20px;
}

#works .more a:hover {
background-color:#B3B3B3;
border: 1px solid #5D5D5D;
color:#5D5D5D;
}

#nav_works{
margin-top:50px;
text-align:center;
} 

#nav_works li{ 
display:inline;
line-height:1.0;
}

@media screen and (max-width:1024px){
	
#works .inner{ width:90%; }


}

@media screen and (max-width:740px){

#works{
padding:50px 0 40px;
position:relative;
}
	
.fotorama-wrap{
padding:0px 10px 30px;
}
	
#works .inner{ width:90%; }

}