/* --------------------------------------------------- */
.recruit1 {
	max-width: 1000px;
	width: 90%;
	margin: 0px auto 50px;
}
.recruit1 .mv {
	width: 100%;
	height: 350px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background: url(../images/recruit/mv.jpg) no-repeat center center;
	background-size: cover;
	margin-bottom: 50px;
}
.recruit1 dl {
	max-width: 540px;
	width: 100%;
	margin: 0px auto;
}
.recruit1 dt {
	text-align: center;
	margin-bottom: 25px;
	font-family: kan48typos-std, sans-serif;
	font-weight: 400;
	font-size: 180%;
	letter-spacing: 4px;
}
.recruit1 dd {
}
/* --------------------------------------------------- */
.recruit2 {
	max-width: 1000px;
	width: 90%;
	margin: 0px auto 60px;
}
.recruit2 .box {
	background-color: #9BC388;
	color: #fff;
	padding: 40px;
	width: 60%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	position: relative;
	margin-bottom: 30px;
}
.recruit2 .box:nth-child(odd) {
	float: left;
}
.recruit2 .box:nth-child(even) {
	float: right;
}
.recruit2 .box p {
	margin-bottom: 20px;
	font-size: 90%;
}
.recruit2 .box p strong {
	display: block;
	font-family: kan48typos-std, sans-serif;
	font-weight: 400;
	font-size: 180%;
}
.recruit2 .box .point1,
.recruit2 .box .point2,
.recruit2 .box .point3,
.recruit2 .box .point4 {
	display: block;
	background: url(../images/common/mizutama3.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	z-index: 5;
}
.recruit2 .box .point1 {
	width: 110px;
	height: 110px;
	right: -5%;
	top: -5%;
	animation: fuwafuwa1 3s infinite ease-in-out;
}
.recruit2 .box .point2 {
	width: 215px;
	height: 215px;
	left: -230px;
	top: -15%;
	animation: fuwafuwa2 4s infinite ease-in-out;
}
.recruit2 .box .point3 {
	width: 200px;
	height: 200px;
	right: -170px;
	top: 5%;
	animation: fuwafuwa3 3s infinite ease-in-out;
}
.recruit2 .box .point4 {
	width: 60px;
	height: 60px;
	right: 15%;
	top: -5%;
	animation: fuwafuwa4 5s infinite ease-in-out;
}
@keyframes fuwafuwa1 {
  0% {transform: translate(0, 0);}
  50% {transform: translate(0, -10px);}
  100% {transform: translate(0, 0);}
}
@keyframes fuwafuwa2 {
  0% {transform: translate(0, 0);}
  50% {transform: translate(0, -5px);}
  100% {transform: translate(0, 0);}
}
@keyframes fuwafuwa3 {
  0% {transform: translate(0, 0);}
  50% {transform: translate(0, -10px);}
  100% {transform: translate(0, 0);}
}
@keyframes fuwafuwa4 {
  0% {transform: translate(0, 0);}
  50% {transform: translate(0, -5px);}
  100% {transform: translate(0, 0);}
}
.recruit2 .ph {
	max-width: 600px;
	width: 90%;
	margin: 0px auto;
}
/* --------------------------------------------------- */
.recruit3 {
	width: 100%;
	background-color: #eee;
	padding: 50px 0;
	margin-bottom: 1px;
}
.recruit3 .inner {
	max-width: 1000px;
	width: 90%;
	margin: 0px auto;
}
.recruit3 .inner .ph {
	float: right;
	width: 250px;
	margin-left: 30px;
	margin-bottom: 5px;
}
.recruit3 .inner dl {
}
.recruit3 .inner dt {
	font-family: kan48typos-std, sans-serif;
	font-weight: 400;
	font-size: 180%;
	margin-bottom: 30px;
}
.recruit3 .inner dd {
}
.recruit3 .inner dd p {
	margin-bottom: 20px;
}
.recruit3 .inner dd .name {
	margin-bottom: 0px;
	font-size: 90%;
}
.recruit3 .inner dd .name span {
	display: inline-block;
	margin-left: 10px;
	font-size: 120%;
	font-family: kan48typos-std, sans-serif;
	font-weight: 400;
}
/* --------------------------------------------------- */



@media screen and (max-width: 900px) {
	/* --------------------------------------------------- */
	.recruit1 .mv {
		height: 250px;
	}
	.recruit1 dt {
		font-size: 160%;
	}
	/* --------------------------------------------------- */
	.recruit2 .box {
		padding: 40px;
		width: 80%;
	}
	.recruit2 .box p strong {
		font-size: 160%;
	}
	/* --------------------------------------------------- */
	.recruit3 .inner .ph {
		width: 200px;
	}
	.recruit3 .inner dt {
		font-size: 160%;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 680px) {
	/* --------------------------------------------------- */
	.recruit1 .mv {
		height: 170px;
	}
	.recruit1 dt {
		font-size: 150%;
	}
	/* --------------------------------------------------- */
	.recruit2 .box {
		padding: 30px;
		width: 95%;
		margin-bottom: 20px;
	}
	.recruit2 .box p strong {
		font-size: 150%;
	}
	/* --------------------------------------------------- */
	.recruit3 .inner .ph {
		width: 120px;
		margin-left: 20px;
	}
	.recruit3 .inner dt {
		font-size: 140%;
		margin-bottom: 20px;
		line-height: 160%;
	}
}