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





	
	
/* fv
--------------------- */
#fv {
    width: 100%;
	margin-top: 80px;
	position: relative;
}
	#fv .text {
		position: absolute;
		bottom: 80px;
		left: 80px;
		z-index: 2;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
		#fv .text .catch {
			font-size: 7.0rem;
			color: #FDCD00;
			line-height: 1.0em;
			margin-bottom: 20px;
		}
		#fv .text h1 {
			font-size: 1.8rem;
			color: #fff;
			line-height: 1;
		}


	#fv .slide-box {
		position: relative;
		display: flex;
		margin: 0;
		padding: 0;
		flex-wrap: wrap;
	}
		#fv .slide-box .slide {
			position: relative;
			width: -webkit-calc(100% - 280px);
			width: calc(100% - 280px);
			margin: 0;
			padding: 0;
		}
		#fv .slide-box .slide > .slick-list,
		#fv .slide-box .slide > .slick-list > .slick-track,
		#fv .slide-box .slide > .slick-list > .slick-track > .slick-slide > div {
			position: relative;
			height: 100%;
		}
			#fv .slide-box .slide .item {
				position: relative;
				height: 100%;
			}
			#fv .slide-box .slide .item::before {
				display: block;
				content: "";
			}
				#fv .slide-box .slide .item a {
					display: block;
				}
					#fv .slide-box .slide .item .image {
						position: relative;
						overflow: hidden;
					}


		#fv .slide-box .slide-navigation {
			line-height: 0;
			position: relative;
			width: 280px;
			margin: 0;
			padding: 0;
		}
			#fv .slide-box .slide-navigation .item {
				position: relative;
				cursor: pointer;
			}
				#fv .slide-box .slide-navigation .item .image {
					position: relative;
					overflow: hidden;
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 0;
				}
				#fv .slide-box .slide-navigation .item .image::before {
					display: block;
					content: "";
				}
				#fv .slide-box .slide-navigation .item .image::after {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					content: "";
					opacity: 0.5;
					background: #000;
				}
				#fv .slide-box .slide-navigation .slick-current .image::after {
					background: #FDCD00;
					opacity: 0.65;
				}
				#fv .slide-box .slide-navigation .item .image {
					height: 230px;
					position: relative;
					overflow: hidden;
				}
					#fv .slide-box .slide-navigation .item .image .profile {
						position: absolute;
						bottom: 20px;
						left: 20px;
						z-index: 2;
						color: #fff;
						line-height: 1;
					}
						#fv .slide-box .slide-navigation .item .image .profile .number {
							font-size: 1.4rem;
							font-weight: 700;
							letter-spacing: 0.02em;
							margin-bottom: 8px;
						}

						#fv .slide-box .slide-navigation .item .image .profile .name {
							font-size: 1.2rem;
							letter-spacing: 0;
						}
							#fv .slide-box .slide-navigation .item .image .profile .name span {
								font-size: 2.0rem;
								font-weight: 600;
								padding-right: 5px;
							}


	#fv .slide-box .slick-vertical .slick-slide {
		border: 0 solid transparent;
	}
	#fv .slide-box .slick-arrow {
		z-index: 4;
	}
	#fv .slide-box .slick-prev {
		top: 25px;
		bottom: auto;
		left: 0;
		right: 0;
		margin: auto;
	}
	#fv .slide-box .slick-prev:before {
		content: "↑";
	}
	#fv .slide-box .slick-next {
		top: auto;
		bottom: 5px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#fv .slide-box .slick-next:before {
		content: "↓";
	}





	
	
/* top-title
--------------------- */
.top-title {
	margin-bottom: 100px;
}
	.top-title h2 {
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1;
		padding-left: 15px;
		margin-bottom: 5px;
		position: relative;
	}
	.top-title h2:before {
		content: "";
		width: 8px;
		height: 8px;
		background: #D9D9D9;
		border-radius: 50%;
		position: absolute;
		top: 4px;
		left: 0;
	}

	.top-title .en {
		font-size: 8.0rem;
		line-height: 1;
		letter-spacing: 0.02em;
	}

	
	
/* top-tit
--------------------- */
.top-tit .en {
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 12px;
}
.top-tit h3 {
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1;
}






	
	
/* about
--------------------- */
#about {
	width: 100%;
	padding: 200px 0;
	background: #EFEFEF;
	overflow: hidden;
}
	#about .box {
		margin-bottom: 100px;
		position: relative;
	}
	#about .possibility {
		margin-bottom: 0;
	}
	#about .box:before {
		white-space: nowrap;
		width: 100%;
		height: auto;
		font-size: 10.0em;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		text-shadow:1px 1px 0 #E0DDDD, -1px -1px 0 #E0DDDD,
		-1px 1px 0 #E0DDDD, 1px -1px 0 #E0DDDD,
		0px 1px 0 #E0DDDD,  0-1px 0 #E0DDDD,
		-1px 0 0 #E0DDDD, 1px 0 0 #E0DDDD;
		letter-spacing: 0;
		color: #EFEFEF;
		line-height: 1;
		position: absolute;
		top: 84px;
		left: 0;
		z-index: 0;
	}
	#about .strengths:before {
		content: "STRENGTHS　STRENGTHS　STRENGTHS　STRENGTHS";
		animation: flowimg01 30s linear infinite;
	}
	#about .possibility:before {
		content: "POSSIBILITY　POSSIBILITY　POSSIBILITY　POSSIBILITY";
		animation: flowimg02 30s linear infinite;
	}
	@keyframes flowimg01 {
		0% { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}
	@keyframes flowimg02 {
		0% { transform: translateX(0); }
		100% { transform: translateX(100%); }
	}
		#about .box a.linktext {
			width: 47%;
			display: block;
			border-top: solid 1px #141414;
		}
			#about .box a.linktext .number {
				font-size: 1.5rem;
				letter-spacing: 0;
				line-height: 1;
				padding-top: 10px;
				margin-bottom: 100px;
			}

			#about .box a.linktext h3 {
				font-size: 3.6rem;
				font-weight: 600;
				letter-spacing: 0.02em;
				line-height: 1.3em;
				margin-bottom: 30px;
			}

			#about .box a.linktext .txt {
				margin-bottom: 15px;
			}
				#about .box a.linktext .txt span {
					font-size: 1.2rem;
				}

			#about .box a.linktext .more {
				margin-top: 70px;
			}


		#about .box .pht {
			width: 47%;
		}
		#about .strengths .pht {
			background: url("../img/about_pht01.jpg") no-repeat center / cover;
		}
		#about .possibility .pht {
			background: url("../img/about_pht02.jpg") no-repeat center / cover;
			margin-right: 6%;
		}





	
	
/* career
--------------------- */
#career {
	width: 100%;
	padding: 0 0 200px 0;
	overflow: hidden;
	position: relative;
}
#career:before {
	content: "";
	width: 100%;
	height: 57%;
	background: #EFEFEF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#career:after {
	content: "";
	width: 70%;
	height: 43%;
	background: #FDCD00;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
	#career .cbox .area {
		width: calc( 100vw - (100vw - 1085px) / 2 );
		float: right;
		position: relative;
	}
		#career .cbox .big {
			width: 65%;
			position: absolute;
			top: -140px;
			right: 0;
		}
		#career .cbox .small {
			width: 25%;
		}
			#career .cbox .box a.linkbox {
				display: block;
				margin-bottom: 100px;
			}
			#career .cbox .box a.linkbox:nth-last-child(1) {
				margin-bottom: 0;
			}
				#career .cbox .box a.linkbox .pht {
					width: 100%;
					height: 400px;
					margin-bottom: 25px;	
				}
				#career .cbox .box a.voice .pht {
					background: url("../img/career_pht01.jpg") no-repeat center / cover;
				}
				#career .cbox .box a.job .pht {
					background: url("../img/career_pht02.jpg") no-repeat center / cover;
				}
				#career .cbox .box a.cross-talk01 .pht {
					background: url("../img/career_pht03.jpg") no-repeat center left 20%  / cover;
				}
				#career .cbox .box a.cross-talk02 .pht {
					background: url("../img/career_pht04.jpg") no-repeat center / cover;
				}


				#career .cbox .box a.linkbox .text {
					position: relative;
					padding-left: 40px;
				}
					#career .cbox .box a.linkbox .text .number {
						font-size: 1.5rem;
						line-height: 1;
						letter-spacing: 0;
						-ms-writing-mode: tb-rl;
						writing-mode: vertical-rl;
						position: absolute;
						top: 0;
						left: 0;
					}

					#career .cbox .box a.linkbox .text h3 {
						line-height: 1.4em;
						letter-spacing: 0.02em;
						margin-bottom: 8px;
					}
					#career .cbox .small a.linkbox .text h3 {
						font-size: 2.6rem;
					}
					#career .cbox .big a.linkbox .text h3 {
						font-size: 3.6rem;
					}

					#career .cbox .box a.linkbox .text .txt {
						margin-bottom: 20px;
					}





	
	
/* work
--------------------- */
#work {
	width: 100%;
	padding: 0 0 200px 0;
	overflow: hidden;
	position: relative;
}
#work:after {
	content: "";
	width: 70%;
	height: 375px;
	background: #FDCD00;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	#work .jobs {
		width: 100%;
		background: url("../img/jobs_pht.jpg") no-repeat center / cover;
		margin-bottom: 90px;
	}
		#work .jobs a {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height: 360px;
			padding: 0 70px;
		}
		#work .jobs a:hover {
			background: rgba(255,255,255,0.4);
		}
			#work .jobs a .top-tit {
				width: -webkit-calc(100% - 130px);
				width: calc(100% - 130px);
			}


	#work .interview {
	}
		#work .interview .swiper-container {
			width: calc( 100vw - (100vw - 1085px) / 2 );
			float: right;
			margin-top: 40px;
			padding-bottom: 60px;
			position: relative;
		}
			#work .interview .swiper-container .swiper-slide a.link {
				display: block;
				position: relative;
			}
				#work .interview .swiper-container .swiper-slide a.link .number {
					font-size: 1.4rem;
					line-height: 1;
					letter-spacing: 0;
					-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
					position: absolute;
					top: 0;
					left: -18px;
				}

				#work .interview .swiper-container .swiper-slide a.link h4 {
					margin-top: 15px;
					font-size: 2.2rem;
					font-weight: 600;
					line-height: 1.3em;
					letter-spacing: 0.02em;
					margin-bottom: 12px;
				}

				#work .interview .swiper-container .swiper-slide a.link .name {
					font-size: 1.2rem;
					line-height: 1;
					letter-spacing: 0.02em;
					margin-bottom: 10px;
				}
					#work .interview .swiper-container .swiper-slide a.link .name span {
						font-size: 1.8rem;
						font-weight: 600;
						padding-right: 8px;
					}

				#work .interview .swiper-container .swiper-slide a.link .job {
					font-size: 1.2rem;
					line-height: 1.2em;
					margin-bottom: 15px;
				}


			#work .interview .swiper-container .swiper-pagination {
				max-width: 1100px;
				text-align: right;
				bottom: 0;
				z-index: 3;
			}
				#work .interview .swiper-container .swiper-pagination-bullet {
					background: #fff;
					border: solid 1px #141414;
					opacity: 1;
				}
				#work .interview .swiper-container .swiper-pagination-bullet-active {
					background: #141414;
					border: solid 1px #141414;
					opacity: 1;
				}





	
	
/* support
--------------------- */
#support {
	width: 100%;
	position: relative;
}
	#support:before {
		content: "";
		width: 44%;
		height: 100%;
		background: url("../img/support_pht.jpg") no-repeat 80% center / cover;
		position: absolute;
		top: 0;
		left: 0;
	}


	#support .text {
		width: 50%;
		margin-left: 50%;
		padding-bottom: 200px;
	}
		#support .text .top-title {
			margin-bottom: 40px;
		}


		#support .text ul.list {
			border-top: solid 1px #ddd;
		}
			#support .text ul.list li {
				border-bottom: solid 1px #ddd;
			}
				#support .text ul.list li a {
					height: 140px;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding: 0 80px 0 40px;
					position: relative;
				}
				#support .text ul.list li a:after {
					content: "";
					width: 40px;
					height: 40px;
					border-radius: 50%;
					background: #141414 url("../common/img/icon_arrow_white.svg") no-repeat 55% center;
					position: absolute;
					top: 50%;
					right: 10px;
					margin-top: -20px;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#support .text ul.list li a:hover:after {
					content: "";
					width: 48px;
					height: 48px;
					border: solid 1px #141414;
					border-radius: 50%;
					background: #FDCD00 url("../common/img/icon_arrow_black.svg") no-repeat 53% center;
					position: absolute;
					right: 5px;
					margin-top: -25px;
				}
				#support .text ul.list li a:before {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					height: 140px;
					font-family: 'Barlow', sans-serif;
					font-size: 2.0rem;
					font-weight: 600;
					color: #BFBFBF;
					position: absolute;
					top: 0;
					left: 0;
				}
				#support .text ul.list li:nth-child(1) a:before {
					content: "01";
				}
				#support .text ul.list li:nth-child(2) a:before {
					content: "02";
				}
					#support .text ul.list li a h3 {
						width: 250px;
						font-size: 2.6rem;
						font-weight: 600;
						line-height: 1;
					}

					#support .text ul.list li a .en {
						font-size: 1.1rem;
						line-height: 1.4em;
					}





	
	
/* recruit
--------------------- */
#recruit {
	display: block;
	width: 100%;
	background: #EFEFEF;
	position: relative;
	overflow: hidden;
}
#recruit:before {
	content: "RECRUITED OCCUPATIONS　RECRUITED OCCUPATIONS";
	white-space: nowrap;
	width: 100%;
	height: auto;
	font-size: 10.0em;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-shadow:1px 1px 0 #E0DDDD, -1px -1px 0 #E0DDDD,
	-1px 1px 0 #E0DDDD, 1px -1px 0 #E0DDDD,
	0px 1px 0 #E0DDDD,  0-1px 0 #E0DDDD,
	-1px 0 0 #E0DDDD, 1px 0 0 #E0DDDD;
	letter-spacing: 0;
	color: #EFEFEF;
	line-height: 1;
	position: absolute;
	top: 140px;
	left: 0;
	z-index: 0;
	animation: flowimg 30s linear infinite;
}
@keyframes flowimg {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}
	#recruit .inner {
		height: 460px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		z-index: 2;
	}
		#recruit .inner .text {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: -webkit-calc(100% - 130px);
			width: calc(100% - 130px);
		}

		#recruit .inner .top-tit {
			margin-right: 70px;
		}







/* 1300px */
@media screen and (max-width: 1300px) {


	
/* fv
--------------------- */
#fv .text {
	left: 5%;
}



/* career
--------------------- */
#career .cbox .area {
	width: 95%;
}
	#career .cbox .big {
		width: 62%;
	}
	#career .cbox .small {
		width: 32%;
	}





	
	
/* work
--------------------- */
#work .interview .swiper-container {
	width: 95%;
}

#work .interview .swiper-container .swiper-pagination {
	max-width: 95%;
}





	
	
/* recruit
--------------------- */
#recruit .inner .text {
	display: block;
}
	#recruit .inner .text .top-tit {
		margin-bottom: 30px;
	}
	

}








/* 1024px */
@media screen and (max-width: 1024px) {





	
	
/* fv
--------------------- */
#fv {
    width: 100%;
	margin-top: 60px;
}
	#fv .slide-box .slide {
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
	}


	#fv .slide-box .slide-navigation {
		width: 200px;
	}
		#fv .slide-box .slide-navigation .item .image {
			height: 200px;
		}
			#fv .slide-box .slide-navigation .item .image .profile .number {
				font-size: 1.3rem;
			}

			#fv .slide-box .slide-navigation .item .image .profile .name {
				font-size: 1.1rem;
			}
				#fv .slide-box .slide-navigation .item .image .profile .name span {
					font-size: 1.8rem;
				}





	
	
/* top-title
--------------------- */
.top-title {
	margin-bottom: 80px;
}
	.top-title h2 {
		font-size: 1.4rem;
	}
	.top-title h2:before {
		top: 3px;
	}

	.top-title .en {
		font-size: 6.0rem;
	}

	
	
/* top-tit
--------------------- */
.top-tit .en {
	font-size: 1.4rem;
}
.top-tit h3 {
	font-size: 3.2rem;
}





	
	
/* about
--------------------- */
#about {
	padding: 150px 0;
}
	#about .box {
		margin-bottom: 80px;
	}
	#about .possibility {
		margin-bottom: 0;
	}
	#about .box:before {
		font-size: 8.0em;
		top: 66px;
	}
		#about .box a.linktext .number {
			font-size: 1.4rem;
			margin-bottom: 70px;
		}

		#about .box a.linktext h3 {
			font-size: 3.2rem;
			margin-bottom: 25px;
		}

		#about .box a.linktext .txt {
			margin-bottom: 12px;
		}

		#about .box a.linktext .more {
			margin-top: 50px;
		}





	
	
/* career
--------------------- */
#career {
	padding: 0 0 150px 0;
}
#career:after {
	width: 80%;
}
	#career .cbox .big {
		width: 58%;
	}
	#career .cbox .small {
		width: 35%;
	}
		#career .cbox .box a.linkbox {
			margin-bottom: 60px;
		}
			#career .cbox .box a.linkbox .pht {
				height: 300px;
				margin-bottom: 20px;	
			}


			#career .cbox .box a.linkbox .text {
				padding-left: 35px;
			}
				#career .cbox .box a.linkbox .text .number {
					font-size: 1.4rem;
				}

				#career .cbox .box a.linkbox .text h3 {
					line-height: 1.4em;
				}
				#career .cbox .small a.linkbox .text h3 {
					font-size: 2.4rem;
				}
				#career .cbox .big a.linkbox .text h3 {
					font-size: 3.2rem;
				}





	
	
/* work
--------------------- */
#work {
	padding: 0 0 150px 0;
}
#work:after {
	width: 80%;
	height: 300px;
}
	#work .jobs {
		margin-bottom: 70px;
	}
		#work .jobs a {
			height: 280px;
			padding: 0 50px;
		}


	#work .interview .swiper-container {
		margin-top: 30px;
		padding-bottom: 50px;
	}
		#work .interview .swiper-container .swiper-slide a.link .number {
			font-size: 1.3rem;
			left: -16px;
		}

		#work .interview .swiper-container .swiper-slide a.link h4 {
			font-size: 2.0rem;
		}

		#work .interview .swiper-container .swiper-slide a.link .name {
			font-size: 1.1rem;
		}
			#work .interview .swiper-container .swiper-slide a.link .name span {
				font-size: 1.7rem;
			}

	
		#work .interview .swiper-container .swiper-slide a.link .job {
			font-size: 1.1rem;
		}
	

	#work .interview .swiper-container .swiper-pagination {
		max-width: 100%;
		text-align: center;
		bottom: 0;
	}





	
	
/* support
--------------------- */
#support .text {
	padding-bottom: 150px;
}
	#support .text ul.list li {
		border-bottom: solid 1px #ddd;
	}
		#support .text ul.list li a {
			height: 100px;
			display: block;
			padding: 30px 80px 0 40px;
		}
		#support .text ul.list li a:before {
			height: 100px;
		}
			#support .text ul.list li a h3 {
				width: 100%;
				font-size: 2.2rem;
				margin-bottom: 5px;
			}

			#support .text ul.list li a .en {
				letter-spacing: 0.02em;
			}
				#support .text ul.list li a .en br {
					display: none;
				}





	
	
/* recruit
--------------------- */
#recruit:before {
	font-size: 8.0em;
	top: 120px;
}
	#recruit .inner {
		height: 380px;
	}





}

	







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





	
	
/* fv
--------------------- */
#fv .text {
	top: 35%;
	left: 5%;
}
	#fv .text .catch {
		font-size: 12.0vw;
		color: #FDCD00;
		line-height: 1.1em;
		margin-bottom: 20px;
	}
	#fv .text h1 {
		font-size: 3.6vw;
	}
	
	
#fv .slide-box .slide {
	width: 100%;
}
	#fv .slide-box .slide .item::before {
		padding-top: 0;
		aspect-ratio: 1 / 1;
		width: 100%;
		height: 100%;
	}

#fv .slide-box .slide-navigation {
	width: 100%;
}
	#fv .slide-box .slide-navigation .item .image {
		aspect-ratio: 1 / 1;
		width: 100%;
		height: 100%;
	}
		#fv .slide-box .slide-navigation .item .image .profile {
			width: 100%;
			text-align: center;
			bottom: 12px;
    		left: 0;
		}
			#fv .slide-box .slide-navigation .item .image .profile .number {
				display: none;
			}
			#fv .slide-box .slide-navigation .item .image .profile .name {
				font-size: 1.0rem;
			}
				#fv .slide-box .slide-navigation .item .image .profile .name span {
					font-size: 1.5rem;
					display: block;
					padding: 0;
					margin-bottom: 4px;
				}



#fv .slide-box .slick-prev {
	top: 20px;
	bottom: 0;
	right: auto;
	left: 20px;
}
#fv .slide-box .slick-prev:before {
	content: "←";
}
#fv .slide-box .slick-next {
	top: 20px;
	bottom: 0;
	right: 20px;
	left: auto;
}
#fv .slide-box .slick-next:before {
	content: "→";
}





	
	
/* top-title
--------------------- */
.top-title {
	margin-bottom: 40px;
}
	.top-title .en {
		font-size: 4.0rem;
	}

	
	
/* top-tit
--------------------- */
.top-tit .en {
	font-size: 1.3rem;
}
.top-tit h3 {
	font-size: 2.4rem;
	letter-spacing: 0;
}





	
	
/* about
--------------------- */
#about {
	padding: 80px 0;
}
	#about .box {
		margin-bottom: 60px;
	}
	#about .possibility {
		margin-bottom: 0;
	}
	#about .box:before {
		font-size: 6.6em;
		top: 30px;
	}
		#about .box .inner {
			display: block;
		}
			#about .box a.linktext {
				width: 100%;
				padding-bottom: 30px;
			}
				#about .box a.linktext .number {
					font-size: 1.3rem;
					margin-bottom: 30px;
				}

				#about .box a.linktext h3 {
					font-size: 2.6rem;
					margin-bottom: 15px;
				}

				#about .box a.linktext .txt {
					margin-bottom: 12px;
				}

				#about .box a.linktext .more {
					margin-top: 20px;
				}


			#about .box .pht {
				aspect-ratio: 16 / 9;
				width: 114%;
				height: 100%;
			}
			#about .possibility .pht {
				margin-right: 0;
				margin-left: -14%;
			}





	
	
/* career
--------------------- */
#career {
	padding: 0 0 80px 0;
}
#career:after {
	width: 80%;
}
	#career .cbox .area {
		width: 93%;
	}
		#career .cbox .big {
			width: 100%;
			position: static;
		}
		#career .cbox .small {
			width: 100%;
		}
			#career .cbox .box a.linkbox {
				margin-bottom: 35px;
			}
			#career .cbox .box a.linkbox.job {
				margin-bottom: 35px;
			}
				#career .cbox .box a.linkbox .pht {
					aspect-ratio: 16 / 9;
					width: 100%;
					height: 100%;
					margin-bottom: 15px;	
				}


				#career .cbox .box a.linkbox .text {
					padding-left: 25px;
					padding-right: 6%;
				}
					#career .cbox .box a.linkbox .text .number {
						font-size: 1.2rem;
					}

					#career .cbox .box a.linkbox .text h3 {
						line-height: 1.4em;
					}
					#career .cbox .small a.linkbox .text h3 {
						font-size: 2.4rem;
					}
					#career .cbox .big a.linkbox .text h3 {
						font-size: 2.4rem;
					}

					#career .cbox .box a.linkbox .text .txt {
						margin-bottom: 12px;
					}





	
	
/* work
--------------------- */
#work {
	padding: 0 0 80px 0;
}
#work:after {
	height: 200px;
}
	#work .jobs {
		width: 114%;
		margin-left: -14%;
		margin-bottom: 50px;
	}
		#work .jobs a {
			display: block;
			height: auto;
			padding: 13% 0 13% 13%;
		}
			#work .jobs a .top-tit {
				width: 100%;
				margin-bottom: 20px;
			}


	#work .interview .swiper-container {
		margin-top: 20px;
		padding-bottom: 50px;
	}
		#work .interview .swiper-container .swiper-slide a.link .number {
			font-size: 1.1rem;
			left: -12px;
		}

		#work .interview .swiper-container .swiper-slide a.link h4 {
			font-size: 1.7rem;
		}

		#work .interview .swiper-container .swiper-slide a.link .name {
			font-size: 1.0rem;
		}
			#work .interview .swiper-container .swiper-slide a.link .name span {
				font-size: 1.5rem;
			}


		#work .interview .swiper-container .swiper-slide a.link .job {
			font-size: 1.0rem;
		}




	
	
/* support
--------------------- */
#support:before {
	width: 93%;
	height: 250px;
	top: auto;
	bottom: 0;
}


#support .text {
	width: 100%;
	margin-left: 0;
	padding-bottom: 250px;
}
	#support .text ul.list li a h3 {
		width: 100%;
		font-size: 2.0rem;
		margin-bottom: 8px;
	}

	#support .text ul.list li a .en {
		font-size: 1.0rem;
	}





	
	
/* recruit
--------------------- */
#recruit:before {
	font-size: 6.6em;
	top: -20px;
}
	#recruit .inner {
		padding: 80px 7%;
		height: auto;
		display: block;
		z-index: 2;
	}
		#recruit .inner .text {
			width: 100%;
		}
			#recruit .inner .text .top-tit {
				margin-right: 0;
				margin-bottom: 20px;
			}

			#recruit .inner .text .txt {
				margin-bottom: 30px;
			}



}