@charset "UTF-8";
/* CSS Document */

/*
	common
-----------------------------------------------------------------------------------------------*/
/* titL */
.titL{
	color: #0f51ba;
	font-size: 4.8rem;
	font-weight: 900;
	line-height: 80%;
	margin: 0 0 50px 0;
}
.titL span{
	display: block;
	color: #000;
	font-size: 1.4rem;
	font-weight: 700;
}

/* bgTitWrapper */
.recruitPage #bgTitWrapper{
	background: url("../images/bg_recruit_common_header_pc.png") no-repeat center center /cover;
}

/* ctsInBox */
.recruitPage .ctsInBox{
	background-color: #ecf2f2;
	border-top: 6px solid #004ebf;
}

/* table */
.recruitPage .tblBase{
	border-top: 1px solid #004ebf;
}
@media screen and (min-width:813px){
	.recruitPage .tblBase{
		width: 940px;
	}
}
.recruitPage .tblBase tr{
		border-bottom: 1px solid rgba(0, 78, 191, 0.3);
	}
.recruitPage .tblBase tr:last-of-type{
	border-bottom: 1px solid #004ebf;
}
.recruitPage .tblBase th{
	background-color: #e4ebef;
	color: #000;
}


/*
	header
-----------------------------------------------------------------------------------------------*/
#headerWrapper{
	position: relative;
	z-index: 2000;
}
#headerWrapper .headerAreaR{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 10px;
}

/* boxR */
#headerWrapper .boxR{
	display: flex;
	align-items: center;
}

/* listMenuR */
#headerWrapper .listMenuR{
	display: flex;
	margin: 0 30px 0 0;
}
#headerWrapper .listMenuR > li{
	position: relative;
}
@media screen and (min-width:813px){
	#headerWrapper .listMenuR > li{
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		height: 80px;
	}
}
#headerWrapper .listMenuR > li:not(:last-of-type){
	margin: 0 50px 0 0;
}
#headerWrapper .listMenuR .tit{
	display: block;
	line-height: 100%;
	transition: all 0.3s;
}
@media screen and (min-width:813px){
	#headerWrapper .listMenuR .tit:hover,
	#headerWrapper .listMenuR .tit.open,
	#headerWrapper.recruitTop .listMenuR .tit:hover,
	#headerWrapper.recruitTop .listMenuR .tit.open{
		color: #004ebf;
		cursor: pointer;
	}
}
#headerWrapper .listMenuR span{
	display: block;
	text-align: center;
}
#headerWrapper .listMenuR span:nth-of-type(1){
	font-size: 1.6rem;
	letter-spacing: 0;
	margin: 0 0 5px 0;
}
#headerWrapper .listMenuR span:nth-of-type(2){
	font-size: 1.0rem;
	font-weight: 400;
}

/* btnEntry */
a.btnEntry{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #004ebf;
	color: #fff;
	font-weight: 900;
	transition: all 0.5s;
}
.btnEntry:hover{
	background-color: #1373ff;
}
#headerWrapper .btnEntry{
	width: 200px;
	height: 80px;
	font-size: 2.2rem;
}

/* btnMenu */
@media screen and (min-width:813px){
	#headerWrapper .btnMenu{
		display: none;
	}
}


/*
	footer
-----------------------------------------------------------------------------------------------*/
/* tit */
#footerWrapper .listFooter .tit span:nth-of-type(1):first-letter{
	color: #004ebf;
}

/* linkArea */
@media screen and (min-width:813px){
	#footerWrapper .listFooter{
		width: 800px;
	}
}
#footerWrapper .linkArea .icoLink{
	display: inline-block;
	background: url("../images/ico_link_bold.svg") no-repeat top 3px right 1px;
	font-size: 1.6rem;
	padding: 0 20px 8px 0;
	overflow: hidden;
	position: relative;
}
@media screen and (min-width:813px){
	#footerWrapper .linkArea .icoLink::after{
		content: " ";
		display: block;
		width: 100%;
		height: 2px;
		background: #808080;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: translateX(-110%);
		transition: all 0.5s;
	}
	#footerWrapper .linkArea .icoLink:hover::after{
		transform: translateX(0);
	}
}


/*
	linkWrapper
-----------------------------------------------------------------------------------------------*/
#linkWrapper{
	display: flex;
}
#linkWrapper > *{
	width: calc(100% / 2);
	padding: 80px 30px;
}
#linkWrapper .inBox{
	margin: 0 auto;
}
@media screen and (min-width: 813px){
	#linkWrapper .inBox{
		min-width: 540px;
		max-width: 600px;
	}
}
#linkWrapper .txt{
	text-align: center;
	font-size: 1.8rem;
	line-height: 200%;
	letter-spacing: 0.3rem;
	text-indent: 0.3rem;
}
#linkWrapper .btnArea{
	margin-top: 95px;
}
#linkWrapper .btnBase{
	width: 430px;
	border-radius: 70px;
	font-size: 2.0rem;
	padding: 35px;
	z-index: 2;
}

/* workplaceArea */
#linkWrapper .workplaceArea{
	background-color: #333;
}
#linkWrapper .workplaceArea .titL,
#linkWrapper .workplaceArea .titL span{
	color: #fff;
}
#linkWrapper .workplaceArea .txt{
	color: #00cfe9;
}

/* recruitArea */
#linkWrapper .recruitArea .titL{
	color: #000;
}
#linkWrapper .recruitArea{
	background: url("../images/bg_recruit_link_recruit_pc.png") no-repeat center center / cover;
}


/*
	entryWrapper
-----------------------------------------------------------------------------------------------*/
#entryWrapper{
	background: url("../images/bg_recruit_link_entry_pc.png") no-repeat center center / cover;
	padding: 60px 0 75px 0;
}
#entryWrapper .inBox{
	width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
}
#entryWrapper .txt{
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0.3rem;
	text-indent: 0.3rem;
	margin: 0 0 30px 0;
}
#entryWrapper .btnEntry{
	width: 500px;
	height: 140px;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
	font-size: 5.0rem;
	margin: 0 auto;
}


/*
	top
-----------------------------------------------------------------------------------------------*/
/* header */
#headerWrapper.recruitTop .listMenuR .tit{
	color: #fff;
}

/* box */
.recruitTopPageWrapper{
	padding-bottom: 130px;
}

/* linkMore */
.recruitTopPageWrapper .linkMore{
	color: #00cfe9;
	font-size: 1.6rem;
	padding: 0 100px 7px 0;
	position: relative;
	z-index: 1;
}
.recruitTopPageWrapper .linkMore span{
	transition: all 0.3s;
}
.recruitTopPageWrapper .linkMore::after,
.recruitTopPageWrapper .linkMore span::before,
.recruitTopPageWrapper .linkMore span::after{
	content: " ";
	display: block;
	position: absolute;
	transition: all 0.3s;
}
.recruitTopPageWrapper .linkMore::after{
	width: 67px;
	height: 67px;
	background-color: #004ebf;
	border-radius: 50%;
	top: 50%;
	right: 0;
	transform: translateY(-34%);
	z-index: -1;
}
.recruitTopPageWrapper .linkMore span::before{
	width: calc(100% - 25px);
	height: 4px;
	background-color: #00cfe9;
	left: 0;
	bottom: 0;
}
.recruitTopPageWrapper .linkMore span::after{
	border-width: 4px 8px 4px 8px;
	border-style: solid;
	border-color: transparent transparent #00cfe9 #00cfe9;
	right: 25px;
	bottom: 4px;
}
@media screen and (min-width:813px){
	.recruitTopPageWrapper .linkMore:hover{
		padding: 0 90px 7px 10px;
	}
	.recruitTopPageWrapper .linkMore:hover::after{
		background-color: #1373ff;
	}
	.recruitTopPageWrapper .linkMore:hover span::before{
		left: 10px
	}
	.recruitTopPageWrapper .linkMore:hover span::after{
		right: 15px;
	}
}

/* kv */
.recruitTopPageWrapper #kvWrapper{
	height: 100vh;
	min-height: 650px;
	margin: -81px 0 150px 0;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.recruitTopPageWrapper #kvWrapper::before{
	content: "FUTURE";
	display: block;
	color: rgba(255, 255, 255, 0.3);
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 20.0rem;
	font-weight: 900;
	line-height: 100%;
	position: absolute;
	left: -25px;
	bottom: -15px;
	opacity: 0;
	animation: anmFedIn 3s ease 2.0s forwards;
	z-index: 2;
}
.recruitTopPageWrapper #kvWrapper .tit{
	position: absolute;
	left: 120px;
	bottom: 120px;
	opacity: 0;
	animation: anmFedIn 4s ease 0.8s forwards;
	z-index: 2;
}

/* icoScroll */
.recruitTopPageWrapper #kvWrapper .icoScroll{
	animation: anmFedIn 5s ease 3.5s forwards, anmScroll 2.5s ease-in-out 3.5s infinite;
}

/* kv swiper */
.recruitTopPageWrapper #kvWrapper .swiper-container{
	width: 100%;
	height: 100%;
}
.recruitTopPageWrapper #kvWrapper .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.recruitTopPageWrapper #kvWrapper .swiperWrapper{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.recruitTopPageWrapper #kvWrapper .listSwiper li.ph01{
	background: url("../images/kv_recruit_top_bg01_pc.png") no-repeat center center / cover;
}
.recruitTopPageWrapper #kvWrapper .listSwiper li.ph02{
	background: url("../images/kv_recruit_top_bg02_pc.png") no-repeat center center / cover;
}
.recruitTopPageWrapper #kvWrapper .listSwiper li.ph03{
	background: url("../images/kv_recruit_top_bg03_pc.png") no-repeat center center / cover;
}

/* messaggWrapper */
.recruitTopPageWrapper #messaggWrapper{
	padding: 0 0 90px 0;
	margin: 0 0 180px 0;
	position: relative;
	overflow: hidden;
}
.recruitTopPageWrapper #messaggWrapper .titL{
	margin-bottom: 25px;
}
.recruitTopPageWrapper #messaggWrapper .tit{
	font-size: 5.2rem;
	letter-spacing: 0.5rem;
	margin: 0 0 85px 0;
}
.recruitTopPageWrapper #messaggWrapper .tit > span{
	display: inline;
	background: linear-gradient(transparent 80%, #00cfe9 0%);
	padding: 0 5px;
}
.recruitTopPageWrapper #messaggWrapper .tit span > span{
	display: inline-block;
	position: relative;
}
.recruitTopPageWrapper #messaggWrapper .tit span > span::before{
	content: " ";
	display: block;
	width: 12px;
	height: 12px;
	background-color: #00cfe9;
	border-radius: 50%;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
}
.recruitTopPageWrapper #messaggWrapper .txt{
	font-size: 1.8rem;
	font-feature-settings: normal;
	letter-spacing: 0.2rem;
	line-height: 220%;
	margin: 0 0 70px 0;
}
.recruitTopPageWrapper #messaggWrapper .phBox{
	width: 50%;
	background: url("../images/ph_recruit_message_pc.png") no-repeat top right / cover;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 34%;
}
.recruitTopPageWrapper #messaggWrapper .name{
	font-weight: 400;
	line-height: 180%;
	position: absolute;
	left: 65px;
	bottom: 55px;
}
.recruitTopPageWrapper #messaggWrapper .name span{
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
}

/* interviewWrapper */
.recruitTopPageWrapper #interviewWrapper{
	border-bottom: 8px solid #004ebf;
	margin: 0 0 100px 0;
}
.recruitTopPageWrapper #interviewWrapper .ctsArea{
	padding-bottom: 0;
}
.recruitTopPageWrapper #interviewWrapper .swiper-container{
	padding: 85px 0 0 0;
	margin: -80px 0 0 0;
	position: relative;
}
.recruitTopPageWrapper #interviewWrapper .btnSwiper{
	display: flex;
	justify-content: flex-end;
	width: 1200px;
	height: 38px;
	padding: 0 30px 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.recruitTopPageWrapper #interviewWrapper .swiper-button-next,
.recruitTopPageWrapper #interviewWrapper .swiper-button-prev{
	width: 36px;
	height: 36px;
	border: 2px solid #000;
	border-radius: 50%;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	margin-top: 0;
}
.recruitTopPageWrapper #interviewWrapper .swiper-button-next{
	margin: 0 0 0 20px;
}
.recruitTopPageWrapper #interviewWrapper .swiper-button-next::after,
.recruitTopPageWrapper #interviewWrapper .swiper-button-prev::after{
	display: none;
}
.recruitTopPageWrapper #interviewWrapper .swiper-button-next::before,
.recruitTopPageWrapper #interviewWrapper .swiper-button-prev::before{
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	position: absolute;
	top: 50%;
	left: 50%;
}
.recruitTopPageWrapper #interviewWrapper .swiper-button-next::before{
	transform: translate(-70%, -50%) rotate(45deg);
}
.recruitTopPageWrapper #interviewWrapper .swiper-button-prev::before{
	transform: translate(-30%, -50%) rotate(-135deg);
}
#interviewWrapper .listInterview li{
	height: 500px;
	position: relative;
	transition: background 0.5s;
}
#interviewWrapper .listInterview li::before,
#interviewWrapper .listInterview li::after{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s;
}
#interviewWrapper .listInterview li::before{
	background: linear-gradient(90deg, rgba(188,200,207,1) 0%, rgba(171,185,193,1) 100%);
	z-index: 2;
	opacity: 1;
}
#interviewWrapper .listInterview li::after{
	background: linear-gradient(90deg, rgba(161,175,182,1) 0%, rgba(142,154,161,1) 100%);
	z-index: 1;
}
#interviewWrapper .listInterview li:hover::before{
	opacity: 0;
}
#interviewWrapper .listInterview li a{
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 30px 40px 70px 40px;
	z-index: 3;
	position: relative;
}
#interviewWrapper .listInterview li:nth-of-type(1) a{
	background: url("../images/ph_recruit_top_interview01_pc.png") no-repeat right bottom;
}
#interviewWrapper .listInterview li:nth-of-type(2) a{
	background: url("../images/ph_recruit_top_interview02_pc.png") no-repeat right bottom;
}
#interviewWrapper .listInterview li:nth-of-type(3) a{
	background: url("../images/ph_recruit_top_interview03_pc.png") no-repeat right bottom;
}
#interviewWrapper .listInterview li:nth-of-type(4) a{
	background: url("../images/ph_recruit_top_interview04_pc.png") no-repeat right bottom;
}
#interviewWrapper .listInterview li:nth-of-type(5) a{
	background: url("../images/ph_recruit_top_interview05_pc.png") no-repeat right bottom;
}
#interviewWrapper .listInterview .tit{
	margin: 0 0 65px -40px;
}
#interviewWrapper .listInterview .tit span{
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-size: 1.7rem;
	padding: 10px 30px;
}
#interviewWrapper .listInterview .txt{
	color: #fff;
	font-size: 2.2rem;
}
#interviewWrapper .listInterview .name{;
	font-size: 1.3rem;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
				-1px 1px 0 #FFF, 1px -1px 0 #FFF,
				0px 1px 0 #FFF, 0 -1px 0 #FFF,
				-1px 0 0 #FFF, 1px 0 0 #FFF;
	padding: 30px 0 0 0;
	margin-top: auto;
	position: relative;
}
#interviewWrapper .listInterview .name::before{
	content: " ";
	display: block;
	background-color: #fff;
	width: 90px;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
#interviewWrapper .listInterview .name span{
	display: block;
	font-size: 1.8rem;
}

/* eventwWrapper */
.recruitTopPageWrapper #eventWrapper{
	position: relative;
}
.recruitTopPageWrapper #eventWrapper .btnBox{
	position: absolute;
	top: 15px;
	right: 25px;
}
#eventWrapper .listBlog{
	display: flex;
}
#eventWrapper .listBlog li{
	width: calc((100% - 99px)/4);
	border-bottom: 2px solid #00cfe9;
	word-wrap: break-word;
	margin: 0 33px 0 0;
	position: relative;
	z-index: 1;
}
#eventWrapper .listBlog li:last-of-type{
	margin-right: 0;
}
#eventWrapper .listBlog li a{
	display: flex;
	flex-direction: column;
	padding: 0 0 10px 0;
}
#eventWrapper .listBlog li a:hover{
	color: #878787;
}
#eventWrapper .listBlog figure{
	position: relative;
	z-index: 1;
}
#eventWrapper .listBlog figure::before{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 207, 233, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s;
}
#eventWrapper .listBlog a:hover figure::before{
	opacity: 1;
}
#eventWrapper .listBlog img{
	width: 100%;
	height: 165px;
	object-fit: cover;
}
#eventWrapper .listBlog .tit{
	font-size: 1.8rem;
	line-height: 150%;
	padding: 30px 0;
}
#eventWrapper .listBlog .day{
	min-height: 18px;
	background: url("../images/ico_ calendar.svg") no-repeat left center / 18px auto;
	font-size: 1.2rem;
	padding: 0 0 0 25px;
	margin: auto 0 0 0;
}


/*
	message
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.messagePageWrapper{
	padding: 0;
}
/* kv */
.messagePageWrapper #kvWrapper{
	display: flex;
	align-items: center;
	background: linear-gradient(45deg, rgba(1, 35, 84, 1) 0%, rgba(1, 35, 84, 1) 60%, rgba(241,243,242,1) 60%, rgba(241,243,242,1) 100%);
	height: calc(100vh - 80px);
	min-height: 650px;
	position: relative;
	overflow: hidden;
}
.messagePageWrapper #kvWrapper::after{
	content: " ";
	display: block;
	width: 520px;
	height: 680px;
	background: url(../images/kv_recruit_message_pc.png) no-repeat bottom left / 100% auto;
	position: absolute;
	right: 5%;
	bottom: 0;
	transform: translateX(250%);
	animation: anmMessageKvPh 2.0s ease 1.8s forwards;
}
.messagePageWrapper #kvWrapper .inBox{
	width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
}
.messagePageWrapper #kvWrapper .inBox > .tit{
	color: #fff;
	font-size: 4.8rem;
	font-weight: 900;
	margin: 0 0 40px 0;
	opacity: 0;
	animation: leftIn 3s ease 0.3s forwards;
}
.messagePageWrapper #kvWrapper .inBox > .txt{
	color: #fff;
	font-size: 5.2rem;
	line-height: 200%;
	margin: 0 0 70px 0;
	opacity: 0;
	animation: leftIn 3s ease 0.9s forwards;
}
.messagePageWrapper #kvWrapper .inBox > .txt > span{
	display: inline;
	background: linear-gradient(transparent 80%, #00cfe9 0%);
	letter-spacing: 0.3rem;
	padding: 0 5px;
}
.messagePageWrapper #kvWrapper .inBox > .txt > span > span{
	display: inline-block;
	position: relative;
}
.messagePageWrapper #kvWrapper .inBox > .txt > span > span::before {
	content: " ";
	display: block;
	width: 12px;
	height: 12px;
	background-color: #00cfe9;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
}
.messagePageWrapper #kvWrapper .dataBox{
	opacity: 0;
	animation: leftIn 3s ease 1.5s forwards;
}
.messagePageWrapper #kvWrapper .dataBox > .txt{
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
	margin: 0 0 8px 0;
}
.messagePageWrapper .icoScroll{
	animation: anmFedIn 5s ease 4.5s forwards, anmScroll 2.5s ease-in-out 3.5s infinite;
}
@media screen and (min-width:813px){
	.messagePageWrapper .icoScroll{
		color: #012354;
	}
	.messagePageWrapper .icoScroll::before,
	.messagePageWrapper .icoScroll::after{
		background-color: #012354;
	}
}

/* txtArea */
.messagePageWrapper #txtWrapper{
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}
.messagePageWrapper #txtWrapper::before,
.messagePageWrapper #txtWrapper::after{
	content: " ";
	display: block;
	position: absolute;
	z-index: -1;
}
.messagePageWrapper #txtWrapper::before{
	border: 135px solid transparent;
	border-top: 135px solid #012354;
	border-right: 135px solid #012354;
	top: 0;
	right: 0;
}
.messagePageWrapper #txtWrapper::after{
	border: 135px solid transparent;
	border-left: 135px solid #012354;
	border-bottom: 135px solid #012354;
	left: 0;
	bottom: 0;
}
.messagePageWrapper #txtWrapper .txtOut{
	padding: 0 30px;
	margin: 0 0 90px 0;
}
.messagePageWrapper #txtWrapper .txtOut:last-of-type{
	margin: 0;
}
.messagePageWrapper #txtWrapper .txtArea{
	width: 1140px;
	margin: 0 auto;
	position: relative;
}
.messagePageWrapper #txtWrapper .txtBox{
	background-color: #f1f3f2;
	padding: 60px 80px;
}
.messagePageWrapper #txtWrapper .tit{
	font-size: 2.6rem;
	line-height: 150%;
	margin: 0 0 40px 0;
}
.messagePageWrapper #txtWrapper .txt{
	text-align: justify;
	font-size: 1.6rem;
	line-height: 180%;
	font-feature-settings: normal;
}
.messagePageWrapper #txtWrapper figure{
	border: 2px solid #fff;
	position: absolute;
}

@media screen and (min-width:813px){
	/* txtArea type01 */
	.messagePageWrapper #txtWrapper .txtArea.type01{
		padding-bottom: 80px;
	}
	.messagePageWrapper #txtWrapper .type01 .txtBox,
	.messagePageWrapper #txtWrapper .type03 .txtBox{
		width: 760px;
		padding-right: 100px;
	}
	.messagePageWrapper #txtWrapper .type01 figure{
		right: -80px;
		bottom: 0;
	}

	/* txtArea type02 */
	.messagePageWrapper #txtWrapper .type02 .txtBox{
		padding-left: 525px;
	}
	.messagePageWrapper #txtWrapper .type02 figure{
		top: 50%;
		left: -100px;
		transform: translateY(-50%);
	}

	/* txtArea type03 */
	.messagePageWrapper #txtWrapper .txtArea.type03{
		padding-top: 35px;
	}
	.messagePageWrapper #txtWrapper .type03 .txtBox{
		padding-right: 190px;
	}
	.messagePageWrapper #txtWrapper .type03 figure{
		top: 0;
		right: -65px;
	}
}


/*
	interviewPageWrapper index
-----------------------------------------------------------------------------------------------*/
/* bgTitWrapper */
.interviewPageWrapper #bgTitWrapper{
	background: url(../images/bg_recruit_interview_header_pc.png) no-repeat center center /cover;
}

/* listInterview */
.interviewPageWrapper #interviewWrapper .listInterview{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 -30px 0;
}
.interviewPageWrapper #interviewWrapper .listInterview li{
	width: calc((100% - 60px)/3);
	height: 450px;
	margin: 0 30px 30px 0;
}
.interviewPageWrapper #interviewWrapper .listInterview li:last-of-type{
	margin-right: 0;
}
@media screen and (min-width:813px){
	.interviewPageWrapper #interviewWrapper .listInterview li a{
		padding: 30px;
	}
	.interviewPageWrapper #interviewWrapper .listInterview li:nth-of-type(3n){
		margin-right: 0;
	}
	.interviewPageWrapper #interviewWrapper .listInterview .txt{
		font-size: 2rem;
		line-height: 150%;
	}
	.interviewPageWrapper #interviewWrapper .listInterview .tit {
		margin: 0 0 0 -30px;
	}
}
.interviewPageWrapper #interviewWrapper .listInterview .txt{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2), -1px -1px 5px rgba(0, 0, 0, 0.2),
				-1px 1px 5px rgba(0, 0, 0, 0.2), 1px -1px 5px rgba(0, 0, 0, 0.2);
}
.interviewPageWrapper #interviewWrapper .listInterview .name{
	padding: 20px 0 0 0;
	margin-top: 30px;
}
.interviewPageWrapper #interviewWrapper .listInterview .txt{
	margin: auto 0 0 0;
}



/*
	interviewPageWrapper
-----------------------------------------------------------------------------------------------*/
/* kv */
.interviewPageWrapper #kvWrapper{
	display: flex;
	align-items: center;
	height: calc(100vh - 80px);
	min-height: 650px;
	margin: 0 0 200px 0;
	position: relative;
}
.interviewPageWrapper #kvWrapper .inBox{
	width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
}
.interviewPageWrapper #kvWrapper .titKv{
	color: #fff;
	font-size: 3.6rem;
	margin: 0 0 70px 0;
}
.interviewPageWrapper #kvWrapper .titKv span{
	display: inline-block;
	background-color: #8e9aa1;
	line-height: 100%;
	padding: 20px 30px 25px 30px;
	margin: 0 0 15px 0;
	opacity: 0;
	transform: translateX(-50px);
}
.interviewPageWrapper #kvWrapper .titKv span:last-of-type{
	margin: 0;
}
.interviewPageWrapper #kvWrapper .titKv span:nth-of-type(1){
	animation: leftIn 2s ease 0.3s forwards;
}
.interviewPageWrapper #kvWrapper .titKv span:nth-of-type(2){
	animation: leftIn 2s ease 0.4s forwards;
}
.interviewPageWrapper #kvWrapper .titKv span:nth-of-type(3){
	animation: leftIn 2s ease 0.5s forwards;
}
.interviewPageWrapper #kvWrapper .dataBox{
	opacity: 0;
	animation: leftIn 1.5s ease 1.0s forwards;
}
.interviewPageWrapper #kvWrapper .dataBox .tit{
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-size: 2.0rem;
	padding: 10px 40px;
	margin: 0 0 20px 0;
}
.interviewPageWrapper #kvWrapper .dataBox .name{
	font-size: 1.6rem;
}
.interviewPageWrapper #kvWrapper .dataBox .name span{
	display: block;
	font-size: 2.4rem;
	margin: 3px 0 0 0;
}
.interviewPageWrapper .icoScroll{
	color: #004ebf;
	animation: anmFedIn 5s ease 2.5s forwards, anmScroll 2.5s ease-in-out 2.5s infinite;
}
.interviewPageWrapper .icoScroll::before,
.interviewPageWrapper .icoScroll::after{
	background-color: #004ebf;
}

/* kv type */
.interviewPageWrapper.type01 #kvWrapper{
	background: url(../images/kv_recruit_interview01_pc.png) no-repeat top right / cover;
}
.interviewPageWrapper.type02 #kvWrapper{
	background: url(../images/kv_recruit_interview02_pc.png) no-repeat top right / cover;
}
.interviewPageWrapper.type03 #kvWrapper{
	background: url(../images/kv_recruit_interview03_pc.png) no-repeat top right / cover;
}
.interviewPageWrapper.type04 #kvWrapper{
	background: url(../images/kv_recruit_interview04_pc.png) no-repeat top right / cover;
}
.interviewPageWrapper.type05 #kvWrapper{
	background: url(../images/kv_recruit_interview05_pc.png) no-repeat top right / cover;
}
/* interviewBox */
.interviewPageWrapper [class ^= interviewBox]{
	margin: 0 0 130px 0;
	position: relative;
}
.interviewPageWrapper [class ^= interviewBox]:last-of-type{
	margin: 0 0 150px 0;
}
.interviewPageWrapper [class ^= interviewBox]::after,
.interviewPageWrapper [class ^= interviewBox] figure::after{
	content: " ";
	display: block;
	position: absolute;
	z-index: -1;
}
.interviewPageWrapper [class ^= interviewBox] figure::after{
	display: none;
}
.interviewPageWrapper .interviewBox01::after,
.interviewPageWrapper .interviewBox01 figure::after{
	width: 53%;
	height: 270px;
	top: 50%;
	right: 0;
	transform: translateY(-35%);
}
.interviewPageWrapper .interviewBox02::after,
.interviewPageWrapper .interviewBox02 figure::after{
	width: 35%;
	height: 285px;
	left: 0;
	bottom: 0;
}
.interviewPageWrapper [class ^= interviewBox] .inBox{
	display: flex;
	justify-content: space-between;
}
.interviewPageWrapper .interviewBox02 .inBox{
	flex-direction: row-reverse;
}
.interviewPageWrapper .interviewBox01 .txtArea{
	width: 465px;
}
.interviewPageWrapper .interviewBox02 .txtArea{
	width: 530px;
}
.interviewPageWrapper .interviewBox03 .txtArea{
	width: 480px;
}
.interviewPageWrapper [class ^= interviewBox] .tit{
	font-size: 3.2rem;
	line-height: 140%;
	position: relative;
	padding: 0 0 35px 0;
	margin: 0 0 50px 0;
}
.interviewPageWrapper [class ^= interviewBox] .tit::before,
.interviewPageWrapper #messageWrapper .titS::after{
	content: " ";
	display: block;
	width: 70px;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.interviewPageWrapper [class ^= interviewBox] .txt{
	text-align: justify;
	font-size: 1.6rem;
	line-height: 180%;
	font-feature-settings: normal;
}
.interviewPageWrapper .interviewBox02 figure{
	margin: 0 0 50px 80px;
}

/* scheduleWrapper */
.interviewPageWrapper #scheduleWrapper{
	padding: 65px 0 80px 0;
	margin: 0 0 65px 0;
}
.interviewPageWrapper .titS{
	color: #fff;
	font-size: 3.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
.interviewPageWrapper #scheduleWrapper .inBox{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 800px;
	background-color: #fff;
	padding: 40px;
	margin: 0 auto;
}
.interviewPageWrapper #scheduleWrapper .listSchedule,
.interviewPageWrapper #scheduleWrapper .listSchedule .time{
	position: relative;
}
.interviewPageWrapper #scheduleWrapper .listSchedule::before,
.interviewPageWrapper #scheduleWrapper .listSchedule .time::after{
	content: " ";
	display: block;
	position: absolute;
}
.interviewPageWrapper #scheduleWrapper .listSchedule::before{
	width: 1px;
	height: calc(100% - 10px);
	background-color: #c4c4c4;
	top: 5px;
	left: 90px;
}
.interviewPageWrapper #scheduleWrapper .listSchedule li:not(:last-of-type){
	margin: 0 0 50px 0;
}
.interviewPageWrapper #scheduleWrapper .listSchedule span{
	display: inline-block;
	font-size: 1.6rem;
}
.interviewPageWrapper #scheduleWrapper .listSchedule .time{
	width: 90px;
	margin: 0 30px 0 0;
}
.interviewPageWrapper #scheduleWrapper .listSchedule .time::after{
	width: 23px;
	height: 23px;
	background-color: #004ebf;
	border: 3px solid #fff;
	border-radius: 50%;
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
}
.interviewPageWrapper #scheduleWrapper .listSchedule .txt{
	font-weight: bold;
}

/* messageWrapper */
.interviewPageWrapper #messageWrapper .titS{
	color: #004ebf;
	padding: 0 0 35px 0;
	position: relative;
}
.interviewPageWrapper #messageWrapper .titS::after{
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.interviewPageWrapper #messageWrapper .txtBox{
	width: 800px;
	border-radius: 10px;
	padding: 4px;
	margin: 0 auto 135px auto;
	position: relative;
}
.interviewPageWrapper #messageWrapper .txtBox::after{
	content: " ";
	display: block;
	width: 50px;
	height: 22px;
	background: url("../images/item_recruit_message_pc.png") no-repeat top left / 100% auto;
	position: absolute;
	bottom: -18px;
	right: 240px;
}
.interviewPageWrapper #messageWrapper .txt{
	border-radius: 7px;
	background-color: #fff;
	text-align: justify;
	font-size: 1.6rem;
	line-height: 180%;
	font-feature-settings: normal;
	padding: 50px;
}
.interviewPageWrapper #messageWrapper figure{
	position: absolute;
	bottom: -135px;
	right: 35px;
}
.interviewPageWrapper [class ^= interviewBox] .tit::before,
.interviewPageWrapper [class ^= interviewBox]::after,
.interviewPageWrapper [class ^= interviewBox] figure::after,
.interviewPageWrapper .bgInterviewOut,
.interviewPageWrapper #messageWrapper .titS::after{
	background: linear-gradient(90deg, rgba(188,200,207,1) 0%, rgba(171,185,193,1) 100%);
}


/*
	workPlace
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.workPlacePageWrapper{
	padding: 0 0 0 0;
}
.workPlacePageWrapper #bgTitWrapper{
	background: url("../images/bg_recruit_workplace_header_pc.png") no-repeat center center /cover;
}

/* commentWrapper tit */
.workPlacePageWrapper #commentWrapper{
	margin: 0 0 100px 0;
	overflow: hidden;
}
.workPlacePageWrapper #commentWrapper .ctsArea > .tit{
	text-align: center;
	margin: 0 0 70px 0;
}
.workPlacePageWrapper #commentWrapper .ctsArea > .tit span{
	display: inline-block;
	font-size: 3.8rem;
	letter-spacing: 0.3rem;
	line-height: 100%;
	padding: 0 50px;
	position: relative;
}
.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::before,
.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::after{
	content: " ";
	display: block;
	width: 3px;
	height: 60px;
	background-color: #004ebf;
	position: absolute;
	top: 50%;
}
.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::before{
	left: 0;
	transform: translateY(-50%) rotate(-45deg);
}
.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::after{
	right: 0;
	transform: translateY(-50%) rotate(45deg);
}

/* commentWrapper box */
.workPlacePageWrapper #commentWrapper .boxArea{
	height: 1040px;
	position: relative;
}
.workPlacePageWrapper #commentWrapper .boxOut{
	display: inline-block;
	position: absolute;
}
.workPlacePageWrapper #commentWrapper .box{
	width: 400px;
	border: 2px solid #000;
	border-radius: 10px;
	position: relative;
}
.workPlacePageWrapper #commentWrapper .box .inBox{
	padding: 40px 35px 25px 45px;
}
.workPlacePageWrapper #commentWrapper .box::before,
.workPlacePageWrapper #commentWrapper .box::after,
.workPlacePageWrapper #commentWrapper .box .inBox::before,
.workPlacePageWrapper #commentWrapper .box .inBox::after{
	content: " ";
	display: block;
	position: absolute;
}
.workPlacePageWrapper #commentWrapper .box::before,
.workPlacePageWrapper #commentWrapper .box::after{
	z-index: -1;
}
.workPlacePageWrapper #commentWrapper .box::before{/* colorBox */
	width: 100%;
	height: 100%;
	border-radius: 10px;
	top: 10px;
	left: 10px;
}
.workPlacePageWrapper #commentWrapper .box::after{/* colorItem */
	border-left: 17px solid transparent;
	border-bottom: 34px solid transparent;
	border-right: 17px solid transparent;
	left: 50%;
	bottom: -78px;
	transform: translateX(-50%);
}
.workPlacePageWrapper #commentWrapper .box .inBox::before{/* colorLine */
	width: 23px;
	height: 2px;
	left: 50%;
	bottom: -2px;
	transform: translateX(-50%);
}
.workPlacePageWrapper #commentWrapper .box .inBox::after{/* item */
	width: 24px;
	height: 26px;
	background: url("../images/item_recruit_workplace_comment_pc.png") no-repeat;
	left: 50%;
	bottom: -26px;
	transform: translateX(-50%);
}
.workPlacePageWrapper #commentWrapper .box .tit{
	font-size: 1.8rem;
	line-height: 130%;
	margin: 0 0 20px 0;
}
.workPlacePageWrapper #commentWrapper .box .txt{
	font-size: 1.6rem;
}

/* commentWrapper 1 */
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(1){
	top: 0;
	left: 135px;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(1) .box::before,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(1) .inBox::before,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(6) .box::before,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(6) .inBox::before{
	background-color: #ffe632;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(1) .box::after,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(6) .box::after{
	border-top: 34px solid #ffe632;
}

/* commentWrapper 2 */
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(2){
	top: 95px;
	right: 75px;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(2) .box:before,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(2) .inBox::before{
	background-color: #70c936;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(2) .box::after{
	border-top: 34px solid #70c936;
}

/* commentWrapper 3 */
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(3){
	top: 320px;
	left: 60px;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(3) .box::before,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(3) .inBox::before{
	background-color: #ff7ba4;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(3) .box::after{
	border-top: 34px solid #ff7ba4;
}

/* commentWrapper 4 */
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(4){
	top: 455px;
	right: 170px;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(4) .box::before,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(4) .inBox::before{
	background-color: #71b9ea;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(4) .box::after{
	border-top: 34px solid #71b9ea;
}

/* commentWrapper 5 */
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(5){
	bottom: 150px;
	left: 135px;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(5) .box::before,
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(5) .inBox::before{
	background-color: #ffaa6d;
}
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(5) .box::after{
	border-top: 34px solid #ffaa6d;
}

/* commentWrapper 6 */
.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(6){
	bottom: 50px;
	right: 135px;
}

/* commentWrapper item */
.workPlacePageWrapper #commentWrapper .itemBox > *{
	position: absolute;
}
.workPlacePageWrapper #commentWrapper .t01{
	top: -40px;
	left: 153px;
}
.workPlacePageWrapper #commentWrapper .t02{
	top: 240px;
	left: 77px;
}
.workPlacePageWrapper #commentWrapper .t03{
	bottom: 110px;
	left: 60px;
}
.workPlacePageWrapper #commentWrapper .t04{
	top: 25px;
	left: 675px;
}
.workPlacePageWrapper #commentWrapper .t05{
	top: 600px;
	left: 480px;
}
.workPlacePageWrapper #commentWrapper .t06{
	bottom: 30px;
	left: 430px;
}
.workPlacePageWrapper #commentWrapper .c01{
	top: 340px;
	left: 610px;
}
.workPlacePageWrapper #commentWrapper .c02{
	bottom: 330px;
	right: 100px;
}
.workPlacePageWrapper #commentWrapper .c03{
	bottom: 0;
	right: 250px;
}
.workPlacePageWrapper #commentWrapper .c04{
	top: 100px;
	right: 20px;
}

/* workWrapper */
.workPlacePageWrapper #workWrapper .bgClr:not(:nth-of-type(2n)){
	background-color: #ecf2f2;
}
.workPlacePageWrapper #workWrapper .clm2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px;
}
.workPlacePageWrapper #workWrapper .titBox{
	width: 510px;
	padding: 50px 0;
	position: relative;
}
.workPlacePageWrapper #workWrapper .titBox::before,
.workPlacePageWrapper #workWrapper .titBox::after{
	content: " ";
	display: block;
	width: 165px;
	height: 3px;
	background-color: #004ebf;
	position: absolute;
	left: 0;
}
.workPlacePageWrapper #workWrapper .titBox::before{
	top: 0;
	transform: rotate(-15deg);
}
.workPlacePageWrapper #workWrapper .titBox::after{
	bottom: 0;
	transform: rotate(15deg);
}
.workPlacePageWrapper #workWrapper .titBox .tit > *{
	display: block;
}

.workPlacePageWrapper #workWrapper .titBox .tit span{
	font-size: 3.8rem;
	line-height: 120%;
}
.workPlacePageWrapper #workWrapper .listWork{
	width: 530px;
	margin: 0 0 -15px 0;
}
.workPlacePageWrapper #workWrapper .listWork li{
	background-color: #fff;
	padding: 30px 30px 30px 50px;
	margin: 0 0 15px 0;
	position: relative;
}
.workPlacePageWrapper #workWrapper .bgClr:nth-of-type(2n) .listWork li{
	background-color: #ecf2f2;
}
.workPlacePageWrapper #workWrapper .listWork li::before{
	content: " ";
	display: block;
	width: 10px;
	height: calc(100% - 40px);
	background-color: #004ebf;
	position: absolute;
	top: 20px;
	left: 20px;
}
.workPlacePageWrapper #workWrapper .listWork .tit{
	color: #004ebf;
	font-size: 1.8rem;
	line-height: 150%;
	margin: 0 0 10px 0
}
.workPlacePageWrapper #workWrapper .listWork .txt{
	text-align: justify;
	font-size: 1.6rem;
	line-height: 180%;
	font-feature-settings: normal;
}

/* icoWrapper */
.workPlacePageWrapper #icoWrapper.bgClr{
	background-color: #ecf2f2;
	padding: 100px 0 130px 0;
}
.workPlacePageWrapper #icoWrapper .ctsArea > *{
	padding: 0 50px;
}
.workPlacePageWrapper #icoWrapper .tit{
	margin: 0 0 50px 0;
}
.workPlacePageWrapper #icoWrapper .tit > span{
	display: block;
	text-align: center;
	line-height: 100%;
}
.workPlacePageWrapper #icoWrapper .tit span:nth-of-type(1){
	color: #004ebf;
	font-size: 4.8rem;
	font-weight: 900;
	margin: 0 0 13px 0;
}
.workPlacePageWrapper #icoWrapper .tit span:nth-of-type(2){
	font-size: 1.6rem;
	font-weight: 400;
}
.workPlacePageWrapper #icoWrapper .listIco{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 -50px 0;
}
.workPlacePageWrapper #icoWrapper .listIco li{
	width: calc((100% - 90px)/4);
	text-align: center;
	margin: 0 0 50px 0;
}
.workPlacePageWrapper #icoWrapper .listIco figcaption{
	color: #004ebf;
	font-size: 2.0rem;
	margin: 15px 0 0 0;
}


/*
	event index
-----------------------------------------------------------------------------------------------*/
.eventPageWrapper #bgTitWrapper{
	background: url("../images/bg_recruit_event_header_pc.png") no-repeat center center /cover;
}

/* listBlog */
@media screen and (min-width:813px){
	.eventPageWrapper #eventWrapper .listBlog{
		flex-wrap: wrap;
		margin: 0 0 -45px 0;
	}
	.eventPageWrapper #eventWrapper .listBlog li{
		margin: 0 45px 45px 0;
	}
	.eventPageWrapper #eventWrapper .listBlog li{
		width: calc((100% - 90px) /3);
	}
	.eventPageWrapper #eventWrapper .listBlog li:nth-of-type(3n){
		margin-right: 0;
	}
	.eventPageWrapper #eventWrapper .listBlog img {
		height: 220px;
	}
	#eventWrapper .listBlog .tit {
		font-size: 2.0rem;
	}
}


/*
	event details
-----------------------------------------------------------------------------------------------*/
.eventPageWrapper #blogWrapper{
	word-wrap: break-word;
	padding: 0 200px;
}

/* tit */
.eventPageWrapper #blogWrapper .titArea{
	margin: 0 0 60px 0;
}
.eventPageWrapper #blogWrapper .titArea .tit{
	font-size: 2.8rem;
	line-height: 120%;
	letter-spacing: 0.2rem;
	margin: 0 0 15px 0;
}
.eventPageWrapper #blogWrapper .titArea .day{
	min-height: 23px;
	background: url("../images/ico_ calendar.svg") no-repeat left center / 23px auto;
	font-size: 2.0rem;
	padding: 0 0 0 33px;
}

/* txtArea */
.eventPageWrapper #blogWrapper .txtArea > *:not(:last-child){
	margin: 0 0 30px 0;
}
.eventPageWrapper #blogWrapper .txtArea .txt{
	line-height: 200%;
}
.eventPageWrapper #blogWrapper .txtArea figure img{
	width: 100%;
}
.eventPageWrapper #blogWrapper .txtArea figcaption{
	color: #888;
	font-size: 1.2rem;
	margin: 10px 0 0 0;
}

/* btnArea */
.eventPageWrapper #blogWrapper .btnArea{
	margin-top: 60px;
}


/*
	jobs index
-----------------------------------------------------------------------------------------------*/
/* listBoxWrapper */
.jobsPageWrapper #listBoxWrapper{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 -45px 0;
}
.jobsPageWrapper #listBoxWrapper li{
	width: calc((100% - 90px)/3);
	min-height: 155px;
	border: 1px solid #808080;
	margin: 0 45px 45px 0;
}
.jobsPageWrapper #listBoxWrapper li:last-of-type{
		margin-right: 0;
	}
@media screen and (min-width:813px){
	.jobsPageWrapper #listBoxWrapper li:nth-of-type(3n){
	}
}
.jobsPageWrapper #listBoxWrapper li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20px;
}
.jobsPageWrapper #listBoxWrapper.listIcoArrowNmr.icoBtm li a::after{
	right: 18px;
	bottom: 18px;
}
.jobsPageWrapper #listBoxWrapper.listIcoArrowNmr.icoBtm li a:hover::after{
	right: 10px;
}
.jobsPageWrapper #listBoxWrapper .tit{
	font-size: 2.0rem;
	line-height: 130%;
	letter-spacing: 0.2rem;
	transition: all 0.3s;
}
.jobsPageWrapper #listBoxWrapper a:hover .tit{
	color: #00cfe9;
}


/*
	jobs details
-----------------------------------------------------------------------------------------------*/
.jobsPageWrapper.details #bgTitWrapper{
	border-bottom: none;
}
.jobsPageWrapper.details .titDetails{
	text-align: center;
	font-size: 2.8rem;
	margin: 0 0 70px 0;
}

/* titTbl */
.jobsPageWrapper.details .titTbl{
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 5px 0;
}

/* tblBase */
.jobsPageWrapper.details .tblBase td{
	line-height: 160%;
	font-feature-settings: normal;
}

/* listBase */
.jobsPageWrapper.details .listBase li:not(:last-of-type){
	margin-bottom: 8px;
}

/* btnBase */
.jobsPageWrapper .btnBase {
	font-size: 1.8rem;
	padding-top: 20px;
	padding-bottom: 20px;
}


/*
	entry
-----------------------------------------------------------------------------------------------*/
.entryPageWrapper #bgTitWrapper{
	border-bottom: none;
}
.entryPageWrapper .ctsInBox{
	padding-top: 70px;
}

/* stepWrapper */
.entryPageWrapper #listStepWrapper{
	display: flex;
	justify-content: space-between;
	width: 770px;
	margin: 0 auto 65px auto;
	position: relative;
}
.entryPageWrapper #listStepWrapper::after,
.entryPageWrapper #listStepWrapper li::after{
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.entryPageWrapper #listStepWrapper::after{
	width: 616px;
	height: 1px;
	background-color: #c4c4c4;
	top: 45px;
	z-index: 1;
}
.entryPageWrapper #listStepWrapper li{
	width: calc(100% / 5);
	text-align: center;
	position: relative;
}
.entryPageWrapper #listStepWrapper li::after{
	width: 25px;
	height: 25px;
	background-color: #004ebf;
	border: 3px solid #ecf2f2;
	border-radius: 50%;
	top: 33px;
	z-index: 2;
}
.entryPageWrapper #listStepWrapper .num{
	color: #00cfe9;
	font-size: 1.8rem;
	margin: 0 0 44px 0;
}
.entryPageWrapper #listStepWrapper .num span{
	display: inline-block;
	font-size: 3.2rem;
	font-weight: 500;
	padding: 0 0 0 5px;
}
.entryPageWrapper #listStepWrapper .tit{
	font-size: 1.6rem;
	font-weight: bold;
}


@media screen and (max-width:812px){
	/*
		common
	-----------------------------------------------------------------------------------------------*/
	/* titL */
	.titL{
		font-size: 3.4rem;
		line-height: 100%;
		letter-spacing: 0;
		margin: 0 0 30px 0;
	}
	.titL span{
		font-size: 1.2rem;
	}
	
	/* bgTitWrapper */
	.recruitPage #bgTitWrapper{
		background: url("../images/bg_recruit_common_header_sp.png") no-repeat center center /cover;
	}
	
	/* ctsInBox */
	.recruitPage .ctsInBox{
		border-top: 6px solid #004ebf;
	}
	
	/* table */
	.recruitPage .tblBase td{
		padding-left: 10px;
		padding-right: 10px;
	}


	/*
		header
	-----------------------------------------------------------------------------------------------*/
	/* listMenuR */
	#headerWrapper .menuAreaR{
		display: none;
		align-items: center;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2000;
	}
	#headerWrapper .scrollAreaR{
		display: flex;
		justify-content: center;
		width: 100%;
		height: 70vh;
		padding: 10px 20px;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	#headerWrapper .listMenuR{
		display: block;
		margin: 0;
	}
	#headerWrapper .listMenuR > li{
		width: 100%;
	}
	#headerWrapper .listMenuR > li:not(:last-of-type){
		margin: 0 0 30px 0;
	}
	#headerWrapper .listMenuR span:nth-of-type(1){
		color: #00cfe9;
		font-size: 2.2rem;
		margin: 0 0 10px 0;
	}
	#headerWrapper .listMenuR span:nth-of-type(2){
		font-size: 1.1rem;
		color: #000;
	}

	/* btnEntry */
	#headerWrapper .btnEntry{
		width: 80px;
		height: 50px;
		font-size: 1.4rem;
	}
	body.btnActive .boxR{
		margin: 0 50px 0 0;
	}


	/*
		footer
	-----------------------------------------------------------------------------------------------*/
	/* linkArea */
	#footerWrapper .linkArea .icoLink{
		background: url("../images/ico_link_bold.svg") no-repeat top 3px right 1px / 13px auto;
		font-size: 1.4rem;
		padding: 0 20px 0 0;
	}


	/*
		linkWrapper
	-----------------------------------------------------------------------------------------------*/
	#linkWrapper{
		display: block;
	}
	#linkWrapper > *{
		width: 100%;
		padding: 40px 20px 50px 20px;
	}
	#linkWrapper .txt{
		font-size: 1.6rem;
		line-height: 180%;
	}
	#linkWrapper .btnArea{
		margin-top: 50px;
	}
	#linkWrapper .btnBase{
		width: 100%;
		font-size: 1.8rem;
		padding: 20px 30px;
	}

	/* recruitArea */
	#linkWrapper .recruitArea{
		background: url("../images/bg_recruit_link_recruit_sp.png") no-repeat center center / cover;
	}


	/*
		entryWrapper
	-----------------------------------------------------------------------------------------------*/
	#entryWrapper{
		background: url("../images/bg_recruit_link_entry_sp.png") no-repeat center center / cover;
		padding: 40px 0;
	}
	#entryWrapper .inBox{
		width: 100%;
		padding: 0 25px;
	}
	#entryWrapper .txt{
		font-size: 1.6rem;
	}
	#entryWrapper .btnEntry{
		width: 100%;
		height: 60px;
		font-size: 2.4rem;
	}


	/*
		top
	-----------------------------------------------------------------------------------------------*/
	/* box */
	.recruitTopPageWrapper{
		padding-bottom: 50px;
	}

	/* linkMore */
	.recruitTopPageWrapper .linkMore{
		font-size: 1.4rem;
		padding: 0 50px 7px 0;
	}
	.recruitTopPageWrapper .linkMore::after{
		width: 40px;
		height: 40px;
	}
	.recruitTopPageWrapper .linkMore span::before{
		width: calc(100% - 20px);
		height: 3px;
	}
	.recruitTopPageWrapper .linkMore span::after{
		right: 20px;
		bottom: 3px;
	}

	/* kv */
	.recruitTopPageWrapper #kvWrapper{
		min-height: 500px;
		margin: -50px 0 50px 0;
	}
	.recruitTopPageWrapper #kvWrapper::before{
		font-size: 8.0rem;
		left: -7px;
		bottom: -7px;
	}
	.recruitTopPageWrapper #kvWrapper .tit{
		width: 260px;
		left: 20px;
		bottom: 120px;
	}
	
	/* kv swiper */
	.recruitTopPageWrapper #kvWrapper .listSwiper li.ph01{
		background: url("../images/kv_recruit_top_bg01_sp.png") no-repeat center center / cover;
	}
	.recruitTopPageWrapper #kvWrapper .listSwiper li.ph02{
		background: url("../images/kv_recruit_top_bg02_sp.png") no-repeat center center / cover;
	}
	.recruitTopPageWrapper #kvWrapper .listSwiper li.ph03{
		background: url("../images/kv_recruit_top_bg03_sp.png") no-repeat center center / cover;
	}

	/* messaggWrapper */
	.recruitTopPageWrapper #messaggWrapper{
		padding: 0;
		margin: 0 0 50px 0;
	}
	.recruitTopPageWrapper #messaggWrapper .titL{
		margin-bottom: 10px;
	}
	.recruitTopPageWrapper #messaggWrapper .tit{
		font-size: 2.8rem;
		letter-spacing: 0.3rem;
		margin: 0 0 20px 0;
	}
	.recruitTopPageWrapper #messaggWrapper .tit > span{
		line-height: 200%;
	}
	.recruitTopPageWrapper #messaggWrapper .tit span > span::before{
		width: 10px;
		height: 10px;
		top: 2px;
	}
	.recruitTopPageWrapper #messaggWrapper .txt{
		text-align: justify;
		font-size: 1.6rem;
		letter-spacing: 0;
		line-height: 170%;
		margin: 0 0 25px 0;
	}
	.recruitTopPageWrapper #messaggWrapper .phBox{
		width: calc(100% + 40px);
		background: url("../images/ph_recruit_message_sp.png") no-repeat top right / cover;
		position: relative;
		padding-top: 75%;
		margin: 0 -20px;
	}
	.recruitTopPageWrapper #messaggWrapper .name{
		font-size: 1.2rem;
		left: 25px;
		bottom: 25px;
	}
	.recruitTopPageWrapper #messaggWrapper .name span{
		font-size: 2.0rem;
	}
	.recruitTopPageWrapper #messaggWrapper .linkMore{
		bottom: 170px;
		left: 0;
	}

	/* interviewWrapper */
	.recruitTopPageWrapper #interviewWrapper{
		border-bottom: 6px solid #004ebf;
		margin: 0 0 60px 0;
	}
	.recruitTopPageWrapper #interviewWrapper .swiper-container{
		padding: 60px 0 0 0;
		margin: -60px 0 0 0;
	}
	.recruitTopPageWrapper #interviewWrapper .btnSwiper{
		width: 100%;
		height: 36px;
		padding: 0 20px 0 0;
	}
	.recruitTopPageWrapper #interviewWrapper .swiper-button-next,
	.recruitTopPageWrapper #interviewWrapper .swiper-button-prev{
		width: 28px;
		height: 28px;
		margin-top: 4px;
	}
	.recruitTopPageWrapper #interviewWrapper .swiper-button-next{
		margin-left: 8px;
	}
	.recruitTopPageWrapper #interviewWrapper .swiper-button-next::before,
	.recruitTopPageWrapper #interviewWrapper .swiper-button-prev::before{
		width: 8px;
		height: 8px;
	}
	.recruitTopPageWrapper #interviewWrapper .listInterview li{
		height: 340px;
	}
	#interviewWrapper .listInterview li:nth-of-type(1) a{
		background: url("../images/ph_recruit_top_interview01_sp.png") no-repeat right bottom / auto 300px;
	}
	#interviewWrapper .listInterview li:nth-of-type(2) a{
		background: url("../images/ph_recruit_top_interview02_sp.png") no-repeat right bottom / auto 300px;
	}
	#interviewWrapper .listInterview li:nth-of-type(3) a{
		background: url("../images/ph_recruit_top_interview03_sp.png") no-repeat right bottom / auto 300px;
	}
	#interviewWrapper .listInterview li:nth-of-type(4) a{
		background: url("../images/ph_recruit_top_interview04_sp.png") no-repeat right bottom / auto 300px;
	}
	#interviewWrapper .listInterview li:nth-of-type(5) a{
		background: url("../images/ph_recruit_top_interview05_sp.png") no-repeat right bottom / auto 300px;
	}
	#interviewWrapper .listInterview li a{
		padding: 15px 20px 25px 20px;
	}
	#interviewWrapper .listInterview .tit{
		margin: 0 0 25px -20px;
	}
	#interviewWrapper .listInterview .tit span{
		font-size: 1.6rem;
		padding: 10px 20px;
	}
	#interviewWrapper .listInterview .txt{
		font-size: 1.7rem;
		line-height: 150%;
	}
	 #interviewWrapper .listInterview .name{;
		font-size: 1.1rem;
		line-height: 180%;
		padding: 20px 0 0 0;
	}
	#interviewWrapper .listInterview .name::before{
		width: 60px;
	}
	#interviewWrapper .listInterview .name span{
		font-size: 1.6rem;
	}

	/* eventwWrapper */
	.recruitTopPageWrapper #eventWrapper .btnBox{
		top: 0;
		right: 20px;
	}
	#eventWrapper .listBlog{
		flex-wrap: wrap;
		margin: 0 0 -20px 0;
	}
	#eventWrapper .listBlog li{
		width: calc((100% - 15px)/2);
		margin: 0 15px 20px 0;
	}
	#eventWrapper .listBlog li:nth-of-type(2n){
		margin-right: 0;
	}
	#eventWrapper .listBlog li a{
	padding: 0 0 7px 0;
}
	#eventWrapper .listBlog img{
		height: 100px;
	}
	#eventWrapper .listBlog .tit{
		font-size: 1.2rem;
		line-height: 130%;
		padding: 10px 0 15px 0;
	}
	#eventWrapper .listBlog .day{
		min-height: 15px;
		background-size: 15px auto;
		font-size: 1.0rem;
		padding: 0 0 0 20px;
	}
	
	
	/*
		message
	-----------------------------------------------------------------------------------------------*/
	/* kv */
	.messagePageWrapper #kvWrapper{
		display: block;
		background: linear-gradient(70deg, rgba(1, 35, 84, 1) 0%, rgba(1, 35, 84, 1) 55%, rgba(219, 219, 219, 1) 55%, rgba(219, 219, 219, 1) 100%);
		height: calc(100vh - 50px);
		min-height: 500px;
	}
	.messagePageWrapper #kvWrapper::after{
		width: 100%;
		height: 57%;
		min-height: 290px;
		background: url(../images/kv_recruit_message_sp.png) no-repeat top right / auto 100%;
		right: 5px;
	}
	.messagePageWrapper #kvWrapper .inBox{
		width: 100%;
		padding: 40px 20px 0 20px;
	}
	.messagePageWrapper #kvWrapper .inBox > .tit{
		font-size: 2.2rem;
		margin: 20px 0 20px 0;
	}
	.messagePageWrapper #kvWrapper .inBox > .txt{
		font-size: 2.6rem;
		line-height: 210%;
		margin: 0 0 30px 0;
	}
	.messagePageWrapper #kvWrapper .inBox > .txt > span{
		letter-spacing: 0.2rem;
	}
	.messagePageWrapper #kvWrapper .inBox > .txt > span > span::before{
		width: 10px;
		height: 10px;
		top: 0;
	}
	.messagePageWrapper #kvWrapper .dataBox > .txt{
		font-size: 1.2rem;
	}
	.messagePageWrapper #kvWrapper .dataBox .name{
		width: 100px;
	}

	/* txtArea */
	.messagePageWrapper #txtWrapper{
		padding: 50px 0;
	}
	.messagePageWrapper #txtWrapper::before{
		border: 50px solid transparent;
		border-top: 50px solid #012354;
		border-right: 50px solid #012354;
	}
	.messagePageWrapper #txtWrapper::after{
		border: 50px solid transparent;
		border-left: 50px solid #012354;
		border-bottom: 50px solid #012354;
	}
	.messagePageWrapper #txtWrapper .txtOut{
		padding: 0 20px;
		margin: 0 0 30px 0;
	}
	.messagePageWrapper #txtWrapper .txtArea{
		width: 100%;
	}
	.messagePageWrapper #txtWrapper .txtBox{
		width: 100%;
		padding: 30px 20px 20px 20px;
		margin: 0 auto;
	}
	.messagePageWrapper #txtWrapper .tit{
		font-size: 1.8rem;
		margin: 0 0 25px 0;
	}
	.messagePageWrapper #txtWrapper .txt{
		font-size: 1.4rem;
		line-height: 160%;
		margin: 0 0 30px 0;
	}
	.messagePageWrapper #txtWrapper figure{
		position: static;
	}
	
	
	/*
		interviewPageWrapper index
	-----------------------------------------------------------------------------------------------*/
	/* bgTitWrapper */
	.interviewPageWrapper #bgTitWrapper{
		background: url(../images/bg_recruit_interview_header_sp.png) no-repeat center center /cover;
	}

	/* listInterview */
	.interviewPageWrapper #interviewWrapper .listInterview{
		display: block;
		margin: 0 0 -15px 0;
	}
	.interviewPageWrapper #interviewWrapper .listInterview li{
		width: 100%;
		max-width: 500px;
		height: 320px;
		margin: 0 0 15px 0;
	}
	.interviewPageWrapper #interviewWrapper .listInterview li:last-of-type{
		margin-right: 0;
	}
	.interviewPageWrapper #interviewWrapper .listInterview .txt{
		margin: auto 0 0 0;
	}
	.interviewPageWrapper #interviewWrapper .listInterview .name{
		padding: 15px 0 0 0;
		margin-top: 15px;
	}
	
	
	/*
		interviewPageWrapper
	-----------------------------------------------------------------------------------------------*/
	/* kv */
	.interviewPageWrapper #kvWrapper{
		align-items: flex-end;
		height: calc(100vh - 50px);
		min-height: 500px;
		margin: 0 0 60px 0;
	}
	.interviewPageWrapper #kvWrapper .inBox{
		width: 100%;
		padding: 0 20px 30px 20px;
	}
	.interviewPageWrapper #kvWrapper .titKv{
		font-size: 1.8rem;
		margin: 0 0 30px 0;
	}
	.interviewPageWrapper #kvWrapper .titKv span{
		padding: 8px 13px 10px 13px;
		margin: 0 0 8px 0;
	}
	.interviewPageWrapper #kvWrapper .dataBox .tit{
		font-size: 1.4rem;
		padding: 8px 15px;
		margin: 0 0 10px 0;
	}
	.interviewPageWrapper #kvWrapper .dataBox .name{
		font-size: 1.2rem;
		text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF, 0 -1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
	}
	.interviewPageWrapper #kvWrapper .dataBox .name span{
		font-size: 2.0rem;
	}
	.interviewPageWrapper [class ^= interviewBox]::after{
		display: none;
	}
	.interviewPageWrapper [class ^= interviewBox] figure{
		position: relative;
	}
	.interviewPageWrapper [class ^= interviewBox] figure::after{
		content: " ";
		display: block;
		position: absolute;
		z-index: -1;
	}

	/* kv type */
	.interviewPageWrapper.type01 #kvWrapper{
		background: url(../images/kv_recruit_interview01_sp.png) no-repeat top right / cover;
	}
	.interviewPageWrapper.type02 #kvWrapper{
		background: url(../images/kv_recruit_interview02_sp.png) no-repeat top right / cover;
	}
	.interviewPageWrapper.type03 #kvWrapper{
		background: url(../images/kv_recruit_interview03_sp.png) no-repeat top right / cover;
	}
	.interviewPageWrapper.type04 #kvWrapper{
		background: url(../images/kv_recruit_interview04_sp.png) no-repeat top right / cover;
	}
	.interviewPageWrapper.type05 #kvWrapper{
		background: url(../images/kv_recruit_interview05_sp.png) no-repeat top right / cover;
	}

	/* interviewBox */
	.interviewPageWrapper [class ^= interviewBox]{
		margin: 0 0 60px 0;
	}
	.interviewPageWrapper .interviewBox02{
		margin: 0 0 80px 0;
	}
	.interviewPageWrapper [class ^= interviewBox]:last-of-type{
		margin: 0 0 60px 0;
	}
	.interviewPageWrapper .interviewBox01 figure::after{
		width: 80%;
		height: 90%;
		top: -30px;
		right: -20px;
		transform: translateY(0);
	}
	.interviewPageWrapper .interviewBox02 figure::after{
		width: 30%;
		height: 120%;
		top: 50%;
		bottom: auto;
		left: -60px;
		transform: translateY(-50%);
	}
	.interviewPageWrapper [class ^= interviewBox] .inBox{
		display: block;
	}
	.interviewPageWrapper .interviewBox02 .inBox{
		flex-direction: row;
	}
	.interviewPageWrapper .interviewBox01 .txtArea,
	.interviewPageWrapper .interviewBox02 .txtArea,
	.interviewPageWrapper .interviewBox03 .txtArea{
		width: 100%;
	}
	.interviewPageWrapper [class ^= interviewBox] .tit{
		font-size: 2.0rem;
		padding: 0 0 20px 0;
		margin: 0 0 30px 0;
	}
	.interviewPageWrapper [class ^= interviewBox] .tit::before,
	.interviewPageWrapper #messageWrapper .titS::after{
		width: 50px;
		height: 4px;
	}
	.interviewPageWrapper [class ^= interviewBox] .txt{
		font-size: 1.4rem;
		line-height: 160%;
		margin: 0 0 50px 0;
	}
	.interviewPageWrapper .interviewBox03 .txt{
		margin: 0 0 30px 0;
	}
	.interviewPageWrapper .interviewBox02 figure{
		margin: 0 0 0 40px;
	}

	/* scheduleWrapper */
	.interviewPageWrapper #scheduleWrapper{
		padding: 40px 0 20px 0;
		margin: 0 0 40px 0;
	}
	.interviewPageWrapper .titS{
		font-size: 2.0rem;
		margin: 0 0 30px 0;
	}
	.interviewPageWrapper #scheduleWrapper .inBox{
		display: block;
		width: 100%;
		padding: 20px;
	}
	.interviewPageWrapper #scheduleWrapper .listSchedule::before{
		height: calc(100% - 3px);
		top: 3px;
		left: 10px;
	}
	.interviewPageWrapper #scheduleWrapper .listSchedule li{
		padding: 0 0 0 30px;
	}
	.interviewPageWrapper #scheduleWrapper .listSchedule li:not(:last-of-type){
		margin: 0 0 20px 0;
	}
	.interviewPageWrapper #scheduleWrapper .listSchedule span{
		display: block;
		font-size: 1.4rem;
	}
	.interviewPageWrapper #scheduleWrapper .listSchedule span:first-of-type{
		margin: 0 0 5px 0;
	}
	.interviewPageWrapper #scheduleWrapper .listSchedule .time{
		width: 90px;
		margin: 0 30px 0 0;
	}
	.interviewPageWrapper #scheduleWrapper .listSchedule .time::after{
		width: 18px;
		height: 18px;
		right: auto;
		left: -37px;
	}

	/* messageWrapper */
	.interviewPageWrapper #messageWrapper .titS{
		padding: 0 0 20px 0;
	}
	.interviewPageWrapper #messageWrapper .txtBox{
		width: 100%;
		padding: 3px;
		margin: 0 0 60px 0;
	}
	.interviewPageWrapper #messageWrapper .txtBox::after{
		width: 50px;
		height: 20px;
		background: url("../images/item_recruit_message_sp.png") no-repeat top left / 100% auto;
		bottom: -17px;
		right: 120px;
	}
	.interviewPageWrapper #messageWrapper .txt{
		font-size: 1.4rem;
		line-height: 160%;
		padding: 30px;
	}
	.interviewPageWrapper #messageWrapper figure{
		width: 100px;
		bottom: -75px;
		right: 10px;
	}
	
	
	/*
		workPlace
	-----------------------------------------------------------------------------------------------*/
	.workPlacePageWrapper #bgTitWrapper{
		background: url("../images/bg_recruit_workplace_header_sp.png") no-repeat center center /cover;
	}

	/* commentWrapper tit */
	.workPlacePageWrapper #commentWrapper{
		margin: 0 0 20px 0;
	}
	.workPlacePageWrapper #commentWrapper .ctsArea > .tit{
		margin: 0 0 40px 0;
	}
	.workPlacePageWrapper #commentWrapper .ctsArea > .tit span{
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		padding: 0 30px;
	}
	.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::before,
	.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::after{
		height: 40px;
	}
	.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::before{
		transform: translateY(-50%) rotate(-30deg);
	}
	.workPlacePageWrapper #commentWrapper .ctsArea > .tit span::after{
		transform: translateY(-50%) rotate(30deg);
	}

	/* commentWrapper box */
	.workPlacePageWrapper #commentWrapper .boxArea{
		height: auto;
	}
	.workPlacePageWrapper #commentWrapper .boxOut{
		display: block;
		width: calc(100% - 30px);
		margin: 0 0 55px 0;
		position: static;
	}
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(2n){
		margin-left: auto;
	}
	.workPlacePageWrapper #commentWrapper .boxOut .box{
		width: 100%;
	}
	.workPlacePageWrapper #commentWrapper .box .inBox{
		padding: 30px 20px 15px 30px;
	}
	.workPlacePageWrapper #commentWrapper .box::after{/* colorItem */
		border-left: 14px solid transparent;
		border-bottom: 28px solid transparent;
		border-right: 14px solid transparent;
		bottom: -62px;
	}
	.workPlacePageWrapper #commentWrapper .box .inBox::before{/* colorLine */
		width: 23px;
		height: 4px;
		bottom: -3px;
	}
	.workPlacePageWrapper #commentWrapper .box .inBox::after{/* item */
		background: url("../images/item_recruit_workplace_comment_sp.png") no-repeat center center / 100% auto;
	}
	.workPlacePageWrapper #commentWrapper .box .tit{
		font-size: 1.6rem;
		margin: 0 0 15px 0;
	}
	.workPlacePageWrapper #commentWrapper .box .txt{
		font-size: 1.4rem;
	}

	/* commentWrapper 1 */
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(1),
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(2),
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(3),
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(4),
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(5),
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(6){
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
	}
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(1) .box::after{
		border-top: 28px solid #ffe632;
	}

	/* commentWrapper 2 */
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(2) .box::after{
		border-top: 28px solid #70c936;
	}

	/* commentWrapper 3 */
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(3) .box::after{
		border-top: 28px solid #ff7ba4;
	}

	/* commentWrapper 4 */
	.workPlacePageWrapper #commentWrapper .boxOut:nth-of-type(4) .box::after{
		border-top: 28px solid #71b9ea;
	}

	/* commentWrapper item */
	.workPlacePageWrapper #commentWrapper .t01{
		width: 20px;
		top: -29px;
		left: 5px;
	}
	.workPlacePageWrapper #commentWrapper .t02{
		width: 20px;
		top: -20px;
		left: auto;
		right: 0;
	}
	.workPlacePageWrapper #commentWrapper .t03{
		width: 20px;
		top: 60%;
		bottom: auto;
		left: 0;
	}
	.workPlacePageWrapper #commentWrapper .t04{
		width: 40px;
		top: 20%;
		left: 0;
	}
	.workPlacePageWrapper #commentWrapper .t05{
		width: 44px;
		top: 50%;
		left: auto;
		right: 0;
	}
	.workPlacePageWrapper #commentWrapper .t06{
		width: 32px;
		bottom: 13%;
		left: 0;
	}
	.workPlacePageWrapper #commentWrapper .c01{
		width: 16px;
		top: auto;
		left: auto;
		right: 30px;
		bottom: -36px;
	}
	.workPlacePageWrapper #commentWrapper .c02{
		width: 18px;
		bottom: 28%;
		right: 0;
	}
	.workPlacePageWrapper #commentWrapper .c03{
		width: 24px;
		bottom: -35px;
		right: auto;
		left: 0;
	}
	.workPlacePageWrapper #commentWrapper .c04{
		width: 24px;
		top: 34%;
		right: 0;
		z-index: -2;
	}

	/* workWrapper */
	.workPlacePageWrapper #workWrapper .clm2{
		display: block;
		padding: 50px 0;
	}
	.workPlacePageWrapper #workWrapper .titBox{
		width: 100%;
		text-align: center;
		padding: 0 30px;
		margin: 0 0 40px 0;
	}
	.workPlacePageWrapper #workWrapper .titBox::before,
	.workPlacePageWrapper #workWrapper .titBox::after{
		width: 60px;
		left: auto;
	}
	.workPlacePageWrapper #workWrapper .titBox::before{
		left: 0;
		top: 50%;
		transform: translateY(-50%) rotate(70deg);
	}
	.workPlacePageWrapper #workWrapper .titBox::after{
		right: 0;
		top: 50%;
		transform: translateY(-50%) rotate(-70deg);
	}
	.workPlacePageWrapper #workWrapper .titBox .tit span:nth-of-type(1){
		font-size: 1.6rem;
		line-height: 140%;
		margin: 0 0 5px 0;
	}
	.workPlacePageWrapper #workWrapper .titBox .tit span:nth-of-type(2){
		font-size: 2.4rem;
	}
	.workPlacePageWrapper #workWrapper .listWork{
		width: 100%;
	}
	.workPlacePageWrapper #workWrapper .listWork li{
		padding: 20px 20px 20px 32px;
	}
	.workPlacePageWrapper #workWrapper .listWork li::before{
		width: 8px;
		height: calc(100% - 30px);
		top: 15px;
		left: 12px;
	}
	.workPlacePageWrapper #workWrapper .listWork .tit{
		font-size: 1.6rem;
	}
	.workPlacePageWrapper #workWrapper .listWork .txt{
		font-size: 1.4rem;
		line-height: 160%;
	}


	/* icoWrapper */
	.workPlacePageWrapper #icoWrapper.bgClr{
		padding: 50px 0;
	}
	.workPlacePageWrapper #icoWrapper .ctsArea > *{
		padding: 0;
	}
	.workPlacePageWrapper #icoWrapper .tit{
		margin: 0 0 30px 0;
	}
	.workPlacePageWrapper #icoWrapper .tit span:nth-of-type(1){
		font-size: 3.2rem;
		margin: 0 0 8px 0;
	}
	.workPlacePageWrapper #icoWrapper .tit span:nth-of-type(2){
		font-size: 1.4rem;
	}
	.workPlacePageWrapper #icoWrapper .listIco{
		justify-content: center;
		margin: 0 0 -20px 0;
	}
	.workPlacePageWrapper #icoWrapper .listIco li{
		width: calc((100% - 30px)/3);
		margin: 0 15px 20px 0;
	}
	.workPlacePageWrapper #icoWrapper .listIco li:nth-of-type(3n),
	.workPlacePageWrapper #icoWrapper .listIco li:last-of-type{
		margin-right: 0;
	}
	.workPlacePageWrapper #icoWrapper .listIco figure img{
		width: 90%;
	}
	.workPlacePageWrapper #icoWrapper .listIco figcaption{
		font-size: 1.4rem;
		line-height: 130%;
		margin: 8px 0 0 0;
	}
	
	
	/*
		event index
	-----------------------------------------------------------------------------------------------*/
	.eventPageWrapper #bgTitWrapper{
		background: url("../images/bg_recruit_event_header_sp.png") no-repeat center center /cover;
	}
	
	
	/*
		event details
	-----------------------------------------------------------------------------------------------*/
	.eventPageWrapper #blogWrapper{
		padding: 0;
	}

	/* tit */
	.eventPageWrapper #blogWrapper .titArea{
		margin: 0 0 30px 0;
	}
	.eventPageWrapper #blogWrapper .titArea .tit{
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		margin: 0 0 10px 0;
	}
	.eventPageWrapper #blogWrapper .titArea .day{
		min-height: 15px;
		background-size: 15px auto;
		font-size: 1.2rem;
		padding: 0 0 0 20px;
	}

	/* txtArea */
	.eventPageWrapper #blogWrapper .txtArea > *:not(:last-child){
		margin: 0 0 25px 0;
	}
	.eventPageWrapper #blogWrapper .txtArea .txt{
		line-height: 170%;
	}

	/* btnArea */
	.eventPageWrapper #blogWrapper .btnArea{
		margin-top: 40px;
	}
	
	
	/*
		jobs index
	-----------------------------------------------------------------------------------------------*/
	/* listBoxWrapper */
	.jobsPageWrapper #listBoxWrapper{
		display: block;
		margin: 0 0 -10px 0;
	}
	.jobsPageWrapper #listBoxWrapper li{
		width: 100%;
		min-height: auto;
		margin: 0 10px 10px 0;
	}
	.jobsPageWrapper #listBoxWrapper li:nth-of-type(2n){
		margin-right: 0;
	}
	.jobsPageWrapper #listBoxWrapper li a{
		padding: 20px;
	}
	.jobsPageWrapper #listBoxWrapper.listIcoArrowNmr.icoBtm li a::after{
		top: 50%;
		right: 10px;
		bottom: auto;
		transform: translateY(-50%) rotate(45deg);
	}
	.jobsPageWrapper #listBoxWrapper .tit{
		font-size: 1.5rem;
		letter-spacing: 0rem;
	}
	
	
	/*
		jobs details
	-----------------------------------------------------------------------------------------------*/
	.jobsPageWrapper.details .titDetails{
		font-size: 2.2rem;
		margin: 0 0 35px 0;
	}

	/* tblBase */
	.jobsPageWrapper.details .tblBase td{
		line-height: 150%;
	}
	
	/* btnBase */
	.jobsPageWrapper .btnBase{
		font-size: 1.4rem;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	
	/*
		entry
	-----------------------------------------------------------------------------------------------*/
	.entryPageWrapper .ctsInBox{
		padding-top: 40px;
	}

	/* stepWrapper */
	.entryPageWrapper #listStepWrapper{
		width: 100%;
		margin: 0 auto 30px auto;
	}
	.entryPageWrapper #listStepWrapper::after{
		width: calc(100% - 40px);
		top: 30px;
	}
	.entryPageWrapper #listStepWrapper li{
		width: auto;
	}
	.entryPageWrapper #listStepWrapper li::after{
		width: 20px;
		height: 20px;
		top: 20px;
	}
	.entryPageWrapper #listStepWrapper .num{
		font-size: 1.2rem;
		letter-spacing: -0.02rem;
		margin: 0 0 31px 0;
	}
	.entryPageWrapper #listStepWrapper .num span{
		font-size: 1.8rem;
		padding: 0 0 0 2px;
	}
	.entryPageWrapper #listStepWrapper .tit{
		font-size: 1.3rem;
		letter-spacing: 0;
	}
}