@charset "UTF-8";


/* Loading */
.loader {
	background: #00003A;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
}

.spinner_wrap {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 53px;
	height: 20px;
}

.spinner {
	position: relative;
}

	.spinner span {
		display: block;
		bottom: 0px;
		width: 9px;
		height: 5px;
		background: #2CA6E0;
		position: absolute;
		animation: preloader_1 1.5s infinite ease-in-out;
	}

		.spinner span:nth-child(2) {
			left: 11px;
			animation-delay: .2s;
		}

		.spinner span:nth-child(3) {
			left: 22px;
			animation-delay: .4s;
		}

		.spinner span:nth-child(4) {
			left: 33px;
			animation-delay: .6s;
		}

		.spinner span:nth-child(5) {
			left: 44px;
			animation-delay: .8s;
		}

@keyframes preloader_1 {
	0% {
		height: 5px;
		transform: translateY(0px);
		background: #2CA6E0;
	}

	25% {
		height: 30px;
		transform: translateY(15px);
		background: #fff;
	}

	50% {
		height: 5px;
		transform: translateY(0px);
		background: #2CA6E0;
	}

	100% {
		height: 5px;
		transform: translateY(0px);
		background: #2CA6E0;
	}
}

/* Contents */
#rc_concept {
	background: #00003A url(bg_top.jpg) no-repeat center top;
	background-size: 100% auto;
	height:0;
	padding:0 0 146% 0;
	position: relative;
}

	#rc_concept h1 {
		position: absolute;
		width: 100%;
		padding-top: 6%;
	}

		#rc_concept h1 span {
			display: block;
			height: 0;
			padding: 0 0 37% 0;
			font-size: 20%;
			text-indent: -940px;
			overflow: hidden;
			background: url(top_msg.png) no-repeat center top;
			background-size: 100% auto;
			animation-delay: 1s;
		}

#concept_body {
	padding: 133% 7% 0 7%;
	color: #fff;
	font-family: "リュウミン M-KL";
	letter-spacing: 0.27em;
	font-size: 2.1rem;
	line-height: 2.25;
}

	#concept_body p {
		-webkit-font-smoothing: subpixel-antialiased;
	}


		#concept_body p.mb {
			padding: 0 0 2.6em 0;
		}


@media screen and (max-width:768px) {
	#concept_body {
		padding: 133% 4.7% 0 4.7%;
		font-size: 1.8rem;
	}
}

@media screen and (max-width:480px) {
	#concept_body {
		padding-top: 100vh;
		font-size: 1.6rem;
		letter-spacing: 0.15em;
	}
}