@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  header.css
 style info :  ヘッダースタイル指定
=================================================================== */
/**************************************/
.slideshow {width: 100%; height: 100%; overflow: hidden; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.zs-enabled{position:relative}
.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 0%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}
.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}
.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}
#shadow {
	/*display: none;*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../js/zoomslider/dots.png) 0 0 repeat;
	opacity: .5;
}

.kv_title {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 10;
    color: #fff;
    font-size: 140px;
    font-weight: 700;
    line-height: 0.8;
	margin: auto;
    mix-blend-mode: difference;
	text-align: left;
	width: 8em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.kv_title > span {
  display: block;
}
.kv_title > span:nth-child(1) {
  -webkit-animation: heroText 500ms 2200ms both;
          animation: heroText 500ms 2200ms both;
}
.kv_title > span:nth-child(2) {
  -webkit-animation: heroText 500ms 2400ms both;
          animation: heroText 500ms 2400ms both;
}
@-webkit-keyframes heroText {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes heroText {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
/**************************************/
header {
	display:block;
	position:relative;
	background:#fff;
}
header #hdr01Wrap {
	margin:auto;
	padding:30px 0;
	max-width:1240px;
	position:relative;
}
header #hdr01Wrap h1 {
	position:absolute;
	top:30px;
	right:0;
	z-index:5;
	font-size:1.2em;
	font-weight:normal;
}
header #hdr01Wrap h2.companyLogo {
	position:absolute;
	top:20px;
	left:20px;
	z-index:5;
}
header #hdr01Wrap h2.companyLogo img{
	max-width: 300px;
}
header #hdr01Wrap h2.siteTitle {
	display:block;
	text-align:center;
}
header #hdr01Wrap h2.siteTitle img{
	max-width: 200px;
}
header #hdr01Wrap #tomorrowText {
	position:absolute;
	top:25px;
	right:0;
	z-index:5;	
}

header #kvWrap {
	/*background:url(../../../img/elements/header/kvBg.jpg) 0 0 repeat-x;*/
	position:relative;
	text-align:center;
}
header #kvWrap h2.kvText {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	width:100%;
	height:30%;
	margin:auto;
	padding:0 20px;
	text-align:center;
}
header #kvWrap h2.kvText img {
    width: 65.725%;
    max-width: 537px;
	height:auto;
}
header > nav#nav {
	position: static;
	z-index: 9999;
	width:100%;
	margin-top:0;
}
header > nav#navSMP {
	width:100%;
	margin-top:0;
	display:none;
}
header nav#nav .gnavWrap,
header nav#navSMP .gnavWrap {
	width: 100%;
	max-width:1240px;
	margin:auto;
	text-align:left;
}
header nav#nav .gnavWrap > li,
header nav#navSMP .gnavWrap > li {
	display: inline-block;
	vertical-align: top;
	position:relative;
	width:calc(100% / 5);
	text-align:center;
}
header nav#nav .gnavWrap > li.entry {
	position:absolute;
	top:55px;
	z-index:30;
}
header nav#nav .gnavWrap > li a,
header nav#navSMP .gnavWrap > li a,
header nav#nav .gnavWrap > li span,
header nav#navSMP .gnavWrap > li span {
	display:block;
	padding:15px;
	border:#eee solid 1px;
	font-size:1.4em;
	color:#151515;
	background:#fff;
}
header nav#nav .gnavWrap > li a:hover,
header nav#navSMP .gnavWrap > li a:hover {
	text-decoration:none;
	color:#fff;
}
header nav#nav .gnavWrap > li.entry {
	max-width:248px;
	/*opacity:.5;*/
}
header nav#nav .gnavWrap > li.entry a,
header nav#nav .gnavWrap > li.entry span {
	display:block;
	padding:0;
	border:none;
	background:none;
	position:relative;
	/*pointer-events: none;*/
}
header nav#navSMP .gnavWrap > li.home {
	display: none;
}
/*header nav#nav .gnavWrap > li.entry span:before {
	content:"- Coming Soon -";
	display:block;
	text-align:center;
	position:absolute;
	bottom:.75em;
	left:0;
	right:0;
	z-index:2;
	margin:auto;
	font-size:.8em;
	color:#fff;	
}*/
header nav#navSMP .gnavWrap > li.entry {
	opacity:.25;
    display: none;
}
header nav#navSMP .gnavWrap > li.entry a {
    pointer-events: none;
}
header nav#navSMP .gnavWrap > li.entry a,
header nav#navSMP .gnavWrap > li.entry span {
	font-size:1.2em;
	border:#b8106b solid 1px;
	background:#b8106b;
	color:#fff;
	position:relative;
	display:block;
	padding:16px 0;
}
/*header nav#navSMP .gnavWrap > li.entry span:before {
	content:"- Coming Soon -";
	display:block;
	text-align:center;
	position:absolute;
	bottom:.4em;
	left:0;
	right:0;
	z-index:2;
	margin:auto;
	font-size:.8em;
	color:#fff;		
}*/
header nav#nav .gnavWrap > li.home a,
header nav#navSMP .gnavWrap > li.home a {
	border-bottom:#eee solid 1px;
}
header nav#nav .gnavWrap > li.about a,
header nav#navSMP .gnavWrap > li.about a {
	border-bottom:#7CE4FF solid 1px;
}
header nav#nav .gnavWrap > li.interview a,
header nav#navSMP .gnavWrap > li.interview a {
	border-bottom:#FF8D8D solid 1px;
}
header nav#nav .gnavWrap > li.talksession a,
header nav#navSMP .gnavWrap > li.talksession a {
	border-bottom:#BCAAFF solid 1px;
}
header nav#nav .gnavWrap > li.requirement a,
header nav#navSMP .gnavWrap > li.requirement a {
	border-bottom:#FFBC80 solid 1px;
}
header nav#nav .gnavWrap > li.home a:hover,
header nav#nav .gnavWrap > li.home a.current,
header nav#navSMP .gnavWrap > li.home a:hover,
header nav#navSMP .gnavWrap > li.home a.current {
	border:#eee solid 1px;
	color:#b8106b;
}
header nav#nav .gnavWrap > li.about a:hover,
header nav#nav .gnavWrap > li.about a.current,
header nav#navSMP .gnavWrap > li.about a:hover,
header nav#navSMP .gnavWrap > li.about a.current {
	border:#7CE4FF solid 1px;
	background:#7CE4FF;
}
header nav#nav .gnavWrap > li.interview a:hover,
header nav#nav .gnavWrap > li.interview a.current,
header nav#navSMP .gnavWrap > li.interview a:hover,
header nav#navSMP .gnavWrap > li.interview a.current {
	border:#FF8D8D solid 1px;
	background:#FF8D8D;
}
header nav#nav .gnavWrap > li.talksession a:hover,
header nav#nav .gnavWrap > li.talksession a.current,
header nav#navSMP .gnavWrap > li.talksession a:hover,
header nav#navSMP .gnavWrap > li.talksession a.current {
	border:#BCAAFF solid 1px;
	background:#BCAAFF;
}
header nav#nav .gnavWrap > li.requirement a:hover,
header nav#nav .gnavWrap > li.requirement a.current,
header nav#navSMP .gnavWrap > li.requirement a:hover,
header nav#navSMP .gnavWrap > li.requirement a.current {
	border:#FFBC80 solid 1px;
	background:#FFBC80;
}

@media only screen and (min-width: 1400px) {
header #kvWrap {
	height:460px;
}
}

@media only screen and (max-width: 1060px) {
header > nav#nav {
	display:none;
}
header > nav#navSMP {
	display:block;
}
header nav#navSMP .gnavWrap > li a {
	font-size:1.4em;
	padding:15px 0;
}
}
@media only screen and (max-width: 1024px) {
.kv_title {
	width: 4em;
}

header #hdr01Wrap h1 {
    display: none !important;
}
header #hdr01Wrap h2.siteTitle {
    text-align: right;
    padding-right: 20px;
	position: relative;
	z-index: 10;
}
}
@media only screen and (max-width: 860px) {
header #hdr01Wrap h2.siteTitle img {
	width:30%;
	height:auto;
}
header #hdr01Wrap h2.companyLogo img {
	width:80%;
	height:auto;
}
header nav#navSMP .gnavWrap > li {
	width:25%;
}
header nav#navSMP .gnavWrap > li.entry {
	width:100%;
}
/*.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;}*/
}
@media only screen and (max-width: 767px) {
.kv_title {
	font-size: 80px;
	width: 4em;
}

header #hdr01Wrap h2.companyLogo img {
	width:70%;
	height:auto;
}
}
@media only screen and (max-width: 689px) {
header nav#navSMP .gnavWrap > li {
	width:50%;
}
}