@charset "utf-8";
/* CSS Document */
/*========================================
　　事業紹介
========================================*/
#message {
	background: #EFF5F8;
}
#message #title {
	background-image: url("../../img/message/title.jpg");
}
#messageMain {
	padding: 70px 0 100px;
}
*#messageMain dl {
	position: relative;
	background: #FFF;
}
#message dl dt {
	position: absolute;
	left: 40px;
	top: 40px;
	width: 260px;
	z-index: 1;
}
#message dl dt img {
	width: 100%;
	height: auto;
}
#message dl dd {
	position: relative;
	padding: 0 0 0 300px;
	z-index: 0;
}
#message dl dd div {
	padding: 60px;
}
/*#messageMain dl {
	position: relative;
	padding: 100px 0 0;
}
#message dl dt {
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	z-index: 1;
}
#message dl dt img {
	width: 100%;
	height: auto;
}
#message dl dd {
	position: relative;
	margin: 0 30% 0 0;
	padding: 0 10% 0 0;
	background: #FFF;
	z-index: 0;
}
#message dl dd div {
	padding: 60px;
}*/
#message dl dd span {
	/*position: absolute;
	right: 60px;
	bottom: 30px;*/
	display: block;
	width: 306px;
	margin: 40px 0 0 auto;
}
#message dl dd span img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	#messageMain {
		padding: 30px 0 60px;
	}
	#message dl {
		padding: 40px 0 0;
		background: none;
	}
	#message dl dt {
		left: 0;
		top: 0;
		width: 40%;
	}
	#message dl dd {
		margin: 0 -20px 0 30%;
		padding: 0;
		background: #FFF;
	}
	#message dl dd div {
		padding: 20px 20px 20px 20%;
	}
	/*#messageMain dl {
		margin: 0 0 0 -20px;
		padding: 400px 0 0;
	}
	#message dl dt {
		width: 100%;
		height: 500px;
		overflow: hidden;
		z-index: 0;
	}
	#message dl dt img {
		width: 100%;
		height: auto;
		margin: -30% 0 0;
	}
	#message dl dd {
		margin: -50px -20px 0 20px;
		padding: 0;
		z-index: 1;
	}
	#message dl dd div {
		padding: 30px 20px;
	}*/
	#message dl dd span {
		position: static;
		right: auto;
		bottom: auto;
		width: 200px;
		margin: 0 0 0 auto;
		padding: 40px 0 0;
	}
	#message dl dd span img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 480px) {
	#messageMain dl {
		padding: 200px 0 0;
	}
	#message dl dt {
		width: 200px;
	}
	#message dl dd {
		margin: 0 -20px 0 20px;
	}
	#message dl dd div {
		padding: 100px 20px 20px;
	}
}
@media screen and (max-width: 370px) {
	#messageMain dl {
		margin: 0 0 0 -10px;
	}
	#message dl dd {
		margin: 0 -10px 0 10px;
	}
}