@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	recruit

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	common

------------------------------------------------------------------------------*/

main .always_newline {
	display: block;
}

@media screen and (max-width: 767px) {

main .newline {
	display: block;
}

}


/*------------------------------------------------------------------------------

	emphasis_message

------------------------------------------------------------------------------*/

main .site_column .emphasis_message {
	margin-top: 4.5em;
	font-weight: bold;
}

main .site_column > .emphasis_message {
	margin-top: 0;
}

main .site_column .emphasis_message p {
	margin-bottom: 2em;
	text-align: center;
	font-size: 1.125em;
}

main .site_column .emphasis_message p:last-of-type {
	margin-bottom: 0;
}

main .site_column .emphasis_message .down_arrow {
	width: 80px;
	margin: 3em auto;
}

@media screen and (max-width: 767px) {

main .site_column .emphasis_message .down_arrow {
	width: 15vw;
}

}


/*------------------------------------------------------------------------------

	understand_num

------------------------------------------------------------------------------*/

#content main .understand_num {
	margin-top: 5em;
}


/*------------------------------------------------------------------------------

	voice

------------------------------------------------------------------------------*/

main .voice .group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 2.5em;
}

main .voice section:nth-of-type(2n) .group {
	flex-direction: row-reverse;
}

main .voice .group .text {
	flex: 1;
}

main .voice .group figure {
	width: 30%;
	margin: 0 0 0 4.3%;
}

main .voice section:nth-of-type(2n) .group figure {
	margin-left: 0;
	margin: 0 4.3% 0 0;
}

main .voice h3 span {
	padding-left: .25em;
	font-size: .75em;
}

main .voice section:first-child h4 {
	margin-top: 0;
}

@media screen and (max-width: 767px) {

main .voice .group,
main .voice section:nth-of-type(2n) .group {
	flex-direction: column-reverse;
	margin-top: 5vw;
}

main .voice .group figure,
main .voice section:nth-of-type(2n) .group figure {
	width: 100%;
	margin: 0 0 8vw;
}

}


/*------------------------------------------------------------------------------

	recruitment

------------------------------------------------------------------------------*/

main .recruitment table th {
	white-space: nowrap;
}

@media screen and (max-width: 767px) {

main .recruitment table th,
main .recruitment table td {
	padding-right: 2vw;
	padding-left: 2vw;
	font-size: 2.75vw;
}

}