@charset "UTF-8";

/*=== エスシーウエルの人TOP ===*/
#VOICE .mv-wrap-01 .inner::before{
	background-image: url(/recruit/imgs/voice/voice_mv.jpg);
}
#VOICE .catch-cnt{
	margin-bottom: 132px;
}
#VOICE .catch-cnt .ttl-04{
	text-align: center;
	margin-bottom: 40px;
}
#VOICE .section{
	/* padding-bottom: 160px; */
}
#VOICE .section .txt-05{
	margin-left: 10px;
}
#VOICE .section .flex-wrap-02 .txt-03{
	text-indent: -1em;
    padding-left: 1em;
}
#VOICE .section .txt-11{
	margin-top: 6px;
}
/* #VOICE .btn-02 a .img-cnt::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(24, 45, 58, 0.90) 1.44%, rgb(156 165 171 / 3%) 50%, rgba(255, 255, 255, 0.00) 100%);
    background-blend-mode: multiply;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
} */
#VOICE .btn-02 a .arrow2 {
    z-index: 2;
}

/* エスシーウエルの人詳細 */
.voice .details-section {
	box-sizing: border-box;
	background: #F1F3F6;
	padding-block: 60px calc(180px + 40px);
	border-radius: 40px 40px 0 0;
	margin-bottom: -40px;
}

.voice .details-section:nth-of-type(even) {
	background: #fff;
}

.voice .details-section .flex-wrap-01 .flex-cnt-01 {
	width: auto;
	flex: 1;
}

.voice .details-section .flex-wrap-01 .flex-cnt-01.img-cnt {
	width: 480px;
	flex: none;
	margin-top: 0;
}

.voice .details-section .ttl-03 {
	text-align: center;
	padding-bottom: 60px;
	border-bottom: 1px solid #7B93A3;
	margin-bottom: 74px;
}

.voice .details-section .ttl-03:has(+ .off-clm) {
	border-bottom: none;
	padding-bottom: 0;
}

.voice .details-section .txt-03 {
	text-indent: -1em;
	padding-left: 1em;
}

.voice .details-section .txt-03+.txt-12 {
	margin-top: 20px;
}

.voice .details-section *+.txt-03:has(+ .txt-12) {
	margin-top: 74px;
}

.voice .details-section .txt-12+.txt-12 {
	margin-top: 1em;
}

.voice .details-section *+.img-cnt {
	margin-top: 80px;
}

.voice .details-section .img-cnt:has(+ *) {
	margin-bottom: 74px;
}

.voice .details-section .img-cnt img {
	border-radius: 8px;
	overflow: hidden;
}

.voice .details-section .off-clm {
	display: flex;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.voice .details-section .off-clm .img-cnt {
	width: 600px;
	margin: 0;
}

.voice .details-section .off-clm .img-cnt img {
	border-radius: initial;
}

.voice .details-section .off-clm .txt-cnt {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-inline: 100px;
	flex: 1;
}

/* ある一日のスケジュール */
.voice .schedule {
	box-sizing: border-box;
	background: #fff url(/recruit/imgs/voice/schedule_icon.svg) no-repeat bottom 40px right 40px / 223px;
	padding: 60px 160px 100px;
	border-radius: 8px;
	margin-top: 100px;
}

.voice .schedule .txt-14 {
	text-align: center;
	margin-bottom: 60px;
}

.voice .schedule .timeline {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
}

.voice .schedule .timeline-col {
	position: relative;
	/* padding-left: 2rem; */
}

.voice .schedule .timeline-col::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.7rem;
	width: 0;
	border-left: 1px dashed #7B93A3;
}

.voice .schedule .timeline-item {
	position: relative;
	padding: 0 0 37px 0;
}

.voice .schedule .timeline-item .txt-16 {
	padding-top: 10px;
	padding-left: 24px;
}

.voice .schedule .timeline-item .timeline-plan {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 0 0 24px;
}

.voice .schedule .timeline-item .timeline-plan::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1.5px;
	width: 12px;
	height: 12px;
	background: #006EFE;
	border-radius: 50%;
}

.voice .schedule .timeline-item .timeline-plan .txt-15 {
	margin-right: 10px;
}

.voice .atnt .txt-16{
	text-align: right;
	margin-top: 20px;
}
.voice .atnt .btn-01{
    margin: 50px auto 0;
    text-align: center;
}

/* 個別 */
#STAFF01 .mv-wrap-02{
	background-image: url(/recruit/imgs/voice/staff01_mv.jpg);
}
#STAFF02 .mv-wrap-02 {
	background-image: url(/recruit/imgs/voice/staff02_mv.jpg);
}
#STAFF03 .mv-wrap-02 {
	background-image: url(/recruit/imgs/voice/staff03_mv.jpg);
}
#STAFF04 .mv-wrap-02 {
	background-image: url(/recruit/imgs/voice/staff04_mv.jpg);
}
#STAFF05 .mv-wrap-02 {
	background-image: url(/recruit/imgs/voice/staff05_mv.jpg);
}

@media only screen and (max-width: 768px) {
	/*=== エスシーウエルの人TOP ===*/
	#VOICE .mv-wrap-01 .inner::before{
		background-image: url(/recruit/imgs/voice/voice_mv_sp.jpg);
	}
	#VOICE .catch-cnt {
		margin-bottom: 13.021vw;
	}
	#VOICE .catch-cnt .ttl-04 {
		text-align: left;
		margin-bottom: 7.813vw;
	}
	#VOICE .section {
		/* padding-bottom: 19.531vw; */
	}
	#VOICE .section .flex-wrap-02{
		gap: 9.507vw;
	}
	#VOICE .section .txt-05 {
		margin-left: 1.302vw;
	}
	#VOICE .section .txt-11{
		margin-top: 1.063vw;
	}

/* エスシーウエルの人詳細 */
	.voice .nav-wrap-01 .inner-m{
		padding: 0 2.604vw;
	}
	.voice .nav-wrap-01 .nav-link-01{
		margin-bottom: 5.209vw;
	}
	.voice .nav-wrap-01 .nav-link-01 li{
		width: calc(100% / 3);
		padding: 0.261vw 1vw;
	}
	.voice .nav-wrap-01 .nav-link-01 li a{
		border-right: 1px solid #7B93A3;
	}
	.voice .nav-wrap-01 .nav-link-01 li:first-child a,
	.voice .nav-wrap-01 .nav-link-01 li:nth-child(3n + 1) a {
		border-left: 1px solid #7B93A3;
	}
    /*奇数処理*/
	.voice .nav-wrap-01 .nav-link-01:has(li:nth-child(odd):last-child) {
    	border-bottom: none;
    }
	.voice .nav-wrap-01 .nav-link-01 li:nth-child(odd):last-child {
    	/* border-bottom: none; */
    }
	.voice .details-section {
		/* box-sizing: border-box; */
		/* background: #F1F3F6; */
		padding-block: 10.417vw calc(13.021vw + 5.209vw);
		border-radius: 5.209vw 5.209vw 0 0;
		margin-bottom: -5.208vw;
	}
	.voice .details-section:nth-of-type(even) {
		/* background: #fff; */
	}
	.voice .details-section .inner-800 {
		padding: 0;
	}
	.voice .details-section .flex-wrap-01 {
		flex-direction: column;
		gap: 5.209vw;
	}
	.voice .details-section .flex-wrap-01 .flex-cnt-01 {
		/* width: auto; */
		/* flex: 1; */
	}

	.voice .details-section .flex-wrap-01 .flex-cnt-01.img-cnt {
		width: 100%;
		/* flex: none; */
	}

	.voice .details-section .ttl-03 {
		/* text-align: center; */
		padding-bottom: 10.417vw;
		/* border-bottom: 0.131vw solid #7B93A3; */
		margin-bottom: 10.417vw;
	}
	.voice .details-section .ttl-03:has(+ .off-clm) {
		/* border-bottom: none; */
		/* padding-bottom: 0; */
	}

	.voice .details-section .txt-03 {
		/* text-indent: -1em; */
		/* padding-left: 1em; */
	}

		.voice .details-section .txt-03+.txt-12 {
			margin-top: 2.605vw;
		}
	
		.voice .details-section *+.txt-03:has(+ .txt-12) {
			margin-top: 10.417vw;
		}
	
		.voice .details-section .txt-12+.txt-12 {
			/* margin-top: 1em; */
		}
	
		.voice .details-section *+.img-cnt {
			margin-top: 5.209vw;
		}
	
		.voice .details-section .img-cnt:has(+ *) {
			margin-bottom: 10.417vw;
		}
	
		.voice .details-section .img-cnt img {
			border-radius: 1.042vw;
			/* overflow: hidden; */
		}
	
		.voice .details-section .off-clm {
			/* display: flex; */
			/* background: #fff; */
			border-radius: 1.303vw;
			/* overflow: hidden; */
			flex-direction: column;
		}
	
		.voice .details-section .off-clm .img-cnt {
			width: 100%;
			/* margin: 0; */
			border-radius: 1.042vw;
			overflow: hidden;
		}

	.voice .details-section .off-clm .img-cnt img {
		/* border-radius: initial; */
	}

		.voice .details-section .off-clm .txt-cnt {
			/* display: flex; */
			/* align-items: center; */
			/* box-sizing: border-box; */
			padding: 10.417vw 13.021vw;
			/* flex: 1; */
		}
	
		/* エスシーウエルの人 */
		/* ある一日のスケジュール */
		.voice .schedule .timeline {
			/* 1列にする場合 */
			/* grid-template-columns: 1fr; */
			/* gap: initial; */
		}
		/* ある一日のスケジュール */
		.voice .schedule {
			/* box-sizing: border-box; */
			/* background: #fff url(/recruit/imgs/voice/schedule_icon.svg) no-repeat bottom 5.209vw right 5.209vw / 29.037vw; */
			background-position: bottom 7.813vw right 5.209vw;
			background-size: 29.037vw;
			padding: 7.813vw 7.032vw 22.006vw;
			border-radius: 1.042vw;
			margin-top: 10.027vw;
		}
	
		.voice .schedule .txt-14 {
			/* text-align: center; */
			margin-bottom: 7.813vw;
		}
	
		.voice .schedule .timeline {
			/* display: grid; */
			/* grid-template-columns: 1fr 1fr; */
			gap: 3.646vw;
		}
	
		.voice .schedule .timeline-col {
			/* position: relative; */
			/* padding-left: 2rem; */
		}
	
		.voice .schedule .timeline-col::before {
			/* content: ""; */
			/* position: absolute; */
			/* top: 0; */
			/* bottom: 0; */
			left: 0.912vw;
			/* width: 0; */
			/* border-left: 0.131vw dashed #7B93A3; */
		}
	
		.voice .schedule .timeline-item {
			/* position: relative; */
			padding: 0 0 5.209vw 0;
		}
	
		.voice .schedule .timeline-item .txt-16 {
			padding-top: 1.303vw;
			padding-left: 3.125vw;
		}
	
		.voice .schedule .timeline-item .timeline-plan {
			/* position: relative; */
			/* display: flex; */
			/* align-items: center; */
			padding: 0 0 0 3.125vw;
		}
	
		.voice .schedule .timeline-item .timeline-plan::before {
			/* content: ""; */
			/* position: absolute; */
			/* top: 50%; */
			/* transform: translateY(-50%); */
			left: 0.261vw;
			width: 1.563vw;
			height: 1.563vw;
			/* background: #006EFE; */
			/* border-radius: 50%; */
		}
	
		.voice .schedule .timeline-item .timeline-plan .txt-15 {
			margin-right: 1.303vw;
		}

		.voice .atnt .txt-16{
			margin-top: 2.604vw;
			padding: 0;
		}
    .voice .atnt .btn-01{
        margin: 6.51vw auto 0;
    }
	/* 個別 */
	#STAFF01 .mv-wrap-02{
		background-image: url(/recruit/imgs/voice/staff01_mv_sp.jpg);
	}
	#STAFF02 .mv-wrap-02 {
		background-image: url(/recruit/imgs/voice/staff02_mv_sp.jpg);
	}
	#STAFF03 .mv-wrap-02 {
		background-image: url(/recruit/imgs/voice/staff03_mv_sp.jpg);
	}
	#STAFF04 .mv-wrap-02 {
		background-image: url(/recruit/imgs/voice/staff04_mv_sp.jpg);
	}
	#STAFF05 .mv-wrap-02 {
		background-image: url(/recruit/imgs/voice/staff05_mv_sp.jpg);
	}
}