@charset "utf-8";

/*******************************
  個別設定
*******************************/

	#pageTitle {
		margin: 0 0 50px;
		text-align: center;
	}
	#contents {
		background: url(../imgs/viloop/bg-01.jpg) 50% 0 no-repeat;
	}
	#lead {
		max-width: 1500px;
		margin: 0 auto 65px;
		position: relative;
	}
	#lead .wrap {
		padding-top: 90px;
	}
	#lead .inner {
		padding: 0 0 0 45%;
		text-align: center;
	}
	#lead .title {
		margin: 0 0 70px;
	}
	#lead .catch {
		margin: 0 0 25px;
		font-size: 28px;
		line-height: 38px;
	}
	#lead p {
		font-size: 16px;
		line-height: 2;
	}
	#lead .image {
		position: absolute;
		top: 45px;
		left: 0;
	}
	
	#detail {
		margin: 0 0 115px;
	}
	#detail .text {
		width: 46%;
		margin: 0 6.5% 0 0;
		padding: 180px 0 0;
		float: left;
	}
	#detail .text .title {
		font-size: 20px;
		font-weight: normal;
		line-height: 32px;
	}
	#detail .image {
		width: 40%;
		float: left;
	}
	
@media only screen and (max-width:1280px) {
	#lead .inner {
		padding: 0;
	}
	#lead .image {
		position: static;
	}
	#lead .wrap {
		padding-top: 40px;
	}
	#detail .text {
		padding: 0;
	}
}
@media only screen and (max-width:640px) {
	#lead .catch {
		font-size: 18px;
		line-height: 1.5;
	}
	#lead p {
		line-height: 1.5;
		text-align: left;
	}
	#lead p br.pc {
		display: none;
	}
	#detail .text {
		width: auto;
		margin: 0 0 30px;
		float: none;
	}
	#detail .image {
		width: auto;
		float: none;
	}
}
@media only screen and (max-width:480px) {
}