@charset "UTF-8";

/**
 * Waku Wwaku Base - Recruit Stylesheet
 *
 * - Override
 * - Realization
 * - Policy
 *
 */


/* ----------------------------
	Override
---------------------------- */

/* Page
---------------------------- */
.page-head h2 {
	background-image: url(../img/icon/icon-recruit.png);
	letter-spacing: 1em;
	text-indent: 1em;
}
.page-side-body {
	background-image: url(../img/recruit/bg-nav.png);
}
.page-side h3 {
	bottom: 215px;
}
.page-side ul {
	top: 144px;
}
.page-side-banner a {
	padding-left: 68px;
}
.page-side-banner a:before {
	left: 47px;
}
.page-side-banner small {
	margin-left: 0;
}
.page-body {
	position: relative;
	top: -90px;
}
.page-main:before {
	background-image: url(../img/recruit/bg-polka.png);
}
.page-main:after {
	background-image: url(../img/recruit/bg-rain.png);
}
.page-body:before {
	background-image: url(../img/recruit/bg-sun.png);
	top: 2120px;
}

@media screen and (max-width: 767px) {
	.page-head h2 {
		background-size: 33px auto;
	}
	.page-body {
		top: 0;
	}
	.page-body:before {
		top: 1590px;
	}
}


/* ----------------------------
	Realization
---------------------------- */
.realization {
	padding-right: 285px;
	position: relative;
}
.realization-image {
	position: absolute;
	right: -105px;
	top: 30px;
}
.realization-body h5 {
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
.realization-body p {
	margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
	.realization {
		padding-right: 0;
	}
	.realization-image {
		display: none;
		margin-bottom: 20px;
		text-align: center;
		position: static;
	}
	.realization-image img {
		width: 181.5px;
	}
	.realization-body h5 {
		font-size: 16px;
	}
	.realization-body p {
		margin-bottom: 15px;
	}
}



/* ----------------------------
	Policy
---------------------------- */
#policy .medium-small {
	margin-top: 8px;
	width: 270px;
}

@media screen and (max-width: 767px) {
	#policy .medium-small {
		margin-top: 8px;
		width: 100%;
	}
}