@charset "UTF-8";
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul,li{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
*:focus {outline: none !important; }

body{margin: 0; padding: 0; color: #000;  font-size:14px; line-height:100%; text-align:center; font-family: 'Noto Sans JP', sans-serif;}
.contentsBg{ background:#ff6600; width:100%; margin:0 auto; text-align:center;}
.contentsW1200{ width:calc(100% - 20px); max-width:1180px; margin:0 auto; padding:0 10px; text-align:center;}
.contentsW1000{ width:100%; max-width:1000px; margin:80px auto; padding:0; text-align:center; background:#fff; overflow:hidden;}
.contentsBnrArea{ width:100%; max-width:1000px; margin:80px auto 0; padding:0; text-align:center; background:#fff; overflow:hidden;}
.contentsW1000 p{text-align:left; line-height:140%;}
@media only screen and (max-width: 768px) {
.contentsW1000{margin:40px auto; }
}
img{width:100%;}
a img{opacity:1.0; transition: 0.6s ease-in-out;}
a:hover img{opacity:0.6;}
.txtLeft{text-align:left !important;}
.txtCenter{text-align: center !important;}
.br540{ display:inline;}
.br540none{ display:inline;}
.smpOnly{ display:none;}
.pcOnly{ display:block;}

/*add2020071001*/
a.btnLine{ display:block; border:#fff 1px solid; background:none; color:#fff; text-decoration:none; height: 48px; line-height: 46px; padding: 0 6px; width:330px; margin:10px auto; font-size:18px; transition: 0.6s ease-in-out;}
a.btnLine:hover{background:#fff; border:#fff 1px solid; color:#000;}
a.btnLine span{display:inline;}
a.btnLine img{ max-width: 118px; vertical-align: middle; margin-right: 10px;}
.newsBg{background: #f0f0f0; margin: 0 0 80px 0;}
.newsBg dl{width: calc(100% - 40px); max-width: 1160px; padding: 20px; margin: 0 auto; overflow: hidden;}
.newsBg dl dt{float: left; width: calc(20% - 20px); padding: 10px; font-weight: 700; text-align: right;}
.newsBg dl dd{ float:left; width: calc(80% - 20px); padding: 10px; text-align: left; font-weight: lighter;}
.newsBg dl dd p{margin: 0 0 10px 0; line-height: 120%;}
.meritBg{background: #f0f0f0; padding: 20px;}
/*end add2020071001*/

/*add2020100701*/
a.btnArea{ display:block; background:none; padding: 0; width:80%; max-width: 340px; margin:20px auto 10px;}
a.btnArea img{ opacity: 1; transition: 0.6s ease-in-out;}
a.btnArea:hover img{ opacity: 0.7;}
ul.bnrArea2{ padding: 0; width:60%; max-width: 640px; margin:0px auto; overflow: hidden;}
ul.bnrArea2 li{float: left; width:50%; margin:0px; padding:0;}
ul.bnrArea2 li p{margin:40px 15px 10px; background:none;}
ul.bnrArea2 li p a img{ opacity: 1; transition: 0.6s ease-in-out; width: 100%;}
ul.bnrArea2 li p a:hover img{ opacity: 0.7;}
@media screen and (max-width: 1000px) {
ul.bnrArea2 li p{margin:20px 10px 10px;}
}
@media only screen and (max-width: 540px) {
ul.bnrArea2 li{float: none; width:100%;}
ul.bnrArea2 li p{margin:10px auto 20px;}
}
/*end add2020100101*/

/*add2021020301*/
ul.bnrArea3{ padding: 0; width:100%; max-width: 960px; margin:0px auto; overflow: hidden;}
ul.bnrArea3 li{float: left; width:33.333333%; margin:0px; padding:0;}
ul.bnrArea3 li p{margin:40px 15px 10px; background:none;}
ul.bnrArea3 li p a img{ opacity: 1; transition: 0.6s ease-in-out; width: 100%;}
ul.bnrArea3 li p a:hover img{ opacity: 0.7;}
@media screen and (max-width: 904px) {
ul.bnrArea3{width:80%;}
ul.bnrArea3 li p{margin:20px 10px 10px;}
}
@media only screen and (max-width: 540px) {
ul.bnrArea3 li{float: none; width:80%; margin:0 auto;}
ul.bnrArea3 li p{margin:10px auto;}
}
/*end add2021020301*/


a.btnBoder{ display:inline-block; border:#fff 1px solid; background:none; color:#fff; text-decoration:none; padding:20px; margin:25px auto 0; font-size:24px; transition: 0.6s ease-in-out;}
a.btnBoder:hover{background:#fff; border:#fff 1px solid; color:#000;}
a.btnBoder span{display:inline;}
a.yelBtn{ display:block; margin:20px 0; padding:40px 10px; font-size:24px; letter-spacing:0.05em; font-weight:500; text-align:center; text-decoration:none; transition: 0.6s ease-in-out; background-color:#f6eca8; border:#f6eca8 1px solid; color:#4d90c5; background-image:url(../img/yelBtns.png); background-repeat:no-repeat; background-position: top 50% right 10px;}
a.yelBtn:hover{background-color:#fff; border:#f6eca8 1px solid; color:#4d90c5; background-image:url(../img/yelBtns.png); background-repeat:no-repeat; background-position:right;  background-position: top 50% right 10px;}
a.grnBtn{ display:block; margin:40px auto; padding:50px; font-size:24px; text-align:center; text-decoration:none; background-image:url(../img/grnBtn.png); background-repeat:no-repeat; background-position: top 50% right 20px; transition: 0.6s ease-in-out; max-width:800px} 
a.grnBtn:hover{ background-image:url(../img/grnBtn.png); background-repeat:no-repeat; background-position:right; background-position: top 50% right 20px; }
a.grnBtnS{ display:block; margin:0; padding:12px; font-size:16px; text-align:center; text-decoration:none; transition: 0.6s ease-in-out; background-image:url(../img/grnBtns.png); background-repeat:no-repeat; background-position: top 50% right 10px;} 
a.grnBtnS:hover{ background-image:url(../img/grnBtns.png); background-repeat:no-repeat; background-position: top 50% right 10px;}
@media only screen and (max-width: 768px) {
a.btnBoder{ padding:15px 10px; margin:40px auto; font-size:14px; transition: 0.6s ease-in-out;}
}
@media only screen and (max-width: 540px) {
.br540{ display:block;}
.br540none{ display:none;}
.smpOnly{ display:block;}
.pcOnly{ display:none;}
a.btnBoder{ padding:20px 0; width:240px; margin:25px auto 0; font-size:18px; transition: 0.6s ease-in-out;}
a.btnBoder span{display:block; margin-top:10px}
/*add2020071001*/
a.btnLine{ padding:10px 0; width:240px; margin:15px auto 0; font-size:18px; height: auto; line-height: normal;}
a.btnLine span{display:block; margin-top:10px}
.newsBg{margin: 0 0 40px 0;}
.newsBg dl{width: calc(100% - 20px); padding: 20px 10px;}
.newsBg dl dt{float: none; width: 100%; padding: 10px 0; text-align: center;}
.newsBg dl dd{ float:none; width: calc(100% - 20px); padding: 10px; }
.newsBg dl dd p{margin: 0 0 10px 0;}
.meritBg{ padding: 10px;}
/*end add2020071001*/
a.grnBtn{margin:25px auto; width:calc(80% - 40px); padding:40px 20px; font-size:18px; background-image:url(../img/grnBtns.png);background-repeat:no-repeat; background-position: top 50% right 10px; }
a.grnBtn:hover{ background-image:url(../img/grnBtns.png); background-repeat:no-repeat; background-position:right;background-position: top 50% right 10px; }
a.yelBtn{ background-color:#f6eca8; padding:10px; margin:10px; font-size:18px;}
}

/*MarkUp*/
h2{text-align:center; font-size:30px; font-weight: 500; margin:100px 0 10px; line-height:160%;}
h2.imgBox img{height:45px; width:auto;}
h5{ display:block; font-size:16px; margin: 0 0 60px; letter-spacing:0.1em; font-family: 'Roboto Slab', serif;}
h3{font-size:24px; font-weight:400; line-height:140%;}
h3#merit{font-size:24px; font-weight:400; line-height:140%; text-align: left;}

h3.colBorder{ display:inline-block; font-size:18px; font-weight:500; line-height:180%; margin:10px 0; letter-spacing:0.05em}
h3.border000{ display:inline-block; font-size:18px; font-weight:500; line-height:180%; margin:10px 0; letter-spacing:0.05em;border-bottom:#000 1px solid;}
h4{text-align:left; font-size:20px; font-weight:400; line-height:150%; margin:0 0 10px 0 }
h6{text-align:center; font-size:16px; font-weight:400; line-height:150%; margin:10px 0 10px 0 }
.line20{ font-size:16px;line-height:200% !important;}
.line16{ font-size:16px;line-height:160% !important;}
.sizeSS{ font-size:12px;}

@media only screen and (max-width: 768px) {
h2{text-align:center; font-size:24px; margin:80px 0 10px;}
h3{text-align:center; font-size:18px;}
h3.colBorder{ font-size:21px;}
h3.border000{ font-size:18px;}
h4{font-size:16px;}
.line20{ font-size:14px;}
.line16{ font-size:14px;}
}
@media only screen and (max-width: 540px) {
h2.imgBox img{height:40px; width:auto;}
h6{font-size:14px;}
h6{font-size:14px;}
}
#mainV{ position:relative;width:100%;}
#mainV #mainVArea{position:absolute; width:100%; top:50%; height:220px; margin-top:-110px; text-align:center;}
#mainV #mainVArea h2{ font-size:54px; color:#fff; font-weight:400; margin:0 auto; font-family: 'Roboto Slab', serif; letter-spacing:0.1em}
#mainV #mainVArea h3{ font-size:30px; color:#fff; letter-spacing:0.5em;letter-spacing:0.5em; font-weight:100; margin:0 auto 1px}


@media only screen and (max-width: 904px) {
/*add2021020301*/
#mainV #mainVArea{top:40%; height:auto;}
#mainV #mainVArea h2{ font-size:48px;}
#mainV #mainVArea h3{ font-size:24px;letter-spacing:0.1em;letter-spacing:0.1em; }
/*end add2021020301*/
}
@media only screen and (max-width: 768px) {
#mainV #mainVArea h2{ font-size:48px;}
#mainV #mainVArea h3{ font-size:24px;}
}
@media only screen and (max-width: 540px) {
/*add2021020301*/
#mainV #mainVArea{top:35%; height:auto;}
/*end add2021020301*/
#mainV #mainVArea h2{ font-size:36px;}
#mainV #mainVArea h3{ font-size:24px;}
}

ul#pointS{ margin:0 auto 150px; padding:0; overflow:hidden; width:100%;}
ul#pointS li{float:left;  padding:16px 8px 0 8px; width:calc(25% - 16px);}
ul#pointS li div{ margin:0; padding:0;}/*←色可変記載部分-------------------------------------------------*/
@media only screen and (max-width: 540px) {
ul#pointS{ margin:0 auto 80px;}
ul#pointS li{padding:16px 8px 0 8px; width:calc(50% - 16px);}
}

/*con2 con2 con2 con2 con2 con2 con2 con2 con2 con2 con2 con2*/
ul.con2{ width:100%; overflow:hidden;}
ul.con2 li:last-child{width:calc(54% - 100px); float:left; padding:0 50px ; text-align:left; font-size:16px;}
ul.con2 li{width:46%; float: right; text-align:center;}
ul.con2 li.w50{width:calc(50% - 100px); float:left; padding:50px;  float: left; text-align:left;}
ul.con2 li h3{font-size:24px; font-weight:400; line-height:140%; margin:30px 0; text-align:left; letter-spacing:0.05em}
ul.con2 li p{line-height:200%; margin:0 0 40px 0;}
ul.con2 li p a{color:#000; font-weight: bolder;}
ul.con2 li p a:hover{ text-decoration:none;}

@media only screen and (max-width: 768px) {
ul.con2 li:last-child{width:calc(100% - 40px); float:none; padding:20px; font-size:14px;}
ul.con2 li{width:100%; float: none;}
ul.con2 li h3{font-size:24px;  line-height:140%; margin:30px 0 15px; text-align:center;}
ul.con2 li p{ margin:0 10px 20px;}
}

/*con3 con3 con3 con3 con3 con3 con3 con3 con3 con3 con3 con3 con3 */
ul.con3{ overflow:hidden; margin:20px 50px;}
ul.con3 li{ position:relative; float:left; padding:0 10px; width:calc(33.333333% - 20px)}
ul.con3 li.p1s{ position:relative; float:right; padding:0 10px; width:calc(33.333333% - 20px)}
ul.con3 li.p2s{ float:left; padding:0 10px; width:calc(66.66666% - 20px)}
ul.con3 li.p3s{ float:left; padding:10px; width:calc(100% - 20px)}
ul.con3 li.p3s p{text-align:left;}
ul.con3 li p.bgChange{ position:absolute; bottom:0; right:10px; padding:3px 5px; min-width:100px; text-align:center; color:#000;}
ul.con3 li p.grnBtnStxt{ padding:10px 0}
ul.con3 li .imgInsta{margin:20px 0 0 0;}
@media screen and (max-width: 1000px) {
ul.con3{ overflow:hidden; margin:20px 10px;}
ul.con3 li p.grnBtnStxt{ padding:0 10px}
}
@media only screen and (max-width: 540px) {
ul.con3{ margin:0}
ul.con3 li{ float:none; padding:10px 30px; width:calc(100% - 60px)}
ul.con3 li.p1s{ float:none; padding:10px 30px; width:calc(100% - 60px)}
ul.con3 li.p2s{ float:none; padding:10px 20px; width:calc(100% - 40px)}
ul.con3 li.p3s{ float:none; padding:10px 20px; width:calc(100% - 40px)}
ul.con3 li.p3s h4{margin:0 10px;}
ul.con3 li.p3s p{margin:0 10px;}
ul.con3 li p.bgChange{bottom:10px; right:30px; padding:3px 5px;}
}

/*con2no con2no con2no con2no con2no con2no con2no con2no con2no con2no con2no con2no*/
ul.con2no{ overflow:hidden; margin:20px 50px;}
ul.con2no li{position:relative; float:left; padding:0 10px; width:calc(50% - 20px)}
ul.con2no li.flR{position:relative; float:right; padding:0 10px; width:calc(50% - 20px)}
/*add2020071001*/
ul.con2no li.flC{position:relative; float: none;; padding:0 10px; width:calc(50% - 20px); margin: 0 auto;}
/*end add2020071001*/
@media only screen and (max-width: 768px) {
ul.con2no{margin:0;}
ul.con2no li , ul.con2no li.flR , ul.con2no li.flC{ float:none; padding:10px 30px; width:calc(100% - 60px)}
}

/* .bgBlue.bgBlue.bgBlue.bgBlue.bgBlue.bgBlue.bgBlue */
.bgBlue{ width:100%; max-width:1000px; margin:80px auto; padding:0; text-align:left; background:#4d90c5; color:#fff; overflow:hidden;}
.bgBlue #sumikaeH3{ font-size:30px; margin:50px 0 0 50px;}
.bgBlue div#switchP{display:block; background:#fff; padding:5px; border-radius:5px; color:#4d90c5; font-size:14px; line-height:140%; margin: 10px 0; text-align: center;}
.bgBlue ul.con2{ width:100%; overflow:hidden;}
.bgBlue ul.con2 li.w50{width:calc(50% - 100px); float:left; padding:50px; text-align:left;}
.bgBlue ul.con2 li.w050{width:calc(50% - 100px); float:left; padding:0 50px 50px; text-align:left;}
.bgBlue ul.con2 li h3{font-size:32px; font-weight:500; line-height:140%; margin:0; text-align:left; font-family: 'Noto Sans JP', sans-serif;}
.bgBlue ul.con2 li .boxW{ background:#fff; padding:20px 10px; text-align:left; color:#4d90c5; margin:0 0 40px 0; height:20px }
.bgBlue ul.con2 li h4{ display:inline; background:#4d90c5; color:#fff; line-height:100%; padding:5px 5px; margin:0 5px 0 0 ; font-weight: 500; font-family: 'Noto Sans JP', sans-serif;}
.bgBlue ul.con2 li h5{display:inline ; font-size:18px; padding:10px 0 0 0; margin:0; line-height:100%;  text-align:left; font-family: 'Noto Sans JP', sans-serif;}
.bgBlue .boderFFF{ border-bottom:#fff 1px solid;  border-top:#fff 1px solid; margin:10px auto 40px; padding:10px; font-family: 'Noto Sans JP', sans-serif;}
.bgBlue .boderFFF0{ border-bottom:#fff 1px solid;  border-top:#fff 1px solid; margin:10px auto; padding:0px; font-family: 'Noto Sans JP', sans-serif;}
.bgBlue .colY{color:#f6eca8; font-size:18px; text-align:center; font-weight:500; margin:20px; font-family: 'Noto Sans JP', sans-serif;}
.bgBlue .colYonly{color:#f6eca8; margin:0;}
@media only screen and (max-width: 768px) {
.bgBlue{ margin:60px 20px; padding:10px 0 0 0; text-align:left; width:calc(100% - 40px)}
.bgBlue #sumikaeH3{ font-size:24px; font-weight:normal; margin:10px auto 0; height: auto; line-height:160%; text-align:center;}

.bgBlue ul.con2 li.w50 , .bgBlue ul.con2 li.w050{width:calc(100% - 20px); float:none; padding:0 10px 10px 10px;  float: left; text-align:left;}
.bgBlue ul.con2 li h3{font-size:24px; line-height:140%; margin:10px 0 20px; text-align:center;}
.bgBlue ul.con2 li .boxW{padding:15px; margin:0 0 15px 0;}
.bgBlue ul.con2 li h5{font-size:14px; line-height:140%; margin:5px 0; text-align:center; font-weight: bold;}
.bgBlue .boderFFF{ margin:10px auto 20px; padding:10px;}
.bgBlue .colY{color:#f6eca8; font-size:16px; margin:10px 10px 0 10px;}
}

#endV{ position:relative;width:100%; margin:100px 0;}
#endV #endVArea{position:absolute; width:100%; top:50%; height:120px; margin-top:-60px; text-align:center; color:#fff;}
#endV #endVArea h3 a{ color:#fff; text-decoration:none; font-size:30px; letter-spacing:0.3em;text-indent: 0.3em; transition: 0.6s ease-in-out; font-weight:100;font-family: 'Noto Sans JP', sans-serif;}
#endV #endVArea h3 a:hover{ color:#ccc; letter-spacing:0.2em;text-indent: 0.2em;}
@media only screen and (max-width: 768px) {

#endV #endVArea h3 a{ font-size:24px; letter-spacing:0.1em;text-indent: 0.1em; }
}
#footer{margin:60px 0 0;}
#footer img{width:100%; max-width:240px; margin:10px auto;}
.copyR{ margin:40px 0; font-family: 'Roboto Slab', serif;}

.sideBtn { display: block; width: 75px; height: 150px; position: fixed; top: 150px; right: -80px; z-index:9990;}
.sideBtn div{ margin:0 0 1px 0}
#topcontrol{width: 75px; height:74px; z-index:9990;}
@media screen and (max-width: 904px) {
.sideBtn { display: block;width: 60px; height: 120px; position: fixed; top: 56px; right: -80px;}
#topcontrol{width: 60px; height:60px;}
}
@media screen and (max-width: 768px) {
#endV{ margin:40px 0;}
}

#link001 , #link002 , #link003 , #link401 , #link402 , #link403 , #link404{ margin-top:-10px; padding-top:10px;}
@media screen and (max-width: 768px) {
#link001 , #link002 , #link003 , #link401 , #link402 , #link403 , #link404{ margin-top:-1px; padding-top:1px;}
}


/* header */
#top-head { font-size: 14px; top: -100px; position: absolute; width: 100%; margin: 100px auto 0;  z-index: 8888; height: 140px;}
#top-head a,#top-head {text-decoration: none;}
#top-head .inner { position: relative; height:60px; margin-top:12px; width:100%; margin:0; }
#top-head .logo { float: left;  display:block; margin:12px 0 0 12px; text-align: left;}
#top-head .logo img{max-width:280px; width:100%;}

#global-nav{position:relative;/*  height:120px; */}
#global-nav ul#naviBody { list-style: none; position: absolute; right:0px; top:0px; height:140px}
#global-nav ul li { float: left; position: relative; white-space: nowrap;background:none; text-align:center; padding:0 25px;height:140px; line-height:140px; transition:all 0.5s ease-in;}
#global-nav ul li:hover {background: #000;}
#global-nav ul li#entryBtn { background:#000; height:110px; line-height:60px; padding-top: 30px;}
#global-nav ul li#entryBtn:hover {background:#fff; color:#000}

#global-nav ul li a {font-size:16px; color:#fff;}
#global-nav ul li a span{display:block; margin-top:-40px; font-size:14px;}
#global-nav ul li#entryBtn a {color:#fff;}
#global-nav ul li#entryBtn:hover a {color:#000;}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed;  background: #fff; background: rgba(0,0,0,.4); transition: top 1.00s ease-in;}
#top-head.fixed .inner {margin-top:0;}
#top-head.fixed .logo { float: left; height:50px; display:block; margin:12px 0 0 12px;}


/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top:27px; width:48px; height: 50px; cursor: pointer; z-index: 101;}
#nav-toggle div { position: relative;}
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #fff; left: 0; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) { top: 0;}
#nav-toggle span:nth-child(2) { top: 14px;}
#nav-toggle span:nth-child(3) { top: 28px;}
#nav-toggle p { position:absolute; top: 30px; font-size:12px; width:34px; text-align:center;}

@media screen and (max-width: 1200px) {
#global-nav ul li { padding:0 10px;}
}
@media screen and (max-width: 1020px) {
#global-nav ul li { padding:0 2px;}
}
@media screen and (max-width: 904px) {
ul#naviBody li a:before { content: "＞ ";}
ul#naviBody li#entryBtn a:before { content: none;}

#top-head .inner {  width: 100%;  padding: 0; z-index:8888; margin-top:0;}
#top-head {  top: 0;  position: fixed;  margin-top: 0;  background:none; }

 /* Fixed reset */
#top-head.fixed {  padding-top: 0;  background: transparent; }
#mobile-head { background: rgba(0,0,0,.4);  width: 100%;  height: 85px;  z-index: 999;  position: relative; }
#top-head.fixed .logo, #top-head .logo {  position: absolute;  left: 0px;  top: 0px; width:180px; margin: 5px 0 0 5px;}
#top-head.fixed .logo img , #top-head .logo img{max-height:74px;}
#global-nav {  position: absolute;  top: -560px; width: 100%;  text-align: center;  padding:84px 0 0 0;  transition: 1.0s ease-in-out; background:rgba(0,0,0,.8);}
#global-nav ul#naviBody {  list-style: none;  position: static;  right: 0;  bottom: 0;  font-size: 14px; }
#global-nav ul li {  float: none;  position: static; text-align:left; border:none;  width:100%; height: auto; line-height:0; padding:12px 0; background: rgba(0,0,0,.8); }
#global-nav ul li#entryBtn{text-align:center; height: auto; line-height: 100%; padding:3px;}


#top-head #global-nav ul li a ,#top-head.fixed #global-nav ul li a{  width: calc(100% - 40px);  display: block;  color: #ccc;  padding: 15px 20px;  font-size:18px; font-weight:bold}
#top-head #global-nav ul li#entryBtn a , #top-head.fixed #global-nav ul li#entryBtn a{color:#000;}
#global-nav ul li#entryBtn a span{ display:none;}

#nav-toggle {  display: block; }
.open #nav-toggle span:nth-child(1) {  top: 11px;  -webkit-transform: rotate(315deg);  -moz-transform: rotate(315deg);  transform: rotate(315deg); }
.open #nav-toggle span:nth-child(2) {  width: 0;  left: 50%; }
.open #nav-toggle span:nth-child(3) {  top: 11px;  -webkit-transform: rotate(-315deg);  -moz-transform: rotate(-315deg);  transform: rotate(-315deg); }
.open #global-nav {  /* #global-nav top + #mobile-head height */  -moz-transform: translateY(556px);  -webkit-transform: translateY(556px);  transform: translateY(556px); }
}