@charset "UTF-8";
#topNews dl:after,.mvBoxA:before{content:""}
#topAccess .btnTypeB a,#topMainVisual h1,#topNews dl dt,#topService .blockL .btnTypeB a,#topService .blockR .btn,#topService .blockR .servicelist li a>h4 strong,.h2ttl,.h3ttl{font-family:'Roboto Condensed',Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Arial,sans-serif}
#topAccess .topSelectBox li a:after,#topAccess .topSelectBox:after,#topInofo>.block>.blockL .head>a:after,#topService .blockR .servicelist li a .btn:after,#topTopics .slick-next:before,#topTopics .slick-prev:before,#topTopics .topic a:after{font-family:icofont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.h2ttl,.h3ttl{color:#000;line-height:1.2}
.mvBoxA:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:1}
.mvBoxA iframe{height:180%;top:-40%;opacity:0;-webkit-transition:opacity .8s linear;transition:opacity .8s linear}
#topMainVisual [class^=icon2-volume]:hover,.mvBoxA iframe.loaded{opacity:1}
.h2ttl{font-size:68px;margin-bottom:60px}
.h2ttl span{display:block;font-weight:400;font-size:20px}
.h3ttl{font-size:36px;margin-bottom:40px}
.h3ttl span{display:block;font-weight:400;font-size:13px}
.contentBoxWrap>*{margin:0 8%;padding:5% 0}
.contentBoxWrap>.contentWorks{padding-bottom:0}
#topMainVisual{position:relative;overflow:hidden}
#topMainVisual .mvBoxA{background-color:#6792BF;padding-top:43.229%}
#topMainVisual h1{position:absolute;top:50%;left:8%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font-size:24px;font-weight:400;line-height:1.6;z-index:10;text-align:left}
#topMainVisual h1 strong{display:block;font-size:60px;font-weight:200;letter-spacing:.005em}
#topMainVisual [class^=icon2-volume]{position:absolute;bottom:30px;right:30px;font-size:20px;color:#fff;z-index:1;cursor:pointer;opacity:.8}
#topNews{padding:2.5%}
#topNews dl:after{clear:both;display:block}
#topNews dl dt{float:left;font-size:36px;font-weight:700;line-height:1.2;padding-right:50px}
#topNews dl dd{padding-top:.5em}
#topNews dl dd div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
#topNews dl dd a{text-decoration:none;color:inherit}
#topNews dl dd a:hover{color:#0068b6}
#topNews dl dd em{color:#0068b6;font-weight:400}
#topNews dl dd span{margin-left:2em;line-clamp:3}
#topService{position:relative;overflow:hidden;color:#fff;font-size:0;background-color:#333}
#topService>:not(.mvBoxA){position:relative;z-index:10}
#topService a{color:#fff;text-decoration:none}
#topService .mvBoxA{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(https://i.vimeocdn.com/video/577924076.jpg) center 0 no-repeat;background-size:cover;padding:0;height:100%}
#topTopics .topic .bgimg,.jsimgani [id^=jsimgani] span{background-repeat:no-repeat;background-position:center center}
#topService .mvBoxA:before{background-color:rgba(0,0,0,.5)}
#topService .mvBoxA iframe{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#topService .block{margin:0 7.3%;text-align:left;padding:10% 8%}
@media (max-width:1600px){#topService .block{padding:12% 3%}
}
@media (max-width:1200px){#topService .block{padding:12% 0}
}
#topService .block>*{display:inline-block;width:47%;font-size:13px;vertical-align:top}
#topService .blockL{margin-right:6%;font-size:15px}
#topService .blockL .h2ttl{color:#fff;margin-bottom:18%;line-height:1.2;-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);transform:translate(0,30px);opacity:0;-webkit-transition:all .8s ease;transition:all .8s ease}
#topService .blockL .h2ttl span{display:inline-block;vertical-align:middle;margin:0}
#topService .blockL h3{font-size:26px;margin-bottom:1.5em;-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px);opacity:0;-webkit-transition:all .8s ease .4s;transition:all .8s ease .4s}
#topService .blockL p{line-height:2.2;-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px);opacity:0;-webkit-transition:all .8s ease .8s;transition:all .8s ease .8s}
#topService .blockL .btnTypeB{margin:13% 0 0;-webkit-transform:translate(0,10px) scale(.9);-ms-transform:translate(0,10px) scale(.9);transform:translate(0,10px) scale(.9);opacity:0;-webkit-transition:all .8s ease 1.4s;transition:all .8s ease 1.4s}
#topService .blockL .btnTypeB a{font-size:15px;text-align:center;background-color:transparent;border-color:#fff;width:10em}
#topService .blockR{-webkit-transform:translate(30px,0) scale(1);-ms-transform:translate(30px,0) scale(1);transform:translate(30px,0) scale(1);opacity:0;-webkit-transition:all .8s ease 1.8s;transition:all .8s ease 1.8s}
#topService.on .blockL .btnTypeB,#topService.on .blockL .h2ttl,#topService.on .blockL h3,#topService.on .blockL p,#topService.on .blockR{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
#topService .blockR .servicelist li~li{border-top:1px solid rgba(255,255,255,.2)}
#topService .blockR .servicelist li a{display:table;padding:4% 0;font-size:0;width:100%}
#topService .blockR .servicelist li a>*{display:table-cell;vertical-align:middle}
#topService .blockR .servicelist li a>i{font-size:46px;width:22%;margin-right:3%;text-align:center;color:rgba(255,255,255,.5)}
#topService .blockR .servicelist li a>i.icon2-degital_content{font-size:48px}
#topService .blockR .servicelist li a>h4{font-size:30px;font-weight:400;line-height:1.2;width:70%}
#topService .blockR .servicelist li a>h4 span{display:block;font-size:14px;font-weight:200;margin-top:5px;color:#b0b0b0}
#topService .blockR .servicelist li a>h4 strong{font-weight:400}
#topService .blockR .servicelist li a p{text-align:right}
#topService .blockR .servicelist li a .btn{font-size:11px;font-weight:700;width:12%;border:1px solid #fff;box-sizing:border-box;padding:2px 2.6em 2px 2em;position:relative;text-align:center;white-space:nowrap;margin-right:5px}
#topService .blockR .servicelist li a .btn:after{content:"\e910";position:absolute;top:50%;right:.8em;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-size:50%;line-height:0}
#topService .blockL .btnTypeB a:hover,#topService .blockR a:hover .btn{border:1px solid #fff;background-color:#fff;color:#000}
#topService .blockR .servicelist li a:hover{background-color:rgba(255,255,255,.2)}
@media (max-width:1200px){#topService .block{margin:0;padding:10% 5%}
#topService .icons i{font-size:60px}
}
#topWorksList .bgimg.top{z-index:1;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}
#topWorksList a:not(.gif):hover .bgimg.top{opacity:0}
#topTopics #topTopicsCol{padding:0 40px}
#topTopics .topic{position:relative;border:1px solid #e5e5e5;text-align:left;box-sizing:border-box;width:30%;margin:0 15px;overflow:hidden}
#topTopics .topic a{display:block;text-decoration:none;color:inherit}
#topTopics .topic a[target="_blank"]:after{content:"\e902";position:absolute;bottom:3%;right:8%;font-size:14px}
#topTopics .topic .bgimg{display:block;padding-top:56.25%;width:100%;height:0;background-size:auto 100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}
#topTopics .topic .inner{padding:8% 8% 12%}
#topTopics .topic .ttl{font-size:16px;color:#525252;margin-bottom:10px}
#topTopics .topic .icon{font-size:8px;margin-bottom:10px}
#topTopics .topic .icon span{padding:1px 1em;line-height:1.2;color:#fff;background-color:#000}
#topTopics .topic p{font-size:13px;color:#999}
#topInofo>.block>.blockR a:hover .h3ttl,#topTopics .topic a:hover .ttl,#topTopics .topic a:hover:after{color:#0068b6}
#topTopics .topic .date{position:absolute;bottom:5%;left:8%;font-size:12px}
#topTopics .topic a:hover .bgimg{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
#topTopics .slick-next,#topTopics .slick-prev{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:10}
#topTopics .slick-next:before,#topTopics .slick-prev:before{font-size:40px;color:#0068b6}
#topTopics .slick-prev{left:0}
#topTopics .slick-next{right:0}
#topTopics .slick-prev:before{content:"\e90f"}
#topInofo>.block>.blockL .head>a:after,#topTopics .slick-next:before{content:"\e910"}
.jsSetHeight-topicswrap{height:auto!important}
#topAccess,#topInofo{margin:0 7.3% 7.3%}
#topAccess,#topInofo .blockL,#topInofo .blockR,#topService{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98);opacity:0;-webkit-transition:opacity .3s linear,-webkit-transform .4s linear;transition:opacity .3s linear,-webkit-transform .4s linear;transition:transform .4s linear,opacity .3s linear;transition:transform .4s linear,opacity .3s linear,-webkit-transform .4s linear}
#topInofo .blockR{-webkit-transition:opacity .3s linear .4s,-webkit-transform .4s linear .4s;transition:opacity .3s linear .4s,-webkit-transform .4s linear .4s;transition:transform .4s linear .4s,opacity .3s linear .4s;transition:transform .4s linear .4s,opacity .3s linear .4s,-webkit-transform .4s linear .4s}
#topAccess.on,#topInofo.on .blockL,#topInofo.on .blockR,#topService.on{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
#topInofo>.block{display:table;width:100%}
#topInofo>.block>*{float:right;width:45.5%}
#topInofo>.block>.blockL{float:left;background-color:#fff;width:42.5%;padding:3%;text-align:left;vertical-align:top}
#topInofo>.block>.blockL .head{display:table;border-spacing:0;width:100%}
#topInofo>.block>.blockL .head>*{display:table-cell;vertical-align:middle}
#topInofo>.block>.blockL .head>.h3ttl span{display:inline-block;margin-left:2em;vertical-align:middle}
#topInofo>.block>.blockL .head>a{text-align:right}
#topInofo>.block>.blockL .head>a:after{display:inline-block;margin-left:1em;font-size:9px;text-decoration:none}
#topInofo .infoListA{border-top:1px dotted #bababa;margin:40px 0 0}
#topInofo .infoListA>ul>li{padding:40px 0;overflow:hidden}
#topInofo .infoListA li .block2C:after{content:"";clear:both;display:block}
#topInofo .infoListA li .tag{float:right}
#topInofo>.block>.blockR{position:relative;padding:3% 0 3% 3%;font-size:0}
#topInofo>.block>.blockR img{max-width:100%}
#topInofo>.block>.blockR a{background-color:#fff;padding:6%;text-decoration:none;box-sizing:border-box}
#topInofo>.block>.blockR a:first-child{position:absolute;top:0;right:0;width:97%;height:49%;padding:6%}
#topInofo>.block>.blockR a:first-child~a{position:absolute;bottom:0;left:3%;width:45%;height:45%;padding:0 6%;vertical-align:bottom;word-break:break-all}
#topInofo>.block>.blockR a:first-child~a+a{left:auto;right:0}
#topInofo>.block>.blockR a:first-child~a section{padding:12% 0 23%}
#topInofo>.block>.blockR a:first-child~a .h3ttl span{margin-top:20px}
#topInofo>.block .recruit .h3ttl{text-align:left}
#topInofo>.block .recruit .h3ttl span{display:inline-block;margin-left:2em;vertical-align:middle}
#topAccess{padding-top:3%;background-color:#fff}
#topAccess .map{width:100%;height:453px}
#topAccess .mapArea{position:relative;color:#fff}
#topAccess .mapData{position:absolute;top:0;right:0;min-width:430px;height:453px;text-align:left;background-color:rgba(0,0,0,.5);overflow-y:auto}
#topAccess .mapData .head{background-color:rgba(0,0,0,.5);padding:8% 10%;border-bottom:1px solid #fff}
#topAccess .mapData .inner{padding:10%}
#topAccess .topSelectBox{position:relative;background-color:transparent;text-align:center;box-sizing:border-box;padding:0;z-index:10}
#topAccess .topSelectBox:before{content:"";position:absolute;right:0;top:0;width:40px;height:100%;border-left:2px solid #fff;background-color:#0068b6}
#topAccess .topSelectBox:after{font-size:12px;content:"\e910";position:absolute;top:50%;right:17px;-webkit-transform:translate(0,-50%) rotate(90deg);-ms-transform:translate(0,-50%) rotate(90deg);transform:translate(0,-50%) rotate(90deg);color:#fff}
#topAccess .topSelectBox .txt{display:block;padding:.5em 0;text-decoration:none;position:relative;z-index:1;background-color:transparent;border:2px solid #fff;color:#fff}
#topAccess .topSelectBox ul{display:none;position:absolute;width:100%;border:1px solid #fff;text-align:left;box-sizing:border-box}
#topAccess .topSelectBox li{position:relative;background-color:rgba(0,0,0,.8);border:1px solid #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}
#topAccess .topSelectBox li:after{content:"";clear:both;display:block}
#topAccess .topSelectBox li a{display:block;color:#fff;padding:.5em 30px .5em .5em;text-decoration:none}
#topAccess .topSelectBox li a:after{content:"\e910";font-size:10px;position:absolute;top:50%;right:10px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#topAccess .ttl{font-size:24px}
#topAccess .btnTypeB{margin:20px 0 0}
#topAccess .btnTypeB a{border:0;width:auto;padding:5px 40px}
@media (max-width:1100px){.no-line-clamp #topInofo .infoListA li .ttl{position:relative;max-height:64px;overflow:hidden;text-overflow:ellipsis}
.line-clamp #topInofo .infoListA li .ttl{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
@media (max-width:980px){#topInofo>.block>*{display:block;height:auto!important;float:none!important;width:auto!important}
#topInofo>.block>.blockR{padding:0;margin-top:6%}
#topInofo>.block>.blockR a:first-child{position:static;width:auto;display:block;margin-bottom:6%}
#topInofo>.block>.blockR a:first-child~a{width:47%;position:static;display:inline-block}
#topInofo>.block>.blockR a:first-child~a+a{margin-left:6%}
}
.jsimgani [id^=jsimgani],.jsimgani [id^=jsimgani] span{position:absolute;top:0;left:0;width:100%;height:100%}
.jsimgani [id^=jsimgani] span{background-size:cover;z-index:0}
.jsimgani [id^=jsimgani] span.show{z-index:1}