@charset "utf-8";

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

	#mainImage {
		max-width: 1500px;
		margin: 0 auto 80px;
		position: relative;
	}
	#mainImage .headline {
		width: 80%;
		margin: -60px 0 0;
		position: absolute;
		top: 50%;
		left: 10%;
		color: #fff;
		line-height: 1;
	}
	#pageTitle {
		margin: 0 0 15px;
		font-size: 70px;
		font-weight: normal;
	}
	#mainImage .catch {
		font-size: 24px;
		line-height: 1.5;
	}
	
	.panel {
		width: 48%;
		margin: 0 0 40px;
		float: left;
	}
	.panel.odd {
		margin-right: 4%;
		clear: both;
	}
	.panel .title {
		border: 1px solid #eaeaea;
		background: #f7f7f7;
		text-align: center;
	}
	.panel .title span {
		display: block;
		padding: 21px 10px;
		font-size: 24px;
		line-height: 1.5;
	}
	.panel .inner {
		min-height: 185px;
		padding: 25px 0 0;
		background: 0 0 no-repeat;
		background-size: 100% auto;
	}
	#panel01 .inner {
		background-image: url(../imgs/img-06.jpg);
	}
	#panel02 .inner {
		background-image: url(../imgs/img-07.jpg);
	}
	#panel03 .inner {
		background-image: url(../imgs/img-08.jpg);
	}
	#panel04 .inner {
		background-image: url(../imgs/img-09.jpg);
	}
	#panel05 .inner {
		background-image: url(../imgs/img-10.jpg);
	}
	.panel .label {
		padding: 0 0 0 1em;
		text-indent: -1em;
		font-size: 14px;
		line-height: 1.5;
	}
	.panel .label + .label {
		margin-top: 15px;
	}
	.panel .text {
		font-size: 14px;
		line-height: 1.7;
	}
	.panel img.tel {
		vertical-align: middle;
	}
	.panel .pdf {
		margin: 25px 0 0;
	}
	#panel02 .text {
		min-height: 92px;
	}
	
	a.tel {
		cursor: default;
	}

	
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1020px) {
}
@media only screen and (max-width:900px) {
	#mainImage .headline {
		margin: 0;
		transform: translateY(-50%);
	}
	#pageTitle {
		margin: 0 0 10px;
		font-size: 24px;
	}
	#mainImage .catch {
		font-size: 14px;
	}
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:640px) {
	.panel {
		width: auto;
		margin: 0 0 30px;
		float: none;
	}
	.panel.odd {
		margin-right: 0;
		clear: both;
	}
	#panel02 .text {
		min-height: 0;
	}
}
@media only screen and (max-width:480px) {
	#mainImage .headline {
		padding: 30px 10px 0;
		position: static;
		transform: translateY(0);
		color: #000;
	}
}