main h1.pageTitle {}
main h1.pageTitle:before {
	content: "ABOUT US"}

/* ----------------------------------------
about
----------------------------------------*/

.aboutWrap {
	margin: 0 0 120px 0;}
.aboutContents {
	margin: 0 auto;}
.aboutMessage {
	display: flex;
	width: 1160px;
	margin: 0 auto 40px auto;}
.aboutMessage .imgArea {
	width: calc(100% - 490px);
	min-width: 0;
	overflow: hidden;}
.aboutMessage .imgArea span {
	display: block;
	width: 100%;
	height: 580px;
	background: url(/recruit/images/home/img-aboutMessage_pc.jpg) no-repeat center;}
.aboutMessage .detailArea {
	width: 490px;
	padding: 130px 0 60px 70px;
	background: #fff;
	text-align: center;}
	.aboutMessage .detailArea *:not(.moreBtnArea) {
		text-align: left;}
.aboutMessage .detailAreaDeco {
	margin: 0 0 40px 0;
	color: #e60012;
	font-size: 2rem;}
.aboutMessage .detailArea h3 {
	margin: 0 0 70px 0;
	color: #333;
	font-size: 3.4rem;
	line-height: 5.3rem;}
.moreBtnArea {
    display: inline-block;
    color: #fff;}

.subArea {
	display: flex;
		justify-content: center;
	padding: 20px 0;
	background: #eee;}
.subArea > li {
	width: 420px;
	margin: 0 20px 0 0;
	color: #e60012;
	font-size: 2rem;
	text-align: center;}
.subArea > li:last-child {
	width: 283px;
	margin-right: 0;
	background: none;}
.subArea > li > a {
	display: block;
	height: 100%;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.subArea li a:after {
		display: none;}
	.subArea li a .subAreaWrap {
	position: relative;
	height: 100%;
	overflow: hidden;
	transition: transform 0.4s;}
	.subArea li a.hover .subAreaWrap {
		transform: scale(0.9);}
.subArea figure {
	height: 194px;}
.subArea figure img {
	width: 100%;}
.txtBox {
	/*position: absolute;*/
		bottom: 0;
	display: flex;
		justify-content: center;
		align-items: center;
	width: 100%;
	height: calc(100% - 194px);
	background: #fff;}
a[target="_blank"] .txtBox:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	background: url(/recruit/images/common/blank.png) no-repeat;
	background-size: contain;}

.subArea > li > ul > li {
	margin: 0 0 20px 0;
	/*height: 127px;*/
	color: #e60012;
	font-size: 2rem;}
.subArea > li > ul > li:last-child {
	margin:0;}
.subArea > li > ul > li > a .subAreaWrap {
	display: flex;
		justify-content: center;
		align-items: center;
	height: 100%;
	line-height: 128px;
	background: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.subArea > li > ul > li > a[target="_blank"] .subAreaWrap:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	background: url(/recruit/images/common/blank.png) no-repeat;
	background-size: contain;}
/*.subArea > li > ul > li > a.hover {
	transform: scale(0.9);}*/


/* List
------------------------------*/



/* Detail
------------------------------*/