@charset "utf-8";

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

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

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


/*-------------------------------------------------------------------
 TAB layout
-------------------------------------------------------------------*/
@media only screen and (max-width: 1140px) {

.pageTitleArea {
	height: 20vw;
}
.pageTitleArea .pageTitle {
	font-size: 2.8vw;
}
.leadArea {
	padding-top: 7vw;
}
.leadArea p {
	font-size: 1.54vw;
}
.leadArea p + p {
	margin-top: 3.4vw;
}
.sectionTtlArea {
	height: 7vw;
}
.sectionTtlArea .sectionTtl {
	font-size: 2.3vw;
}
.sectionTtlArea.promiseTtlArea {
	margin-top: 18vw;
}
.sectionTtlArea.contactTtlArea {
	margin-top: 8vw;
}
.promiseArea {
	padding-top: 5.6vw;
}
.promiseArea .promiseList > li + li {
	margin-top: 4.8vw;
}
.promiseArea .promiseTtl {
	font-size: 2vw;
}
.promiseArea .promiseTxt {
	padding-left: 3.3vw;
	font-size: 1.2vw;
}
.contactArea {
	padding-top: 5.5vw;
	padding-bottom: 5.8vw;
}
.contactArea .contactName,
.contactArea .contactMail,
.contactArea .contactNote {
	font-size: 1.54vw;
}
.contactArea .contactNote {
	margin-top: 2.6vw;
}

}


/*-------------------------------------------------------------------
 SP layout
-------------------------------------------------------------------*/
@media only screen and (max-width: 769px) {

.pageTitleArea {
	height: 110px;
}
.pageTitleArea .pageTitle {
	padding: 0 16px;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 1.6;
}
.leadArea {
	padding-top: 40px;
}
.leadArea p {
	font-size: 15px;
	line-height: 1.9;
}
.leadArea p + p {
	margin-top: 28px;
}
.sectionTtlArea {
	height: 62px;
}
.sectionTtlArea .sectionTtl {
	padding: 0 16px;
	box-sizing: border-box;
	font-size: 21px;
}
.sectionTtlArea.promiseTtlArea {
	margin-top: 60px;
}
.sectionTtlArea.contactTtlArea {
	margin-top: 44px;
}
.promiseArea {
	padding-top: 34px;
}
.promiseArea .promiseList > li + li {
	margin-top: 34px;
}
.promiseArea .promiseTtl {
	font-size: 18px;
	line-height: 1.6;
}
.promiseArea .promiseTtl .num {
	margin-right: 4px;
}
.promiseArea .promiseTxt {
	margin-top: 8px;
	padding-left: 1.2em;
	font-size: 14px;
	line-height: 1.85;
}
.contactArea {
	padding-top: 34px;
	padding-bottom: 40px;
}
.contactArea .contactName,
.contactArea .contactMail,
.contactArea .contactNote {
	font-size: 15px;
	line-height: 1.9;
}
.contactArea .contactNote {
	margin-top: 22px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.footer {
	padding: 16px 0;
}
.footer .copyright {
	font-size: 11px;
}

}


/*-------------------------------------------------------------------
 SP small layout
-------------------------------------------------------------------*/
@media only screen and (max-width: 360px) {

.pageTitleArea .pageTitle {
	font-size: 18px;
}
.sectionTtlArea .sectionTtl {
	font-size: 19px;
}
.promiseArea .promiseTtl {
	font-size: 16px;
}

}