main h1.pageTitle {
	padding-top: calc(480 / 750 * 100%);
	background-image: url(/recruit/about/message/images/tit_aboutMessage_sp.jpg);
	background-size: cover;}
main h1.pageTitle:before {
	top: calc(50% - 20px);
	right: 45px;
	font-size: 3.5rem;}
.Name {
	position: absolute;
	display: flex;
		align-items: center;
	color: #e60012;
	font-size: 1rem;
	top: calc(50% + 32px / 2 - 14px / 2 + 10px);
	right: 45px;
	left: auto;
	transform: translateX(0);}
.Name span {
	margin-left: 10px;
	font-size: 1.4rem;}



/* ----------------------------------------
aboutMessage
----------------------------------------*/
.aboutMessage h2 {
	margin-bottom: 50px;}
.aboutMessage h2 strong {
	padding: 0 8px;
	color: #333;
	font-size: 2.5rem;}
.aboutMessage h2:before,
.aboutMessage h2:after {
	width: 50px;}
.aboutMessage section h3 {
	margin-bottom: 50px;}
.aboutMessage section {
	width: calc(100% - 30px * 2);}



.AboutMessage .aboutMessage ul {
    padding: 20px 10px 10px 20px;
    margin: 0 0 40px 7px;
}

.AboutMessage .aboutMessage ul li {
    padding-left: 20px;
    margin-bottom: 12px;
    font-size: 1.6rem;
}

.AboutMessage .aboutMessage ul li::after {
    width: 8px;
    height: 14px;
    left: 1px;
    top: 5px;
    margin: 0 0 auto;
    border-right: 2px solid #e60012;
    border-bottom: 2px solid #e60012;
    transform: rotate(45deg) translate(-25%);
}