@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#pagetitle.job {
	background: url("../job/image/job/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.jobflow {
	background: url("../job/image/jobflow/pagetitle_pht.jpg") no-repeat center / cover;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}


	
	
/* job
--------------------- */
#job .read {
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.3em;
	text-align: center;
}

#job .bnr {
	width: 594px;
	margin: 35px auto 0 auto;
}
	#job .bnr a {
		display: block;
		background: url("../job/image/job/bnr_txt.svg") no-repeat center / 100%;
	}
	#job .bnr a:hover {
		opacity: 0.7;
	}

#job .list {
	margin-top: 80px;
}
	#job .list .box {
		width: 31%;
		background: #FFFAEB;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
		padding: 30px;
	}
	#job .list .box:nth-child(3n) {
		margin-right: 0;
	}
		#job .list .box .head {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 15px;
		}
			#job .list .box .head img {
				width: 76px;
			}

			#job .list .box .head h2 {
				width: -webkit-calc(100% - 76px);
				width: calc(100% - 76px);
				padding-left: 15px;
				font-size: 2.2rem;
				font-weight: 700;
				line-height: 0.9em;
			}
				#job .list .box .head h2 span {
					font-size: 1.2rem;
					line-height: 1;
					color: #EFB312;
				}

		#job .list .box .txt {
			margin-bottom: 30px;
		}

		#job .list .box h3 {
			font-size: 1.5rem;
			font-weight: 500;
			line-height: 1;
			position: relative;
			z-index: 2;
		}
		#job .list .box h3:before {
			content: "";
			width: 100%;
			height: 1px;
			background: #ddd;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -0.5px;
			z-index: -1;
		}
			#job .list .box h3 span {
				background: #FFFAEB;
				padding-right: 15px;
			}

		#job .list .box .human a.linkbox {
			display: block;
			width: 48%;
			margin-top: 20px;
			margin-right: 4%;
			text-align: center;
		}
		#job .list .box .human a.linkbox:nth-child(2n) {
			margin-right: 0;
		}
			#job .list .box .human a.linkbox .name {
				font-size: 1.4rem;
				font-weight: 500;
				line-height: 1;
				text-align: center;
				margin-top: 10px;
			}
			#job .list .box .human a.linkbox .join {
				font-size: 1.2rem;
				line-height: 1;
				text-align: center;
			}
@media screen and (max-width: 1024px) {
	#job .read {
		font-size: 2.2vw;
	}

	#job .bnr {
		width: 60vw;
		margin: 3.5vw auto 0 auto;
	}

	#job .list {
		margin-top: 8vw;
	}
		#job .list .box {
			width: 31%;
			padding: 3vw;
		}
			#job .list .box .head {
				margin-bottom: 1.5vw;
			}
				#job .list .box .head img {
					width: 6.5vw;
				}

				#job .list .box .head h2 {
					width: -webkit-calc(100% - 6.5vw);
					width: calc(100% - 6.5vw);
					padding-left: 1.5vw;
					font-size: 2.0vw;
				}
					#job .list .box .head h2 span {
						font-size: 1.2vw;
					}

			#job .list .box .txt {
				margin-bottom: 3vw;
			}

			#job .list .box h3 {
				font-size: 1.5vw;
			}
				#job .list .box h3 span {
					padding-right: 1.5vw;
				}

			#job .list .box .human a.linkbox {
				margin-top: 2vw;
			}
				#job .list .box .human a.linkbox .name {
					font-size: 1.4vw;
					margin-top: 1vw;
				}
				#job .list .box .human a.linkbox .join {
					font-size: 1.2vw;
				}
}
@media screen and (max-width: 767px) {
	#job .read {
		font-size: 4.2vw;
	}

	#job .bnr {
		width: 100%;
		margin: 6vw auto 0 auto;
	}

	#job .list {
		display: block;
		margin-top: 12vw;
	}
		#job .list .box {
			width: 100%;
			padding: 6vw;
			margin-right: 0;
			margin-bottom: 7vw;
		}
		#job .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#job .list .box .head {
				margin-bottom: 3vw;
			}
				#job .list .box .head img {
					width: 16vw;
				}

				#job .list .box .head h2 {
					width: -webkit-calc(100% - 16vw);
					width: calc(100% - 16vw);
					padding-left: 2.5vw;
					font-size: 4.6vw;
				}
					#job .list .box .head h2 span {
						font-size: 3.2vw;
					}

			#job .list .box .txt {
				margin-bottom: 6.5vw;
			}

			#job .list .box h3 {
				font-size: 3.8vw;
			}
				#job .list .box h3 span {
					padding-right: 3vw;
				}

			#job .list .box .human a.linkbox {
				margin-top: 5.5vw;
			}
				#job .list .box .human a.linkbox .name {
					font-size: 3.4vw;
					margin-top: 3vw;
					margin-bottom: 1vw;
				}
				#job .list .box .human a.linkbox .join {
					font-size: 3.2vw;
				}
}


	
	
/* pagetitle_episode
--------------------- */
#pagetitle_episode {
	padding-top: 130px;
	overflow: hidden;
}
	#pagetitle_episode .copy-en {
		position: absolute;
		top: -25px;
		right: -100px;
		z-index: 5;
	}
		#pagetitle_episode .copy-en p {
			font-size: 8.4rem;
			line-height: 1;
			color: transparent;
    		-webkit-text-stroke: 1px #DDDDDD;
		}
		#pagetitle_episode .copy-en p:nth-child(2) {
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			margin-left: 15px;
		}

	#pagetitle_episode .breadcrumbs {
		padding-bottom: 45px;
		font-size: 1.4rem;
	}
		#pagetitle_episode .breadcrumbs a {
			font-weight: 500;
			text-decoration: underline;
		}
		#pagetitle_episode .breadcrumbs a:hover {
			text-decoration: none;
		}

		#pagetitle_episode .breadcrumbs span {
			font-weight: 500;
		}

	#pagetitle_episode .text {
		padding: 0 40px 0 40px;
		margin-top: -22px;
	}
		#pagetitle_episode .text h1 {
			font-weight: 700;
			line-height: 1;
			margin-bottom: 30px;
		}
			#pagetitle_episode .text h1 .head {
				display: inline-block;
				background: #000;
				font-size: 3.2rem;
				line-height: 1;
				padding: 5px 5px 8px 5px;
			}
			#pagetitle_episode .text h1 .bg-gr {
				display: inline-block;
				font-size: 4.0rem;
				line-height: 1;
				padding: 5px 5px 8px 5px;
			}
@media screen and (max-width: 1200px) {
	#pagetitle_episode .copy-en {
		top: -25px;
		right: 20px;
	}

	#pagetitle_episode .pht {
		width: 97%;
		margin-left: -4vw;
	}
}
@media screen and (max-width: 1024px) {
	#pagetitle_episode {
		padding-top: 110px;
	}
		#pagetitle_episode .copy-en {
			top: -20px;
			right: 2vw;
		}
			#pagetitle_episode .copy-en p {
				font-size: 8.2vw;
			}
			#pagetitle_episode .copy-en p:nth-child(2) {
				margin-left: 1.5vw;
			}

		#pagetitle_episode .breadcrumbs {
			padding-bottom: 4.5vw;
			font-size: 1.4vw;
		}

		#pagetitle_episode .text {
			padding: 0 4vw 0 4vw;
			margin-top: -2.8vw;
		}
			#pagetitle_episode .text h1 {
				margin-bottom: 3vw;
			}
				#pagetitle_episode .text h1 .head {
					font-size: 3.2vw;
					padding: 0.8vw 0.8vw 1.1vw 0.8vw;
				}
				#pagetitle_episode .text h1 .bg-gr {
					font-size: 4.0vw;
					padding: 0.8vw 0.8vw 1.1vw 0.8vw;
				}
}
@media screen and (max-width: 767px) {
	#pagetitle_episode {
		padding-top: 65px;
	}
		#pagetitle_episode .copy-en {
			display: none;
		}
			#pagetitle_episode .copy-en p {
				font-size: 8.2vw;
			}
			#pagetitle_episode .copy-en p:nth-child(2) {
				margin-left: 1.5vw;
			}

		#pagetitle_episode .breadcrumbs {
			padding-bottom: 4.5vw;
			font-size: 3.2vw;
		}

	#pagetitle_episode .pht {
		width: -webkit-calc(100% + 8vw);
		width: calc(100% + 8vw);
		margin-left: -8vw;
	}

		#pagetitle_episode .text {
			padding: 6vw 0 0 0;
			margin-top: 0;
		}
			#pagetitle_episode .text h1 {
				margin-bottom: 4vw;
			}
				#pagetitle_episode .text h1 .head {
					font-size: 4.6vw;
					padding: 0;
					color: #000;
					background: none;
					margin-bottom: 1.5vw;
				}
				#pagetitle_episode .text h1 .bg-gr {
					font-size: 6.0vw;
					padding: 0;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
}


	
	
/* profile
--------------------- */
#profile {
	padding: 100px 0;
}
	#profile .bg-gray {
		background: #F8F8F8;
		padding: 50px;
		position: relative;
	}
		#profile .bg-gray h2 {
			width: 100%;
			font-size: 2.6rem;
			font-weight: 700;
			text-align: center;
			line-height: 1.3em;
			position: absolute;
			top: -18px;
			left: 0;
		}

		#profile .bg-gray .area {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			#profile .bg-gray .area .pht {
				width: 180px;
			}

			#profile .bg-gray .area .text {
				width: -webkit-calc(100% - 180px);
				width: calc(100% - 180px);
				padding-left: 40px;
			}
				#profile .bg-gray .area .text .p-ttl {
					display: flex;
					justify-content: flex-start;
					align-items: baseline;
					border-bottom: dashed 1px #ddd;
					padding-bottom: 15px;
					margin-bottom: 15px;
				}
					#profile .bg-gray .area .text .p-ttl h3 {
						font-size: 3.0rem;
						font-weight: 700;
						line-height: 1.3em;
					}
					#profile .bg-gray .area .text .p-ttl .job {
						font-size: 1.4rem;
						line-height: 1.3em;
						margin-left: 15px;
					}
@media screen and (max-width: 1024px) {
	#profile {
		padding: 10vw 0;
	}
		#profile .bg-gray {
			padding: 5vw;
		}
			#profile .bg-gray h2 {
				font-size: 2.6vw;
				top: -1.8vw;
			}

			#profile .bg-gray .area .pht {
				width: 20%;
			}

			#profile .bg-gray .area .text {
				width: 80%;
				padding-left: 4vw;
			}
				#profile .bg-gray .area .text .p-ttl {
					padding-bottom: 1.5vw;
					margin-bottom: 1.5vw;
				}
					#profile .bg-gray .area .text .p-ttl h3 {
						font-size: 3.0vw;
					}
					#profile .bg-gray .area .text .p-ttl .job {
						font-size: 1.4vw;
						margin-left: 1.5vw;
					}
}
@media screen and (max-width: 767px) {
	#profile {
		padding: 18vw 0;
	}
		#profile .bg-gray {
			padding: 9vw 8vw 8vw 8vw;
		}
			#profile .bg-gray h2 {
				font-size: 5.2vw;
				top: -3.0vw;
			}

			#profile .bg-gray .area {
				display: block;
			}
				#profile .bg-gray .area .pht {
					width: 70%;
					margin: 0 auto 4vw auto;
				}

				#profile .bg-gray .area .text {
					width: 100%;
					padding-left: 0;
				}
					#profile .bg-gray .area .text .p-ttl {
						display: block;
						padding-bottom: 4vw;
						margin-bottom: 3vw;
						text-align: center;
					}
						#profile .bg-gray .area .text .p-ttl h3 {
							font-size: 6.0vw;
						}
						#profile .bg-gray .area .text .p-ttl .job {
							font-size: 3.4vw;
							line-height: 1.4em;
							margin-left: 0;
						}
}


	
	
/* pj
--------------------- */
#pj h2 {
	font-size: 3.0rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	margin-bottom: 30px;
	position: relative;
	z-index: -2;
}
#pj h2:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
}
	#pj h2 span {
		background: #fff;
		padding: 0 20px;
		position: relative;
		z-index: 2;
	}

#pj .list .box {
	width: 28%;
}
	#pj .list .box .pht {
		text-align: center;
		margin-bottom: 20px;
		position: relative;
	}
	#pj .list .box .pht:before {
		content: "";
		width: 30px;
		height: 24px;
		background: url("../image/common/pj_arrow.svg") no-repeat center / 100%;
		position: absolute;
		top: 50%;
		right: -17%;
		margin-top: -12px;
	}
	#pj .list .box:nth-last-child(1) .pht:before {
		display: none;
	}
		#pj .list .box .pht img {
			width: 70%;
		}

	#pj .list .box .text h3 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.4em;
		text-align: center;
		margin-bottom: 12px;
	}
@media screen and (max-width: 1024px) {
	#pj h2 {
		font-size: 3.0vw;
		margin-bottom: 2vw;
	}
		#pj h2 span {
			padding: 0 2vw;
		}

	#pj .list .box {
		width: 28%;
	}
		#pj .list .box .pht {
			margin-bottom: 2vw;
		}
		#pj .list .box .pht:before {
			width: 3vw;
			height: 2.4vw;
			right: -17%;
			margin-top: -1.2vw;
		}

		#pj .list .box .text h3 {
			font-size: 2.4vw;
			margin-bottom: 1.2vw;
		}
}
@media screen and (max-width: 767px) {
	#pj h2 {
		font-size: 5.6vw;
		margin-bottom: 5vw;
	}
		#pj h2 span {
			padding: 0 4vw;
		}

	#pj .list {
		display: block;
	}
		#pj .list .box {
			width: 100%;
			margin-bottom: 8vw;
		}
		#pj .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#pj .list .box .pht {
				margin-bottom: 4vw;
			}
			#pj .list .box .pht:before {
				display: none;
			}

			#pj .list .box .text h3 {
				font-size: 5.0vw;
				margin-bottom: 2vw;
			}

			#pj .list .box .text .txt {
				padding: 0 5vw;
			}
}


	
	
/* episode
--------------------- */
.episode {
	padding-top: 120px;
}
	.episode .text .en {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 10px;
	}

	.episode .text h2 {
		font-size: 3.0rem;
		font-weight: 700;
		line-height: 1.4em;
		margin-bottom: 20px;
	}

	.episode .text .sub-txt {
		margin-top: 20px;
	}

#episode01 .text {
	padding: 0 100px 120px 100px;
}

#episode02 .text {
	width: 47%;
	margin-right: 6%;
}
#episode02 .pht {
	width: 47%;
	margin-top: 35px;
}

#episode03 .text {
	width: 62%;
	margin-left: 6%;
	order: 2;
}
#episode03 .pht {
	width: 32%;
	height: 100%;
	aspect-ratio: 10 / 16;
	overflow: hidden;
	margin-top: 35px;
	order: 1;
}
	#episode03 .pht img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

#episode04 {
	padding-bottom: 120px;
}
	#episode04 .text {
		padding: 0 100px 0 100px;
	}
	#episode04 .pht {
		margin-top: 60px;
	}
@media screen and (max-width: 1024px) {
	.episode {
		padding-top: 12vw;
	}
		.episode .text .en {
			font-size: 1.8vw;
			margin-bottom: 1vw;
		}

		.episode .text h2 {
			font-size: 3.0vw;
			margin-bottom: 2vw;
		}

		.episode .text .sub-txt {
			margin-top: 2vw;
		}

	#episode01 .text {
		padding: 0 10vw 12vw 10vw;
	}

	#episode02 .pht {
		margin-top: 3.5vw;
	}

	#episode03 .pht {
		margin-top: 3.5vw;
	}

	#episode04 {
		padding-bottom: 12vw;
	}
		#episode04 .text {
			padding: 0 10vw 0 10vw;
		}
		#episode04 .pht {
			margin-top: 6vw;
		}
}
@media screen and (max-width: 767px) {
	.episode {
		padding-top: 18vw;
	}
	.episode .inner {
		display: block;
	}
		.episode .text .en {
			font-size: 4.2vw;
			margin-bottom: 2vw;
		}

		.episode .text h2 {
			font-size: 6.0vw;
			margin-bottom: 6vw;
		}

		.episode .text .sub-txt {
			margin-top: 3vw;
		}

	#episode01 .text {
		width: 100%;
		padding: 0 0 16vw 0;
	}
	#episode01 .pht {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}
		#episode01 .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#episode02 .text {
		width: 100%;
		margin: 0;
	}
	#episode02 .pht {
		width: 100%;
		margin-top: 8vw;
	}

	#episode03 .text {
		width: 100%;
		margin: 0;
	}
	#episode03 .pht {
		width: 100%;
		aspect-ratio: 4 / 3;
		margin-top: 8vw;
	}

	#episode04 .text {
		padding: 0 0 18vw 0;
	}

	#episode04 {
		padding-bottom: 18vw;
	}
		#episode04 .text {
			padding: 0 0 0 0;
		}
		#episode04 .pht {
			margin-top: 8vw;
		}
}


	
	
/* challenges
--------------------- */
#challenges {
	padding: 0 50px 50px 50px;
}
	#challenges .ttl {
		padding-top: 100px;
		margin-bottom: 50px;
		text-align: center;
	}
		#challenges .ttl .en {
			font-size: 6.0rem;
			font-weight: 700;
			line-height: 1.1em;
			letter-spacing: 0;
			color: transparent;
    		-webkit-text-stroke: 1px #fff;
		}

		#challenges .ttl h2 {
			font-size: 3.0rem;
			font-weight: 700;
			line-height: 1;
		}

	#challenges .area {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 900px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
		#challenges .area .pht {
			width: 25%;
		}

		#challenges .area .txt {
			width: 70%;
		}
@media screen and (max-width: 1024px) {
	#challenges {
		padding: 0 5vw 5vw 5vw;
	}
		#challenges .ttl {
			padding-top: 10vw;
			margin-bottom: 5vw;
		}
			#challenges .ttl .en {
				font-size: 6.0vw;
			}

			#challenges .ttl h2 {
				font-size: 3.0vw;
			}

		#challenges .area {
			max-width: 100%;
			padding-left: 3vw;
			padding-right: 3vw;
			padding-bottom: 10vw;
		}
			#challenges .area .pht {
				width: 25%;
			}

			#challenges .area .txt {
				width: 70%;
			}
}
@media screen and (max-width: 767px) {
	#challenges {
		padding: 0 5vw 5vw 5vw;
	}
		#challenges .ttl {
			padding-top: 11vw;
			margin-bottom: 8vw;
		}
			#challenges .ttl .en {
				font-size: 8.0vw;
				margin-bottom: 2vw;
			}

			#challenges .ttl h2 {
				font-size: 6.0vw;
			}

		#challenges .area {
			display: block;
			max-width: 100%;
			padding-left: 3vw;
			padding-right: 3vw;
			padding-bottom: 10vw;
		}
			#challenges .area .pht {
				width: 70%;
				margin: 0 auto 5vw auto;
			}

			#challenges .area .txt {
				width: 100%;
			}
}

body.noscroll{
	overflow: hidden;
	/* position: fixed; */
	width: 100%;
}

	
	
/* jobflow
--------------------- */
#jobflow{
	overflow: hidden;
	margin-top: 100px;
}
#jobflow .job-inner {
	margin: 0 40px 40px;
	width: calc(100% - 80px);
}
#jobflow .read {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.3em;
	text-align: center;
}

#jobflow .link{
	width: 80%;
	max-width: 850px;
	height: 80px;
	margin: 80px auto 0;
	justify-content: space-between;
}
	#jobflow .link a{
		width: calc((100% - 50px) / 2);
		cursor: pointer;
	}
	#jobflow .link a:hover .arw img{
		transform: rotate(90deg) translateX(5px);
	}
		#jobflow .link a.process{
			border: 2px solid #E6002D;
		}
		#jobflow .link a.meat{
			border: 2px solid #F18D00;
		}
			#jobflow .link a.process .arw{
				background: #E6002D;
			}
			#jobflow .link a.meat .arw{
				background: #F18D00;
			}
#jobflow .r-txt{
	color: #E6002D;
}
#jobflow .o-txt{
	color: #F18D00;
}
		#jobflow  .link a{
			display: flex;
			flex-wrap: wrap;
			background: #fff;
			justify-content: space-between;
			align-items: center;
			padding: 15px 20px;
			height: 100%;
			scroll-behavior: smooth;
		}
			#jobflow  .link a > img{
				width: 45px;
			}
			#jobflow  .link a p{
				width: calc(100% - 130px);
				font-size: 2.2rem;
				font-weight: 800;
				line-height: 1.0;
			}
				#jobflow  .link a p span{
					font-size: 2.8rem;
				}
			#jobflow  .link a .arw{
				width: 20px;
				height: 35px;
				align-content: center;
				border-radius: 50vh;
				text-align: center;
			}
			#jobflow  .link a .arw img{
				width: 50%;
				height: 100%;
				transform: rotate(90deg);
				transition: all .4s;
			}
#jobflow .cntnr {
	background-image: linear-gradient(45deg, rgba(241, 141, 0, .1), rgba(230, 0, 45, .1));
	margin: -40px 0 0;
	padding: 100px 0 150px;
	border-radius: 40px;
}
	#jobflow .cntnr .cntnt{
		width: 70%;
		max-width: 850px;
		aspect-ratio: 1 / 1;
		margin: auto;
		background: #fff;
		border-radius: 50vh;
		text-align: center;
		padding: 100px 0;
		align-content: center;
		position: relative;
		scroll-margin-top: 80px;
	}
	#jobflow .cntnr .cntnt#meat{
		margin-top: 250px;
	}
	#jobflow .cntnr .cntnt h2{
		font-size: 3.6rem;
		font-weight: 800;
		margin-bottom: 20px;
	}
		#jobflow .cntnr .cntnt h2 span{
			font-size: 4.5rem;
		}
	#jobflow .cntnr .cntnt > .pht{
		position: relative;
		margin: 0 auto 50px;
	}
	#jobflow .cntnr .cntnt#process > .pht{
		width: 40%;
	}
	#jobflow .cntnr .cntnt#meat > .pht{
		width: 53%;
	}
		#jobflow .cntnr .cntnt > .pht::before{
			content: "";
			position: absolute;
			background-image: linear-gradient(45deg, rgba(241, 141, 0, .1), rgba(230, 0, 45, .1));
			border-radius: 50%;
			z-index: 1;
		}
		#jobflow .cntnr .cntnt#process > .pht::before{
			width: 130%;
			height: 30%;
			bottom: -13%;
			left: -15%;
		}
		#jobflow .cntnr .cntnt#meat > .pht::before{
			width: 108%;
			height: 30%;
			bottom: -5%;
			left: -4%;
		}
		#jobflow .cntnr .cntnt .pht img{
			z-index: 2;
			position: relative;
		}
	#jobflow .cntnr .cntnt > p{
		font-size: 3.0rem;
		font-weight: 800;
		line-height: 1.4;
	}
	#jobflow .cntnr .cntnt > p.r-txt,
	#jobflow .cntnr .cntnt > p.o-txt{
		font-weight: 700;
		font-size: 2.4rem;
	}
	#jobflow .cntnr .cntnt .asi .pht{
		position: absolute;
	}
	#jobflow .cntnr .cntnt#process .asi .pht:nth-child(1){
		top: 5%;
		right: 11%;
		width: 14%;
	}
	#jobflow .cntnr .cntnt#process .asi .pht:nth-child(2){
		bottom: 16%;
		left: -15%;
		width: 15%;
	}
	#jobflow .cntnr .cntnt#meat .asi .pht:nth-child(1){
		top: -3%;
		right: 43%;
		width: 12%;
	}
	#jobflow .cntnr .cntnt#meat .asi .pht:nth-child(2){
		bottom: -3%;
		left: 13%;
		width: 14%;
	}
	#jobflow .cntnr .cntnt .js-modal-list{
		position: absolute;
		width: 23%;
	}
	#jobflow .cntnr .cntnt .js-modal-list:hover img{
		transform: scale(1.04);
	}
		#jobflow .cntnr .cntnt .js-modal-list .pht{
			border-radius: 50vh;
			position: relative;
			z-index: 1;
			overflow: hidden;
		}
		#jobflow .cntnr .cntnt#process .js-modal-list .pht{
			border: 2px solid #E6002D;
		}
		#jobflow .cntnr .cntnt#meat .js-modal-list .pht{
			border: 2px solid #F18D00;
		}
		#jobflow .cntnr .cntnt .js-modal-list .pht img{
				transition: all .4s;
		}
		#jobflow .cntnr .cntnt .js-modal-list .plus{
			width: 40px;
			height: 40px;
			background: #fff;
			border-radius: 50vh;
			position: relative;
			z-index: 2;
			align-content: center;
			text-align: center;
			margin: -20px auto 5px;
			border: 1px solid #ddd;
		}
			#jobflow .cntnr .cntnt .js-modal-list .plus img{
				width: 50%;
				height: 100%;
			}
		#jobflow .cntnr .cntnt .js-modal-list p{
			font-size: 1.6rem;
			font-weight: 700;
			line-height: 1.4;
			white-space: nowrap;
		}
			#jobflow .cntnr .cntnt .js-modal-list p span{
				font-size: 2.2rem;
			}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(6){
		top: 2%;
		left: 0%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(7){
		top: 24%;
		right: -11%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(8){
		top: 64%;
		right: -12%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(9){
		bottom: -20%;
		right: 25%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(10){
		bottom: -5%;
		left: 2%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(11){
		top: 38%;
		left: -15%;
	}
	#jobflow .cntnr .cntnt#meat .js-modal-list:nth-child(6){
		top: 40%;
		left: -15%;
	}
	#jobflow .cntnr .cntnt#meat .js-modal-list:nth-child(7){
		top: 8%;
    	right: -4%;
	}
	#jobflow .cntnr .cntnt#meat .js-modal-list:nth-child(8){
		top: 75%;
		right: 0%;
	}
	.js-modal{
		margin: auto;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow-y: scroll;
    	background: rgba(255,255,255,0.6);
		padding: 80px 0;
	}
		.js-modal .modal__bg{
			height: 100%;
			background: none;
		}
		.js-modal .modal___content{
			transform: translate(-50%, 0);
			top: 0;
			position: relative;
			max-width: 1100px;
			border: 1px solid #000;
			border-radius: 40px;
			box-shadow: 10px 10px 0px 0px rgba(230, 0, 45, 1);
		}
			.js-modal .modal___content > .js-modal-close{
				display: block;
				margin: 30px 30px 0 auto;
				background: #fff;
				border: none;
				cursor: pointer;
				font-size: 2.2rem;
				font-weight: 500;
				position: relative;
				padding-right: 30px;
			}
				.js-modal .modal___content > .js-modal-close::before{
					content: "";
					position: absolute;
					top: 50%;
					right: 10px;
					transform: translateY(-60%);
					width: 10px;
					height: 10px;
					background: url(../job/image/jobflow/close.svg) no-repeat center / contain;
				}
			.js-modal .modal___content .modal___cntnr{
				padding: 10px 9%  80px;
			}
				.js-modal .modal___content .modal___cntnr .ttl{
					/* margin-bottom: 50px;
					width: 50%; */
					margin: 0 auto 50px;
					height: 80px;
					width: auto;
				}
				.js-modal .modal___content .modal___cntnr .ttl img{
					width: 100%;
					height: 100%;
				}
				.js-modal .modal___content .modal___cntnr .answer{
					border: 1px solid #000;
					border-radius: 20px;
					text-align: center;
					width: 65%;
					margin: auto;
					min-width: 400px;
					max-width: 500px;
				}
					.js-modal .modal___content .modal___cntnr .answer > p{
						font-size: 1.8rem;
						color: #fff;
						display: inline-block;
						transform: translateY(-15px);
						background-image: linear-gradient(45deg, rgba(241, 141, 0, 1), rgba(230, 0, 45, 1));
						border: 1px solid #000;
						border-radius: 50vh;
						font-weight: 500;
						padding: 0 20px;
						height: 30px;
						align-content: center;
						line-height: 1.0;
					}
					.js-modal .modal___content .modal___cntnr .answer .flex{
						justify-content: center;
						align-items: center;
						padding: 0 30px 20px;
						gap: 20px;
					}
						.js-modal .modal___content .modal___cntnr .answer .flex .pht{
							width: calc(35% - 20px);
							border-radius: 50vh;
							overflow: hidden;
						}
						.js-modal .modal___content .modal___cntnr .answer .flex .txt{
							width: 30%;
							text-align: left;
						}
						.js-modal .modal___content .modal___cntnr .answer .flex .txt.w-60{
							width: 65%;
						}
							.js-modal .modal___content .modal___cntnr .answer .flex .txt h2{
								font-size: 3.0rem;
								font-weight: 500;
							}
							.js-modal .modal___content .modal___cntnr .answer .flex .txt p{
								font-size: 1.6rem;
								font-weight: 400;
								line-height: 1.6;
							}
				.js-modal .modal___content .modal___cntnr .cntnt{
					margin-top: 70px;
					justify-content: space-between;
				}
					.js-modal .modal___content .modal___cntnr .cntnt .txt{
						width: 50%;
					}
						.js-modal .modal___content .modal___cntnr .cntnt .txt h2{
							line-height: 1.6;
							font-size: 2.4rem;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .txt p{
							margin-top: 20px;
						}
					.js-modal .modal___content .modal___cntnr .cntnt .pht-area{
						width: 45%;
						justify-content: space-between;
					}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht{
							width: 47%;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht img{
							border-radius: 10px;
							overflow: hidden;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht:last-child{
							margin: 40px 0 0 0;
						}
				.js-modal .modal___content .modal___cntnr .occupation{
					margin-top: 80px;
				}
					.js-modal .modal___content .modal___cntnr .occupation h2{
						position: relative;
						margin: 0 auto 30px;
						text-align: center;
						font-size: 2.4rem;
					}
						.js-modal .modal___content .modal___cntnr .occupation h2::before{
							content: "";
							position: absolute;
							top: 50%;
							right: 50%;
							width: 100%;
							height: 1px;
							background-color: #ddd;
							transform: translate(50%, -50%);
						}
						.js-modal .modal___content .modal___cntnr .occupation h2 span{
							position: relative;
							padding: 0 20px;
							z-index: 10;
							background: #fff;
						}
					.js-modal .modal___content .modal___cntnr .occupation .flex{
						justify-content: center;
					}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box{
							width: calc(25% - 22.5px);
						}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box:nth-child(n+2){
							margin-left: 30px;
						}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box .pht{
								background: #FFFAF4;
								width: 100%;
								aspect-ratio: 1 / 1;
								border-radius: 50vh;
								align-content: center;
								text-align: center;
							}
								.js-modal .modal___content .modal___cntnr .occupation .flex .box .pht img{
									width: 50%;
								}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box h3{
								text-align: center;
								font-size: 2.0rem;
								font-weight: 500;
								margin: 15px 0 10px;
								line-height: 1.0;
							}
								.js-modal .modal___content .modal___cntnr .occupation .flex .box h3 span{
									font-size: 1.4rem;
								}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box p{
								font-size: 1.6rem;
							}
				.js-modal .modal___content .modal___cntnr .charm{
					margin-top: 80px;
					align-items: center;
					justify-content: space-between;
				}
					.js-modal .modal___content .modal___cntnr .charm .pht{
						width: 160px;
						height: 160px;
						overflow: hidden;
						border-radius: 50vh;
					}
					.js-modal .modal___content .modal___cntnr .charm .txt{
						width: calc(100% - 200px);
						border: 1px solid #EFB312;
						box-shadow: 10px 10px 0px 0px rgba(239, 179, 18, 1);
						padding: 0 30px 30px;
						position: relative;
					}
					.js-modal .modal___content .modal___cntnr .charm .txt::before{
						content: "";
						position: absolute;
						width: 0;
						height: 0;
						border-style: solid;
						border-color: transparent #EFB312 transparent transparent;
						border-width: 0px 20px 20px 0px;
						left: -20px;
						transform: translateY(-50%);
						top: 50%;
					}
						.js-modal .modal___content .modal___cntnr .charm .txt h2{
							margin-top: -15px;
							font-size: 2.4rem;
						}
						.js-modal .modal___content .modal___cntnr .charm .txt h2 span{
							padding: 0 10px;
							background: #fff;
						}
						.js-modal .modal___content .modal___cntnr .charm .txt p{
							margin-top: 15px;
							font-size: 1.6rem;
						}
				.js-modal .modal___content .modal___cntnr .interview-area{
					margin-top: 70px;
				}
				.js-modal .modal___content .modal___cntnr .interview-area h2{
					text-align: center;
					font-weight: 600;
					font-size: 2.4rem;
					margin-bottom: 25px;
					line-height: 1.0;
				}
				.js-modal .modal___content .modal___cntnr .interview-area .flex{
					justify-content: center;
					gap: 30px;
				}
					.js-modal .modal___content .modal___cntnr .interview-area .box{
						width: calc((100% - 60px) / 3);
					}
						.js-modal .modal___content .modal___cntnr .interview-area .box .pht{
							overflow: hidden;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .pht img{
							transition: all .4s;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt{
							position: relative;
							padding: 25px 0px 0;
							overflow: visible;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt .label {
							display: inline-block;
							border-radius: 15px;
							background: linear-gradient(to right, #F18D00, #E6002D);
							padding: 0 15px;
							color: #fff;
							font-size: 1.4rem;
							font-weight: 500;
							text-align: center;
							line-height: 27px;
							position: absolute;
							top: -15px;
							left: 10px;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt h3{
							font-size: 2.0rem;
							font-weight: 600;
							line-height: 1;
							margin-bottom: 5px;
							padding: 0 10px;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt .join{
							font-size: 1.4rem;
							line-height: 1.5em;
							background: url(../image/common/icon_arrow_yellow01.svg) no-repeat right 10px top / 36px;
							transition: 0.3s;
							padding-right: 60px;
							padding-left: 10px;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box:hover > .pht > img{
							transform: scale(1.04);
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box:hover .txt .join{
							background: url(../image/common/icon_arrow_red01.svg) no-repeat right 5px top / 36px;
						}
				.js-modal .modal___content .modal___cntnr .close-btn{
					margin: 80px auto 0;
					display: inline-block;
					text-align: center;
					width: 100%;
				}
					.js-modal .modal___content .modal___cntnr .close-btn p{
						border-radius: 50vh;
						text-align: center;
						border: 1px solid #000;
						display: inline-block;
						align-content: center;
						height: 50px;
						width: 200px;
						font-weight: 500;
						line-height: 2.5;
						font-size: 2.0rem;
						cursor: pointer;
						position: relative;
					}
						.js-modal .modal___content .modal___cntnr .close-btn p::before{
							content: "";
							position: absolute;
							top: 50%;
							right: 20px;
							transform: translateY(-50%);
							width: 10px;
							height: 10px;
							background: url(../job/image/jobflow/close.svg) no-repeat center / contain;
						}
@media screen and (max-width: 1024px) {
#jobflow{
	padding-bottom: 0;
}
#jobflow .job-inner {
	margin: 0 30px 30px;
	width: calc(100% - 60px);
}
	#jobflow .read {
		font-size: 1.8vw;
	}
#jobflow .link{
	width: 80%;
	height: 80px;
	margin: 80px auto 0;
	min-width:650px;
}
	#jobflow .link a{
		width: calc((100% - 20px) / 2);
	}
		#jobflow  .link a{
			padding: 15px 20px;
		}
			#jobflow  .link a > img{
				width: 40px;
			}
			#jobflow  .link a p{
				width: calc(100% - 130px);
				font-size: 2.0vw;
			}
				#jobflow  .link a p span{
					font-size: 2.6vw;
				}
			#jobflow  .link a .arw img{
				width: 50%;
			}
#jobflow .cntnr {
	margin: -40px 0 0;
	padding: 100px 0 100px;
}
	#jobflow .cntnr .cntnt{
		width: 80%;
		aspect-ratio: 1 / 1;
		padding: 100px 0;
	}
	#jobflow .cntnr .cntnt#meat{
		margin-top: 150px;
	}
	#jobflow .cntnr .cntnt h2{
		font-size: 3.0vw;
		margin-bottom: 15px;
	}
		#jobflow .cntnr .cntnt h2 span{
			font-size: 4.0vw;
		}
	#jobflow .cntnr .cntnt > .pht{
		width: 40%;
		margin: 0 auto 40px;
	}
		#jobflow .cntnr .cntnt > .pht::before{
			width: 130%;
			height: 30%;
			bottom: -13%;
			left: -15%;
		}
	#jobflow .cntnr .cntnt > p{
		font-size: 2.5vw;
	}
	#jobflow .cntnr .cntnt > p.r-txt,
	#jobflow .cntnr .cntnt > p.o-txt{
		font-size: 2.0vw;
	}
	#jobflow .cntnr .cntnt#process .asi .pht:nth-child(1){
		top: 4%;
		right: 13%;
		width: 12%;
	}
	#jobflow .cntnr .cntnt#process .asi .pht:nth-child(2){
		bottom: 17%;
		left: -6%;
		width: 13%;
	}
	#jobflow .cntnr .cntnt#meat .asi .pht:nth-child(1){
		top: -3%;
		right: 70%;
		width: 12%;
	}
	#jobflow .cntnr .cntnt#meat .asi .pht:nth-child(2){
		bottom: -3%;
		left: 13%;
		width: 14%;
	}
	#jobflow .cntnr .cntnt .js-modal-list{
		width: 20%;
	}
		#jobflow .cntnr .cntnt .js-modal-list .plus{
			width: 35px;
			height: 35px;
			margin: -20px auto 5px;
		}
			#jobflow .cntnr .cntnt .js-modal-list .plus img{
				width: 50%;
				height: 100%;
			}
		#jobflow .cntnr .cntnt .js-modal-list p{
			font-size: 1.6vw;
			line-height: 1.4;
			white-space: nowrap;
		}
			#jobflow .cntnr .cntnt .js-modal-list p span{
				font-size: 2.2vw;
			}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(6){
		top: 2%;
		left: 2%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(7){
		top: 24%;
		right: -6%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(8){
		top: 64%;
		right: -7%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(9){
		bottom: -16%;
		right: 25%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(10){
		bottom: -7%;
		left: 8%;
	}
	#jobflow .cntnr .cntnt#process .js-modal-list:nth-child(11){
		top: 38%;
		left: -10%;
	}
	#jobflow .cntnr .cntnt#meat .js-modal-list:nth-child(6){
		top: 40%;
		left: -10%;
	}
	#jobflow .cntnr .cntnt#meat .js-modal-list:nth-child(7){
		top: 8%;
    	right: -4%;
	}
	#jobflow .cntnr .cntnt#meat .js-modal-list:nth-child(8){
		top: 75%;
		right: 0%;
	}
	.js-modal{
		padding: 50px 0;
	}
		.js-modal .modal___content{
			border-radius: 30px;
			box-shadow: 10px 10px 0px 0px rgba(230, 0, 45, 1);
			width: 90%;
		}
			.js-modal .modal___content > .js-modal-close{
				margin: 20px 20px 0 auto;
				font-size: 2.0rem;
			}
				.js-modal .modal___content > .js-modal-close::before{
					width: 10px;
					height: 10px;
				}
			.js-modal .modal___content .modal___cntnr{
				padding: 20px 50px 50px;
			}
				.js-modal .modal___content .modal___cntnr .ttl{
					margin: 0 auto 40px;
					height: 60px;
					width: auto;
				}
				.js-modal .modal___content .modal___cntnr .answer{
					border-radius: 20px;
				}
					.js-modal .modal___content .modal___cntnr .answer > p{
						font-size: 1.6vw;
						padding: 0 20px;
						height: 30px;
					}
							.js-modal .modal___content .modal___cntnr .answer .flex .txt h2{
								font-size: 3.0vw;
							}
							.js-modal .modal___content .modal___cntnr .answer .flex .txt p{
								font-size: 1.6vw;
							}
				.js-modal .modal___content .modal___cntnr .cntnt{
					margin-top: 60px;
				}
					.js-modal .modal___content .modal___cntnr .cntnt .txt{
						width: 50%;
					}
						.js-modal .modal___content .modal___cntnr .cntnt .txt h2{
							line-height: 1.4;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .txt p{
							margin-top: 15px;
						}
					.js-modal .modal___content .modal___cntnr .cntnt .pht-area{
						width: 45%;
					}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht{
							width: 47%;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht img{
							border-radius: 10px;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht:last-child{
							margin: auto 0 0 0;
						}
				.js-modal .modal___content .modal___cntnr .occupation{
					margin-top: 60px;
				}
					.js-modal .modal___content .modal___cntnr .occupation h2{
						margin: 0 auto 20px;
					}
						.js-modal .modal___content .modal___cntnr .occupation h2::before{
						}
						.js-modal .modal___content .modal___cntnr .occupation h2 span{
							padding: 0 20px;
						}
					.js-modal .modal___content .modal___cntnr .occupation .flex{
					}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box{
							width: calc(25% - 22.5px);
						}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box:nth-child(n+2){
							margin-left: 30px;
						}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box .pht{
							}
								.js-modal .modal___content .modal___cntnr .occupation .flex .box .pht img{
									width: 50%;
								}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box h3{
								font-size: 2.0vw;
								margin: 15px 0 10px;
							}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box p{
								font-size: 1.6vw;
							}
				.js-modal .modal___content .modal___cntnr .charm{
					margin-top: 60px;
				}
					.js-modal .modal___content .modal___cntnr .charm .pht{
						width: 140px;
						height: 140px;
					}
					.js-modal .modal___content .modal___cntnr .charm .txt{
						width: calc(100% - 180px);
						box-shadow: 10px 10px 0px 0px rgba(239, 179, 18, 1);
						padding: 0 30px 30px;
					}
					.js-modal .modal___content .modal___cntnr .charm .txt::before{
						border-width: 0px 20px 20px 0px;
						left: -20px;
					}
					.js-modal .modal___content .modal___cntnr .charm .txt p{
						font-size: 1.6vw;
					}
				.js-modal .modal___content .modal___cntnr .interview-area .flex{
					justify-content: center;
					gap: 20px;
				}
					.js-modal .modal___content .modal___cntnr .interview-area .box{
						width: calc((100% - 40px) / 3);
					}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt{
							padding: 3vw 0 0;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt .label {
							border-radius: 1.5vw;
							padding: 0 1.5vw;
							font-size: 1.4vw;
							line-height: 2.8vw;
							top: -1.5vw;
							left: 1.5vw;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt h3{
							font-size: 2.2vw;
							margin-bottom: 0.5vw;
							padding: 0 1.5vw;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt .join{
							font-size: 1.4vw;
							background: url(../image/common/icon_arrow_yellow01.svg) no-repeat right 1.0vw top / 3.6vw;
							padding-right: 6.0vw;
							padding-left: 1.5vw;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box:hover .txt .join{
							background: url(../image/common/icon_arrow_red01.svg) no-repeat right .5vw top / 3.6vw;
						}
				.js-modal .modal___content .modal___cntnr .close-btn{
					margin: 60px auto 0;
				}
					.js-modal .modal___content .modal___cntnr .close-btn p{
						height: 50px;
						width: 200px;
						font-size: 2.0vw;
					}
						.js-modal .modal___content .modal___cntnr .close-btn p::before{
							right: 20px;
							width: 10px;
							height: 10px;
						}
}
@media screen and (max-width: 767px) {
	#jobflow .read {
		font-size: 1.6rem;
		line-height: 1.6;
	}
#jobflow .job-inner {
	margin: 0;
	width: 100%;
}
#jobflow .link{
	width: 90%;
	height: 70px;
	margin: 40px auto 0;
	min-width:280px;
}
	#jobflow .link a{
		width: calc((100% - 10px) / 2);
	}
		#jobflow  .link a{
			padding: 5px 10px;
		}
			#jobflow  .link a > img{
				width: 25px;
			}
			#jobflow  .link a p{
				/* width: 100%; */
				width: calc(100% - 40px);
				font-size: 1.4rem;
				text-align: center;
				line-height: 1.4;
			}
				#jobflow  .link a p span{
					font-size: 2.0rem;
				}
			#jobflow  .link a .arw{
				width: 10px;
				height: 17px;
				transform: scale(1.2);
			}
				#jobflow  .link a .arw img{
					width: 60%;
				}
#jobflow .cntnr {
	margin: -35px 0 0;
	padding: 60px 0 80px;
	border-radius: 20px 20px 0 0;
}
	#jobflow .cntnr .cntnt{
		width: calc(100% - 16vw);
		aspect-ratio: auto;
		padding: 10px 0;
		background: none;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		scroll-margin-top: 50px;
	}
		#jobflow .cntnr .cntnt::before{
			content: "";
			position: absolute;
			background: #fff;
			width: 150%;
			aspect-ratio: 1 / 1;
			left: -25%;
			z-index: -1;
			border-radius: 50vh;
		}
	#jobflow .cntnr .cntnt#meat{
		margin-top: 60px;
	}
	#jobflow .cntnr .cntnt h2{
		font-size: 2.8rem;
		margin-top: 80px;
		margin-bottom: 20px;
		line-height: 1.0;
		width: 100%;
	}
		#jobflow .cntnr .cntnt h2 span{
			font-size: 3.4rem;
		}
	#jobflow .cntnr .cntnt > .pht{
		margin: 0 auto 40px;
	}
	#jobflow .cntnr .cntnt#process > .pht{
		width: 55%;
	}
	#jobflow .cntnr .cntnt#meat > .pht{
		width: 70%;
	}
		#jobflow .cntnr .cntnt#process > .pht::before{
			width: 120%;
			height: 30%;
			bottom: -13%;
			left: -13%;
		}
		#jobflow .cntnr .cntnt#meat > .pht::before{
			width: 100%;
			height: 30%;
			bottom: -7%;
			left: -0%;
		}
	#jobflow .cntnr .cntnt > p{
		font-size: 2.0rem;
		width: 100%;
	}
	#jobflow .cntnr .cntnt > p.r-txt,
	#jobflow .cntnr .cntnt > p.o-txt{
		font-size: 1.6rem;
	}
	#jobflow .cntnr .cntnt#process .asi .pht:nth-child(1){
		top: 4%;
		right: -5%;
		width: 17%;
	}
	#jobflow .cntnr .cntnt#process .asi .pht:nth-child(2){
		bottom: auto;
		top: 30%;
		left: 0%;
		width: 18%;
		transform: scale(-1, 1);
	}
	#jobflow .cntnr .cntnt#meat .asi .pht:nth-child(1){
		top: 0%;
        right: 2%;
        width: 18%;
    }
	#jobflow .cntnr .cntnt#meat .asi .pht:nth-child(2){
		bottom: auto;
		top: 33%;
		left: -3%;
		width: 20%;
	}
	#jobflow .cntnr .cntnt .js-modal-list{
		width: 47%;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		margin-top: 20px;
		position: relative;
	}
		#jobflow .cntnr .cntnt .js-modal-list .plus{
			width: 30px;
			height: 30px;
			margin: -15px auto 5px;
		}
			#jobflow .cntnr .cntnt .js-modal-list .plus img{
				width: 50%;
				height: 100%;
			}
		#jobflow .cntnr .cntnt .js-modal-list p{
			font-size: 1.2rem;
			line-height: 1.4;
			white-space: nowrap;
		}
			#jobflow .cntnr .cntnt .js-modal-list p span{
				font-size: 1.6rem;
			}
	.js-modal{
		padding: 50px 0;
	}
		.js-modal .modal___content{
			border-radius: 20px;
			box-shadow: 8px 8px 0px 0px rgba(230, 0, 45, 1);
			width: 90%;
		}
			.js-modal .modal___content > .js-modal-close{
				margin: 15px 15px 0 auto;
				font-size: 1.4rem;
				padding-right: 25px;
			}
				.js-modal .modal___content > .js-modal-close::before{
					/* right: 20px; */
					width: 10px;
					height: 10px;
				}
			.js-modal .modal___content .modal___cntnr{
				padding: 10px 25px 30px;
			}
				.js-modal .modal___content .modal___cntnr .ttl{
					margin: 0 auto 45px;
					height: 40px;
					width: auto;
				}
				.js-modal .modal___content .modal___cntnr .answer{
					border-radius: 15px;
					width: 100%;
					min-width: 0;
					max-width: 400px;
				}
					.js-modal .modal___content .modal___cntnr .answer > p{
						font-size: 1.6rem;
						padding: 0 20px;
						height: 30px;
					}
					.js-modal .modal___content .modal___cntnr .answer .flex{
						padding: 0 20px 20px;
						justify-content: center;
						gap: 20px;
					}
						.js-modal .modal___content .modal___cntnr .answer .flex .pht{
							width: 40%;
						}
						.js-modal .modal___content .modal___cntnr .answer .flex .txt{
							width: 40%;
						}
						.js-modal .modal___content .modal___cntnr .answer .flex .txt.w-60 {
							width: calc(60% - 20px);
						}
							.js-modal .modal___content .modal___cntnr .answer .flex .txt h2{
								font-size: 2.2rem;
							}
							.js-modal .modal___content .modal___cntnr .answer .flex .txt p{
								font-size: 1.4rem;
								line-height: 1.4;
							}
				.js-modal .modal___content .modal___cntnr .cntnt{
					margin-top: 35px;
				}
					.js-modal .modal___content .modal___cntnr .cntnt .txt{
						width: 100%;
					}
						.js-modal .modal___content .modal___cntnr .cntnt .txt h2{
							line-height: 1.4;
							font-size: 2.0rem;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .txt p{
							margin-top: 10px;
							font-size: 1.4rem;
							line-height: 1.8;
						}
					.js-modal .modal___content .modal___cntnr .cntnt .pht-area{
						width: 100%;
						margin-top: 15px;
					}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht{
							width: 47%;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht img{
							border-radius: 10px;
						}
						.js-modal .modal___content .modal___cntnr .cntnt .pht-area .pht:last-child{
							margin: 0 0 0 0;
						}
				.js-modal .modal___content .modal___cntnr .occupation{
					margin-top: 40px;
				}
					.js-modal .modal___content .modal___cntnr .occupation h2{
						margin: 0 auto 15px;
					}
						.js-modal .modal___content .modal___cntnr .occupation h2::before{
						}
						.js-modal .modal___content .modal___cntnr .occupation h2 span{
							padding: 0 15px;
							font-size: 2.0rem;
						}
					.js-modal .modal___content .modal___cntnr .occupation .flex{
						justify-content: space-between;
					}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box{
							width: calc(50% - 10px);
						}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box:nth-child(n+2){
							margin-left: 0;
						}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box:nth-child(even){
							margin-left: 20px;
						}
						.js-modal .modal___content .modal___cntnr .occupation .flex .box:nth-child(n+3){
							margin-top: 10px;
						}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box .pht{
								width: 100%;
								margin: auto;
							}
								.js-modal .modal___content .modal___cntnr .occupation .flex .box .pht img{
									width: 50%;
								}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box h3{
								font-size: 1.8rem;
								margin: 10px 0;
							}
							.js-modal .modal___content .modal___cntnr .occupation .flex .box p{
								font-size: 1.4rem;
								line-height: 1.6;
							}
				.js-modal .modal___content .modal___cntnr .charm{
					margin-top: 40px;
					align-items: start;
				}
					.js-modal .modal___content .modal___cntnr .charm .pht{
						width: 60px;
						height: 60px;
					}
					.js-modal .modal___content .modal___cntnr .charm .txt{
						width: calc(100% - 80px);
						box-shadow: 8px 8px 0px 0px rgba(239, 179, 18, 1);
						padding: 0 15px 15px;
					}
					.js-modal .modal___content .modal___cntnr .charm .txt::before{
						border-width: 0px 15px 15px 0px;
						left: -15px;
						top: 35px;
					}
						.js-modal .modal___content .modal___cntnr .charm .txt h2{
							font-size: 2.0rem;
						}
						.js-modal .modal___content .modal___cntnr .charm .txt p{
							line-height: 1.6;
							font-size: 1.4rem;
							margin-top: 10px;
						}
				.js-modal .modal___content .modal___cntnr .interview-area{
					margin-top: 40px;
				}
				.js-modal .modal___content .modal___cntnr .interview-area h2 {
					margin-bottom: 20px;
					font-size: 2.0rem;
				}
				.js-modal .modal___content .modal___cntnr .interview-area .flex{
					justify-content: space-between;
					gap: 0;
				}
					.js-modal .modal___content .modal___cntnr .interview-area .box{
						width: calc((100% - 15px) / 2);
					}
					.js-modal .modal___content .modal___cntnr .interview-area .box:nth-child(n+3){
						margin-top: 20px;
					}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt{
							padding: 7vw 0 0;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt .label {
							border-radius: 2.5vw;
							font-size: 3.4vw;
							line-height: 5vw;
							top: -2.5vw;
							left: 2.0vw;
							padding: 0 3vw;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt h3{
							font-size: 5.2vw;
							margin-bottom: 0.5vw;
							padding: 0 2vw;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box .txt .join{
							font-size: 3.0vw;
							background: none;
							padding-right: 2vw;
							padding-left: 2vw;
						}
						.js-modal .modal___content .modal___cntnr .interview-area .box:hover .txt .join{
							background: none;
						}
				.js-modal .modal___content .modal___cntnr .close-btn{
					margin: 40px auto 0;
				}
					.js-modal .modal___content .modal___cntnr .close-btn p{
						height: 40px;
						width: 160px;
						font-size: 1.4rem;
					}
						.js-modal .modal___content .modal___cntnr .close-btn p::before{
							right: 20px;
							width: 10px;
							height: 10px;
						}

}