@charset "UTF-8";
#topMainVisual h1,.mvBoxA:before{position:absolute;left:0;width:100%}
#topAccess .btnTypeB a,#topMainVisual h1,#topNews dl dt,#topService .blockL .btnTypeB a,#topService .blockR .btn,#topService .blockR .servicelist li a>h4 span,.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{line-height:1.2;color:#000}
.mvBoxA:before{content:"";top:0;height:100%;background-color:rgba(0,0,0,.2);z-index:1}
.mvBoxA iframe{height:180%;top:-40%}
.h2ttl{font-size:63px;margin-bottom:5%}
.h2ttl span{display:block;font-weight:400;font-size:24px}
.h3ttl{font-size:36px;margin-bottom:4%}
#topMainVisual h1,.h3ttl span{font-size:24px;font-weight:400}
.h3ttl span{display:block}
.contentBoxWrap>*{margin:0 8%;padding:5% 0}
.contentBoxWrap>.contentWorks{padding-bottom:0}
.contentBoxWrap.topicsArea{overflow:hidden;width:100%;margin:0 0 3%}
#topMainVisual{position:relative;overflow:hidden}
#topMainVisual .mvBoxA{background:url(../../img/top/main/000.jpg) center center no-repeat;background-size:cover;padding-top:126%;overflow:visible}
#topMainVisual .mvBoxA:before{background:0 0;content:none}
#topMainVisual h1{top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;line-height:1.6;z-index:10}
#topMainVisual h1 strong{display:block;font-size:48px;font-weight:200;letter-spacing:.06em}
#topNews{margin:3%}
#topNews dl:after{content:"";clear:both;display:block}
#topNews dl{padding:8% 0}
#topNews dl dt{float:left;font-size:48px;font-weight:700;line-height:1.2;padding:0 8%;color:#000}
#topNews dl dd{text-align:left}
#topNews dl dd div{overflow:hidden;text-overflow:ellipsis}
.line-clamp #topNews dl dd div a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#topNews dl dd a{text-decoration:none;color:inherit}
#topNews dl dd em{display:none}
#topService{position:relative;overflow:hidden;color:#fff;background-color:#333}
#topService .slick-list,#topService .slick-track{height:100%}
#topService .slick-slide{background-size:cover;background-position:center center}
#topService a{color:#fff;text-decoration:none}
#topService .mvBoxA{background:url(../../img/top/services/001.jpg) center center no-repeat;background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);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,.6)}
#topService .block{position:relative;margin:0;text-align:left;padding:12% 8%;z-index:1}
#topService .blockL .h2ttl{color:#fff;margin-bottom:8%;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;text-align:center;font-size:63px}
#topService .blockL .h2ttl span{font-size:24px}
#topService .blockL h3{font-size:36px;line-height:1.4;margin-bottom:1em;-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px);opacity:0;text-align:center;-webkit-transition:all .8s ease .4s;transition:all .8s ease .4s}
#topService .icons{text-align:center;margin:0 auto 10%;font-size:0}
#topService .icons li{display:inline-block;font-size:80px;font-size:15vw;height:1em;width:30%;padding:0}
#topService .blockL p{line-height:1.8;-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:10% auto 0;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);opacity:0;-webkit-transition:all .8s ease 1.4s;transition:all .8s ease 1.4s}
#topService .blockL .btnTypeB a{text-align:center;background-color:#fff;border-color:#fff;width:10em;color:#333;height:auto;font-size:30px}
#topService .blockR{display:none}
#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}
#topWorksList .bgimg.top{opacity:0;z-index:-1;display:none}
#topWorksList .loading.gif .bgimg.top{display:block;opacity:1;z-index:1}
#topWorksList .loading.gif .bgimg.top~.bgimg{position:absolute;z-index:-1;top:0;left:0;opacity:0}
#topWorksList .loading.gif .bgimg.top~.inner{opacity:1}
#topTopics{position:relative}
#topTopics .jsSetHeight-topicswrap:not(.pcnone){padding:0 40px;position:absolute;left:50%;bottom:3%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:250%}
#topTopics .topic{position:relative;border:1px solid #e5e5e5;text-align:left;box-sizing:border-box;width:30%;margin:0 15px;overflow:hidden;background-color:#fff}
#topTopics .topic a{display:block;text-decoration:none;color:inherit}
#topTopics .topic a[target="_blank"]:after{content:"\e902";position:absolute;bottom:2%;right:8%;font-size:20px}
#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:26px;color:#525252;margin-bottom:10px}
#topTopics .topic .icon{font-size:13px;margin-bottom:10px}
#topTopics .topic .icon span{padding:1px 1em;line-height:1.2;color:#fff;background-color:#000}
#topTopics .topic p{font-size:24px;color:#999}
#topTopics .topic .date{position:absolute;bottom:5%;left:8%;font-size:24px}
#topAccess,#topInofo{margin:0 3% 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>*{height:auto!important}
#topInofo>.block>.blockL{position:relative;background-color:#fff;padding:3% 3% 6em;text-align:left;margin-bottom:4%}
#topInofo>.block>.blockL .head>.h3ttl{font-size:68px;text-align:center}
#topInofo>.block>.blockL .head>.h3ttl span{display:block}
#topInofo>.block>.blockL .head>a{position:absolute;bottom:2em;width:100%;text-align:center;left:0}
#topInofo>.block>.blockL .head>a:after{content:"\e910";display:inline-block;margin-left:1em;font-size:14px;text-decoration:none}
#topInofo .infoListA{border-top:1px dotted #bababa;margin:40px 0 0}
#topInofo .infoListA>ul>li{padding:3%;overflow:hidden;margin:0 -3%}
#topInofo .infoListA li .block2C:after{content:"";clear:both;display:block}
#topInofo .infoListA li .tag{float:right}
#topInofo>.block>.blockR{position:relative;font-size:0}
#topInofo>.block>.blockR a{background-color:#fff;padding:6%;text-decoration:none;box-sizing:border-box}
#topInofo>.block>.blockR a:first-child{display:block;margin-bottom:4%}
#topInofo>.block>.blockR a:first-child~a{display:inline-block;width:48%;padding:0 6%;vertical-align:bottom;word-break:break-all}
#topInofo>.block>.blockR a:first-child~a+a{margin-left:4%}
#topInofo>.block>.blockR a:first-child~a section{padding:18% 0 28%}
#topInofo>.block>.blockR a:first-child~a .h3ttl span{margin-bottom:20px}
#topAccess{padding-top:3%;background-color:#fff;margin-bottom:10%}
#topAccess .map{width:100%;height:453px}
#topAccess .mapArea{position:relative;color:#fff}
#topAccess .mapData{text-align:left;background-color:rgba(0,0,0,.5)}
#topAccess .mapData .head{background-color:rgba(0,0,0,.5);padding:8% 10%;border-bottom:1px solid #fff}
#topAccess .mapData .inner{padding:5% 8%}
#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:2.8em;height:100%;border-left:2px solid #fff;background-color:#0068b6}
#topAccess .topSelectBox:after{font-size:14px;content:"\e910";position:absolute;top:50%;right:2.3em;-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:35px}
#topAccess p{font-size:20px}
#topAccess .btnTypeB{margin:8% 0 0}
#topAccess .btnTypeB a{border:0;padding:5px 40px;background-color:#fff;height:auto;font-size:30px}
.jsimgani [id^=jsimgani]{position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap}
.jsimgani [id^=jsimgani] span{display:inline-block;vertical-align:top;width:100%;height:100%;background-size:cover}