@charset "UTF-8";
/*

	工事実績

*/
.topInner { padding-bottom: 20px; }
.inner .worksColumn .eye {
    margin: 0 auto;
    display: block;
    width: 80%;
    
}
.inner .worksColumn .eye img{
     margin: 0 auto 40px auto;
    display: block;
    max-width: 100%;
    width: auto;
}
@media screen and (max-width: 767px) { .topInner { padding-bottom: 5px; } }

/*------------------------------------------
	worksTab
------------------------------------------*/
.worksTab { max-width: 1160px; margin: 0 auto; }
.worksTab .list .item { width: 32%; float: left; color: #0058A2; font-size: 18px; font-weight: bold; text-align: center; margin: 0 2% 0 0; }
.worksTab .list .item:nth-of-type(3n) { margin-right: 0; }
.worksTab .list .item a { display: block; padding: 10px 5px; background: #C8C8C8; }
.worksTab .list .item a:hover { opacity: 1; }
.worksTab .list .item.current a { padding: 10px 5px; }
.worksTab .list .item.current a, .worksTab .list .item a:hover { color: #fff; background: #0058A2; }
@media screen and (max-width: 767px) { .worksTab .list .item { font-size: 14px; } }

/*------------------------------------------
	worksList
------------------------------------------*/
.worksList { padding-bottom: 0; }
.worksList .constructionRecordBoxInner { margin-bottom: 50px; }
.worksList .constructionRecordBox { margin-bottom: 50px; }

/*	worksFilter
---------------------------*/
.worksFilter { max-width: 1160px; margin-bottom: 50px; }
.worksFilter .ttl { color: #fff; font-size: 13px; font-weight: bold; line-height: 1; padding-right: 25px; margin: 10px 20px 0 0; border-right: 1px solid #fff; }
.worksFilter .list .item { float: left; min-width: 100px; color: #0058A2; font-size: 13px; font-weight: bold; text-align: center; margin: 10px 10px 0 0; background: #C8C8C8; border: 1px solid #C8C8C8; }
.worksFilter .list .item a { display: block; padding: 2px 10px; width: 100%; }
.worksFilter .list .item a:hover { opacity: 1; }
.worksFilter .list .item.current { padding: 2px 10px; }
.worksFilter .list .item.current, .worksFilter .list .item:hover { color: #fff; background: #0058A2; border: 1px solid #fff; }
@media screen and (max-width: 767px) { .worksFilter { display: block; margin-bottom: 20px; }
  .worksFilter .ttl { display: table; padding-right: 15px; margin: 0 0 8px 0; } }

/*------------------------------------------
	worksSingle
------------------------------------------*/
.worksSingle { background: #0058A2; }
.worksSingle .inner { padding-top: 30px; padding-bottom: 5px; }

/*	worksColumn
---------------------------*/
.worksColumn { margin-bottom: 45px; }
.worksColumn .ttl { color: #fff; font-size: 20px; font-weight: bold; }
.worksColumn .category { margin: 5px auto 25px; }
.worksColumn .txt { color: #fff; font-size: 14px; }
.worksColumn .subData { margin-top: 115px; }
.worksColumn .subData th { width: 290px; }
.worksColumn .imageList { margin-bottom: 0 !important; }
.worksColumn .imageList .item { height: 430px; position: relative; }
.worksColumn .imageList .item .imgBox { height: 100%; }
.worksColumn .imageList .item .comment { color: #fff; font-size: 13px; padding: 10px; background: rgba(9, 9, 9, 0.5); position: absolute; width: 100%; left: 0; bottom: 0; }
@media screen and (max-width: 767px) { .worksColumn .ttl { font-size: 16px; }
  .worksColumn .subData { margin-top: 50px; }
  .worksColumn .imageList .item { height: 180px; height: 55vw; } }

/*# sourceMappingURL=works.css.map */