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




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header .logo a .white {
	display: block;
}
#header .logo a .red {
	display: none;
}


	
	
/* bg
--------------------- */
.bg {
	width: 100%;
	background:linear-gradient(135deg, #ddd,#fff,#E8E8E8);
	background-size: 300% 200%;
	animation: AnimationName 10s ease infinite;
}


	
	
/* pagetitle_detail
--------------------- */
#pagetitle_detail {
	overflow: hidden;
	width: 100%;
	background: #FF0000 url("../../common/img/bg.png");
	position: relative;
}
	#pagetitle_detail .tithead {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 580px;
		color: #fff;
		padding-left: 43%;
		padding-right: 50px;
	}
		#pagetitle_detail .tithead .catch {
			font-size: 6.0rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 40px;
		}

		#pagetitle_detail .tithead .en_txt {
			font-size: 10.0rem;
			line-height: 1;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			position: absolute;
			top: 145px;
			left: -15px;
		}
			#pagetitle_detail .tithead .en_txt span {
				color: #F00;
			}

		#pagetitle_detail .tithead .name {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
			#pagetitle_detail .tithead .name h1 {
				font-size: 10.0rem;
				line-height: 1;
			}
			#pagetitle_detail .tithead .name .job {
				font-size: 2.0rem;
				font-weight: 700;
				line-height: 1.4em;
				padding-left: 30px;
			}


	#pagetitle_detail .profile {
		background: #fff;
		border: solid 5px #FF0000;
		padding: 50px 50px 50px 43%;
	}
		#pagetitle_detail .profile h2 {
			font-size: 2.2rem;
			color: #F00;
			line-height: 1;
			margin-bottom: 12px;
		}
		#pagetitle_detail .profile p {
			font-size: 1.5rem;
		}


	#pagetitle_detail .human {
		width: 500px;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -620px;
	}


	
	
/* interview
--------------------- */
.interview {
	padding-top: 120px;
}
#interview03 {
	padding-bottom: 120px;
}
	.interview h2 {
		font-size: 4.6rem;
		font-weight: 700;
		line-height: 1.4em;
		color: #F00;
		margin-bottom: 30px;
	}

	.interview .cell {
		margin-bottom: 30px;
	}
	.interview .cell:nth-last-child(1) {
		margin-bottom: 0;
	}
		.interview .cell h3 {
			font-size: 2.6rem;
			line-height: 1.4em;
			margin-bottom: 5px;
		}
			.interview .cell h3 span {
				color: #F00;
			}

		.interview .cell .txt {
			font-size: 1.5rem;
			line-height: 1.8em;
		}

		.interview .cell ul {
			margin-top: 20px;
		}
			.interview .cell ul li {
				font-size: 1.2rem;
				line-height: 1.4em;
				margin-top: 5px;
			}
				.interview .cell ul li a {
					text-decoration: underline;
				}


	.interview .text {
		width: 50%;
		padding-right: 5%;
	}


	#interview01 .pht {
		width: 100%;
		box-shadow: 15px 15px 0 #FF0000;
		margin-bottom: 50px;
	}
		#interview01 .pht div {
			width: 100%;
			height: 550px;
		}

	#interview02 .pht {
		width: 50%;
		box-shadow: 15px 15px 0 #FF0000;
	}
		#interview02 .pht div {
			width: 100%;
			height: 100%;
		}


	
	
/* job
--------------------- */
#job {
	width: 100%;
	padding: 100px 0 120px 0;
}
	#job .cbox .area {
		width: calc( 100vw - (100vw - 1185px) / 2 );
		float: right;
		position: relative;
		z-index: 2;
	}
		#job .cbox .area a {
			margin-bottom: 40px;
		}
		#job .cbox .area a:nth-last-child(1) {
			margin-bottom: 0;
		}
			#job .cbox .area a .text {
				width: 400px;
				padding: 60px 60px 35px 0;
			}
				#job .cbox .area a .text .tit {
					color: #FF0000;
					transition: 0.3s;
					-webkit-transition: 0.3s;
					z-index: 2;
					margin-bottom: 25px;
				}
					#job .cbox .area a .text .tit .en {
						font-size: 3.6rem;
						line-height: 1.1em;
						margin-bottom: 10px;
					}
					#job .cbox .area a .text .tit h3 {
						font-size: 1.2rem;
						font-weight: 700;
						line-height: 1;
					}

				#job .cbox .area a .text .txt {
					font-weight: 600;
					padding-bottom: 80px;
				}

				#job .cbox .area a .text .more {
					width: 213px;
					position: relative;
					padding-right: 110px;
					z-index: 2;
				}
					#job .cbox .area a .text .more:before {
						content: "";
						width: 100px;
						height: 100px;
						border: solid 2px #FF0000;
						background: url("../../common/img/icon_arrow_red.svg") no-repeat center;
						border-radius: 50%;
						position: absolute;
						top: 50%;
						right: 0;
						margin-top: -50px;
						transition: 0.3s;
						-webkit-transition: 0.3s;
					}
					#job .cbox .area a:hover .more:before {
						width: 110px;
						height: 110px;
						background: #FF0000 url("../../common/img/icon_arrow_white.svg") no-repeat center;
						margin-top: -55px;
						right: -5px;
					}
						#job .cbox .area a .more .en {
							display: block;
							font-size: 1.3rem;
							color: #FF0000;
							letter-spacing: 0.1em;
							text-decoration: underline;
							transition: 0.3s;
							-webkit-transition: 0.3s;
						}


		#job .cbox .area a .pht {
			width: -webkit-calc(100% - 400px);
			width: calc(100% - 400px);
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
			#job .cbox .area a .pht div {
				display: block;
				width: 100%;
				height: 400px;
			}






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


	
	
/* pagetitle_detail
--------------------- */
#pagetitle_detail .tithead {
	height: 500px;
	padding-left: 40%;
}
	#pagetitle_detail .tithead .catch {
		font-size: 5.0rem;
	}
	
	#pagetitle_detail .tithead .en_txt {
		font-size: 8.0rem;
		top: 150px;
	}
	
	
#pagetitle_detail .profile {
	padding: 50px 50px 50px 40%;
}


#pagetitle_detail .human {
	width: 440px;
	margin-left: -560px;
}





	
	
/* job
--------------------- */
#job .cbox .area {
	width: 100%;
	padding-left: 5%;
	float: none;
}






}












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


	
	
/* pagetitle_detail
--------------------- */
#pagetitle_detail .tithead {
	height: 400px;
	padding-left: 43%;
	padding-right: 40px;
}
	#pagetitle_detail .tithead .catch {
		font-size: 3.4rem;
		margin-bottom: 30px;
	}

	#pagetitle_detail .tithead .en_txt {
		font-size: 6.0rem;
		top: 135px;
		left: -15px;
	}

	#pagetitle_detail .tithead .name h1 {
		font-size: 7.0rem;
	}
	#pagetitle_detail .tithead .name .job {
		font-size: 1.6rem;
	}


#pagetitle_detail .profile {
	padding: 40px 40px 40px 43%;
}
	#pagetitle_detail .profile h2 {
		font-size: 2.0rem;
		margin-bottom: 10px;
	}
	#pagetitle_detail .profile p {
		font-size: 1.4rem;
	}


#pagetitle_detail .human {
	width: 380px;
	margin-left: -450px;
}


	
	
/* interview
--------------------- */
.interview .inner {
	display: block;
}
	.interview h2 {
		font-weight: 700;
		line-height: 1.4em;
		color: #F00;
		margin-bottom: 30px;
	}

	.interview .cell {
		margin-bottom: 30px;
	}
	.interview .cell:nth-last-child(1) {
		margin-bottom: 0;
	}


	.interview .text {
		width: 100%;
		padding-right: 0;
	}


	#interview01 .pht {
		margin-bottom: 50px;
	}
		#interview01 .pht div {
			height: 450px;
		}
	
	#interview02 .pht {
		width: 100%;
		margin-top: 40px;
	}
		#interview02 .pht div {
			height: 450px;
		}
	
	


}

	







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


	
	
/* product
--------------------- */
#product {
	padding: 60px 0 20px 0;
}


	
	
/* pagetitle_detail
--------------------- */
#pagetitle_detail .tithead {
	height: auto;
	padding-top: 100px;
	padding-left: 5%;
	padding-right: 5%;
}
	#pagetitle_detail .tithead .catch {
		font-size: 3.2rem;
		margin-bottom: 20px;
	}

	#pagetitle_detail .tithead .en_txt {
		font-size: 7.0rem;
		top: 400px;
	}
		#pagetitle_detail .tithead .en_txt span {
			color: #fff;
		}

	#pagetitle_detail .tithead .name h1 {
		font-size: 6.0rem;
	}
	#pagetitle_detail .tithead .name .job {
		font-size: 1.4rem;
		padding-left: 22px;
	}


#pagetitle_detail .profile {
	padding: 5%;
}
	#pagetitle_detail .profile p {
		line-height: 1.6em;
	}


#pagetitle_detail .human {
	width: 380px;
	margin: auto;
	position: static;
}


	
	
/* interview
--------------------- */
.interview {
	padding-top: 60px;
}
#interview03 {
	padding-bottom: 60px;
}
	.interview h2 {
		font-size: 3.2rem;
		font-weight: 700;
		line-height: 1.4em;
		letter-spacing: 0;
		color: #F00;
		margin-bottom: 20px;
	}

	.interview .cell {
		margin-bottom: 25px;
	}
	.interview .cell:nth-last-child(1) {
		margin-bottom: 0;
	}
		.interview .cell h3 {
			font-size: 2.2rem;
			line-height: 1.4em;
			margin-bottom: 5px;
		}
			.interview .cell h3 span {
				color: #F00;
			}

		.interview .cell .txt {
			font-size: 1.4rem;
		}

		.interview .cell ul li {
			font-size: 1.0rem;
			text-align: left;
			letter-spacing: 0;
		}


	#interview01 .pht {
		margin-bottom: 40px;
	}
		#interview01 .pht div {
			height: 260px;
		}
	
	#interview02 .pht {
		margin-top: 30px;
	}
		#interview02 .pht div {
			height: 260px;
		}





	
	
/* job
--------------------- */
#job {
	padding: 20px 0 60px 0;
}
	#job .cbox .area {
		padding: 0;
	}
		#job .cbox .area a {
			display: block;
		}
			#job .cbox .area a .text {
				width: 100%;
				padding: 0 5% 20px 5%;
				position: relative;
			}
				#job .cbox .area a .text .tit {
					margin-bottom: 15px;
				}
					#job .cbox .area a .text .tit .en {
						font-size: 2.6rem;
						margin-bottom: 5px;
					}
	
				#job .cbox .area a .text .txt {
					width: -webkit-calc(100% - 100px);
					width: calc(100% -100px);
					line-height: 1.8em;
					text-align: left;
					letter-spacing: 0.06em;
					padding-bottom: 0;
				}

				#job .cbox .area a .text .more {
					width: auto;
					position: absolute;
					bottom: 85px;
					right: 5%;
					padding: 0;
				}
					#job .cbox .area a .text .more:before {
						width: 60px;
						height: 60px;
						top: 0;
						right: 0;
						margin-top: 0;
					}
					#job .cbox .area a:hover .more:before {
						width: 60px;
						height: 60px;
						background: #fff url("../../common/img/icon_arrow_red.svg") no-repeat center;
						top: 0;
						right: 20px;
						margin-top: 0;
					}
					#job .cbox .area a .text .more span {
						display: none;
					}


		#job .cbox .area a .pht {
			width: 95%;
			margin-left: 5%;
		}
			#job .cbox .area a .pht div {
				width: 100%;
				height: 200px;
			}






}