@charset "utf-8";

/*=====================================

style.css
公正採用および就活ハラスメント防止に関する宣言

=====================================*/


/*-------------------------------------
 wave （背景の波：インラインSVG）
-------------------------------------*/
.waveBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
}

/* --------------------------------------------------------------
 デザインデータから書き出した波画像に差し替える場合は、
 index.html の <svg class="waveBg">〜</svg> を <span class="waveBg"></span> に
 置き換えたうえで、以下のコメントを解除してください。
----------------------------------------------------------------
.pageTitleArea .waveBg {
	background: url(/company/recruit/harassmentprevention/common/images/wave_head.jpg) no-repeat center center;
	background-size: cover;
}
.promiseTtlArea .waveBg {
	background: url(/company/recruit/harassmentprevention/common/images/wave_band01.jpg) no-repeat center center;
	background-size: cover;
}
.contactTtlArea .waveBg {
	background: url(/company/recruit/harassmentprevention/common/images/wave_band02.jpg) no-repeat center center;
	background-size: cover;
}
---------------------------------------------------------------- */


/*-------------------------------------
 pageTitleArea
-------------------------------------*/
.pageTitleArea {
	position: relative;
	height: 251px;
	overflow: hidden;
}
.pageTitleArea .pageTitle {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.56;
}


/*-------------------------------------
 leadArea
-------------------------------------*/
.leadArea {
	padding-top: 92px;
}
.leadArea p {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.54;
	text-align: justify;
	text-justify: inter-ideograph;
}
.leadArea p + p {
	margin-top: 43px;
}


/*-------------------------------------
 sectionTtlArea
-------------------------------------*/
.sectionTtlArea {
	position: relative;
	height: 90px;
	overflow: hidden;
}
.sectionTtlArea .sectionTtl {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 29px;
	font-weight: 500;
	line-height: 1.2;
}
.sectionTtlArea.promiseTtlArea {
	margin-top: 145px;
}
.sectionTtlArea.contactTtlArea {
	margin-top: 107px;
}


/*-------------------------------------
 promiseArea
-------------------------------------*/
.promiseArea {
	padding-top: 66px;
}
.promiseArea .promiseList > li + li {
	margin-top: 61px;
}
.promiseArea .promiseTtl {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.5;
}
.promiseArea .promiseTtl .num {
	margin-right: 8px;
}
.promiseArea .promiseTxt {
	margin-top: 7px;
	padding-left: 42px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.68;
	letter-spacing: -0.025em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.promiseArea .promiseTxt + .promiseTxt {
	margin-top: 0;
}


/*-------------------------------------
 contactArea
-------------------------------------*/
.contactArea {
	padding-top: 71px;
	padding-bottom: 74px;
	text-align: center;
}
.contactArea .contactName {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.68;
}
.contactArea .contactMail {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.68;
}
.contactArea .contactMail a {
	color: #231f20;
}
.contactArea .contactNote {
	margin-top: 34px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.68;
}


/*-------------------------------------
 footer
-------------------------------------*/
.footer {
	padding: 22px 0;
	background: #efebd0;
	text-align: center;
}
.footer .copyright {
	font-size: 11px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.02em;
}