@charset "utf-8";

/*******************************
  個別設定
*******************************/
	.sNav {
		margin-bottom: 0;
	}
	
	#pageTitle {
		margin: 0 0 70px;
		text-align: center;
	}
	#lead {
		padding: 80px 0 0;
		background: #000 url(../imgs/excarePro3/bg-01.jpg) 50% 100% no-repeat;
		color: #fff;
		text-align: center;
	}
	#lead .title {
		margin: 0 0 70px;
	}
	#lead .catch {
		margin: 0 0 20px;
		font-size: 28px;
		line-height: 38px;
	}
	#lead p {
		margin: 0 0 55px;
		font-size: 16px;
		line-height: 2;
	}
	
	#detail {
		margin: 0 0 85px;
		padding: 70px 0 44px;
		background: #142827 url(../imgs/excarePro3/bg-02.jpg) 50% 0 no-repeat;
		color: #fff;
		position: relative;
	}
	#detail .panel {
		width: 32%;
		float: left;
	}
	#detail .num {
		display: inline-block;
		width: 80px;
		background: #fff;
		color: #152a2b;
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
		vertical-align: top;
		text-align: center;
	}
	#detail .title {
		margin: 0 0 5px;
		font-size: 40px;
		line-height: 1;
	}
	#detail .catch {
		margin: 0 0 20px;
		font-size: 16px;
		line-height: 1.5;
	}
	#detail p {
		border-left: 1px solid #fff;
		padding: 0 0 0 10px;
		font-size: 12px;
		line-height: 20px;
	}
	#detail #panel02 {
		width: auto;
		float: right;
		margin-bottom: 210px;
	}
	#detail #panel03 {
		clear: both;
	}
	#detail #panel03,
	#detail #panel04 {
		margin: 0 2% 0 0;
	}
	#detail .image {
		margin: 0 0 0 -211px;
		position: absolute;
		top: 182px;
		left: 50%;
	}

@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:980px) {
	#detail {
		background-size: cover;
	}
	#detail .panel {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	#detail #panel02,
	#detail #panel04 {
		float: left;
		margin: 0 0 20px;
	}
	#detail #panel03,
	#detail #panel05 {
		margin: 0 2% 20px 0;
		clear: both;
	}
	#detail .image {
		margin: 0;
		position: static;
	}
}
@media only screen and (max-width:640px) {
	#lead {
		background-size: cover;
	}
	#lead .catch {
		font-size: 18px;
	}
	#lead p {
		line-height: 1.5;
		text-align: left;
	}
	#lead p br {
		display: none;
	}
	
	#detail .panel,
	#detail #panel02,
	#detail #panel03,
	#detail #panel04,
	#detail #panel05 {
		width: auto;
		margin: 0 0 30px;
		float: none;
	}
	#detail .catch br {
		display: none;
	}
}
@media only screen and (max-width:480px) {
}