@charset "Shift_JIS";

#corp.bgGray {
	position: relative;
	background:linear-gradient(#ffffff 0%,#ffffff 250px,#f2f2f2 250px,#f2f2f2 100%);
}
#corp .flex3 a figure {
	display: block;
	overflow: hidden;
}
#corp .flex3 a p {
	position: relative;
	padding: 40px 32px 10px;
	font-size: 0.938rem; /* 15px */
	line-height: 1.8;
	}
	@media print, screen and (min-width:768px) {
	#corp .flex3 a p {
		padding: 42px 32px 20px;
	}
	}
	@media print, screen and (min-width:1305px) {
	#corp .flex3 a p {
		padding: 54px 36px 20px;
		font-size: 1.000rem; /* 16px */
	}
}
#corp .flex3 a em {
	position: absolute;
	left: 0;
	top: -20px;
	display: table;
	background: #222;
	color: #fff;
	height: 40px;
	line-height: 43px;
	font-size: 0.938rem; /* 15px */
	font-style: normal;
	padding: 0 32px;
	z-index: 10;
	}
	@media print, screen and (min-width:768px) {
	#corp .flex3 a em {
		font-size: 0.938rem; /* 15px */
	}
	}
	@media print, screen and (min-width:1305px) {
	#corp .flex3 a em {
		height: 47px;
		line-height: 50px;
		font-size: 1.063rem; /* 17px */
		padding: 0 36px;
	}
}
#corp .flex3 a p.moreLine {
	padding-top: 0;
	padding-bottom: 30px;
}
#corp .flex3 a figure img {
	transition: 0.7s;
}
#corp .flex3 a:hover figure img {
	transform: scale(1.1);
}
.bgGray + #hc_searchArea {
	background: #f2f2f2;
}

/* �w�i�F����
------------------------------------------------- */
#corp.solution #contactArea,
#corp.solution #footerSearchArea {
	background: #f2f2f2;
}