@charset "utf-8";
/* CSS Document */

/*==========================================================
	メインイメージ・タイトルエリア
==========================================================*/

#mainimgArea{
	width: 950px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
}
@media only screen and ( max-width : 599px ) {/*スマホ用*/
#mainimgArea{
	width: 100%;
}
}

/*TOPページ：1枚背景用*/
#mainimgTop{
	text-indent: -9999px;
	background:url(img/mainImg.jpg) no-repeat top center;
	height: 300px;
}
@media only screen and ( max-width : 599px ) {
#mainimgTop{
	width: 100%;
	height: 0;
	padding-top: calc(300 / 600 * 100%);
	/*padding-top: calc(400 / 800 * 100%); */
	background:url(img/mainImg_sm.jpg) no-repeat center top;
	background-size: cover;
	}
}

/*メインキャッチ*/
#mainimgArea dl{
	background-color: rgba( 255, 255, 255, 0.9 );
	display: inline-block;
	padding: 0.5em 2em 1em 2em;
  position: absolute;
	z-index:9999;
  top: 55%;
  left: 50%;
	-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	text-align: center;
}
#mainimgArea dl dt{
	font-size: 28px;
}#mainimgArea dl dd{
	font-size: 14px;
}
#mainimgArea dl em{
	font-size: 40px;
	font-style: normal;
	color:#069;
}
@media only screen and ( max-width : 599px ) {/*スマホ用*/
#mainimgArea dl{
  bottom:0%;
  left:0%;
	top:inherit;
	-webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
	padding: 0.5em 1em 0.7em 1em;
	background-color: rgba( 255, 255, 255, 0.9 );
	text-align: left;
}
#mainimgArea dl dt{
	font-size: 14px;
	white-space: nowrap;
}
#mainimgArea dl dd{
	font-size: 12px;
}
#mainimgArea dl em{
	font-size: 18px;
	font-style: normal;
	color:#069;
}
}