@charset "utf-8";

	.page {
		height: 100%;
		/*background-image: url(../imgs/img-01.png);*/
		background-repeat: no-repeat;
		background-position: center;
	}

	body #gFooter {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

@media only screen and (max-width:640px) {
	.page {
		height: auto;
		background-image: none;
	}
	body #gFooter {
		position: relative;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}

}



	.mainVisual {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 780px;
		height: 180px;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		pointer-events: none;
	}
	.mainVisual .lead {
		font-size: 72px;
		letter-spacing: 0;
		line-height: 180px;
		text-align: center;
		-webkit-animation-name: blurText;
		animation-name: blurText;
	  -webkit-animation-duration: 10s;
	  animation-duration: 10s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	}
	@keyframes blurText {
	  0%   { -webkit-filter: blur(17px); filter: blur(17px); opacity: .5; }
	  50%  { -webkit-filter: blur(2px); filter: blur(3px); opacity: .8; }
	  100% { -webkit-filter: blur(17px); filter: blur(17px); opacity: .5; }
	}

@media only screen and (max-width:640px) {
	.mainVisual {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		height: 240px;
		-webkit-transform: inherit;
		transform: inherit;
	}
	.mainVisual .lead {
		font-size: 36px;
		line-height: 240px;
	}
}


	.infoBox {
		position: absolute;
		left: 60px;
	}
	.infoBox .content_title {
		display: inline-block;
		position: relative;
		margin-bottom: 40px;
	}
	.infoBox .content_title::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: -5px;
		width: 120%;
		height: 1px;
		background-color: #000;
	}

	.infoList dt,
	.infoList dd {
		float: left;
		margin-top: 5px;
	}
	.infoList dt:first-of-type,
	.infoList dd:first-of-type {
		margin-top: 0;
	}
	.infoList dt {
		clear: both;
		margin-right: 40px;
	}
	.infoList a {
		color: #999;
		text-decoration: underline;
	}
	.infoList a:hover {
		text-decoration: none;
	}

@media only screen and (max-width:640px) {
	.infoBox {
		position: static;
		left: inherit;
		padding: 0 20px;
	}
	.infoBox .content_title {
		font-size: 8px;
		margin-bottom: 20px;
	}
	.infoList dt,
	.infoList dd {
		display: block;
		float: none;
		font-size: 9px;
		margin-top: 0;
	}
	.infoList dt {
		margin-top: 15px;
	}
}