@charset "utf-8";

#fv { background: url(../images/works/fv.jpg) center center no-repeat; background-size: cover;}

#work { text-align: center;}
#work h3 { font-size: 16px; line-height: 38px; padding: 0 0 70px;}
#works-inner div { margin: 0 20px 15px 0;}

#pager { padding: 50px 0 70px;}

/* ------------------------------------------- detail */

#work_detail { background: #f7f8fa; text-align: center; padding: 10px 0 60px;}
#work_detail .box { background: #fff; padding: 75px 0 70px;}
#work_detail .box .frame { padding: 0 40px;}
#work_detail .box h2,
#work_detail .box h3 { font-size: 28px; font-weight: bold; color :#323f48;}
#work_detail .box h2 { padding: 0 0 30px; }
#work_detail .box h2 span { display: block; font-size: 14px; color: #354582;}
#work_detail .box ul li { float: left;}
#work_detail .box h3 { padding: 60px 0 50px;}
#work_detail .box p.text { text-align: left;}

#works { text-align: center;}
#works #blueRibbon { margin: 70px 0 50px;} 
#works p.btn.look { margin: 20px 0 95px;}

#top .empty { font-weight: bold; font-size: 16px; padding: 60px 0;}


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

#fv { background-size: cover;}
#head .head-contact { display: none;}

#work h3 { font-size: 14px; line-height: 30px; padding: 0 0 30px; text-align: left;}
#works-inner div { margin: 0 0 15px 0;}
#works-inner div img { width: 100%; height: auto;}

#pager { padding: 20px 0 30px;}

/* ------------------------------------------- detail */

#head.work_detail { position: relative;}
#head.work_detail .head-contact { bottom: -60%;}

#work_detail { padding: 10px 0 20px;}
#work_detail .box { padding: 20px 0 30px;}
#work_detail .box .frame { padding: 0 3%;}
#work_detail .box h2,
#work_detail .box h3 { font-size: 20px; }
#work_detail .box h2 { padding: 0 0 30px; }
#work_detail .box h2 span { font-size: 14px;}
#work_detail .box div img { width: 100%; height: auto;}
#work_detail .box ul li { float: left; width: 20%;}
#work_detail .box ul li img { width: 100%; height: auto;}
#work_detail .box h3 { padding: 20px 0 30px;}

#works #blueRibbon { margin: 30px 0 20px;} 
#works p.btn.look { margin: 20px 0 30px;}
}