@charset "utf-8";

.low #content.worksTop {

    padding: 17px 60px 80px;
}

.low #content.worksTop > div:first-child {
    position: relative;
}
.low #content.worksTop > div:first-child .btnRss {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.bx-viewport {
    max-width: 1600px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#slideArea > div {
    position: relative;
}


#slideArea .secLeft {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 66.58333333333333%;
}
#slideArea .secLeft img {
    width: 100%;
    height: auto;
}
#slideArea .secRight {
    float: left;
    width: 33.41666666666667%;
    padding: 3.5% 4.166666666666667% 0;
    box-sizing: border-box;
}
#slideArea .secRight .num > img {
    display: inline;
    height: 10px;
    width: auto;
    margin-left: 4px;
}
#slideArea .secRight .num > img:first-child {
    margin-left: 0;
}

#slideArea .secRight .ttl {
    font-family:'AxisStd-Regular';
    font-size: 20px;
    background: url(../../common/images/bg_btm-solid.png) left bottom no-repeat;
    padding: 8% 0 7%;
    margin-bottom: 8%;
    line-height: 1.9;
}
#slideArea .secRight .leadTxt {
    font-size: 12px;
    margin-bottom: 50px;
}

#slideArea .secRight .btnMore a {
    font-family:'DIN Next W06 Regular';
    display: inline-block;
    font-size: 16px;
    height: 26px;
    line-height: 27px;
    padding-left: 43px;
    letter-spacing: 0.15em;
    background: url(../../images/ico_pickup_more.png) 0 0 no-repeat;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#slideArea .secRight .btnMore:hover a {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}
#content .bx-wrapper {
    margin-bottom: 137px;
}
#content .bx-wrapper .bx-controls-direction a {
    display: none;
}
#content .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -48px;
}

#content #refineService {
    margin-bottom: 20px;
}
#content #refineIndustry {
    margin-bottom: 50px;
}
#content #refineService,
#content #refineIndustry {
    display: table;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#content #refineService > div,
#content #refineIndustry > div {
    display: table-cell;
}
#content #refineService > div:first-child,
#content #refineIndustry > div:first-child {
    font-family:'AxisStd-Regular';
    font-size: 14px;
    width: 152px;
    border-right: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
    line-height: 1.9;
}
#content #refineService > div:last-child,
#content #refineIndustry > div:last-child {
    font-family:'AxisStd-Light';
    font-size: 12px;
    vertical-align: middle;
    padding: 40px 40px 11px;
    box-sizing: border-box;
}

#content #refineService > div:last-child ul li,
#content #refineIndustry > div:last-child ul li {
    float: left;
    margin: 0 15px 29px 0;
}

#works #noResults {
    display: none;
    text-align: center;
    padding: 60px 0 80px;
}
#works #noResults .txtEn {
    font-family:'DIN Next W06 Regular';
    font-size: 34px;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
}
#works #noResults .txtJp {
    font-family:'AxisStd-Light';
    font-size: 14px;
    padding-bottom: 20px;
    line-height: 2;
    background: url(../../common/images/ico_arrow05.png) center bottom no-repeat;
}

#works .worksList {
    padding: 0;
}
#works .worksList > div {
    position: relative;
    float: left;
    width: 33.25%;
    margin: 0 0 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    mask-box-image:url("../../common/images/mask_radius_4444.png") 5 5 5 5;
    mask-box-size:100% 100%;
    -webkit-mask-box-image:url("../../common/images/mask_radius_4444.png") 5 5 5 5 ;
    -webkit-mask-box-size:100% 100%;
    overflow: hidden;

}
#works .worksList > div:nth-child(3n+2) {
    margin: 0 0.125% 2px;
}

#works .worksList > div > img {
    width: 100%;
    height: auto;
}

#works .worksList a .overZoomModern {
    overflow: hidden;
    text-align: center;
}
#works .worksList a .overZoomModern img {
    height: auto !important;
}

#works .worksList > div a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#works .worksList > div a .over {
    display: none;
}

#works .worksList > div a .squareSolidX {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 82%;
    height: 82%;
    margin: 8.75%;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    z-index: 5;
    box-sizing: border-box;
}
#works .worksList > div a .squareSolidY {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 82%;
    height: 82%;
    margin: 8.75%;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    z-index: 5;
    box-sizing: border-box;
}

#works .worksList > div a > .over {
    position: absolute;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 10;
}
#works .worksList > div a > .over > span {
    display: table-cell;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.15em;
}

#works .worksList > div a > .over > span .ttl {
    display: block;
    font-size: 20px;
    background: url(../../common/images/bg_btm-solid_on.png) center bottom no-repeat;
    padding: 0 12% 30px;
    margin-bottom: 30px;
    line-height: 1.9;
}
#works .worksList > div a > .over > span .lead {
    display: block;
    font-size: 12px;
    padding: 0 12%;
}

#works .worksList > div svg {
    width: 100%;
    height: 100%;
}


/* fullMainVisual
-------------------------------------------------*/
.low.fullMainVisual #wrap {
    padding-top: 0;
}

.low.fullMainVisual #siteNavi {
    position: absolute;
    left: 0;
    top: 105px;
    width: 99.6969696969697%;
    min-width: 1256px;
    box-sizing: border-box;
    margin: 0 0.1515151515151515% !important;
    background: url(../../common/images/bg_white_a30.png);
    color: #fff;
}
.low.fullMainVisual #siteNavi,
.low.fullMainVisual #imgXLarge .bgImgBlur {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.blur.low.fullMainVisual #siteNavi,
.blur.low.fullMainVisual #imgXLarge .bgImgBlur {
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}
.blur.low.fullMainVisual #imgXLarge .bgImgBlur {
    display: none;
}
.low.fullMainVisual #siteNavi a {
    color: #fff;
}
.low.fullMainVisual #siteNavi li {
    background: url(../../common/images/ico_sitenavi_arrow02.png) 12px 17px no-repeat;
}

.low.fullMainVisual #siteNavi li:first-child {
    background: url(../../common/images/ico_sitenavi_home02.png) 0 17px no-repeat;
}
.low #imgXLarge {
    margin-bottom: 77px;
}
.low #imgXLarge .img img {
    width: 100%;
    height: auto;
}
.low #imgXLarge .bgImgBlur {
    display: none;
}
.low.fullMainVisual #imgXLarge .bgImgBlur {
    display: block;
	content: '';
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	filter: blur(10px);
	filter: url(../../images/filters.xml#blur_saturate);
}

.low.fullMainVisual #imgXLarge .bgImgBlur {
    position: absolute;
    left: 0;
    top: 105px;
    width: 99.6969696969697%;
    min-width: 1256px;
    box-sizing: border-box;
    margin: 0 0.1515151515151515%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 50px;
}


/* movie
-------------------------------------------------*/
.low .youtube img {
    width: 100%;
    height: auto;
}
.low .youtube {
    max-width: 960px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 1;
}
.low .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 540px;
}



/* worksDetail
-------------------------------------------------*/
.low #siteNavi {
    margin: 0 0.1515151515151515% 2px;
}
.low #content.worksDetail {
    max-width: 100%;
    padding: 100px 0 0;
    background-color: #fff;
}

.low #content.worksDetail #btnContact a:hover {
    background-color: #999;
    color: #fff;
}
.low #content.worksDetail #btnContact a:hover span {
    background: url(../../common/images/ico_low_contact01.png) 0 center no-repeat;
}

.low .worksDetail h2 {
    font-family:'AxisStd-Regular';
    font-size: 18px;
    margin-bottom: 24px;
    line-height: 1.7;
}
.low .worksDetail p {
    line-height: 2.2;
}
.low .worksDetail a {
    /*text-decoration: underline;*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.low .worksDetail a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

/* secTtl */
.low .worksDetail #secTtl {
    position: relative;
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 70px;
    min-height: 200px;
}
.low .worksDetail #secTtl > h1 {
    line-height: 1.5;
}
.low .worksDetail #secTtl > p,
.low .worksDetail #secTtl > h1,
.low .worksDetail #secTtl > h2 {
    padding-right: 35%;
}
.low .worksDetail #secTtl > dl {
    position: absolute;
    top: 0;
    right: 60px;
    width: 20%;
}
.low .worksDetail .info {
    line-height: 2;
}
.low .worksDetail .info dt {
    font-family:'DIN Next W06 Light';
    font-size: 14px;
}
.low .worksDetail .info dd {
    font-family:'AxisStd-Light';
    font-size: 12px;
    margin-bottom: 26px;
}
.low .worksDetail .info > dd:nth-child(4) {
    padding-top: 5px;
}

/* imgLarge */
.low .w960 {
    width: 960px !important;
    margin: 0 auto;
    padding: 0 !important;
    min-width: 960px !important;
}
.low .worksDetail #imgLarge {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 75px;
}
.low .worksDetail #imgLarge .img img {
    width: 100%;
    height: auto;
}
/*.low .worksDetail .imgCaption {
    display: block;
    font-size: 11px;
    margin-top: 14px;
}*/

/* imgLeftVertical */
.low .worksDetail #imgLeftVertical {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 65px;
}
.low .worksDetail #imgLeftVertical .img {
    float: left;
    width: 45.08333333333333%;
}
.low .worksDetail #imgLeftVertical .img img {
    width: 100%;
    height: auto;
    padding-bottom:
}

.low .worksDetail #imgLeftVertical > div  {
    float: right;
    width: 50%;
}
.low .worksDetail #imgLeftVertical > div p  {
    margin-bottom: 55px;
}

/* imgRightVertical */
.low .worksDetail #imgRightVertical {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 65px;
}
.low .worksDetail #imgRightVertical .img {
    float: right;
    width: 45.08333333333333%;
    text-align: right;
}
.low .worksDetail #imgRightVertical .img img {
    width: 100%;
    height: auto;
}

.low .worksDetail #imgRightVertical > div  {
    float: left;
    width: 50%;
}
.low .worksDetail #imgRightVertical > div p  {
    margin-bottom: 55px;
}

/* imgLeftHorizontal */
.low .worksDetail #imgLeftHorizontal {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 73px;
}
.low .worksDetail #imgLeftHorizontal .img {
    float: left;
    width: 60%;
}
.low .worksDetail #imgLeftHorizontal .img img {
    width: 100%;
    height: auto;
}
.low .worksDetail #imgLeftHorizontal > div  {
    float: right;
    width: 35%;
}
.low .worksDetail #imgLeftHorizontal > div p  {
    margin-bottom: 55px;
}

.low .worksDetail #imgRightHorizontal {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 73px;
}
.low .worksDetail #imgRightHorizontal .img {
    float: right;
    width: 60%;
    text-align: right;
}
.low .worksDetail #imgRightHorizontal .img img {
    width: 100%;
    height: auto;
}

.low .worksDetail #imgRightHorizontal > div  {
    float: left;
    width: 35%;
}
.low .worksDetail #imgRightHorizontal > div p  {
    margin-bottom: 55px;
}

/* imgMiddle */
.low .worksDetail #imgMiddle {
    text-align: center;
    margin-bottom: 120px;
}
.low .worksDetail #imgMiddle .img {
    display: inline-block;
}
.low .worksDetail #imgMiddle .imgCaption {
    display: block;
  /*  font-size: 11px;
*/text-align: left;
}


/* imgWide */
.low .worksDetail #imgWide {
    margin-bottom: 60px;
}
.low .worksDetail #imgWide img {
    width: 100%;
    height: auto;
}
.low .worksDetail #imgWide .imgCaption {
    display: block;
    max-width: 1600px;
    min-width: 1136px;
    padding: 14px 60px;
    margin: 0 auto 60px;
}

/* img4Stations */
.low .worksDetail #img4Stations {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 66px;
}
.low .worksDetail #img4Stations ul li {
    float: left;
    width: 49.91666666666667%;
    margin-bottom: 2px;
}
.low .worksDetail #img4Stations ul li:nth-child(2n) {
    margin-left: 0.1666666666666667%;
}
.low .worksDetail #img4Stations ul li img {
    width: 100%;
    height: auto;
}
.low .worksDetail #img4Stations .imgCaption {
    text-align: right;
}

/* img2Stations */
.low .worksDetail #img2Stations {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    margin: 0 auto 66px;
}
.low .worksDetail #img2Stations ul li {
    float: left;
    width: 49.91666666666667%;
}
.low .worksDetail #img2Stations ul li:nth-child(2) {
    margin-left: 0.1666666666666667%;
}
.low .worksDetail #img2Stations ul li img {
    width: 100%;
    height: auto;
}

/* txtDescription */
.low .worksDetail #txtDescription {
    width: 54.54545454545455%;
    margin: 0 auto 73px;
}

/* detail */
.low .worksDetail #detail {
    max-width: 1600px;
    min-width: 1136px;
    margin: 0 auto 66px;
    padding: 0 60px;
}
.low .worksDetail #detail > div {
    padding: 45px 10%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 12px;
}
.low .worksDetail #detail > div > ul {
    float: left;
    width: 37.46097814776275%;
}
.low .worksDetail #detail > div > ul li {
    margin-bottom: 10px;
}
.low .worksDetail #detail > div > div  {
    float: right;
    width: 56.2955254942768%;
}
.low .worksDetail #detail > div > div .txtJp  {
    margin-bottom: 20px;
}
.low .worksDetail #detail > div > div .txtEn  {
    font-family:'DIN Next W06 Light';
    font-size: 14px;
    line-height: 1.8;
}

#secArticle {
    max-width: 1600px;
    min-width: 1136px;
    margin: -8px auto 0;
    padding: 0 0 80px;
}
#secArticle .txtLink {
    font-family:'DIN Next W06 Regular';
    font-size: 16px;
    margin-bottom: 13px;
}
#secArticle .txtLink a {
    position: relative;
}
#secArticle .txtLink a:after {
    content: "";
    position: absolute;
    top: 5px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#secArticle .boxNext .txtLink a {
    margin-left: 42px;
    padding-left: 14px;
}
#secArticle .boxNext .txtLink a:after {
    border-left: 1px solid #555;
    border-bottom: 1px solid #555;
    left: 0;
}
#secArticle .boxPrev .txtLink a {
    margin-right: 42px;
    padding-right: 14px;
}
#secArticle .boxPrev .txtLink a:after {
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    right: 0;
}
#secArticle .boxPrev .txtLink {
    text-align: right;
}
#secArticle .boxNext .txtLink {
    text-align: left;
}

#secArticle > div {
    width: 49.961%;
}
#secArticle .boxPrev {
    float: right;
}
#secArticle .boxNext {
    float: left;
}

#secArticle .js-worksBtn {
    display: block;
    width: 100%;
    margin: 0 auto 2px;
    text-align: center;
    font-size: 0;
  }

#secArticle .js-worksBtn a {
    display: block;
    position: relative;
    color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    z-index: 1;
}
#secArticle .js-worksBtn a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#secArticle .js-worksBtn a .thumb {
    pointer-events: none;
    width: 100%;
}

#secArticle .js-worksBtn.hover .card {
    opacity: 1;
}
#secArticle .js-worksBtn .card {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    width: 100%;
    background: rgba(0,0,0,0.4) url(../../works/images/bg_card_large.png) center no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
}
#secArticle .js-worksBtn .cardInner {
    height: 100%;
    position: relative;
    top: 10px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#secArticle .js-worksBtn.hover .card .cardInner {
    top: 0;
}
#secArticle .js-worksBtn .cardInner p {
    display:  table;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    padding: 21px 9%;
    box-sizing: border-box;
    text-align: left;
    line-height: 1.7;
}
#secArticle .js-worksBtn .cardInner p > span {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 0.15em;
    text-align: center;
}



#content .pager {
    text-align: center;
    padding-top: 47px;
}
#content .pager.pager-top {
    padding-top: 0px;
    padding-bottom: 47px;
}
#content .pager > span {
    display: inline-block;
    width: 60px;
    margin: 0 1px;
}
#content .pager > span > span,
#content .pager > span > a {
    display: block;
    box-sizing: border-box;
    height: 48px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #555555;
    color: #555555;
    text-align: center;
    font-family:'DIN Next W06 Regular';
    font-size: 16px;
    font-weight: bold;
    padding-top: 11px;
    -webkit-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#content .pager > span.nonAct > span {
    border: none;
    color: #555555;
}

#content .pager > span > a.act,
#content .pager > span > a:hover{
    border: 1px solid #555555;
    background-color: #555555;
    color: #fff;
}

#content .pager > span.btnPrev > span ,
#content .pager > span.btnPrev > a {
    background: url(../images/ico_pager_prev.png) center no-repeat;
    background-size: 14px 16px;
    -webkit-background-size: 14px 16px;
    text-indent: -9999px;
    display: block;
    vertical-align: top;
    margin-top: 1px;
}
#content .pager > span.btnPrev > a:hover {
    background: #555 url(../images/ico_pager_prev_on.png) center no-repeat;
    background-size: 14px 16px;
    -webkit-background-size: 14px 16px;
}
#content .pager > span.btnNext02 > span ,
#content .pager > span.btnNext02 > a {
    background: url(../images/ico_pager_next.png) center no-repeat;
    background-size: 14px 16px;
    -webkit-background-size: 14px 16px;
    text-indent: -9999px;
    display: block;
    vertical-align: top;
    margin-top: 1px;
}
#content .pager > span.btnNext02 > a:hover {
    background: #555 url(../images/ico_pager_next_on.png) center no-repeat;
    background-size: 14px 16px;
    -webkit-background-size: 14px 16px;
}

#content .pager > span.btnPrev > span,
#content .pager > span.btnNext02 > span {
    filter: alpha(opacity=30);
    -moz-opacity:0.30;
    opacity:0.30;
}

#content #displayedResults {
    margin-bottom: 50px;
    display: table;
    width: 388px;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#content #displayedResults > div {
    display: table-cell;
}
#content #displayedResults > div:first-child {
    font-family:'AxisStd-Regular';
    font-size: 14px;
    width: 152px;
    border-right: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
    line-height: 1.9;
}
#content #displayedResults > div:last-child {
    font-family:'AxisStd-Light';
    font-size: 12px;
    vertical-align: middle;
    padding: 0;
    box-sizing: border-box;
}

#content #displayedResults > div:last-child ul li {
    float: left;
    margin: 0 15px 29px 0;
}


#dResults .dd-select {
    border: none;
    background: none !important;
}
#dResults .dd-options,
#dResults .dd-option{
    border: none !important;
    box-shadow: 0 0 0 !important;
}
#dResults .dd-options {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 2px;
}
#dResults .dd-selected,
#dResults .dd-option {
    padding: 25px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#dResults .dd-option-selected {
    background-color: #444;
    color: #fff;
}
#dResults .dd-option:hover {
    background-color: #ccc;
}

#content #displayedResults > div ul li {
    float: inherit !important;
    margin: 0 !important;
}
#dResults .dd-pointer-down {
    border: none !important;
    border-right: 1px solid #aaa  !important;
    border-bottom: 1px solid #aaa !important;
    width: 10px;
    height: 10px;
    right: 21px !important;
    margin-top: -9px !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#dResults .dd-pointer-up {
    border: none !important;
    border-left: 1px solid #aaa !important;
    border-top: 1px solid #aaa !important;
    width: 10px;
    height: 10px;
    right: 21px !important;
    margin-top: -2px !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}