header{height:260px;position:relative;width:100%}header #headInner{left:4%;position:absolute;top:100px}header #headInner h1{color:#666;font-size:77%;margin:0 0 15px}header #headInner p#siteId{margin:0 0 40px;width:130px}header #headInner p#siteId a{display:block}header #headInner p#siteId a img{width:100%}header #headInner nav ul{margin:0;padding:0}header #headInner nav ul li{display:inline-block;list-style:none;margin:0 0 0 30px}header #headInner nav ul li:first-child{margin:0}header #headInner nav ul li a{font-size:93%;position:relative}header #headInner nav ul li a:before{background-color:#000;bottom:-5px;content:"";display:inline-block;height:1px;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:0 0 0;transition:all .4s ease;width:100%}header #headInner nav ul li a:hover{color:#333}header #headInner nav ul li a.router-link-active:before,header #headInner nav ul li a:hover:before{opacity:1;transform:scaleX(1)}header p#headConceptTxt{font-size:100%;font-weight:700;letter-spacing:.2em;line-height:2.2;position:absolute;right:4%;top:120px}@media screen and (max-width:767px){header{height:auto;margin:0 0 20px;padding:30px 4% 0;position:static;width:100%}header #headInner{left:0;margin:0 0 20px;position:relative;top:0}header #headInner h1{display:none}header #headInner p#siteId{margin:0 auto 20px;width:100px}header #headInner nav ul{letter-spacing:-.4em;margin:0;padding:0}header #headInner nav ul li{display:inline-block;letter-spacing:normal;margin:0;text-align:center;width:33.3333%}header #headInner nav ul li:first-child{margin:0}header #headInner nav ul li a{font-size:85%}header p#headConceptTxt{font-size:93%;letter-spacing:.16em;line-height:1.6;position:static;text-align:center}}
