@charset "utf-8";
/*------------------------------------------------------------
	company
------------------------------------------------------------*/
@media all and (max-width: 896px) {
}

/* messageBox */
#main .messageBox {
	margin-bottom: 5.5rem;
}
#main .messageBox .subTitle {
	text-align: left;
	color: #003399;
	font-size: 2.4rem;
	position: relative;
	z-index: 10;
	margin: 0 5rem -6.5rem;
}
#main .messageBox .bgBox {
	padding: 10.5rem 5rem 15rem;
	background: url("../img/company/bg01.jpg") no-repeat left top / auto 100%;
	position: relative;
}
#main .messageBox .bgBox p {
	margin-bottom: 3.6rem;
	line-height: 2;
}
#main .messageBox .bgBox p:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 896px) {
	#main .messageBox .subTitle {
		font-size: 1.9rem;
		margin: 0 1.5rem -4.8rem;
	}
	#main .messageBox .bgBox {
		margin: 0 -1.5rem;
		padding: 7rem 3rem 8rem;
		background-size: cover;
	}
	#main .messageBox .bgBox p {
		line-height: 1.8;
		margin-bottom: 2rem;
	}
}

/* policyBox */
#main .policyBox {
	padding: 8.3rem 0 14.7rem;
	background: url("../img/company/bg02.jpg") no-repeat center center / cover;
}
#main .policyBox .headLine01 {
	color: #fff;
	margin-bottom: 10.2rem;
}
#main .policyBox .listUl {
	line-height: 1.66;
}
#main .policyBox .listUl li {
	padding: 3.6rem 2rem 3.8rem 14.2rem;
	background-color: rgba(255, 255, 255, 0.9);
	position: relative;
}
#main .policyBox .listUl li + li {
	margin-top: 1rem;
}
#main .policyBox .listUl .title {
	margin-bottom: 0.3rem;
	color: #003399;
	font-size: 2.4rem;
}
#main .policyBox .listUl .num {
	width: 9rem;
	height: 9rem;
	color: #fff;
	font-family: 'notoserifjp-bold';
	font-size: 3.6rem;
	background-color: #003399;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 3rem;
	left: 2.7rem;
	padding-bottom: 0.3rem;
}
@media all and (max-width: 896px) {
	#main .policyBox {
		padding: 7rem 0 8rem;
	}
	#main .policyBox .headLine01 {
		margin-bottom: 6.2rem;
	}
	#main .policyBox .listUl li {
		padding: 1.5rem 2rem 1.5rem 9rem;
	}
	#main .policyBox .listUl .title {
		margin-bottom: 1rem;
		font-size: 2.2rem;
		line-height: 1.4;
	}
	#main .policyBox .listUl .num {
		width: 6.5rem;
		height: 6.5rem;
		font-size: 2.8rem;
		top: 2rem;
		left: 1rem;
		padding-bottom: 0.3rem;
	}
}

/* companyBox  */
#main .companyBox {
	padding: 11.3rem 0 0;
}
#main .companyBox .headLine01 {
	margin-bottom: 7.2rem;
}
@media all and (max-width: 896px) {
	#main .companyBox {
		padding: 8rem 0 0;
	}
	#main .companyBox .headLine01 {
		margin-bottom: 5rem;
	}
}