@charset "utf-8";




/**  works page **/




#workspage{
background:#ffff;
margin:2em auto;
padding-bottom:2em;
}
@media only screen and (min-width: 1170px) { /*pc*/
#workspage{
max-width:1150px;
}

}

@media only screen and (max-width: 767px) {/*sp*/
#workspage{
margin:0em 0px 2em;
max-width:100%;
}

}

#main #workspage h2{
margin-bottom:0.5em;

}


@media only screen and (min-width: 1170px) {/*pc*/

.works_entry{
width:900px;
margin:0 auto;
}

}

@media only screen and (max-width: 1169px) {/*sp*/

.works_entry{
width:96%;
margin:0 auto;
}

}

.date{
font-size:80%;
text-align:right;
}

#main #workspage h3{
font-size:140%;
margin-bottom:1.5em;
text-align:center;}

#main #workspage h3:after{
content:"";
display:block;
height:2px;
background: rgba(15,139,166,0.34);
margin-top:8px;
}


#main #workspage .linktxt{
text-align:left;
padding-left:15px;
background:url(img/icon_03.png) left center no-repeat;
margin-bottom:2em;
}




.flex-work {
background:url(img/over_02.png) #fff;
padding:0.5em;
position:relative;
margin-bottom:2em;
}



.flex-work figure{
width:100%;
max-height:900px;
padding:0;
margin:0;
text-align:center;
overflow:hidden;
line-height:100%;
}


.flex-work figure img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
margin:auto;
padding:0;}


.flex-work figcaption{
padding:0.5em;
text-align:center;
background:#fff;
font-size:90%;

}

@media only screen and (max-width: 767px) {/*sp*/

.flex-work figcaption br{
display:none;
}

.flex-work figcaption{
text-align:left;

}

}