@charset "UTF-8";
#header,#spflg{position:absolute}
#gNav ul li a,#gNav ul li#gNav06 a{border-bottom:2px solid transparent}
#gNavMenu span:after,#gNavMenu span:before,#gNavSub li a:before,#wrapper:after{content:""}
#contact .btnList li a,#gNav ul li a,#gNavSub li a,#pagetop{text-decoration:none}
.gnavon{overflow:hidden}
#spflg{display:block!important;z-index:-1;height:0;visibility:hidden}
#wrapper{max-width:750px;background-color:#f2f2f2;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}
.loaded #wrapper{opacity:1}
#pagetop,.gnavon #header .logo a img{opacity:0}
#wrapper:after{background:url(../../img/common/loading.gif) center center no-repeat;width:80px;height:80px;margin:-40px 0 0 -40px;position:fixed;top:50%;left:50%;-webkit-transition:opacity .2s linear,z-index 0s linear .2s;transition:opacity .2s linear,z-index 0s linear .2s;z-index:1000}
.firstLoading #wrapper,.firstLoading #wrapper:after,.loaded #wrapper:after{opacity:0;z-index:-1}
#footer .footerInner>nav li,#gNav ul li,#gNavSub .head strong,#gNavSub li a{font-family:'Roboto Condensed',Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#contact .btnList li a:after,#contact .btnList li a:before,#gNavSub [data-id=gNav03] li a:after,#pagetop:before{font-family:icofont;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}
#header{top:0;left:0;width:100%;z-index:300}
#header .headerInner{height:130px}
#header .logo{position:fixed;top:26px;left:30px;z-index:10}
#header .logo a{background:url(../../img/common/logo.svg) center center no-repeat;background-size:100% auto;display:block;width:64px;height:65px}
#gNavMenu span,#gNavMenu span:after,#gNavMenu span:before{height:2px;position:absolute;display:block;background-color:#fff}
#gNavMenu{position:fixed;top:0;right:0;width:130px;height:130px;background-color:#0068b6;z-index:200}
#gNavMenu span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;text-align:left;text-indent:-9999px;font-size:0;line-height:0}
#gNavMenu span:after,#gNavMenu span:before{width:100%}
#gNavMenu span:after{top:20px}
#gNavMenu span:before{bottom:20px}
#gNav{position:absolute;padding-top:80px;width:100%}
#gNav ul{display:none;margin-top:130px}
#gNav ul li{font-size:46px;font-weight:700;line-height:1.2;padding:0 80px 80px}
#gNav ul li a{color:#fff}
#gNav ul li#gNav06 a{display:block;background-color:#fff;padding:5px 30px;color:#0068b6}
.gnavof #header .logo{display:none}
.gnavon #gNav>ul,.gnavon #header .logo{display:block}
.gnavon #header{position:fixed;background-color:rgba(0,104,182,.7);height:100%;overflow-y:auto}
.gnavon #gNavMenu,.gnavon #header .logo{position:absolute;z-index:10}
#gNavSub li a,#gNavSub>*{position:relative}
.gnavon #header .headerInner{background-color:#0068b6}
.gnavon #gNavMenu span:after{top:-2px;-webkit-transition:top .1s linear,bottom .1s linear,-webkit-transform .1s ease .3s;transition:top .1s linear,bottom .1s linear,-webkit-transform .1s ease .3s;transition:top .1s linear,bottom .1s linear,transform .1s ease .3s;transition:top .1s linear,bottom .1s linear,transform .1s ease .3s,-webkit-transform .1s ease .3s}
.gnavon #gNavMenu span:before{bottom:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:top .1s linear,bottom .1s linear,-webkit-transform .1s ease .3s;transition:top .1s linear,bottom .1s linear,-webkit-transform .1s ease .3s;transition:top .1s linear,bottom .1s linear,transform .1s ease .3s;transition:top .1s linear,bottom .1s linear,transform .1s ease .3s,-webkit-transform .1s ease .3s}
.gnavon #gNavMenu span{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);height:0;-webkit-transition:height .1s linear,-webkit-transform .1s ease .3s;transition:height .1s linear,-webkit-transform .1s ease .3s;transition:height .1s linear,transform .1s ease .3s;transition:height .1s linear,transform .1s ease .3s,-webkit-transform .1s ease .3s}
.gnavon #header .logo a{display:block;background:url(../../img/common/logo_on.svg) no-repeat;background-size:100% auto;fill:#fff}
#gNavSub,#gNavSub>*,#gNavSubOvly{display:none}
.gnavon #gNav ul li#gNav06 a{border:1px solid #fff}
.gnavon #gNav ul li#gNav06 a:hover{background-color:#fff;color:#0068b6}
#gNavSub{position:absolute;top:130px;right:0;width:100%;text-align:left;background-color:#fff;z-index:200}
#gNavSub .jsScrollbar{height:100%;width:100%}
#gNavSub .head{padding:25px;color:#fff;background-color:#3b3b3b;line-height:1.2;font-size:24px}
#gNavSub .head strong{font-size:50px;font-weight:700;margin-right:50px;vertical-align:middle}
#gNavSub .sub,#gNavSub .ttl{color:#fff;line-height:1.2;font-size:20px}
#gNavSub .sub{padding:5px 50px;background-color:#3b3b3b}
#gNavSub .ttl{padding:10px 50px;background-color:#0068b6}
#gNavSub li a{display:table;width:100%;height:200px;font-size:24px;font-weight:700;line-height:1.4;color:#525252;background-color:#fff}
#gNavSub li a:before,#gNavSub li a>*{display:table-cell;vertical-align:middle}
#gNavSub li a>*{padding:0 30px}
#gNavSub li a em{font-size:20px;color:#cdcdcd}
#gNavSub li~li a span{border-top:1px solid #dcdcdc}
.subnav #gNavSub,[data-subnav=gNav01] #gNavSub [data-id=gNav01],[data-subnav=gNav02] #gNavSub [data-id=gNav02],[data-subnav=gNav03] #gNavSub [data-id=gNav03],[data-subnav=gNav04] #gNavSub [data-id=gNav04],[data-subnav=gNav05] #gNavSub [data-id=gNav05],[data-subnav=gNav06] #gNavSub [data-id=gNav06]{display:block}
#gNavSub li a:before{display:table-cell;height:200px;width:200px;background-color:#fafafb;box-shadow:0 -20px 30px -15px rgba(0,0,0,.3) inset}
#gNavSub [data-id=gNav02] li.service a:after{background-image:url(../../img/common/gnav_service.jpg)}
#gNavSub [data-id=gNav02] li.produce a:after{background-image:url(../../img/common/gnav_produce.jpg)}
#gNavSub [data-id=gNav02] li.pictures a:after{background-image:url(../../img/common/gnav_pictures.jpg)}
#gNavSub [data-id=gNav02] li.web a:after{background-image:url(../../img/common/gnav_web.jpg)}
#gNavSub [data-id=gNav02] li.cd a:after{background-image:url(../../img/common/gnav_cd.jpg)}
#gNavSub [data-id=gNav02] li.pr a:after{background-image:url(../../img/common/gnav_pr.jpg)}
#gNavSub [data-id=gNav02] li.sns a:after{background-image:url(../../img/common/gnav_sns.jpg)}
#gNavSub [data-id=gNav02] li.media a:after{background-image:url(../../img/common/gnav_media.jpg)}
#gNavSub [data-id=gNav02] li.business a:after{background-image:url(../../img/common/gnav_business.jpg)}
#gNavSub [data-id=gNav02] li.education a:after{background-image:url(../../img/common/gnav_education.jpg)}
#gNavSub [data-id=gNav02] li a:after{content:"";display:block;position:absolute;top:0;left:0;height:200px;width:200px;background-size:cover}
#gNavSub [data-id=gNav03] li a:after{position:absolute;top:50%;left:60px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#0068b6;font-size:80px}
#gNavSub [data-id=gNav03] li.corporate a:after{content:"\e90b"}
#gNavSub [data-id=gNav03] li.management a:after{content:"\e91d"}
#gNavSub [data-id=gNav03] li.message a:after{content:"\e91f"}
#gNavSub [data-id=gNav03] li.info a:after{content:"\e900"}
#gNavSub [data-id=gNav03] li.history a:after{content:"\e91c"}
#gNavSub [data-id=gNav03] li.officer a:after{content:"\e922"}
#gNavSub [data-id=gNav03] li.access a:after{content:"\e901"}
#content{overflow:hidden;text-align:left}
#contact{margin:0 3% 3%;padding:8% 0;background-color:#fff;text-align:center}
#contact .btnList{font-size:0}
#contact .btnList li{position:relative;max-width:80%;margin:0 auto}
#contact .btnList li~li{margin-top:46px}
#contact .btnList li a{display:table-cell;vertical-align:middle;border:5px solid #0068b6;color:#0068b6;width:586px;height:144px;padding:0 80px;box-sizing:border-box;font-size:24px;font-weight:700}
#contact .btnList li a:hover,#pagetop{background-color:#0068b6;color:#fff}
#contact .btnList li a:after,#contact .btnList li a:before{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#contact .btnList li a:after{content:"\e910";right:6%;font-size:13px}
#contact .btnList li.faq a:before{content:"\e919";left:9%;font-size:38px}
#contact .btnList li.inq a:before{content:"\e918";left:7%;font-size:38px}
#pagetop{display:block;position:fixed;bottom:-130px;right:0;width:130px;height:130px;font-size:0;line-height:0;-webkit-transition:all .2s linear;transition:all .2s linear;z-index:90}
#pagetop:before{content:'\e906';font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#pagetop.on{bottom:0;opacity:1}
#footer{background-color:#fff}
#footer .footerInner{padding:8% 14% 5%;margin:0 auto}
#footer .footerInner>*{display:block;width:100%;text-align:left;font-size:21px;line-height:2}
#footer .footerInner>.logo{border:0;text-align:center}
#footer .footerInner .logo a{background:url(../../img/common/logo.svg) center center no-repeat;background-size:100% auto;display:inline-block;width:78px;height:80.4px}
#footer .footerInner>nav{display:none}
#footer .footerInner>.privacy{margin:80px 0}
#footer .footerInner>.privacy img{float:left;margin:20px 28px 10px 0}
#footer .footerInner>.privacy a{text-decoration:none;color:inherit;display:inline-block}
#footer .copy{padding:5px;font-size:16px;color:#fff;background-color:#0068b6}