@charset "UTF-8";
#header,#pbar{position:fixed;top:0;left:0}
#gNav ul li#gNav06 a,#gNavMenu span,#header .logo a,#pbar,.loaded #gNav,[class*=gnavo] #gNavMenu{display:block}
#gNav ul,#gNavSub .head strong,.subnav #gNavSub li a>*{vertical-align:middle}
#spflg{display:none!important}
#pbar{background:rgba(0,0,0,0);border-top:5px solid #0068b6;height:50%;-webkit-transform:skewY(45deg) translate(0,94%);-ms-transform:skewY(45deg) translate(0,94%);transform:skewY(45deg) translate(0,94%);width:100%;z-index:10000}
#wrapper{background-color:#f2f2f2}
#wrapper:after{content:"";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}
.firstLoading #wrapper,.firstLoading #wrapper:after,.loaded #wrapper:after{opacity:0;z-index:-1}
#footer .footerInner>nav li,#gNav ul li,#gNavSub .head strong,#gNavSub [data-id=gNav03] .ttl,#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}
.subnav{background-color:#aaa}
#contentWrap{opacity:0;-webkit-transition:opacity .2s linear,-webkit-transform .1s linear;transition:opacity .2s linear,-webkit-transform .1s linear;transition:transform .1s linear,opacity .2s linear;transition:transform .1s linear,opacity .2s linear,-webkit-transform .1s linear}
.loaded #contentWrap{opacity:1;visibility:visible}
.subnav #contentWrap{-webkit-transform:translate(-450px,0);-ms-transform:translate(-450px,0);transform:translate(-450px,0)}
#header{width:100%;z-index:300}
#header .headerInner{position:relative;width:100%;min-height:111px;z-index:201}
#gNavSub,#gNavSubOvly{right:0;z-index:-200;visibility:hidden;opacity:0}
#header .logo{position:fixed;top:26px;left:30px}
#header .logo a{background:url(../img/common/logo.svg) center center no-repeat;background-size:100% auto;width:54px;height:56px}
#gNavMenu{display:none;position:fixed;top:0;right:0;width:111px;height:111px;background-color:#0068b6}
#gNavMenu span,.gnavof #header{position:absolute}
#gNavMenu span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px;height:2px;background-color:#fff;text-align:left;text-indent:-9999px;font-size:0;line-height:0}
#gNavMenu span:after,#gNavMenu span:before{content:"";position:absolute;display:block;width:100%;height:2px;background-color:#fff}
#gNavMenu span:after{top:10px}
#gNavMenu span:before{bottom:10px}
#gNavMenu:hover span:after{top:12px;-webkit-transition:top .1s linear;transition:top .1s linear}
#gNavMenu:hover span:before{bottom:12px;-webkit-transition:bottom .1s linear;transition:bottom .1s linear}
#gNav{display:none;float:right;margin:0 111px 0 120px}
#gNav ul{display:table-cell;height:111px;text-align:right;font-size:0}
#gNav ul li{display:inline-block;font-size:18px;font-weight:700;margin-left:3em;line-height:1.2}
#gNav ul li a{color:#fff;text-decoration:none;border-bottom:2px solid transparent}
#gNav ul li a:hover{border-bottom:2px solid #fff}
#gNav ul li#gNav06 a{background-color:#0068b6;padding:2px 30px;border:1px solid transparent}
#gNav ul li#gNav06 a:hover{color:#0068b6;background-color:#fff}
#gNavSub,#gNavSubOvly,.gnavon #header{position:fixed}
.gnavof #gNav>ul{display:none}
.gnavon #gNavMenu span:after{top:-2px;-webkit-transition:top .1s linear;transition:top .1s linear}
.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 .2s;transition:top .1s linear,bottom .1s linear,-webkit-transform .1s ease .2s;transition:top .1s linear,bottom .1s linear,transform .1s ease .2s;transition:top .1s linear,bottom .1s linear,transform .1s ease .2s,-webkit-transform .1s ease .2s}
.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 .2s;transition:height .1s linear,-webkit-transform .1s ease .2s;transition:height .1s linear,transform .1s ease .2s;transition:height .1s linear,transform .1s ease .2s,-webkit-transform .1s ease .2s}
.gnavon #header .headerInner{background-color:#0068b6}
.gnavon #header .logo a{display:block;background:url(../img/common/logo_on.svg) no-repeat;background-size:100% auto;fill:#fff}
.gnavon #header .logo a img{opacity:0}
.gnavon #gNav>ul{display:table-cell}
.gnavon #gNav ul li#gNav06 a{border:1px solid #fff;background-color:#fff;color:#0068b6}
.gnavon #gNav ul li#gNav06 a:hover{background:0 0;color:#fff}
#gNavSubOvly{top:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-transition:all .2s linear;transition:all .2s linear}
#gNavSub{top:111px;width:450px;text-align:left}
#gNavSub>*{position:relative;opacity:0;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:all .1s linear;transition:all .1s linear}
#gNavSub .jsScrollbar{height:100%;width:450px;overflow-y:auto}
#gNavSub .head{padding:25px;color:#fff;background-color:#3b3b3b;line-height:1.2}
#gNavSub .head strong{font-size:31px;font-weight:700;margin-right:30px}
#gNavSub .sub,#gNavSub .ttl{color:#fff;line-height:1.2;font-size:13px}
#gNavSub .sub{padding:5px 25px;background-color:#3b3b3b}
#gNavSub .ttl{padding:10px 25px;background-color:#0068b6}
#gNavSub li{display:block}
#gNavSub li a{text-decoration:none;position:relative;display:table;width:100%;height:120px;font-size:14px;font-weight:700;line-height:1.4;color:#525252;background-color:#fff}
#gNavSub li a:before,#gNavSub li a>*{display:table-cell;height:120px}
#gNavSub a span:after,#gNavSub:hover a:hover span:after{width:100%;height:100%;z-index:1;content:"";top:0;position:absolute;left:0}
#gNavSub li a>*{padding:0 30px}
#gNavSub li a em{font-size:12px;color:#cdcdcd}
#gNavSub li~li a span{border-top:1px solid #dcdcdc}
#gNavSub a span:after{-webkit-transition:all .2s linear;transition:all .2s linear}
#gNavSub:hover a span:after{background-color:rgba(0,0,0,.5)}
#gNavSub:hover a:hover span:after{background-color:rgba(0,0,0,0)}
.subnav #gNavSub,.subnav #gNavSubOvly{opacity:1;visibility:visible;z-index:200}
.subnav #gNavSub>*{display:none}
.subnav.chrome #gNavSub li a>*{vertical-align:top}
[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;opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
#gNavSub li a:before{content:"";display:table-cell;height:120px;width:120px;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:120px;width:120px;background-size:cover}
#gNavSub [data-id=gNav03] li a:after{position:absolute;top:50%;left:35px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#0068b6;font-size:50px}
#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{min-height:400px;text-align:left}
#contact{margin:0 7.3% 7.3%;padding:80px 4.8% 120px;background-color:#fff;text-align:center;-webkit-transform:scale(.99);-ms-transform:scale(.99);transform:scale(.99);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}
#contact.on{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
#contact .btnList li{position:relative;display:inline-block}
#contact .btnList li a{display:table-cell;vertical-align:middle;border:5px solid #0068b6;color:#0068b6;width:660px;height:122px;padding:0 80px;box-sizing:border-box;text-decoration:none;font-size:18px;font-weight:700}
#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:10px}
#contact .btnList li.faq a:before{content:"\e919";-webkit-transform:translate(-200%,-50%);-ms-transform:translate(-200%,-50%);transform:translate(-200%,-50%);font-size:38px}
#contact .btnList li.inq a:before{content:"\e918";-webkit-transform:translate(-250%,-50%);-ms-transform:translate(-250%,-50%);transform:translate(-250%,-50%);font-size:38px}
#contact .btnList li a:hover{color:#fff;background-color:#0068b6}
#pagetop{display:none;position:fixed;bottom:0;left:0;width:100%;height:52px;font-size:0;line-height:0;color:#0068b6;text-decoration:none;-webkit-transition:background .2s linear;transition:background .2s linear;z-index:90}
#pagetop.on{display:block}
#pagetop:hover{background-color:rgba(0,104,182,.8);color:#fff}
#pagetop:before{content:'\e906';font-size:14px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#footer{background-color:#fff}
#footer .footerInner{display:table;padding:44px 0;max-width:1640px;width:100%;margin:0 auto}
#footer .footerInner>*{display:table-cell;vertical-align:middle;text-align:left;border-left:1px solid #0068b6;padding:20px 35px;font-size:12px;line-height:2;width:30%}
#footer .footerInner>.logo{border:0;text-align:center;width:125px}
#footer .footerInner>nav{width:360px}
#footer .footerInner>nav ul{font-size:0;max-width:360px;margin:-15px 0 0 -30px}
#footer .footerInner>nav li{display:inline-block;font-size:14px;line-height:1.2;margin:15px 0 0 30px;vertical-align:top;min-width:4em}
#footer .footerInner>nav li:nth-child(1),#footer .footerInner>nav li:nth-child(5){min-width:3em}
#footer .footerInner>nav li a{font-weight:700;text-decoration:none;color:#000}
#footer .footerInner>nav li:last-child a{color:#fff;background-color:#0068b6;border:1px solid #0068b6;padding:0 10px}
#footer .footerInner>nav li a:hover{color:#0068b6}
#footer .footerInner>nav li:last-child a:hover{color:#0068b6;background-color:#fff}
#footer .footerInner>.privacy img{float:left;margin:0 28px 10px 0}
#footer .footerInner>.privacy a{display:inline-block;text-decoration:none;color:#555}
#footer .footerInner>.privacy a:hover{color:#0068b6}
#footer .copy{padding:5px;font-size:10px;color:#fff;background-color:#0068b6}
@media (max-width:1380px){#footer .footerInner>nav li{width:40%;margin-left:8%}
}