main h1.pageTitle {
	height: 0;
	margin-bottom: 90px;
	padding-top: calc(500 / 1280 * 100%);
	background: url(/recruit/about/message/images/tit_aboutMessage_pc.jpg) no-repeat;
	background-size: cover;}
main h1.pageTitle:before {
	content: "MESSAGE";
	position: absolute;
		top: calc(50% - 50px);
		right: 20%;
		left: auto;
	font-weight: bold;}
.Name {
	position: absolute;
	display: flex;
		align-items: center;
	color: #e60012;
	font-size: 1.4rem;
	top: calc(50% + 87px / 2 - 14px / 2 + 18px);
	right: 20%;
	left: auto;}
.Name span {
	margin: 0 0 0 14px;
	font-size: 1.8rem;}

/* ----------------------------------------
aboutMessage
----------------------------------------*/
.aboutMessage {
	margin: 0 0 140px 0;}
.aboutMessage section {
	width: 660px;
	margin: 0 auto;}
.aboutMessage h2 {
	display: flex;
		justify-content: center;
		align-items: center;
	margin: 0 0 90px 0;
	text-align: center;}
.aboutMessage h2:before,
.aboutMessage h2:after {
	content: "";
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #333;}
.aboutMessage h2 strong {
	padding: 0 45px;
	color: #333;
	font-size: 3.6rem;}

.aboutMessage section h3 {
	margin: 0 0 90px 0;
	color: #e60012;
	font-size: 1.8rem;
  line-height: 1.8;
	text-align: center;}
.aboutMessage section p {
  /*margin: 0 0 80px 0;*/
	margin: 0 0 40px 0;
	color: #333;
	line-height: 2;}
.aboutMessage section figure {}
.aboutMessage section figure img {
	width: 100%;}


.AboutMessage .aboutMessage ul {
  padding: 30px 30px 10px;
  margin: 0 0 40px 7px;
  border:1px solid #e60012;
}
.AboutMessage .aboutMessage ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 15px;
  font-size: 2rem;
}
.AboutMessage .aboutMessage ul li::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 18px;
  left: 1px;
  top: 5px;
  margin: 0 0 auto;
  border-right: 3px solid #e60012;
  border-bottom: 3px solid #e60012;
  transform: rotate(45deg) translate(-25%);
}