@charset "utf-8";
/*================================================================================================

* 3つのポイント *

================================================================================================*/
body.recruit section.point {
	width: 100%;
	padding: 0rem 1rem 6rem 1rem;
	background: #fff;
}

body.recruit section.point .item-wrap {
	width: 100%;
}
body.recruit section.point .item-wrap .item {
	width: 100%;
	margin-bottom: 4rem;
	position: relative;
}

body.recruit section.point .item-wrap .item .img {
	width: 60%;
	content: "";
	margin: auto;position: absolute;top: 0;bottom: 0;left: 0;
	z-index: 1;
}

	body.recruit section.point .item-wrap .item:nth-child(1) .img {
		background: url(../../img/recruit/01.jpg)no-repeat 100% 75% / cover;
	}

	body.recruit section.point .item-wrap .item:nth-child(2) .img {
		background: url(../../img/recruit/02.jpg)no-repeat 100% 69% / cover;
	}

	body.recruit section.point .item-wrap .item:nth-child(3) .img {
		background: url(../../img/recruit/03.jpg)no-repeat center / cover;
	}

body.recruit section.point .item-wrap .item .info-container {
	width: 50%;
	padding: 6rem 0rem;
	margin-left: auto;
	position: relative;
	z-index: 2;
}
	body.recruit section.point .item-wrap .item .info-container .info-wrap {
		width: 100%;
		background: #fff;
		box-shadow: 0 21px 27px -7px rgba(10,10,10,0.1);
		border-radius: 3px;
		overflow: hidden;
	}
	body.recruit section.point .item-wrap .item .info-container .info-wrap .label {
		width: 50px;
		background: #f5f5f7;
		position: relative;
	}
		body.recruit section.point .item-wrap .item .info-container .info-wrap .label::after {
			font-size: 2rem;
			font-weight: 700;
			color: #d7d7d9;
			text-align: center;
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			-o-writing-mode: vertical-rl;
			writing-mode: vertical-rl;
			margin: auto;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 15px;
			transform: rotate(180deg);
			content: "POINT 1";
		}
			body.recruit section.point .item-wrap .item:nth-child(2) .info-container .info-wrap .label::after {
				content: "POINT 2";
			}
			body.recruit section.point .item-wrap .item:nth-child(3) .info-container .info-wrap .label::after {
				content: "POINT 3";
			}

	body.recruit section.point .item-wrap .item .info-container .info-wrap > .inner {
		width: calc(100% - 50px);
		padding: 4rem 2rem;
	}

	body.recruit section.point .item-wrap .item .info-container .info-wrap h2 {
		font-size: 1.25rem;
		font-weight: 700;
		position: relative;
		margin-bottom: 1rem;
	}

/* 偶数設定 ================================================*/
body.recruit section.point .item-wrap .item:nth-of-type(even) .img {
	margin: auto;position: absolute;top: 0;bottom: 0;left: auto;right: 0;
}
body.recruit section.point .item-wrap .item:nth-of-type(even) .info-container {
	margin-right: auto;
	margin-left: 0;
}


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

body.recruit section.point .item-wrap {
	max-width: 580px;
	margin: 0 auto;
}

body.recruit section.point {
	padding: 0rem 1rem 4rem 1rem;
}

body.recruit section.point .item-wrap .item .img,
body.recruit section.point .item-wrap .item:nth-of-type(even) .img {
	width: 100%;
	position: relative;
	min-height: 280px;
}

body.recruit section.point .item-wrap .item .info-container,
body.recruit section.point .item-wrap .item:nth-of-type(even) .info-container {
	width: calc(100% - 2rem);
	margin: 0 auto;
	padding: 0;
	transform: translateY(-2rem);
}
body.recruit section.point .item-wrap .item .info-container .info-wrap > .inner,
body.recruit section.point .item-wrap .item:nth-of-type(even) .info-container .info-wrap > .inner {
	padding: 2rem;
}
/********************/}

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

* スタッフの声 *

================================================================================================*/
.bubble-item {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.bubble-item .img {
	width: 250px;
	height: 250px;
	background: url(../../img/smp-img/002.jpg)no-repeat center / cover;
	border-radius: 100%;
}
.bubble-item .info {
	width: calc(100% - 300px);
	padding: 2rem;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 21px 27px -7px rgba(10,10,10,0.1);
}
.bubble-item .info h3 {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}


@media only screen and (max-width: 768px) {
.bubble-item {
	max-width: 380px;
}
body.recruit section.point .item-wrap + .section-title-sub {
	margin-bottom: 2rem;
}

.bubble-item .img {
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
.bubble-item .info {
	width: calc(100% - 0px);
}
.bubble-item .info h3 {
	text-align: center;
}

/********************/}

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

* リスト *

================================================================================================*/
body.recruit section.list {
	width: 100%;
	padding: 6rem 1rem 6rem 1rem;
	background: #fafafc;
}

body.recruit section.list .item-wrap {
	width: 100%;
}

body.recruit section.list .item-wrap .item {
	width: calc(50% - 2rem);
	background: #fff;
	margin-right: 4rem;
	margin-bottom: 4rem;
	position: relative;
	box-shadow: 0 21px 27px -7px rgba(10,10,10,0.05);
}
	body.recruit section.list .item-wrap .item:nth-of-type(even) {
		margin-right: 0rem;
	}
	body.recruit section.list .item-wrap .item:last-child {
		margin-bottom: 0rem;
	}

body.recruit section.list .item-wrap .item > .inner {
	padding: 2rem;
	padding-top: 9rem;
}

body.recruit section.list .item-wrap .item h2 {
		min-width: 75%;
		max-width: calc(100% - 1rem);
		padding: 1.5rem 1rem;
		background: #3a3a3a;
		color: #fff;
		font-weight: 700;
		content: "";
		margin: auto;position: absolute;top: 2rem;left: -1rem;
}
	body.recruit section.list .item-wrap .item h2::after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 15px 15px 0;
		border-color: transparent #000 transparent transparent;
		content: "";
		margin: auto;position: absolute;bottom: -15px;left: 0rem;
	}

@media only screen and (max-width: 768px) {
body.recruit section.list .item-wrap .item {
	width: calc(100% - 0rem);
	margin: 0;
	margin-bottom: 4rem;
}
body.recruit section.list {
	padding: 4rem 2rem 4rem 2rem;
}
body.recruit section.list .p1080 {
	margin: 0 auto;
	max-width: 580px;
}
/********************/}

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

* メディアクエリ *

================================================================================================*/
@media only screen and (max-width: 1024px) {
/********************/}
@media only screen and (max-width: 768px) {
/********************/}
@media only screen and (max-width: 768px) {
/********************/}