body{font-family:'游明朝',YuMincho}
ul,ul.chk{list-style:none}

.bad li:before,dl.panel.sad:before{font-family:yukikaze}

#sec06 .sectionInner li:nth-child(odd),ul.panel li,ul.stripe li:nth-of-type(odd){background:#f1f1f1}

dl,ul li{letter-spacing:0}

dl.span,ul.span li{margin:0 .3em 1em;display:inline-block;vertical-align:top;height:auto}

ul{display:block;letter-spacing:-.4em}

ul li{white-space:normal}

ul.chk{margin:.7em 0 1em 1.5em}

ul.chk li{padding:.2em 0}

ul.chk li:before{content:'\002714';color:#999;display:inline-block;margin-left:-1.6em;margin-right:.3em;font-weight:400}

ul.panel{width:100%}

ul.panel li{padding:1em;line-height:1.2;color:#333;font-size:93.8%}

.bad{margin:1.5em auto}

dl.span2:nth-of-type(2n),dl.span3:nth-of-type(3n),dl.span4:nth-of-type(4n),ul.span2 li:nth-of-type(2n),ul.span3 li:nth-of-type(3n),ul.span4 li:nth-of-type(4n){margin-right:0!important}

.bad li{position:relative;z-index:0;padding:1.3em 1em 1em}

.bad li:before{content:"\e802";color:#212626;text-shadow:1px 1px 0 #fff;position:absolute;left:50%;margin-left:-.5em;top:-.5em}

dl.span2:nth-of-type(2n+1),dl.span3:nth-of-type(3n+1),dl.span4:nth-of-type(4n+1),ul.span2 li:nth-of-type(2n+1),ul.span3 li:nth-of-type(3n+1),ul.span4 li:nth-of-type(4n+1){margin-left:0!important}

ul.stripe{margin-bottom:1em}

ul.stripe li{padding:.7em 1em;color:#333}

dl.span2,ul.span2 li{width:calc(100% / 2 - 1em)}

dl.span3{width:calc(100% / 3 - 1em)}

ul.span3 li{width:calc(100% / 3 - .6em)}

dl.span4{width:calc(100% / 4 - 1em)}

ul.span4 li{width:calc(100% / 4 - .6em)}

@media screen and (max-width:767px){dl.span2,dl.span3,dl.span4,ul.span3 li,ul.span4 li{width:100%;margin-left:0;margin-right:0}

}

.index .globalHeader{width:100%;height:auto;min-height:100%;position:relative;background:url(../img/bg-welcome.jpg) no-repeat fixed;background-size:cover;-webkit-animation:grayscale 8s ease-in-out;-moz-animation:grayscale 8s ease-in-out;-ms-animation:grayscale 8s ease-in-out;-o-animation:grayscale 8s ease-in-out;animation:grayscale 8s ease-in-out}

@-webkit-keyframes grayscale{0%{-webkit-filter:grayscale(1);filter:grayscale(1);will-change:filter}

100%{-webkit-filter:grayscale(0);filter:grayscale(0);will-change:filter}

}

.index .headerInner{max-width:1000px;margin:0 auto;padding-bottom:3em}

.index .headerInner .desc{padding:8px 0 10px;position:relative;height:39px}

.index .headerInner .desc img{position:absolute;left:-500%}

.index .headerInner h1{height:97px;position:relative}

.index .headerInner h1 img{position:absolute;left:-500%;/*mix-blend-mode:overlay*/}

.index .headerInner .welcome{color:#fff;padding-top:3em}

.index .headerInner .welcome strong{font-family:'游明朝';font-size:180%;font-weight:400;display:block;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.4);letter-spacing:-.1em;text-align:right}

/*.index .headerInner .welcome .message{font-size:100%;background:rgba(255,255,255,.4);padding:3em 2.5em;margin-top:3.5em;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,1);position:relative}*/

.index .headerInner .welcome .message{font-weight: bold;font-size:100%;background:rgba(255,255,255,.8);padding:2.5em 2.5em;margin-top:3.5em;color:#000;;text-shadow:1px 1px 1px rgba(255,255,255,1);}

.index .headerInner .desc img,.index .headerInner .welcome .message,.index .headerInner .welcome strong span{opacity:0;}

#test.index .globalHeader{background:0 0}

#test.index .globalHeader .headerInner{position:absolute;z-index:100;left:50%;margin-left:-500px;width:1000px}

#test.index .globalHeader .header-video{width:100%;position:absolute;top:0;left:0;z-index:1}

@media screen and (max-width:767px){.index .globalHeader{padding-bottom:4em}

.index .headerInner{padding:0 20px}

.index .headerInner .desc{width:100%}

.index .headerInner .desc img{max-width:100%}

.index .headerInner .welcome{width:100%;padding-top:3em}

.index .headerInner .welcome strong{font-size:100%;display:block;letter-spacing:-.05em;text-shadow:1px 1px 2px rgba(0,0,0,.4);text-align:center}

.index .headerInner .welcome .message{font-size:87.5%;background:rgba(255,255,255,.5);padding:1.5em;margin-top:3em;color:#fff;text-shadow:1px 1px 1px rgba(255,255,255,.6)}

#test.index .globalHeader .headerInner{position:absolute;z-index:100;left:0;margin-left:0;width:100%}

.contentFull,.wrap{width:100%}

}

.gnav,.section h1,.sectionInner{max-width:1100px}

.contentFull,.gnav,.wrap{width:100%;margin:0 auto}

@media screen and (max-width:999px){.contentFull,.wrap{width:100%}

}

.gnav.navFloat{z-index:10000;text-align:center;position:fixed;top:-90px;left:50%;width:1000px;margin-left:-500px;margin-bottom:0;transition:top .5s ease}

.gnav.navFloat.on{top:0}

.gnav ul{width:100%;text-align:left;position:relative;letter-spacing:-.4em;border-bottom:1px solid #eee}

.gnav.navFloat ul{background:#fff}

.gnav ul li{letter-spacing:0;display:inline-block;width:calc((100% - 190px)/ 6);text-align:center;font-weight:700}

.gnav ul li.gnav00{width:190px;text-align:left}

.gnav ul li a{font-size:14px;color:#333;text-decoration:none;display:block;padding:26px 0;border-bottom:2px solid transparent;position:relative;-webkit-transition:border .5s ease-in-out;transition:border .5s ease-in-out}

.gnav.navFloat ul li a{padding:.5em 0}

.gnav.navFloat ul li.gnav00 a img{vertical-align:middle}

.gnav ul li a:hover,.gnav ul li.current a{border-bottom:2px solid #fb6080;-webkit-transition:border .5s ease-in-out;transition:border .5s ease-in-out}

.gnav ul li:first-of-type a{border-bottom:2px solid transparent!important}

.gnav ul li:not(.gnav00) a:hover:after,.gnav ul li:not(.gnav00).current a:after{content:" ";height:0;position:absolute;width:0;border:4px solid transparent;border-bottom-color:#fb6080;bottom:0;left:50%;margin-left:-4px}

@media screen and (max-width:999px){.gnav ul:after{display:none}

}

@media screen and (max-width:767px){#gnavBtn span,#gnavBtn span:after,#gnavBtn span:before{position:absolute;width:21px;height:2px;background:#1a1919;border-radius:1px}

.gnav{display:none}

#gnavBtn{cursor:pointer;position:fixed;right:16px;top:9px;z-index:9999999;display:block;width:21px;height:21px}

#gnavBtn span{display:block;top:50%;margin-top:-1px;-webkit-transition:all .3s ease;transition:all .3s ease}

#gnavBtn span:after,#gnavBtn span:before{content:"";display:block;-webkit-transition:all .3s ease;transition:all .3s ease}

#gnavBtn span:before{top:-7px}

#gnavBtn span:after{top:7px}

#gnavBtn.sidrOpen span{background:0 0}

#gnavBtn.sidrOpen span:after,#gnavBtn.sidrOpen span:before{width:24px;top:0;bottom:0}

#gnavBtn.sidrOpen span:before{-webkit-transform:rotate(405deg);transform:rotate(405deg);will-change:transform}

#gnavBtn.sidrOpen span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);will-change:transform}

.gnavsidr{background:#f8f8f8;width:80vw;height:100vh;padding-top:40px;position:fixed;top:0;right:-80vw;z-index:65536}

.gnavsidrInner{height:100vh;overflow:auto;padding-bottom:2em;-webkit-overflow-scrolling:touch}

.gnavsidr ul{padding:0;width:100%;overflow:auto;-webkit-overflow-scrolling:touch}

.gnavsidr ul li a{display:block;padding:1em 1.2em 1em 10px;line-height:1;font-size:93.8%;color:#333;text-decoration:none;border-left:none;border-right:none;border-bottom:none;border-top:1px solid #ccc;border-radius:0;position:relative}

.gnavsidr ul li a:after{font-family:yukikaze;content:"\e811";position:absolute;top:50%;right:1.5em;margin-top:-.5em;font-size:62.5%}

.gnavsidr ul li a:hover,.gnavsidr ul li.current a{background:rgba(102,102,102,1);color:#fff}

}

.section h1{width:100%;padding:50px 10px;padding-bottom:25px;margin:0 auto 25px;border-bottom:1px solid rgba(202,202,202,.5);line-height:1.3;font-size:24px;font-weight:500;color:rgba(0,0,0,.90);text-align:center}

.section h1 span{font-size:16px;padding-left:.5em;color:rgba(0,0,0,.8)}

.section h1.secFloat{position:fixed;top:-18px;background:#fff}

.sectionInner{width:100%;margin:0 auto;padding:0 25px}

@media screen and (max-width:767px){.section h1{padding-left:.5em;line-height:1.1;text-align:center;}

.sectionInner{width:100%;padding:0 10px}

}

.sectionInner p{padding-bottom:1.6em;text-align:left;line-height:1.6}

.sectionInner .contentHeadline{font-weight:400;font-size:137.5%;color:#000;text-align:left;line-height:1.2;margin:1.5em 0 .75em}

.sectionInner .contentHeadline:first-letter{font-size:2em;margin-right:.05em;color:#000;letter-spacing:0}

#sec01{margin-bottom:50px;padding-top:30px}



#sec01 .sectionInner .bubbleCircle{color:#fff;width:300px;height:300px;border-radius:50%;position:relative;background:#212626;display:table;margin:40px auto 20px;float:left}

#sec01 .sectionInner .bubbleCircle span{display:table-cell;text-align:center;vertical-align:middle;padding:.5em 1.2em 0;font-weight:400;font-size:106.3%;line-height:1.4}

#sec01 .sectionInner .bubbleCircle:after{content:'';height:0;position:absolute;width:0;border:11px solid transparent;border-left-color:#212626;top:50%;margin-top:-11px;left:99%;z-index:1}

.contentBlock{margin-bottom:50px}

.contentBlock .content{width:calc(100% - 340px);float:right}

#sec01 .sectionInner .contentBlock:nth-of-type(2) .content p:last-of-type{text-align:center;color:#000;padding:0!important}

#sec01 .sectionInner .contentBlock:nth-of-type(4){letter-spacing:-.4em}

#sec01 .sectionInner .contentBlock:nth-of-type(4) .bubbleCircle{float:none;width:380px;height:380px;padding-top:0;margin:80px auto 30px;background:-webkit-linear-gradient(top,rgba(255,88,35,1),rgba(255,157,14,1));background:linear-gradient(to bottom,rgba(255,88,35,1),rgba(255,157,14,1))}

#sec01 .sectionInner .contentBlock:nth-of-type(4) .bubbleCircle span:first-line{font-size:24px}

#sec01 .sectionInner .contentBlock:nth-of-type(4) .bubbleCircle:after{border-left-color:transparent;border-top-color:rgba(255,157,14,1);top:99%;margin-top:0;margin-left:-11px;left:50%}

#sec01 .sectionInner .contentBlock:nth-of-type(4) .content{width:100%;float:none}

#sec01 .sectionInner .contentBlock:nth-of-type(4) figure{width:30%}

#sec01 .sectionInner .contentBlock:nth-of-type(4) figure img{width:100%}

#sec01 .sectionInner .contentBlock:nth-of-type(4) figure+div{width:70%;letter-spacing:0;padding-left:5%}

#sec01 .sectionInner .userVoice+p{padding:1.3em 0 2em}

#sec01 .sectionInner .adminVoice li{font-size:137.5%;letter-spacing:.05em}

#sec01 .sectionInner .adminVoice+p{padding:1em 0 0}


@media screen and (max-width:767px){#sec01 .sectionInner .bubbleCircle{float:none;margin:40px auto 20px}

#sec01 .sectionInner .contentBlock:nth-of-type(4) .bubbleCircle{width:280px;height:280px;font-size:125%;margin-bottom:40px}

#sec01 .sectionInner .contentBlock .bubbleCircle:after{border:11px solid transparent;border-top-color:#000;top:103%;left:50%;margin-left:-11px}

#sec01 .sectionInner .contentBlock:nth-of-type(4) .bubbleCircle:after{display:inline-block;border-top-color:rgba(255,157,14,1)}

.contentBlock .content{width:100%;float:none}

#sec01 .sectionInner .contentBlock:nth-of-type(4) figure+div{width:100%;letter-spacing:0;padding-left:0}

#sec01 .sectionInner .adminVoice{max-width:100%}

#sec01 .sectionInner .adminVoice li{font-size:100%}

#sec01 .sectionInner .contentBlock:nth-of-type(4) figure{width:70%;max-width:70%;margin:0 auto 20px;float:none}

}


/*section#sec02{padding-bottom:70px}*/


/*#sec01 .sectionInner .lead{margin-top:50px}*/

#sec01 .sectionInner .lead dd img{float:right;margin:0 0 0 10px}

#sec01 .sectionInner .lead{width:100%;margin-top:2em}

#sec01 .sectionInner .lead dt{margin-bottom:20px;padding:15px 20px;color:#fff;text-align:center;background:#fb6080}

#sec01 .sectionInner .lead dd strong{font-size:22px;color:#000;/*text-shadow:0 0 2px rgba(0,0,0,.3);*/margin-top:1.7em;margin-bottom:1.4em;line-height:1.2}

#sec01 .sectionInner .lead dd p{line-height:1.8}

#sec01 .sectionInner .lead dd p span{color:#fb6080}

#sec01 .sectionInner .lead dd .check{font-weight:500}

@media screen and (max-width:767px){#sec01 .sectionInner .lead dd,#sec02 .sectionInner .lead dt{text-align:center}

#sec01 .sectionInner .lead dd img{display:none}

#sec01 .sectionInner .lead dd,#sec01 .sectionInner .lead dt{text-align:center}

#sec01 .sectionInner .lead dd strong{margin-top:0;margin-bottom:.4em;line-height:1.2;text-align:center}

#sec01 .sectionInner .lead dd p{font-size:112.5%;text-align:center}

#sec01 .sectionInner .lead dd img{display:none}

}


#sec01 .sectionInner .work-listL{width:calc(100% / 2);margin-top:50px;padding-right:25px;float:left}

#sec01 .sectionInner .work-listR{width:calc(100% / 2);margin-top:50px;padding-left:25px;float:right}

@media screen and (max-width:480px){#sec01 .sectionInner .work-listL,#sec01 .sectionInner .work-listR{width:100%;padding:0;}}



#sec01 .sectionInner .work-list .ico-cms,#sec01 .sectionInner .work-list .ico-html,#sec01 .sectionInner .work-list .ico-contents,#sec01 .sectionInner .work-list .ico-planning{padding:0 10px 0 0;float:left}

#sec01 .sectionInner .work-list dd{padding-left:90px}

#sec01 .sectionInner .work-list dd h2{margin-bottom:8px;padding-bottom:5px;font-size:18px;border-bottom:1px dotted #ccc;}

#sec02{background:#f6f6f6}

#sec02 .sectionInner i{font-size:20px;color:#999}

#sec02 .sectionInner .pointL{width:calc(104% / 3);margin-top:15px;padding-right:4%;float:left}

#sec02 .sectionInner .pointR{width:calc(92% / 3);margin-top:15px;float:right}

@media screen and (max-width:480px){#sec02 .sectionInner .pointL{width:100%;padding:0 5px}#sec02 .sectionInner .pointR{width:100%;padding:0 5px}}

#sec02 .sectionInner .pointL h2,#sec02 .sectionInner .pointR h2{margin-bottom:10px;color:#0e3c6f;font-size:18px;font-family:'游ゴシック Regular';font-weight:600}

#sec02 .sectionInner .titleNoLine{margin-bottom:15px;width:50%;display:block;float:left;line-height:1em;font-size:40px;border-bottom:5px solid #999}

#sec02 .sectionInner .titleNo{margin-bottom:15px;width:50%;padding-bottom:4px;text-align:right;display:block;float:left;line-height:1em;font-size:40px;color:#ccc;border-bottom:1px solid #ccc}

#sec02 .sectionInner .pointL p,#sec02 .sectionInner .pointR p{padding-bottom:3px}

#sec02 .sectionInner .bookletarea{margin:50px 0;padding:30px 50px;background:#fff}

#sec02 .sectionInner .bookletarea h2{margin-bottom: 30px;font-size:28px;line-height:1.2;text-align:center}

#sec02 .sectionInner .bookletarea h2 span{font-size:42px}

#sec02 .sectionInner .bookletarea figure{padding:0 100px 20px 0;float:left}

#sec02 .sectionInner .bookletarea .stepList{font-size:11px;line-height:1.8em;font-family:"Meiryo";float:left}

#sec02 .sectionInner .bookletarea #mc_embed_signup h2{margin-bottom: 15px;font-size:18px;font-weight:normal}

#sec02 .sectionInner .bookletarea #mc_embed_signup form{padding:0 50px}

#sec02 .sectionInner .bookletarea #mc_embed_signup .mc-field-group{width:100%;font-size:14px;}

#sec02 .sectionInner .bookletarea #mc_embed_signup .sub_button{text-align:center}

#sec02 .sectionInner .bookletarea #mc_embed_signup .button{width: 300px;height:auto;margin:0 auto 30px;padding: 25px 50px;font-size:18px;font-weight:500;text-align:center;color:#fff;background:#FB6080;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}

#sec02 .sectionInner .bookletarea #mc_embed_signup #mce-success-response{width:100%;color#0e3c6f}
#sec02 .sectionInner .bookletarea #mc_embed_signup div.mce_inline_error{margin:0}

@media screen and (max-width:480px){#sec02 .sectionInner .bookletarea{margin:50px 0;padding:30px 25px;background:#fff}#sec02 .sectionInner .bookletarea figure{padding:0 15px 20px}#sec02 .sectionInner .bookletarea ul{margin-bottom:15px}#sec02 .sectionInner .bookletarea #mc_embed_signup form{padding:0}#sec02 .sectionInner .bookletarea #mc_embed_signup .sub_button{margin-top:10px}}


#sec04 .sectionInner .members,.sitemap{letter-spacing:-.4em}

#sec04 h1{margin-bottom:0}

dl.panel.sad{position:relative;margin-bottom:1.5em;margin-top:3em}

dl.panel.sad:before{content:"\e906";position:absolute;left:0;top:-.1em;font-size:3em;color:#666}

dl.panel.sad dt{border:1px dotted #333;padding:1em;line-height:1.2;font-size:112.5%;font-weight:400;display:inline-block;position:relative;color:#333;margin-left:3.5em}

dl.panel.sad dt:after,dl.panel.sad dt:before{content:'';position:absolute;width:0;top:50%;margin-top:-9px;height:0}

dl.panel.sad dt:before{border:9px dotted transparent;border-right-color:#999;left:-18px;z-index:1}

dl.panel.sad dt:after{border:9px solid transparent;border-right-color:#fff;left:-17px;z-index:2}

dl.panel.sad dd{padding:1em 8em 0 4em}

@media screen and (max-width:767px){dl.panel.sad dd{padding:1em 0 0}

}

dl.merit{border:1px dotted #666}

dl.merit dt{padding:1em .5em;line-height:1.3;color:#000;font-size:100%;border-bottom:1px dotted #666;position:relative;text-align:center;font-family:'Noto Sans Japanese'}

dl.merit dd{padding:1em;color:#555;font-size:87.5%;line-height:1.6}

#sec04 figure.main img {width:100%;}

#sec04 .sectionInner .companySpec{width:100%;padding:40px 0 30px;margin:1em auto;border-top:1px dotted #333}

#sec04 .sectionInner .companySpec dt{width:15%;display:inline-block;vertical-align:top}

#sec04 .sectionInner .companySpec dd{width:80%;display:inline-block;vertical-align:top;padding-bottom:1em}

#sec04 .sectionInner .members .memSpec{width:calc(100% / 1 - 2em - 1px);margin:1em 2em}

@media screen and (max-width:767px){#sec04 .sectionInner .members .memSpec{width:100%;margin-left:0;margin-right:0}

}

#sec04 .sectionInner .members .memSpec dt{font-size:125%;line-height:1;padding:.5em 0;margin-bottom:1em;border-bottom:1px dotted #333}

#sec04 .sectionInner .members .memSpec dd{font-size:81.5%}

#sec04 .sectionInner .members .memSpec dd p{padding-bottom:.5em}

.memSpec p>img{width:90px;float:left;margin:0 1em 1em 0}

#sec06 .sectionInner{padding-top:2em;padding-bottom:2em;text-align:center}

#sec06 .sectionInner form{padding-top:2em}

#sec06 .sectionInner ul{text-align:left;padding-bottom:3em}

#sec06 .sectionInner li{font-size:81.3%;padding:.5em 1.5em}

#sec06 .sectionInner li label{line-height:1;padding:1em 0;display:inline-block;width:16%;cursor:pointer}

#sec06 .sectionInner li:after{content:".";display:block;clear:both;height:0;visibility:hidden}

#sec06 .sectionInner li input,#sec06 .sectionInner li textarea{font-weight:400;float:right;width:83%;border:1px solid #f1f1f1;box-shadow:inset 1px 1px 0 rgba(0,0,0,.3)}

#sec06 .sectionInner li input{font-size:150%;padding:.2em}

#sec06 .sectionInner li textarea{height:9em;padding:.5em;font-size:125%}

#sec06 .sectionInner li:nth-child(odd) input,#sec06 .sectionInner li:nth-child(odd) textarea{background:#f1f1f1;border:1px solid #fff;box-shadow:inset 1px 1px 3px rgba(0,0,0,.2)}

.confirm li.inquiry label{float:left}

.confirm li.inquiry p{float:left;width:83%;font-size:125%;padding-top:.7em}

@media screen and (max-width:767px){#sec06 .sectionInner li input,#sec06 .sectionInner li label,#sec06 .sectionInner li textarea{width:100%}

}

.require:after{content:'*';color:#dc143c}

.error{color:#dc143c;display:block;padding:.5em 1em 0 0}

input:focus,textarea:focus{outline:0;padding:2px 1px;border:1px solid rgba(82,168,236,.8);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);background:#fff!important}

input.warning,textarea.warning{background:#f2dede!important;border:1px solid #cc5200!important}

input.warning:focus,textarea.warning:focus{box-shadow:0 0 6px #ffa366}

.knockOut{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(0,0,0,.75)}

.modal{display:none;position:fixed;z-index:1000;border-radius:10px;background:#fff;padding:1em;text-align:left;left:8%;width:84%;top:10%;height:70%;overflow:auto;box-shadow:1px 1px 3px rgba(0,0,0,.7)}

.modal.open{display:block}

.btn,.confirm .btnWrap form{display:inline-block}

.modalInner{height:100%;width:100%;padding-right:.5em;overflow:auto}

.btnWrap{width:84%;margin:0 auto 50px;text-align:center}

.confirm .btnWrap{width:100%;position:fixed;left:0}

.btn{vertical-align:middle;border:none;font-size:112.5%;padding:.8em 3em;cursor:pointer;border-radius:3px;line-height:1;font-weight:400}

.addr,.sitemap li{vertical-align:top}

.confirmBtn,.submitBtn{color:#fff;background:rgba(0,192,255,1);border:2px solid rgba(0,192,255,1)}

.confirmBtn:hover,.submitBtn:hover{color:rgba(0,192,255,1);background:#fff}

.modalBack{color:#fff;background:rgba(168,168,168,1);border:2px solid rgba(168,168,168,1);padding:.8em 1em}

.modalClose{color:#fff;background:rgba(0,0,0,1)}

.btn:hover{opacity:1}

@media screen and (max-width:767px){.modal{position:absolute;overflow:visible;left:5%;width:90%;top:3%;height:auto}

.btn{font-size:87.5%;padding:1em .5em}

}

.globalFooter{width:100%;background:-webkit-linear-gradient(top,rgba(102,102,102,1),rgba(92,92,92,1) 2%,rgba(92,92,92,1) 5%,rgba(102,102,102,1) 9%,rgba(102,102,102,1));background:linear-gradient(to bottom,rgba(102,102,102,1),rgba(92,92,92,1) 2%,rgba(92,92,92,1) 5%,rgba(102,102,102,1) 9%,rgba(102,102,102,1));color:#fff;margin-top:200px;position:relative;z-index:2000}

.navBottom,.navTop{position:absolute;left:50%;margin-left:-60px;border:1px solid #eaeaea;width:120px;height:35px;line-height:35px;display:block;border-radius:3px 3px 0 0;text-align:center;cursor:pointer}

.navTop{bottom:0;background:#fff}

.navBottom{top:-35px;background:#606060}

.navBottom.navBottomFloat{position:fixed;top:auto;bottom:0;z-index:1000}

.navBottom:after,.navTop:after{font-family:yukikaze;font-size:150%;position:absolute;top:50%;left:50%;margin-left:-.45em;line-height:1}

.addr,.copyright{font-family:'Century Gothic'}

.navTop:after{content:'\e80f';margin-top:-.85em;-webkit-animation:yurayura .8s ease-in-out infinite alternate;-moz-animation:yurayura .8s ease-in-out infinite alternate;-ms-animation:yurayura .8s ease-in-out infinite alternate;-o-animation:yurayura .8s ease-in-out infinite alternate;animation:yurayura .8s ease-in-out infinite alternate}

.navTop:hover:after{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-ms-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s}

.navBottom:after{content:'\e812';margin-top:-.5em;color:#fff}

@-webkit-keyframes yurayura{0%{-webkit-transform:translate(0,0);will-change:transform}

100%{-webkit-transform:translate(0,.5em);opacity:0;will-change:transform}

}

.footerInner{max-width:1000px;text-align:left}

.slogan{width:100%;text-align:center;display:block;font-size:112.5%;padding:36px 0 30px}

.addr,.sitemap,.sitemap li{display:inline-block}

.sitemap{width:600px}

.sitemap li{width:160px;float:left;font-size:75%;margin-bottom:1.2em;text-align:left;letter-spacing:0}

.sitemap li:nth-of-type(n+1):nth-of-type(even){margin-left:60px}

.sitemap .gnav00{width:215px;height:85px;border-right:1px solid #444;box-shadow:1px 0 0 grey;margin-bottom:0}

.sitemap .gnav00 img{width:155px;height:auto}

.sitemap li a{text-decoration:none;color:#dcdcdc}

.sitemap li a:hover{text-decoration:underline}

.addr{color:#dcdcdc;font-size:75%;min-height:85px;border-left:1px solid grey;box-shadow:-1px 0 0 #444;padding-left:60px}

.copyright{text-align:center;font-size:75%;border-top:1px solid #444;box-shadow:inset 0 1px 0 grey;margin-top:16px;padding:16px 0}

@media screen and (max-width:767px){.sitemap li a,.slogan{font-size:100%}

.sitemap li,.sitemap li a{width:100%;line-height:60px;display:block}

.globalFooter{margin-top:100px}

.sitemap{width:100%}

.sitemap li{margin-bottom:0;margin-left:0!important;height:60px;position:relative;border-top:1px solid #444;box-shadow:inset 0 1px 0 grey;padding-left:0!important}

.sitemap li:last-of-type{border-top:1px solid #444;border-bottom:1px solid #444;box-shadow:inset 0 1px 0 grey,0 1px 0 grey}

.sitemap .gnav00{border-top:none;border-right:none;box-shadow:none}

.sitemap li a{padding:0 0 0 1em;height:100%}

.sitemap li a:after{content:'\e814';font-family:yukikaze;position:absolute;line-height:1;right:10px;top:50%;margin-top:-.5em}

.sitemap .gnav00 a:after{content:''}

.sitemap a:hover{text-decoration:none}

.addr{height:auto;vertical-align:middle;padding:2em 0 1.8em 1em;border-left:none;box-shadow:none}

}

