@charset "UTF-8";


	
	
/* profile
--------------------- */
#profile {
	width: 100%;
	padding: 110px 30px 0 30px;
	position: relative;
}
	#profile .pht {
		width: 50%;
		overflow: hidden;
	}
		#profile .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#profile .text {
		width: 50%;
		padding: 1.5vw 2.0vw 15.5vw 4.5vw;
	}
		#profile .text .info {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 1.4vw;
		}
			#profile .text .info dl.number {
				display: flex;
				justify-content: flex-start;
				align-items: baseline;
				color: transparent;
				-webkit-text-stroke: 1px #004DFF;
				line-height: 1;
				margin-right: 2vw;
			}
				#profile .text .info dl.number dt {
					font-size: 3.0vw;
					font-weight: 700;
				}
				#profile .text .info dl.number dd {
					font-size: 7.0vw;
					font-weight: 400;
				}

			#profile .text .info .tag {
				font-size: 1.0vw;
				margin-top: 1.0vw;
			}

		#profile .text .catch {
			font-size: 3.0vw;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 3vw;
		}

		#profile .text h1 {
			font-size: 2.4vw;
			font-weight: 700;
			line-height: 1;
			margin-bottom: 1vw;
		}

		#profile .text .name {
			font-size: 1.0vw;
			font-weight: 600;
			line-height: 1;
			margin-bottom: 1.2vw;
		}

		#profile .text .txt {
			font-size: 1.15vw;
			line-height: 1.5em;
		}
			#profile .text .txt .sub {
				font-size: .95vw;
				display: block;
			}

	#profile .marquee {
		display: flex;
		width: 100%;
		overflow: hidden;
		color: #004DFF;
		position: absolute;
		bottom: 3.2vw;
		left: 0;
	}
		#profile .marquee .marquee__item {
			flex: 0 0 auto;
			overflow: hidden;
			font-size: 9.4vw;
			font-weight: 700;
			white-space: nowrap;
			line-height: 1;
			padding-right: 20px;
		}
		#profile .marquee .marquee__item:nth-child(odd) {
			animation: loop 100s -50s linear infinite;
		}
		#profile .marquee .marquee__item:nth-child(even) {
			animation: loop2 100s linear infinite;
		}
		@keyframes loop {
			0% {
				transform: translateX(100%);
			}
			to {
				transform: translateX(-100%);
			}
		}
		@keyframes loop2 {
			0% {
				transform: translateX(0);
			}
			to {
				transform: translateX(-200%);
			}
		}
@media screen and (max-width: 1024px) {
	#profile {
		padding: 80px 20px 0 20px;
	}
		#profile .text {
			padding: 2vw 1.5vw 20.2vw 4.5vw;
		}
			#profile .text .info {
				margin-bottom: 1.6vw;
			}
				#profile .text .info dl.number {
					margin-right: 2.5vw;
				}
					#profile .text .info dl.number dt {
						font-size: 3.6vw;
					}
					#profile .text .info dl.number dd {
						font-size: 9.0vw;
					}

				#profile .text .info .tag {
					font-size: 1.2vw;
				}

			#profile .text .catch {
				font-size: 3.0vw;
				line-height: 1.4em;
				margin-bottom: 3vw;
			}

			#profile .text h1 {
				font-size: 3.0vw;
			}

			#profile .text .name {
				font-size: 1.6vw;
				margin-bottom: 1.8vw;
			}

			#profile .text .txt {
				font-size: 1.5vw;
			}
				#profile .text .txt .sub {
					font-size: 1.25vw;
				}

		#profile .marquee {
			bottom: 4.5vw;
		}
			#profile .marquee .marquee__item {
				font-size: 12.0vw;
			}
}
@media screen and (max-width: 767px) {
	#profile {
		display: block;
		padding: 70px 10px 0 10px;
	}
		#profile .pht {
			width: 100%;
			text-align: center;
		}
	
		#profile .text {
			width: 100%;
			padding: 3vw 2vw 26vw 7vw;
		}
			#profile .text .info {
				margin-bottom: 2vw;
			}
				#profile .text .info dl.number {
					margin-right: 4.5vw;
				}
					#profile .text .info dl.number dt {
						font-size: 6.0vw;
					}
					#profile .text .info dl.number dd {
						font-size: 16.0vw;
					}

				#profile .text .info .tag {
					font-size: 3.2vw;
				}

			#profile .text .catch {
				font-size: 6.4vw;
				line-height: 1.4em;
				margin-bottom: 5vw;
			}

			#profile .text h1 {
				font-size: 6.0vw;
				margin-bottom: 3vw;
			}

			#profile .text .name {
				font-size: 3.4vw;
				margin-bottom: 3.5vw;
			}

			#profile .text .txt {
				font-size: 3.7vw;
			}
				#profile .text .txt .sub {
					font-size: 3vw;
				}

		#profile .marquee {
			bottom: 4vw;
		}
			#profile .marquee .marquee__item {
				font-size: 18.0vw;
			}
}


	
	
/* flowting
--------------------- */
.flowting {
	padding: 30px;
}
	.flowting .anchor {
		width: 50%;
		margin-top: 5vw;
		padding: 0 9vw;
		position: sticky;
		top: 140px;
		align-self: flex-start;
		z-index: 2;
	}
		.flowting .anchor h2 {
			font-size: 1.3vw;
			font-weight: 700;
			line-height: 0.6;
			margin-left: 1vw;
		}

		.flowting .anchor .navi {
			display: block;
			width: 100%;
			border-top: solid 1px #6090FF;
		}
			.flowting .anchor .navi a {
				display: flex;
				justify-content: space-between;
				align-items: center;
				background: url("../../common/img/icon_ac_arrow.svg") no-repeat right 1vw center / 1.5vw;
				width: 100%;
				padding: 1vw;
				border-bottom: solid 1px #6090FF;
			}
			.flowting .anchor .navi a:hover {
				color: #FFFF00;
			}
			.flowting .anchor .navi a.active {
				color: #FFFF00;
			}
				.flowting .anchor .navi a img {
					width: 25%;
				}

				.flowting .anchor .navi a p {
					width: 71%;
					padding-right: 3vw;
					font-size: 1.3vw;
					font-weight: 700;
					line-height: 1.3em;
				}

	.flowting .contents {
		width: 50%;
	}
		.flowting .contents .scrollFrag {
			padding:  7vw 4vw 0 4vw;
		}
			.flowting .contents .scrollFrag h2 {
				display: inline-block;
				padding: 0.5vw 1vw;
				border: solid 1px #B2C9FF;
				font-size: 1.35vw;
				font-weight: 700;
				line-height: 1;
				margin-bottom: 1.8vw;
			}

			.flowting .contents .scrollFrag h3 {
				font-size: 2.2vw;
				font-weight: 700;
				line-height: 1.4em;
				margin-bottom: 1.6vw;
			}

			.flowting .contents .scrollFrag .pht {
				margin-top: 2.2vw;
			}

			.flowting .contents .scrollFrag .schedule {
				margin-top: 1vw;
			}
				.flowting .contents .scrollFrag .schedule dl {
					padding-left: 1.5vw;
					padding-bottom: 2vw;
					position: relative;
				}
				.flowting .contents .scrollFrag .schedule dl:nth-last-child(1) {
					padding-bottom: 0;
				}
				.flowting .contents .scrollFrag .schedule dl:before {
					content: "";
					width: 1vw;
					height: 1vw;
					background: #004DFF;
					border-radius: 50%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}
				.flowting .contents .scrollFrag .schedule dl:after {
					content: "";
					width: 1px;
					height: 100%;
					background: #B2C9FF;
					position: absolute;
					top: 0;
					left: 0.5vw;
					z-index: 0;
				}
				.flowting .contents .scrollFrag .schedule dl:nth-last-child(1):after {
					display: none;
				}
					.flowting .contents .scrollFrag .schedule dl dt {
						width: 14%;
						font-size: 1.35vw;
						line-height: 0.7;
					}

					.flowting .contents .scrollFrag .schedule dl dd {
						width: 86%;
					}
						.flowting .contents .scrollFrag .schedule dl dd h4 {
							font-size: 1.35vw;
							line-height: 0.7;
							margin-bottom: 1vw;
						}

						.flowting .contents .scrollFrag .schedule dl dd p {
							font-size: 1.0vw;
							line-height: 1.4em;
						}
@media screen and (max-width: 1024px) {
	.flowting {
		padding: 20px;
	}
		.flowting .anchor {
			padding: 0 3vw;
			top: 120px;
		}
			.flowting .anchor h2 {
				font-size: 2.0vw;
				margin-left: 2vw;
			}

				.flowting .anchor .navi a {
					background: url("../../common/img/icon_ac_arrow.svg") no-repeat right 2vw center / 2.5vw;
					padding: 2vw;
				}
					.flowting .anchor .navi a p {
						padding-right: 3vw;
						font-size: 2.0vw;
					}

		.flowting .contents .scrollFrag {
			padding:  7vw 3.5vw 0 3.5vw;
		}
			.flowting .contents .scrollFrag h2 {
				padding: 0.8vw 1vw 0.7vw 1vw;
				font-size: 2.0vw;
				margin-bottom: 2vw;
			}

			.flowting .contents .scrollFrag h3 {
				font-size: 2.8vw;
				margin-bottom: 1.8vw;
			}

			.flowting .contents .scrollFrag .pht {
				margin-top: 2.5vw;
			}

			.flowting .contents .scrollFrag .schedule {
				margin-top: 1.5vw;
			}
				.flowting .contents .scrollFrag .schedule dl {
					padding-left: 2vw;
					padding-bottom: 2.5vw;
				}
				.flowting .contents .scrollFrag .schedule dl:before {
					width: 1.4vw;
					height: 1.4vw;
				}
				.flowting .contents .scrollFrag .schedule dl:after {
					left: 0.6vw;
				}
					.flowting .contents .scrollFrag .schedule dl dt {
						width: 20%;
						font-size: 2.0vw;
					}

					.flowting .contents .scrollFrag .schedule dl dd {
						width: 80%;
					}
						.flowting .contents .scrollFrag .schedule dl dd h4 {
							font-size: 2.0vw;
							margin-bottom: 1.2vw;
						}

						.flowting .contents .scrollFrag .schedule dl dd p {
							font-size: 1.8vw;
						}
}
@media screen and (max-width: 767px) {
	.flowting {
		padding: 10px;
	}
		.flowting .inner {
			display: block;
		}
			.flowting .anchor {
				display: none;
			}

			.flowting .contents {
				width: 100%;
				background: none;
				padding-left: 0;
			}
				.flowting .contents .scrollFrag {
					padding:  15vw 7vw 0 7vw;
				}
					.flowting .contents .scrollFrag h2 {
						padding: 2vw 2.5vw 2vw 2.5vw;
						font-size: 4.0vw;
						color: #fff;
						margin-bottom: 5vw;
					}

					.flowting .contents .scrollFrag h3 {
						font-size: 6.0vw;
						color: #FFFF00;
						margin-bottom: 4.5vw;
					}

					.flowting .contents .scrollFrag .txt {
						color: #fff;
					}

					.flowting .contents .scrollFrag .pht {
						margin-top: 6vw;
					}

					.flowting .contents .scrollFrag .schedule {
						margin-top: 3vw;
					}
						.flowting .contents .scrollFrag .schedule dl {
							display: block;
							padding-left: 8vw;
							padding-bottom: 6vw;
						}
						.flowting .contents .scrollFrag .schedule dl:before {
							width: 3vw;
							height: 3vw;
							background: #FFFF00;
						}
						.flowting .contents .scrollFrag .schedule dl:after {
							left: 1.4vw;
						}
							.flowting .contents .scrollFrag .schedule dl dt {
								width: 100%;
								font-size: 4.0vw;
								color: #FFFF00;
								margin-bottom: 2.5vw;
							}

							.flowting .contents .scrollFrag .schedule dl dd {
								width: 100%;
							}
								.flowting .contents .scrollFrag .schedule dl dd h4 {
									font-size: 4.2vw;
									margin-bottom: 2vw;
									color: #FFFF00;
								}

								.flowting .contents .scrollFrag .schedule dl dd p {
									font-size: 3.6vw;
									color: #fff;
								}
}


	
	
/* backbtn
--------------------- */
.backbtn {
	width: 40%;
	margin: 4vw auto 7vw auto;
}
	.backbtn a {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #EEF3FF url("../../common/img/icon_arrow_blue.svg") no-repeat right 1.5vw center / 1.4vw;
		padding: 1.5vw 0;
		font-size: 1.35vw;
		font-weight: 700;
		line-height: 1;
		color: #004DFF;
	}
	.backbtn a:hover {
		background: #004DFF url("../../common/img/icon_arrow_yellow.svg") no-repeat right 1.2vw center / 1.4vw;
		color: #FFFF00;
	}
@media screen and (max-width: 1024px) {
	.backbtn {
		width: 55%;
	}
		.backbtn a {
			background: #EEF3FF url("../../common/img/icon_arrow_blue.svg") no-repeat right 1.8vw center / 2vw;
			padding: 2.3vw 0;
			font-size: 2.0vw;
		}
		.backbtn a:hover {
			background: #004DFF url("../../common/img/icon_arrow_yellow.svg") no-repeat right 1.5vw center / 2vw;
		}
}
@media screen and (max-width: 767px) {
	.backbtn {
		width: 55%;
		margin: 9vw auto 15vw auto;
	}
		.backbtn a {
			background: #EEF3FF url("../../common/img/icon_arrow_blue.svg") no-repeat right 2.5vw center / 4vw;
			padding: 4vw 0;
			font-size: 4.0vw;
		}
		.backbtn a:hover {
			background: #EEF3FF url("../../common/img/icon_arrow_blue.svg") no-repeat right 2.5vw center / 4vw;
		}
}


	
	
/* interview-list
--------------------- */
#interview-list .list a.linkbox {
	display: block;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 50px;
}
#interview-list .list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
	#interview-list .list a.linkbox .text {
		margin-top: 24px;
		padding: 0 20px 0 20px;
		background: url("../../common/img/icon_arrow_yellow.svg") no-repeat right 20px center;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#interview-list .list a.linkbox:hover .text {
		background: url("../../common/img/icon_arrow_yellow.svg") no-repeat right 15px center;
	}
		#interview-list .list a.linkbox .text h2 {
			font-size: 2.8rem;
			font-weight: 700;
			line-height: 1;
			margin-bottom: 12px;
		}

		#interview-list .list a.linkbox .text .txt {
			line-height: 1.5em;
		}

		#interview-list .list a.linkbox .text .Joining {
			display: flex;
			align-items: flex-end;
    		justify-content: space-between;
		}
			#interview-list .list a.linkbox .text .Joining .sub {
				font-size: .7em;
				line-height: 1.5em;
			}

@media screen and (max-width: 1024px) {
	#interview-list .list a.linkbox {
		margin-bottom: 5vw;
	}
		#interview-list .list a.linkbox .text {
			margin-top: 3vw;
			padding: 0 .6vw 0 0;
			background: url("../../common/img/icon_arrow_yellow.svg") no-repeat right 1vw center / 2.5vw;
		}
		#interview-list .list a.linkbox:hover .text {
			background: url("../../common/img/icon_arrow_yellow.svg") no-repeat right 0.5vw center / 2.5vw;
		}
			#interview-list .list a.linkbox .text h2 {
				font-size: 3.0vw;
				margin-bottom: 1.5vw;
			}
				#interview-list .list a.linkbox .text .name {
					font-size: 1.8vw;
					padding-left: 1vw;
				}
				#interview-list .list a.linkbox .text .Joining .sub {
					font-size: .5em;
				}
}
@media screen and (max-width: 767px) {
	#interview-list .list {
		display: block;
	}
		#interview-list .list a.linkbox {
			width: 100%;
			margin-right: 0;
			margin-bottom: 8vw;
		}
		#interview-list .list a.linkbox:nth-last-child(1) {
			margin-bottom: 0;
		}
			#interview-list .list a.linkbox .text {
				margin-top: 5vw;
				padding: 0 2.9vw 0 3vw;
				background: url("../../common/img/icon_arrow_yellow.svg") no-repeat right 3vw center / 5vw;
			}
			#interview-list .list a.linkbox:hover .text {
				background: url("../../common/img/icon_arrow_yellow.svg") no-repeat right 3vw center / 5vw;
			}
				#interview-list .list a.linkbox .text h2 {
					font-size: 6.0vw;
					margin-bottom: 3vw;
				}
					#interview-list .list a.linkbox .text .name {
						font-size: 3.2vw;
						padding-left: 2vw;
					}
					
					#interview-list .list a.linkbox .text .Joining .sub {
						font-size: 2.5vw;
					}
}


	
	
/* job
--------------------- */
.job .title h2 {
	padding-left: 60px;
}
#sales .title h2 {
	background: url("../img/job/icon01.svg") no-repeat left center / auto 40px;
}
#technology .title h2 {
	background: url("../img/job/icon02.svg") no-repeat left center / auto 40px;
}
#production .title h2 {
	background: url("../img/job/icon03.svg") no-repeat left center / auto 40px;
}
#management .title h2 {
	background: url("../img/job/icon04.svg") no-repeat left center / auto 40px;
}
	.job .title h2 span {
		font-size: 1.6rem;
		font-weight: 500;
		padding-left: 20px;
	}

.job .conts {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: dashed 1px #BACEFF;
}
.job .conts:nth-last-child(1) {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
	.job .conts h3 {
		width: 230px;
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 1.3em;
	}

	.job .conts .text {
		width: -webkit-calc(100% - 230px);
		width: calc(100% - 230px);
	}
		.job .conts .text h4 {
			font-size: 2.2rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-top: 35px;
			margin-bottom: 10px;
		}
		.job .conts .text h4:nth-child(1) {
			margin-top: 0;
		}

.job ul.list li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	background: #1A5FFF;
	padding: 10px;
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
}
.job ul.list li:nth-child(4n) {
	margin-right: 0;
}
@media screen and (max-width: 1024px) {
	.job .title h2 {
		padding-left: 6vw;
	}
	#sales .title h2 {
		background: url("../img/job/icon01.svg") no-repeat left center / auto 4vw;
	}
	#technology .title h2 {
		background: url("../img/job/icon02.svg") no-repeat left center / auto 4vw;
	}
	#production .title h2 {
		background: url("../img/job/icon03.svg") no-repeat left center / auto 4vw;
	}
	#management .title h2 {
		background: url("../img/job/icon04.svg") no-repeat left center / auto 4vw;
	}
		.job .title h2 span {
			font-size: 2.0vw;
			padding-left: 2vw;
		}

	.job .conts {
		padding-bottom: 5vw;
		margin-bottom: 5vw;
	}
		.job .conts h3 {
			width: 23vw;
			font-size: 3.2vw;
		}

		.job .conts .text {
			width: -webkit-calc(100% - 23vw);
			width: calc(100% - 23vw);
		}
			.job .conts .text h4 {
				font-size: 2.6vw;
				margin-top: 3.5vw;
				margin-bottom: 1vw;
			}

	.job ul.list li {
		padding: 1vw;
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 767px) {
	.job .title h2 {
		padding-left: 11vw;
	}
	#sales .title h2 {
		background: url("../img/job/icon01.svg") no-repeat left center / auto 7vw;
	}
	#technology .title h2 {
		background: url("../img/job/icon02.svg") no-repeat left center / auto 7vw;
	}
	#production .title h2 {
		background: url("../img/job/icon03.svg") no-repeat left center / auto 7vw;
	}
	#management .title h2 {
		background: url("../img/job/icon04.svg") no-repeat left center / auto 7vw;
	}
		.job .title h2 span {
			font-size: 4.0vw;
			padding-left: 4vw;
		}

	.job .conts {
		display: block;
		padding-bottom: 8vw;
		margin-bottom: 8vw;
	}
		.job .conts h3 {
			width: 100%;
			font-size: 5.4vw;
			margin-bottom: 2vw;
		}

		.job .conts .text {
			width: 100%;
		}
			.job .conts .text h4 {
				font-size: 4.6vw;
				margin-top: 6vw;
				margin-bottom: 2vw;
			}
			.job .conts .text h4:nth-child(1) {
				margin-top: 4vw;
			}

	.job ul.list li {
		width: 49%;
		padding: 2vw;
		font-size: 4.2vw;
	}
	.job ul.list li:nth-child(2n) {
		margin-right: 0;
	}
}