@charset "UTF-8";

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
common
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body { height: 100%; }
body { -webkit-text-size-adjust: 100%; }
#wrapper {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 100%;
	overflow: hidden;
	font-feature-settings: "palt";
	background: url(../images/common/bg.jpg) no-repeat center top #18262b;
}

a { text-decoration: none; }

.inner {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#pageTitle {
	text-align: center;
}
#pageTitle img {
	vertical-align: top;
}

.corner {
	background: url(../images/common/icon_corner.svg) no-repeat left top, url(../images/common/icon_corner.svg) no-repeat left bottom, url(../images/common/icon_corner.svg) no-repeat right top, url(../images/common/icon_corner.svg) no-repeat right bottom;
	background-size: 30px 30px;
	padding: 53px 15px;
}

.bgB {
	background: #000;
}

#comingSoon {
	width: 280px;
	height: 280px;
	text-align: center;
	padding-top: 107px;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#comingSoon p {
	margin-top: 9px;
}

@media screen and (min-width:1001px){
	.inner {
		margin-left: auto;
		margin-right: auto;
	}
	#pageTitle {
		padding: 150px 0 50px;
	}
	#pageTitle img {
		height: 68px;
	}
	.sp {
		display: none !important;
	}
	#comingSoon {
		margin: 420px auto 190px;
	}
}
@media screen and (max-width:1000px){
	#wrapper {
		letter-spacing: 1.5px;
		background-size: auto 982px;
		-moz-background-size: auto 982px;
		-webkit-background-size: auto 982px;
	}
	.inner {
		padding-left: 30px;
		padding-right: 30px;
	}
	.inner .corner {
		margin-left: -15px;
		margin-right: -15px;
	}
	#pageTitle {
		padding: 80px 0 25px;
	}
	#pageTitle img {
		height: 55px;
	}
	.pc {
		display: none !important;
	}
	#comingSoon {
		margin: 220px auto 60px;
	}
}

#header {
	top: 0;
	left: 0;
	height: 0;
	width: 10%;
	z-index: 1;
	width: 100%;
	position: absolute;
}
#header:after {
	content: "";
	display: block;
	clear: both;
}
#header h1 a {
	display: block;
	width: 182px;
	max-width: 43.75vw;
}
#header nav li a {
	display: block;
}

@media screen and (min-width:1001px){
	#header h1 {
		float: left;
		padding: 33px 0 0 29px;
	}
	#header h1 a img {
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
		transition-property: filter;
		-moz-transition-property: filter;
		-webkit-transition-property: filter;
	}
	#header h1 a:hover img {
		filter: drop-shadow(0 0 3px rgba(0,0,0,.75)) drop-shadow(0 0 15px rgba(0,0,0,.5));
	}
	#header nav {
		float: right;
		overflow: hidden;
		padding: 15px 15px 0 0;
	}
	#header nav > p { display: none; }
	#header nav li {
		float: left;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		background: no-repeat center bottom;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
	}
	#header nav li + li { margin-left: 15px; }
	#header nav li a {
		width: 80px;
		height: 0;
		overflow: hidden;
		padding-top: 80px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		background: no-repeat center top;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
		transition-property: opacity;
		-moz-transition-property: opacity;
		-webkit-transition-property: opacity;
	}
	#header nav li#nav_home,
	#header nav li#nav_home a { background-image: url(../images/common/menu_home.png); }
	#header nav li#nav_vision,
	#header nav li#nav_vision a { background-image: url(../images/common/menu_vision.png); }
	#header nav li#nav_data,
	#header nav li#nav_data a { background-image: url(../images/common/menu_data.png); }
	#header nav li#nav_history,
	#header nav li#nav_history a { background-image: url(../images/common/menu_history.png); }
	#header nav li#nav_information,
	#header nav li#nav_information a { background-image: url(../images/common/menu_information.png); }
	#header nav li#nav_recruit,
	#header nav li#nav_recruit a { background-image: url(../images/common/menu_recruit.png); }
	#header nav li#nav_theater,
	#header nav li#nav_privacy,
	#header nav li#nav_recruit { display: none; }
	#header nav li a:hover {
		opacity: 0;
	}
	#header nav li a img {
		display: none;
	}
	#nav_recruit02-pc {
		font-size: 0;
		float: right;
		position: relative;
		left: 56px;
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
	}
	#nav_recruit02-pc:hover {
		opacity: .6;
	}
}


@media screen and (max-width:1000px){
	#header h1 {
		padding: 15px 0 0 15px;
	}
	#header h1 a {
		width: 92px;
	}
	#header nav {
		margin: 15px 15px 0 0;
	}
	#header nav p {
		top: 15px;
		right: 15px;
		width: 20px;
		height: 20px;
		position: fixed;
		cursor: pointer;
		z-index: 1;
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
		transition-property: background;
		-moz-transition-property: background;
		-webkit-transition-property: background;
	}
	#header nav.open p {
		background: #fff;
	}
	#header nav p span {
		top: 9px;
	}
	#header nav p:before,
	#header nav p:after {
		content: "";
	}
	#header nav p:before {
		top: 0;
	}
	#header nav p:after {
		bottom: 0;
	}
	#header nav p span,
	#header nav p:before,
	#header nav p:after {
		display: block;
		width: 100%;
		height: 0;
		overflow: hidden;
		border-top: 2px solid #fff;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
	}
	#header nav.open p span {
		width: 0;
	}
	#header nav.open p:before {
		top: 9px;
		border-top-color: #000;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	#header nav.open p:after {
		bottom: 9px;
		border-top-color: #000;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#header nav ul {
		width: 172px;
		height: 100vh;
		overflow: auto;
		background: #000;
		position: fixed;
		top: 0;
		z-index: 0;
		right: -172px;
		padding: 60px 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
		transition-property: right;
		-moz-transition-property: right;
		-webkit-transition-property: right;
	}
	#header nav.open ul {
		right: 0;
	}
	#header nav ul li {
		border-bottom: 1px solid #008dcb;
	}
	#header nav ul li:first-child {
		border-top: 1px solid #008dcb;
	}
	#header nav ul li a {
		padding: 10px 0 7px;
	}
	#header nav ul li span {
		display: block;
	}

	#nav_recruit02-pc {
		display: none;
	}
	#nav_recruit02-sp {
		display: block;
		font-size: 0;
		max-width: 309px;
		margin: -30px auto 0;
	}
}

#footer {
	text-align: center;
}
#footer nav a {
	display: block;
	font-size: 12px;
	border-top: 1px solid #fff;
}

#footer .pageTop {
	right: 15px;
	bottom: 20px;
	position: fixed;
}

@media screen and (min-width:1001px){
	#footer {
		padding: 165px 0 70px;
	}
	#footer nav ul {
		font-size: 0;
	}
	#footer nav li {
		margin: 0 15px;
		vertical-align: top;
		display: inline-block;
	}
	#footer nav li a {
		padding: 12px 0;
		position: relative;
	}
	#footer nav li a:after {
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: 50%;
		width: 0;
		height: 1px;
		background: #008dcb;
		opacity: 0;
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
	}
	#footer nav li a:hover:after {
		left: 0;
		width: 100%;
		opacity: 1;
	}
	#footer nav li a img {
		display: none;
	}
	#footer .logo {
		margin: 50px 0 25px;
	}
	#footer .logo img {
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
		transition-property: filter;
		-moz-transition-property: filter;
		-webkit-transition-property: filter;
	}
	#footer .logo a:hover img {
		filter: drop-shadow(0 0 3px rgba(0,0,0,.75)) drop-shadow(0 0 15px rgba(0,0,0,.5));
	}
	#nav_recruit02-sp {
		font-size: 0;
		float: right;
		position: relative;
		left: 19px;
		transition-duration: .2s;
		-moz-transition-duration: .2s;
		-webkit-transition-duration: .2s;
	}
	#nav_recruit02-sp:hover {
		opacity: .6;
	}
	#nav_recruit02-sp {
		display: none;
	}

}

@media screen and (max-width:1000px){
	#footer {
		padding-top: 50px;
		padding-bottom: 55px;
	}
	#footer nav ul {
		width: 190px;
		margin: 0 auto;
		text-align: right;
	}
	#footer nav li a {
		padding: 9px 0 18px;
	}
	#footer nav li img {
		float: left;
	}
	#footer .logo {
		padding: 25px 0 20px;
	}
}