@charset "UTF-8";

/* ------------------------------------------------
                   採用情報 TOP
--------------------------------------------------- */
/*---------- メインエリア ----------*/
.hero-area.recruit-top {
	width: 100%;
	padding: 20px;
	margin-bottom: 0;
	position: relative;
	border-bottom: none;;
}

@media (max-width: 768px) {
	.hero-area.recruit-top {
		width: 100%;
		padding: 3vw;
	}
}

.sec-page-ttl.page-recruit-top {
	padding: 0;
}
.sec-page-ttl.page-recruit-top .flex-box {
	align-items: stretch;
}

.page-recruit-top .page-ttl-wrap {
	width: 430px;
	padding: 125px 50px;
	background: var(--color-green);
}
.page-recruit-top .page-ttl-en {
	margin-bottom: 10px;
	color: #fff;
	font-size: 8.2rem;
	font-weight: 700;
}
.page-recruit-top .page-ttl-ja {
	color: #fff;
	margin-bottom: 30px;
	padding-left: 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	font-size: 2.4rem;
	font-weight: 600;
	position: relative;
}
.page-recruit-top .page-ttl-ja::after {
	content: none;
}
.page-recruit-top .page-txt {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 600;
}


.page-recruit-top .recruit-top-img {
	width: calc(100% - 430px);
	background: url("../../img/recruit/bg_top_ttl.jpg") center center no-repeat;
	background-size: cover;
}

@media (max-width: 768px) {

	.page-recruit-top .page-ttl-wrap {
		width: 100%;
		padding: 6vw 8vw;
	}
	
	.page-recruit-top .page-ttl-en {
		margin-bottom: 0;
		font-size: 11.4vw;
	}
	.page-recruit-top .page-ttl-ja {
		margin-bottom: 4vw;
		padding-bottom: 4vw;
		font-size: 4vw;
	}
	.page-recruit-top .page-txt {
		font-size: 3.46vw;
	}
	
	.page-recruit-top .recruit-top-img {
		width: 100%;
		height: 50vw;
		background: url("../../img/recruit/bg_top_ttl.jpg") center center no-repeat;
		background-size: cover;
	}
}



/*---------- RECRUITMENT INFORMATION ----------*/
.sec-information {
	width: 100%;
	padding: 80px 0 100px;
	background: #fff;
	position: relative;
}

.information-ttl-wrap {
	text-align: center;
}
.information-ttl-en {
	color: var(--color-green);
	font-size: 6.8rem;
    font-weight: 700;
	line-height: 1.2;
}
.information-ttl {
	margin-top: 5px;
	font-size: 2.4rem;
    font-weight: 600;
}

.sec-information .txt-normal {
	margin: 40px auto;
	text-align: center;
}

.information-link-wrap {
	width: 100%;
	margin: 60px auto 0;
	justify-content: space-between;
}
.information-link {
	width: calc((100% - 60px) / 3);
	padding-top: 260px;
}
.information-link-01 {
	background: url("../../img/recruit/img_service_01.jpg") center top no-repeat;
	background-size: cover;
}
.information-link-02 {
	background: url("../../img/recruit/img_service_02.jpg") center top no-repeat;
	background-size: cover;
}
.information-link-03 {
	background: url("../../img/recruit/img_service_03.jpg") center top no-repeat;
	background-size: cover;
}

.information-link-txt-wrap {
	padding: 20px;
	background: var(--color-green);
	align-items: center;
	justify-content: space-between;
}
.information-link-ttl {
	color: #fff;
	font-size: 2.0rem;
	font-weight: 600;
}
.information-link-txt-wrap .btn-white, 
.information-link-txt-wrap .btn-rikunabi {
	width: 50%;
	max-width: 180px;
}


@media (max-width: 1400px) {
	.information-link {
		padding-top: 19vw;
	}
}

@media (max-width: 1100px) {
	.information-link-ttl {
		width: 100%;
	}
	.information-link-txt-wrap .btn-white, 
	.information-link-txt-wrap .btn-rikunabi {
		width: 80%;
		max-width: 180px;
		margin: 10px 0 0 auto;
	}

}

@media (max-width: 768px) {
	.sec-information {
		width: 100%;
		padding: 12vw 0;
	}
	
	.information-ttl-en {
		font-size: 8.66vw;
		font-weight: 700;
	}
	.information-ttl {
		margin-top: 1vw;
		font-size: 4.8vw;
	}

	.sec-information .txt-normal {
		margin: 8vw auto 0;
	}
	
	.information-link-wrap {
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;
	}
	.information-link {
		width: 100%;
		margin: 8vw auto 0;
		padding-top: 40vw;
	}

	.information-link-txt-wrap {
		padding: 4vw;
	}
	.information-link-ttl {
		width: auto;
		font-size: 4vw;
	}
	.information-link-txt-wrap .btn-white, 
	.information-link-txt-wrap .btn-rikunabi {
		width: 50%;
		max-width: initial;
		margin: 0 0 0 auto;
	}

}



/*---------- メッセージ ----------*/
.sec-message {
	width: 100%;
	padding: 50px 0;
	background: #fff;
	position: relative;
}
.sec-message::before {
	content: '';
	width: 100%;
	height: 100%;
	background: var(--color-light-green01);
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.sec-message .cont-inn {
	max-width: 1000px;
	z-index: 2;
}

.message-ttl {
	margin-bottom: 15px;
	color: var(--color-green);
	font-size: 4.8rem;
	font-weight: 600;
}
.message-txt {
	font-size: 1.6rem;
	line-height: 2;
}

@media (max-width: 768px) {
	.sec-message {
		width: 100%;
		padding: 12vw 0;
	}
	.sec-message .cont-inn {
		max-width: initial;
	}

	.message-ttl {
		margin-bottom: 3vw;
		font-size: 8.66vw;
	}
	.message-txt {
		font-size: 3.733vw;
	}
}



/*---------- POINT ----------*/
.sec-point {
	width: 100%;
	padding: 80px 0 105px;
	background: #fff;
	position: relative;
}

.point-list-wrap {
	width: 100%;
	justify-content: space-between;
}
.point-list {
	width: calc((100% - 60px) / 3);
}

.point-list-ttl {
	margin-bottom: 10px;
	color: var(--color-greige);
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1;
}
.point-list-num {
	font-size: 4.6rem;
}

.point-list-copy {
	margin: 20px auto 5px;
	color: var(--color-green);
	font-size: 2.2rem;
	font-weight: 600;
	text-align: center;
}

@media (max-width: 768px) {
	.sec-point {
		width: 100%;
		padding: 12vw 0 4vw;
		background: #fff;
		position: relative;
	}

	.point-list-wrap {
		width: 100%;
		justify-content: space-between;
	}
	.point-list {
		width: 100%;
		margin-bottom: 10vw;
	}

	.point-list-ttl {
		margin-bottom: 1vw;
		font-size: 6.6vw;
	}
	.point-list-num {
		font-size: 8.66vw;
	}

	.point-list-copy {
		margin: 4vw auto 2vw;
		font-size: 4.66vw;
	}
}




/*---------- メッセージ ----------*/
.sec-bottom-link-ttl-wrap {
	margin-bottom: 60px;
	text-align: center;
}
.sec-bottom-link-ttl-en {
	color: var(--color-green);
	font-size: 6.8rem;
    font-weight: 700;
	line-height: 1.2;
}
.sec-bottom-link-ttl {
	margin-top: 5px;
	font-size: 2.4rem;
    font-weight: 600;
}

@media (max-width: 768px) {
	.sec-bottom-link-ttl-wrap {
		margin-bottom: 10vw;
		text-align: center;
	}
	.sec-bottom-link-ttl-en {
		font-size: 8.66vw;
		font-weight: 700;
	}
	.sec-bottom-link-ttl {
		margin-top: 1vw;
		font-size: 4.8vw;
	}
}



/* ------------------------------------------------
                   採用情報 下層
--------------------------------------------------- */

/*---------- 共通 ----------*/
.sec-ttl {
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 20px;
	font-size: 3.6rem;
    font-weight: 600;
	text-align: center;
	position: relative;
}
.sec-ttl::after {
	content: '';
	width: 80px;
	height: 4px;
	background: var(--color-green);
	position: absolute;
	bottom: 0;
	left: calc(50% - 40px);
}


@media (max-width: 768px) {
	.sec-ttl {
		width: 100%;
		margin-bottom: 10vw;
		padding-bottom: 4vw;
		font-size: 5.66vw;
	}
	.sec-ttl::after {
		content: '';
		width: 14vw;
		height: 4px;
		background: var(--color-green);
		position: absolute;
		bottom: 0;
		left: calc(50% - 7vw);
	}
	
}


/*---------- メインエリア ----------*/
.hero-area {
	width: 100%;
	padding: 20px 20px 0;
	margin-bottom: 65px;
	position: relative;
	border-bottom: 1px solid var(--color-gray);
}

@media (max-width: 768px) {
	.hero-area {
		width: 100%;
		padding: 3vw 3vw 0;
		margin-bottom: 12vw;
	}
}


/*---------- page ttl ----------*/
.sec-page-ttl.page-recruit-under {
	background: url("../../img/recruit/bg_ttl.jpg") center center no-repeat;
	background-size: cover;
}

@media (max-width: 768px) {
}




/*---------- 下層コンテンツ ----------*/
.sec-recruit-under {
	width: 100%;
	padding: 80px 0 100px;
	background: #fff;
	position: relative;
}
.sec-training {
	margin-bottom: 100px;
}

.recruit-under-content-wrap {
	width: 100%;
	padding: 0 0 50px;
	position: relative;
}
.recruit-under-content-wrap::before {
	content: '';
	width: 100%;
	height: calc(100% - 40px);
	background: var(--color-light-green02);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.recruit-under-content-wrap .cont-inn.flex-box {
	position: relative;
	justify-content: space-between;
	z-index: 2;
}
.recruit-under-content-img-wrap {
	width: 38%;
}

.recruit-under-content-txt-wrap {
	width: calc(62% - 50px);
	margin-top: 90px;
}


.recruit-under-content-ttl {
	width: 100%;
	margin-bottom: 25px;
	padding: 5px 20px;
	background: var(--color-green);
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
}
.recruit-under-content-txt {
	margin-bottom: 35px;
	font-size: 1.6rem;
}

@media (max-width: 768px) {
	.sec-recruit-under {
		width: 100%;
		padding: 12vw 0 16vw;
	}
	.sec-training {
		margin-bottom: 16vw;
	}


	.recruit-under-content-wrap {
		width: 100%;
		padding: 0 0 12vw;
		position: relative;
	}
	.recruit-under-content-wrap::before {
		content: '';
		width: 100%;
		height: calc(100% - 12vw);
	}
	.recruit-under-content-wrap .cont-inn.flex-box {
		position: relative;
		justify-content: space-between;
		z-index: 2;
	}
	.recruit-under-content-img-wrap {
		width: 80%;
		margin: 0 auto;
	}

	.recruit-under-content-txt-wrap {
		width: 100%;
		margin-top: 8vw;
	}
}



/*---------- 研修内容 ----------*/
.recruit-training-wrap {
	width: 100%;
	padding: 80px 0 0;
}

.table-training {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.recruit-training-wrap {
		width: 100%;
		padding: 16vw 0 0;
	}

	.table-training {
		width: 100%;
		max-width: initial;
	}
}

.txt-indent-wide {
	text-indent: -2.4em;
	padding-left: 2.4em;
	display: block;
}


/*---------- 事業紹介 ----------*/
.sec-service {
	width: 100%;
	padding: 80px 0 120px;
	background: url("../../img/recruit/bg_service.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
} 

.service-ttl-wrap {
	text-align: center;
}
.service-ttl-en {
	color: #fff;
	font-size: 6.8rem;
    font-weight: 700;
	line-height: 1.2;
}
.service-ttl {
	color: #fff;
	margin-top: 5px;
	font-size: 2.4rem;
    font-weight: 600;
}


.service-link-wrap {
	width: 100%;
	margin: 60px auto 0;
	justify-content: space-between;
}
.service-link {
	width: calc((100% - 60px) / 3);
	padding-top: 260px;
}
.service-link-01 {
	background: url("../../img/recruit/img_service_01.jpg") center top no-repeat;
	background-size: cover;
}
.service-link-02 {
	background: url("../../img/recruit/img_service_02.jpg") center top no-repeat;
	background-size: cover;
}
.service-link-03 {
	background: url("../../img/recruit/img_service_03.jpg") center top no-repeat;
	background-size: cover;
}

.service-link-txt-wrap {
	padding: 20px 30px;
	background: rgba(255, 255, 255, 0.86);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.service-link-ttl {
	margin-bottom: 8px;
	font-size: 2.2rem;
	font-weight: 700;
}
.service-link-txt-wrap .btn-green {
	width: 100%;
	max-width: 200px;
	margin: 10px 0 0 auto;
}

@media (max-width: 768px) {
	.sec-service {
		width: 100%;
		padding: 12vw 0;
	}
	
	.service-ttl-en {
		font-size: 8.66vw;
		font-weight: 700;
	}
	.service-ttl {
		margin-top: 1vw;
		font-size: 4.8vw;
	}

	.service-link-wrap {
		width: 100%;
		margin: 2vw auto 0;
		justify-content: space-between;
	}
	.service-link {
		width: 100%;
		margin: 8vw auto 0;
		padding-top: 40vw;
	}
	

	.service-link-txt-wrap, 
	.service-link-04 .service-link-txt-wrap {
		padding: 5vw;
	}
	.service-link-ttl {
		margin-bottom: 1.5vw;
		font-size: 4.53vw;
		font-weight: 700;
	}
	.service-link-txt-wrap .btn-green, 
	.service-link-04 .service-link-txt-wrap .btn-green {
		margin: 3vw 0 0 auto;
	}
    
}