@charset "utf-8";

label {
	cursor: pointer;
}

.privacyTitle {
	font-weight: 700;
	border-bottom: 1px solid #D3CFCB;
}

.privacyListLink {
	text-decoration: underline;
}

.privacyListLink:hover {
	color: #331D08;
}

.recruit-privacy {
	height: 450px;
	overflow-y: scroll;
}

.loopWrap {
	position: relative;
	display: -webkit-flex;
	display: flex;
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
	overflow: hidden;
}

.loopImgArea {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.loopImgArea.first {
	-webkit-animation: loop 50s -25s linear infinite;
	animation: loop 50s -25s linear infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}

.loopImgArea.second {
	-webkit-animation: loop2 50s linear infinite;
	animation: loop2 50s linear infinite;
}

/*
ここで画像のサイズを決めています。このwidthとpaddingを調整することで表示枚数（範囲）の調整ができます。
レスポンシブの調整をするときもここの数値を変えればOK。
*/
.loopImgBx {
	width: 180px;
	position: relative;
	padding: 0 0 12.9%;
	/* background: #F00; */
}
/*ここまで*/

.loopImgBx img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}

/*アニメーション*/
@-webkit-keyframes loop {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	}

@keyframes loop {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	}

@-webkit-keyframes loop2 {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		transform: translateX(-200%);
	}
	}

@keyframes loop2 {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}

/**/

.recruit-recruitment-row:not(:last-of-type) {
	border-bottom: 1px solid #d1d1d1;
}

.formRow:not(:last-of-type) {
	border-bottom: 1px solid #D3CFCB;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.loopImgBx {
	width: 450px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */