@charset "UTF-8";


	
	
/* kv
--------------------- */
#kv {
	width: 100%;
	position: relative;
	overflow: hidden;
}
	#kv .area {
		width: 100%;
		position: relative;
	}
		#kv .area .pht,
		#kv .area .motif {
			width: 100%;
		}
		#kv .area .pht .swiper-container {
			overflow: hidden;
			padding: 0;
		}

		#kv .area .motif01 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
		}
		#kv .area .motif02 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4;
		}

	#kv .copy-en {
		position: absolute;
		bottom: 0;
		right: 30px;
		z-index: 5;
	}
		#kv .copy-en p {
			font-size: 5.9vw;
			line-height: 1;
		}
		#kv .copy-en p:nth-child(2) {
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			margin-left: 15px;
		}

	#kv .text {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: absolute;
		bottom: 21.5%;
		left: 24%;
		z-index: 5;
	}
		#kv .text span {
			display: block;
			font-size: 3.3vw;
			font-weight: 700;
			line-height: 1;
			padding-top: 1.3vw;
		}
		#kv .text span:nth-child(1) {
			padding-right: 1vw;
		}
		#kv .text span:nth-last-child(1) {
			padding-left: 1vw;
		}

		.syoku {
		  visibility: hidden; /* 初期は隠す */
		}
		.syoku.bx-started {
		  visibility: visible; /* bxSlider 初期化後に表示 */
		}
		#kv .text .bx-wrapper {
			background: none;
			border: none;
			height: 5.3vw;
			box-shadow: none;
			margin-bottom: 0;
			position: relative;
		}
		#kv .text .bx-wrapper:before {
			content: "";
			width: 100%;
			height: 5.3vw;
			border: solid 3px rgba(255,255,255,0.3);
			position: absolute;
			top: 0.5vw;
			left: 0;
		}
		#kv .text .bx-wrapper:after {
			content: "ショク";
			font-size: 0.9vw;
			font-weight: 700;
			line-height: 1;
			position: absolute;
			top: -0.8vw;
			left: 0;
			z-index: 1;
		}
			#kv .text .bx-wrapper li {
				width: 8.8vw !important;
				text-align: center;
				padding: 0 0.3vw;
			}

	#kv .scroll {
		width: 6.3vw;
		height: 6.3vw;
		position: absolute;
		bottom: 1.5vw;
		right: 38%;
		z-index: 5;
	}
		#kv .scroll a {
			display: block;
			background: url("../image/btn_scroll_arrow.svg") no-repeat center / 100%;
			position: relative;
		}
		#kv .scroll a:hover {
			background: url("../image/btn_scroll_arrow.svg") no-repeat center / 90%;
		}
			#kv .scroll a img {
				animation: rotate-anime 10s linear infinite;
			}
			@keyframes rotate-anime {
			  0%  {transform: rotate(0);}
			  100%  {transform: rotate(360deg);}
			}
@media screen and (max-width: 1024px) {
	#kv .area {
		margin-top: 4vw;
	}
}
@media screen and (max-width: 767px) {
	#kv .area {
		width: 100%;
		position: relative;
	}
		#kv .area .pht,
		#kv .area .motif {
			width: 100%;
		}
		#kv .area .pht01 {
			position: relative;
			z-index: 1;
		}
		#kv .area .pht02 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
		#kv .area .motif01 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
		}
		#kv .area .motif02 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4;
		}

	#kv .copy-en {
		display: block;
		padding: 70px 4vw 0 4vw;
		position: static;
	}
		#kv .copy-en p {
			display: block;
			font-size: 14.4vw;
			line-height: 1;
			white-space: nowrap;
		}
		#kv .copy-en p:nth-child(2) {
			-ms-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
			margin-top: 0;
			margin-left: 0;
			font-size: 11.1vw;
		}

	#kv .text {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		bottom: 23%;
		left: 4vw;
	}
		#kv .text span {
			font-size: 10.0vw;
			padding-top: 0;
		}
		#kv .text span:nth-child(1) {
			width: 100%;
			padding-right: 0;
		}
		#kv .text span:nth-last-child(1) {
			padding-left: 4vw;
			padding-top: 6.5vw;
		}

		#kv .text .bx-wrapper {
			height: 11vw;
		}
		#kv .text .bx-wrapper:before {
			height: 11vw;
			top: 3vw;
		}
		#kv .text .bx-wrapper:after {
			font-size: 3vw;
			top: -1vw;
		}
			#kv .text .bx-wrapper li {
				width: 22vw !important;
				text-align: center;
				padding: 0 0.3vw;
			}

	#kv .scroll {
		width: 17vw;
		height:17vw;
		bottom: 18%;
		right: 4vw;
	}
}


	
	
/* top-title
--------------------- */
.top-title {
	margin-bottom: 70px;
	position: relative;
}
.top-title.center {
	text-align: center;
}
	.top-title .en {
		font-size: 2.0rem;
		line-height: 1;
		margin-bottom: 10px;
	}

	.top-title h2 {
		font-size: 4.6rem;
		font-weight: 700;
		line-height: 1.3em;
	}

	.top-title .txt {
		position: absolute;
		bottom: 0;
		right: 0;
	}
@media screen and (max-width: 1024px) {
	.top-title {
		margin-bottom: 6vw;
	}
		.top-title .en {
			font-size: 2.0vw;
			margin-bottom: 1vw;
		}

		.top-title h2 {
			font-size: 4.3vw;
		}
}
@media screen and (max-width: 767px) {
	.top-title {
		margin-bottom: 10vw;
		text-align: center;
	}
		.top-title .en {
			font-size: 4.0vw;
			margin-bottom: 3vw;
		}

		.top-title h2 {
			font-size: 7.3vw;
		}

	.top-title .txt {
		position: static;
		margin-top: 4vw;
	}
}


	
	
/* message
--------------------- */
#message {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#message:before {
	content: "";
	width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
	height: 340px;
	background: linear-gradient(to right, #F18D00, #E6002D);
	position: absolute;
	bottom: 0;
	left: 40px;
	z-index: -1;
}
	#message .area {
		position: relative;
		padding-bottom: 60px;
	}
		#message .area h2 {
			font-size: 5.0rem;
			line-height: 1.3em;
			text-align: center;
			margin-bottom: 30px;
		}
			#message .area h2 span {
				display: inline-block;
				padding: 0 15px;
				position: relative;
			}
			#message .area h2 span:before {
				content: "";
				width: 100%;
				height: 30px;
				background: url("../image/message_marker.svg") no-repeat center bottom /100%;
				position: absolute;
				left: 0;
				bottom: -5px;
			}

		#message .area .txt {
			text-align: center;
		}

		#message .area .motif {
			position: absolute;
		}
		#message .area .motif01 {
			width: 100px;
			top: 0;
			left: 0;
		}
		#message .area .motif02 {
			width: 80px;
			top: 10px;
			right: 0;
		}

	#message .swiper-container {
		width: 100%;
		padding: 0;
		position: relative;
	}
		#message .swiper-container .swiper-slide {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 50px;
			background: #fff;
			position: relative;
		}
		#message .swiper-container .swiper-slide.li-red {
			border: solid 2px #E73D3A;
			box-shadow: 10px 10px 0px 0px #E6002D;
		}
		#message .swiper-container .swiper-slide.li-orange {
			border: solid 2px #F18D00;
			box-shadow: 10px 10px 0px 0px #F18D00;
		}
		#message .swiper-container .swiper-slide.li-yellow {
			border: solid 2px #EFB312;
			box-shadow: 10px 10px 0px 0px #EFB312;
		}
			#message .swiper-container .swiper-slide .pht {
				width: 30%;
			}

			#message .swiper-container .swiper-slide .text {
				width: 70%;
				padding-left: 50px;
			}
				#message .swiper-container .swiper-slide .text h3 {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					font-size: 4.0rem;
					font-weight: 700;
					line-height: 1.3em;
					margin-bottom: 20px;
				}
					#message .swiper-container .swiper-slide .text h3 img {
						width: 90px;
					}

					#message .swiper-container .swiper-slide.li-orange .text h3 span {
						padding-left: 10px;
					}

			#message .swiper-container .swiper-slide .motif {
				position: absolute;
				top: -30px;
				right: 30px;
			}
@media screen and (max-width: 1200px) {
	#message:before {
		content: "";
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		height: 30vw;
		left: 10px;
	}
}
@media screen and (max-width: 1024px) {
	#message:before {
		content: "";
		width: -webkit-calc(100% - 2vw);
		width: calc(100% - 2vw);
		height: 32vw;
		left: 1vw;
	}
		#message .area {
			padding-top: 10vw;
		}
			#message .area h2 {
				font-size: 5.0vw;
				margin-bottom: 3vw;
			}
				#message .area h2 span {
					padding: 0 1.5vw;
				}
				#message .area h2 span:before {
					content: "";
					width: 100%;
					height: 30px;
					background: url("../image/message_marker.svg") no-repeat center bottom /100%;
					position: absolute;
					left: 0;
					bottom: -5px;
				}

			#message .area .txt {
				max-width: 80vw;
			}

			#message .area .motif01 {
				width: 10vw;
				top: 12vw;
			}
			#message .area .motif02 {
				width: 8vw;
				top: 3vw;
			}

			#message .swiper-container .swiper-slide {
				padding: 5vw;
			}
			#message .swiper-container .swiper-slide.li-red {
				box-shadow: 1vw 1vw 0px 0px #E6002D;
			}
			#message .swiper-container .swiper-slide.li-orange {
				box-shadow: 1vw 1vw 0px 0px #F18D00;
			}
			#message .swiper-container .swiper-slide.li-yellow {
				box-shadow: 1vw 1vw 0px 0px #EFB312;
			}
				#message .swiper-container .swiper-slide .text {
					padding-left: 5vw;
				}
					#message .swiper-container .swiper-slide .text h3 {
						font-size: 4.0vw;
						margin-bottom: 2vw;
					}
						#message .swiper-container .swiper-slide .text h3 img {
							width: 9vw;
						}

						#message .swiper-container .swiper-slide.li-orange .text h3 span {
							padding-left: 1vw;
						}

				#message .swiper-container .swiper-slide .motif {
					top: -3vw;
					right: 3vw;
				}
}
@media screen and (max-width: 767px) {
	#message:before {
		content: "";
		width: -webkit-calc(100% - 3vw);
		width: calc(100% - 3vw);
		height: 100vw;
		left: 1.5vw;
	}
		#message .area {
			padding-top: 15vw;
		}
			#message .area h2 {
				font-size: 8.0vw;
				margin-bottom: 3.5vw;
			}
				#message .area h2 span {
					padding: 0 1.5vw;
				}

			#message .area .txt {
				max-width: 100%;
			}

			#message .area .motif01 {
				width: 12vw;
				top: 23vw;
				left: 4vw;
			}
			#message .area .motif02 {
				width: 10vw;
				top: 3vw;
				right: 4vw;
			}

		#message .swiper-container .swiper-slide {
			display: block;
			padding: 8vw;
		}
		#message .swiper-container .swiper-slide.li-red {
			box-shadow: 1vw 1vw 0px 0px #E6002D;
		}
		#message .swiper-container .swiper-slide.li-orange {
			box-shadow: 1vw 1vw 0px 0px #F18D00;
		}
		#message .swiper-container .swiper-slide.li-yellow {
			box-shadow: 1vw 1vw 0px 0px #EFB312;
		}
			#message .swiper-container .swiper-slide .pht {
				width: 70%;
				margin: 0 auto 6vw auto;
			}

			#message .swiper-container .swiper-slide .text {
				width: 100%;
				padding-left: 0;
			}
				#message .swiper-container .swiper-slide .text h3 {
					display: block;
					font-size: 6.4vw;
					margin-bottom: 2vw;
					text-align: center;
				}
					#message .swiper-container .swiper-slide .text h3 img {
						width: 13vw;
					}

					#message .swiper-container .swiper-slide.li-orange .text h3 span {
						padding-left: 1vw;
					}

			#message .swiper-container .swiper-slide .motif {
				width: 20vw;
			}
}


	
	
/* at-first
--------------------- */
#at-first {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}
#at-first:before {
	content: "";
	width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
	height: 100%;
	background: linear-gradient(to right, #F18D00, #E6002D);
	position: absolute;
	top: 0;
	left: 40px;
	z-index: -1;
}
		#at-first .top-title h2 span {
			position: relative;
		}
		#at-first .top-title h2 span:before {
			content: "";
			width: 100%;
			height: 30px;
			background: url("../image/at-first_marker.svg") no-repeat center bottom /100%;
			position: absolute;
			left: 0;
			bottom: -5px;
		}

	#at-first .area .btn-list {
		padding: 0 80px;
		margin-top: -50px;
	}
		#at-first .area .btn-list a.linkbox {
			width: 48%;
			height: 100px;
			border-radius: 50px;
			background: #fff url("../image/common/icon_arrow_red01.svg") no-repeat center right 40px / 40px;
			padding: 0 40px;
			font-size: 2.2rem;
			font-weight: 700;
			line-height: 100px;
			box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
		}
		#at-first .area .btn-list a.linkbox:nth-child(1) {
			margin-right: 4%;
		}
		#at-first .area .btn-list a.linkbox:hover {
			background: #E6002D url("../image/common/icon_arrow_red02.svg") no-repeat center right 40px / 40px;
			color: #fff !important;
		}
@media screen and (max-width: 1200px) {
	#at-first {
		margin-bottom: 10px;
	}
	#at-first:before {
		content: "";
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		left: 10px;
	}
		#at-first .top-title .txt {
			right: 4vw;
		}
}
@media screen and (max-width: 1024px) {
	#at-first {
		margin-bottom: 1vw;
	}
	#at-first:before {
		content: "";
		width: -webkit-calc(100% - 2vw);
		width: calc(100% - 2vw);
		left: 1vw;
	}
		#at-first .area .btn-list {
			padding: 0 6vw;
			margin-top: -5vw;
		}
			#at-first .area .btn-list a.linkbox {
				height: 9vw;
				border-radius: 4.5vw;
				background: #fff url("../image/common/icon_arrow_red01.svg") no-repeat center right 4vw / 4vw;
				padding: 0 4vw;
				font-size: 2.4vw;
				line-height: 9vw;
			}
			#at-first .area .btn-list a.linkbox:hover {
				background: #E6002D url("../image/common/icon_arrow_red02.svg") no-repeat center right 4vw / 4vw;
			}
}
@media screen and (max-width: 767px) {
	#at-first {
		margin-bottom: 1.5vw;
	}
	#at-first:before {
		content: "";
		width: -webkit-calc(100% - 3vw);
		width: calc(100% - 3vw);
		left: 1.5vw;
	}
		#at-first .area .btn-list {
			padding: 0;
			margin-top: 5vw;
		}
			#at-first .area .btn-list a.linkbox {
				height: 12vw;
				border-radius: 6vw;
				background: #fff url("../image/common/icon_arrow_red01.svg") no-repeat center right 4vw / 7vw;
				padding: 0 4vw;
				font-size: 4.0vw;
				line-height: 12vw;
			}
			#at-first .area .btn-list a.linkbox:hover {
				background: #E6002D url("../image/common/icon_arrow_red02.svg") no-repeat center right 4vw / 7vw;
			}
}


	
	
/* work-flow
--------------------- */
#work-flow {
	width: 100%;
	background: url("../image/work-flow_bg.jpg") no-repeat center / cover;
	position: relative;
}
#work-flow:before {
	content: "";
	width: 100%;
	height: 80px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
	#work-flow .top-title h2 span {
		position: relative;
		z-index: 2;
	}
	#work-flow .top-title h2 span:before {
		content: "";
		width: 100%;
		height: 30px;
		background: url("../image/work-flow_marker.svg") no-repeat center bottom /100%;
		position: absolute;
		left: 0;
		bottom: -5px;
		z-index: -1;
	}

	#work-flow .txt.center {
		font-weight: 500;
		text-align: center;
		margin-top: -30px;
		margin-bottom: 60px;
	}

	#work-flow .list {
		margin-bottom: 120px;
	}
		#work-flow .list .box {
			width: 47%;
			padding: 0 50px 0 50px;
			background: #fff;
			position: relative;
		}
		#work-flow .list .box:nth-child(1) {
			border: solid 2px #E6002D;
			box-shadow: 10px 10px 0px 0px #E6002D;
		}
		#work-flow .list .box:nth-child(2) {
			border: solid 2px #F18D00;
			box-shadow: 10px 10px 0px 0px #F18D00;
		}
			#work-flow .list .box .en {
				font-size: 2.0rem;
				font-weight: 700;
				line-height: 1;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				position: absolute;
				top: 10px;
				left: 10px;
			}

			#work-flow .list .box .motif {
				position: absolute;
			}
			#work-flow .list .box:nth-child(1) .motif {
				width: 120px;
				top: 240px;
				left: -20px;
			}
			#work-flow .list .box:nth-child(2) .motif {
				width: 100px;
				top: -20px;
				right: 20px;
			}

			#work-flow .list .box .head {
				width: 100px;
				height: 30px;
				border-radius: 15px;
				font-size: 1.8rem;
				font-weight: 700;
				text-align: center;
				line-height: 27px;
				margin: -15px auto 0 auto;
			}

			#work-flow .list .box h3 {
				font-size: 3.0rem;
				font-weight: 700;
				text-align: center;
				line-height: 1.3em;
				margin-top: 40px;
				margin-bottom: 25px;
			}
				#work-flow .list .box h3 span {
					font-size: 3.6rem;
				}

			#work-flow .list .box .pht {
				width: 70%;
				margin: 0 auto 25px auto;
			}

			#work-flow .list .box .txt {
				margin-bottom: 70px;
			}

			#work-flow .list .box .btn {
				position: absolute;
				bottom: -30px;
				left: 50%;
				margin-left: -125px;
			}

	#work-flow .jobs {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 800px;
		padding: 50px;
		margin: 0 auto;
		background: #fff;
		border: solid 2px #EFB312;
		box-shadow: 10px 10px 0px 0px #EFB312;
	}
		#work-flow .jobs .text h3 {
			font-size: 2.8rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 12px;
		}
		#work-flow .jobs .text .en {
			font-size: 1.6rem;
			line-height: 1;
		}
@media screen and (max-width: 1024px) {
	#work-flow:before {
		height: 8vw;
	}
		#work-flow .txt.center {
			margin-top: -1vw;
			margin-bottom: 5vw;
		}

		#work-flow .list {
			margin-bottom: 12vw;
		}
			#work-flow .list .box {
				padding: 0 4vw 0 4vw;
			}
			#work-flow .list .box:nth-child(1) {
				box-shadow: 1vw 1vw 0px 0px #E6002D;
			}
			#work-flow .list .box:nth-child(2) {
				box-shadow: 1vw 1vw 0px 0px #F18D00;
			}
				#work-flow .list .box .en {
					font-size: 2.0vw;
					top: 1vw;
					left: 1vw;
				}

				#work-flow .list .box:nth-child(1) .motif {
					width: 12vw;
					top: 24vw;
					left: -2vw;
				}
				#work-flow .list .box:nth-child(2) .motif {
					width: 10vw;
					top: -2vw;
					right: 2vw;
				}

				#work-flow .list .box .head {
					width: 10vw;
					height: 3vw;
					border-radius: 1.5vw;
					font-size: 1.8vw;
					line-height: 2.7vw;
					margin: -1.5vw auto 0 auto;
				}

				#work-flow .list .box h3 {
					font-size: 3.0vw;
					margin-top: 4vw;
					margin-bottom: 2.5vw;
				}
					#work-flow .list .box h3 span {
						font-size: 3.6vw;
					}

				#work-flow .list .box .pht {
					margin: 0 auto 2.5vw auto;
				}

				#work-flow .list .box .txt {
					margin-bottom: 6vw;
				}

				#work-flow .list .box .btn {
					bottom: -3vw;
					margin-left: -12.5vw;
				}

		#work-flow .jobs {
			max-width: 70vw;
			padding: 5vw;
			box-shadow: 1vw 1vw 0px 0px #EFB312;
		}
			#work-flow .jobs .text h3 {
				font-size: 2.8vw;
				margin-bottom: 1.2vw;
			}
			#work-flow .jobs .text .en {
				font-size: 1.6vw;
			}
}
@media screen and (max-width: 767px) {
	#work-flow:before {
		height: 18vw;
	}
		#work-flow .txt.center {
			margin-top: -2vw;
			margin-bottom: 10vw;
		}
	
		#work-flow .list {
			display: block;
			margin-bottom: 0;
		}
			#work-flow .list .box {
				width: 100%;
				padding: 0 8vw 0 8vw;
				margin-bottom: 17vw;
			}
				#work-flow .list .box .en {
					font-size: 4.0vw;
					top: 2vw;
					left: 2vw;
				}

				#work-flow .list .box:nth-child(1) .motif {
					width: 18.2vw;
					top: 50vw;
					left: -3vw;
				}
				#work-flow .list .box:nth-child(2) .motif {
					width: 17vw;
					top: -3vw;
					right: 3vw;
				}

				#work-flow .list .box .head {
					width: 22vw;
					height: 7vw;
					border-radius: 11vw;
					font-size: 3.8vw;
					line-height: 6.7vw;
					margin: -3.5vw auto 0 auto;
				}

				#work-flow .list .box h3 {
					font-size: 5.6vw;
					margin-top: 5vw;
					margin-bottom: 4vw;
				}
					#work-flow .list .box h3 span {
						font-size: 6.6vw;
					}

				#work-flow .list .box .pht {
					width: 80%;
					margin: 0 auto 4vw auto;
				}

				#work-flow .list .box .txt {
					margin-bottom: 6vw;
				}

				#work-flow .list .box .btn {
					position: static;
					margin: 0 auto -7vw auto;
				}

		#work-flow .jobs {
			display: block;
			max-width: 100%;
			padding: 8vw 8vw 0 8vw;
			box-shadow: 1vw 1vw 0px 0px #EFB312;
			margin-bottom: 7vw;
		}
			#work-flow .jobs .text  {
				text-align: center;
				margin-bottom: 6vw;
			}
				#work-flow .jobs .text h3 {
					font-size: 5.6vw;
					margin-bottom: 3vw;
				}
				#work-flow .jobs .text .en {
					font-size: 3.6vw;
				}
	
			#work-flow .jobs .btn  {
				margin: 0 auto -7vw auto;
			}
}


	
	
/* work-people
--------------------- */
#work-people {
	overflow: hidden;
	position: relative;
}
	#work-people .en-copy {
		font-size: 15.0rem;
		line-height: 1;
		position: absolute;
		top: 50px;
		right: 0;
	}
		#work-people .en-copy p:nth-child(2) {
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			margin-left: 15px;
		}

	#work-people .interview {
		padding-top: 220px;
		padding-right: 60px;
		margin-bottom: 100px;
		background: url("../image/interview_motif01.svg") no-repeat left 10% bottom / 25%;
	}
		#work-people .interview .text {
			width: 44%;
			margin-top: 50px;
			padding-right: 5%;
		}
			#work-people .interview .text .top-title {
				margin-bottom: 30px;
			}
				#work-people .interview .text .top-title h2 span {
					position: relative;
					z-index: 2;
				}
				#work-people .interview .text .top-title h2 span:before {
					content: "";
					width: 100%;
					height: 30px;
					background: url("../image/interview_marker.svg") no-repeat center bottom /100%;
					position: absolute;
					left: 0;
					bottom: -5px;
					z-index: -1;
				}

				#work-people .interview .text .txt {
					margin-bottom: 40px;
				}

		#work-people .interview .pht {
			width: 56%;
			position: relative;
		}
			#work-people .interview .pht img {
				border: solid 2px #E6002D;
				box-shadow: 10px 10px 0px 0px #E6002D;
			}
			#work-people .interview .pht .img01 {
				width: 65%;
			}
			#work-people .interview .pht .img02 {
				width: 45%;
				position: absolute;
				top: 10%;
				right: 0;
			}
			#work-people .interview .pht .img03 {
				display: block;
				width: 65%;
				margin: -10% auto 0 auto;
				position: relative;
				z-index: 2;
			}

	#work-people .voice {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 350px;
		background: url("../image/voice_bg_pc.svg") no-repeat center / cover;
	}
		#work-people .voice .text {
			text-align: center;
			padding-top: 60px;
		}
			#work-people .voice .text .head {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 3px;
			}

			#work-people .voice .text h3 {
				font-size: 3.5rem;
				line-height: 1.3em;
				margin-bottom: 30px;
			}

			#work-people .voice .text .btn {
				margin: 0 auto;
			}
@media screen and (max-width: 1024px) {
	#work-people .en-copy {
		font-size: 10vw;
		top: 5vw;
	}
		#work-people .en-copy p:nth-child(2) {
			margin-left: 1.5vw;
		}

	#work-people .interview {
		padding-top: 17vw;
		padding-right: 8vw;
		margin-bottom: 10vw;
		background: url("../image/interview_motif01.svg") no-repeat left 25% bottom / 20%;
	}
		#work-people .interview .text {
			width: 48%;
			margin-top: 3vw;
			padding-right: 5%;
		}
			#work-people .interview .text .top-title {
				margin-bottom: 3vw;
			}
				#work-people .interview .text .txt {
					margin-bottom: 3.5vw;
				}

		#work-people .interview .pht {
			width: 52%;
		}
			#work-people .interview .pht img {
				box-shadow: 1vw 1vw 0px 0px #E6002D;
			}

	#work-people .voice {
		height: 35vw;
	}
		#work-people .voice .text {
			padding-top: 6vw;
		}
			#work-people .voice .text .head {
				font-size: 2.4vw;
				margin-bottom: 0.3vw;
			}

			#work-people .voice .text h3 {
				font-size: 3.5vw;
				margin-bottom: 3vw;
			}
}
@media screen and (max-width: 767px) {
	#work-people .en-copy {
		font-size: 15vw;
		top: 6vw;
	}

	#work-people .interview {
		display: block;
		padding-top: 26vw;
		padding-right: 10vw;
		margin-bottom: 15vw;
		background: url("../image/interview_motif01.svg") no-repeat left 25% bottom / 20%;
	}
		#work-people .interview .text {
			width: 100%;
			margin-top: 0;
			padding-right: 0;
			margin-bottom: 8vw;
		}
			#work-people .interview .text .top-title {
				margin-bottom: 5vw;
				text-align: left;
			}
				#work-people .interview .text .txt {
					margin-bottom: 6vw;
				}

		#work-people .interview .pht {
			width: 100%;
		}

	#work-people .voice {
		padding: 38vw 0;
		height: auto;
		background: url("../image/voice_bg_sp.svg") no-repeat center / 100%;
	}
		#work-people .voice .text {
			width: 100%;
			padding-top: 6vw;
		}
			#work-people .voice .text .head {
				font-size: 4.4vw;
				margin-bottom: 0.3vw;
			}

			#work-people .voice .text h3 {
				font-size: 6.5vw;
				margin-bottom: 5vw;
			}
}


	
	
/* recruit
--------------------- */
#recruit {
	background: url("../image/recruit_bg.jpg") no-repeat center / cover;
}
	#recruit a.linkbox {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 47.5%;
		padding: 40px;
		position: relative;
	}
	#recruit a.linkbox:nth-child(1) {
		width: 100%;
		background: #fff url("../image/common/icon_arrow_red01.svg") no-repeat right 40px center / 36px;
		border: solid 2px #E73D3A;
		box-shadow: 10px 10px 0px 0px #E6002D;
		margin-bottom: 5%;
	}
	#recruit a.linkbox:nth-child(2) {
		margin-right: 5%;
		background: #fff url("../image/common/icon_arrow_orange01.svg") no-repeat right 40px center / 36px;
		border: solid 2px #F18D00;
		box-shadow: 10px 10px 0px 0px #F18D00;
	}
	#recruit a.linkbox:nth-child(3) {
		border: solid 2px #EFB312;
		background: #fff url("../image/common/icon_arrow_yellow01.svg") no-repeat right 40px center / 36px;
		box-shadow: 10px 10px 0px 0px #EFB312;
	}
	#recruit a.linkbox:hover {
		opacity: 0.8;
	}
		#recruit a.linkbox .number {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1;
			position: absolute;
			top: 10px;
			left: 10px;
		}

		#recruit a.linkbox h2 {
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.3em;
		}
@media screen and (max-width: 1024px) {
	#recruit a.linkbox {
		padding: 4vw;
	}
	#recruit a.linkbox:nth-child(1) {
		background: #fff url("../image/common/icon_arrow_red01.svg") no-repeat right 4vw center / 3.6vw;
		box-shadow: 1vw 1vw 0px 0px #E6002D;
	}
	#recruit a.linkbox:nth-child(2) {
		background: #fff url("../image/common/icon_arrow_orange01.svg") no-repeat right 4vw center / 3.6vw;
		box-shadow: 1vw 1vw 0px 0px #F18D00;
	}
	#recruit a.linkbox:nth-child(3) {
		background: #fff url("../image/common/icon_arrow_yellow01.svg") no-repeat right 4vw center / 3.6vw;
		box-shadow: 1vw 1vw 0px 0px #EFB312;
	}
		#recruit a.linkbox .number {
			font-size: 2.0vw;
			top: 1vw;
			left: 1vw;
		}

		#recruit a.linkbox h2 {
			font-size: 2.4vw;
		}
}
@media screen and (max-width: 767px) {
	#recruit a.linkbox {
		width: 100%;
		padding: 8vw 15vw 7vw 5vw;
	}
	#recruit a.linkbox:nth-child(1) {
		background: #fff url("../image/common/icon_arrow_red01.svg") no-repeat right 5vw center / 8vw;
		box-shadow: 1vw 1vw 0px 0px #E6002D;
		margin-bottom: 5vw;
	}
	#recruit a.linkbox:nth-child(2) {
		margin-right: 0;
		background: #fff url("../image/common/icon_arrow_orange01.svg") no-repeat right 5vw center / 8vw;
		box-shadow: 1vw 1vw 0px 0px #F18D00;
		margin-bottom: 5vw;
	}
	#recruit a.linkbox:nth-child(3) {
		background: #fff url("../image/common/icon_arrow_yellow01.svg") no-repeat right 5vw center / 8vw;
		box-shadow: 1vw 1vw 0px 0px #EFB312;
		margin-bottom: 0;
	}
		#recruit a.linkbox .number {
			font-size: 4.0vw;
			top: 2vw;
			left: 2vw;
		}

		#recruit a.linkbox h2 {
			font-size: 4.0vw;
		}
}