@charset "UTF-8";


	
	
/* breadcrumbs
--------------------- */
#breadcrumbs.c-white {
	position: relative;
	z-index: 2;
}
	#breadcrumbs.c-white a {
		color: #fff;
	}


	
	
/* pagetitle
--------------------- */
#pagetitle {
	margin-top: calc(-40 * var(--vw-ratio));
	padding-top: calc(40 * var(--vw-ratio));
	padding-bottom: calc(200 * var(--vw-ratio));
	position: relative;
	z-index: 0;
}
#pagetitle.fresh {
	background: url("../img/pagetitle_pht_fresh.webp") no-repeat center top / cover;
}
#pagetitle.career {
	background: url("../img/pagetitle_pht_career.webp") no-repeat center top / cover;
}
#pagetitle.diversity {
	background: url("../img/pagetitle_pht_diversity.webp") no-repeat center top / cover;
}
#pagetitle:before {
	content: "";
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	height: calc(100 * var(--vw-ratio));
	background: #fff;
	position: absolute;
	bottom: 0;
	left: calc(50 * var(--vw-ratio));
}
@media screen and (max-width: 767px) {
	#pagetitle {
		padding-bottom: calc(100 * var(--vw-ratio));
	}
	#pagetitle:before {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		height: calc(50 * var(--vw-ratio));
		left: calc(10 * var(--vw-ratio));
	}
}


	
	
/* recruit-contents
--------------------- */
#recruit-contents .interview-list {
	margin-bottom: calc(100 * var(--vw-ratio));
}
	#recruit-contents .interview-list h2 {
		border-top: solid 1px #ddd;
		padding-top: calc(15 * var(--vw-ratio));
		padding-bottom: calc(15 * var(--vw-ratio));
		position: relative;
	}
		#recruit-contents .interview-list h2 a {
			display: block;
			padding-left: calc(32 * var(--vw-ratio));
			font-size: calc(24 * var(--vw-ratio));
			color: #282828;
		}
		#recruit-contents .interview-list h2 a.c-blue {
			background: url("../../common/img/icon_arrow_blue.svg") no-repeat left center / calc(22 * var(--vw-ratio));
		}
		#recruit-contents .interview-list h2 a.c-orange {
			background: url("../../common/img/icon_arrow_orange.svg") no-repeat left center / calc(22 * var(--vw-ratio));
		}
		#recruit-contents .interview-list h2 a.c-purple {
			background: url("../../common/img/icon_arrow_purple.svg") no-repeat left center / calc(22 * var(--vw-ratio));
		}
		#recruit-contents .interview-list h2 a:hover {
			padding-left: calc(29 * var(--vw-ratio));
		}

	#recruit-contents .interview-list .list {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: calc(50 * var(--vw-ratio));
		row-gap: calc(50 * var(--vw-ratio));
	}
		#recruit-contents .interview-list .list a.linkbox {
			display: block;
			background: url("../../common/img/icon_arrow_black.svg") no-repeat right bottom calc(18 * var(--vw-ratio)) / calc(18 * var(--vw-ratio));
			padding-bottom: calc(14 * var(--vw-ratio));
			border-bottom: solid 1px #ddd;
			position: relative;
			opacity: 1;
			transition: opacity 0.4s ease;
		}
		#recruit-contents .interview-list .list .linkbox.hide {
			display: none;
		}
		#recruit-contents .interview-list .list a.linkbox:before {
			content: "";
			width: 0;
			height: 1px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		#recruit-contents .interview-list .list a.linkbox:hover:before {
			width: 100%;
			background: #282828;
		}
			#recruit-contents .interview-list .list a.linkbox .text .label {
				width: calc(90 * var(--vw-ratio));
				height: calc(26 * var(--vw-ratio));
				border-radius: calc(13 * var(--vw-ratio));
				margin: calc(-13 * var(--vw-ratio)) auto 0 auto;
				border: solid 1px #282828;
				background: #fff;
				font-weight: 500;
				text-align: center;
				line-height: calc(24 * var(--vw-ratio));
				position: relative;
				z-index: 2;
			}
			#recruit-contents .interview-list .list a.linkbox .text .txt-14 {
				font-size: calc(13 * var(--vw-ratio));
				line-height: 1.6em;
				margin-top: calc(12 * var(--vw-ratio));
				padding-right: calc(20 * var(--vw-ratio));
				line-height: 1.6em;
			}

#recruit-contents .cont-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(50 * var(--vw-ratio));
	row-gap: calc(70 * var(--vw-ratio));
}
	#recruit-contents .cont-list a.linkbox {
		display: block;
	}
		#recruit-contents .cont-list a.linkbox h2 {
			display: block;
			padding-left: calc(32 * var(--vw-ratio));
			border-top: solid 1px #ddd;
			padding-top: calc(15 * var(--vw-ratio));
			padding-bottom: calc(15 * var(--vw-ratio));
			font-size: calc(24 * var(--vw-ratio));
			color: #282828;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#recruit-contents .cont-list a.linkbox h2.c-blue {
			background: url("../../common/img/icon_arrow_blue.svg") no-repeat left center / calc(22 * var(--vw-ratio));
		}
		#recruit-contents .cont-list a.linkbox h2.c-orange {
			background: url("../../common/img/icon_arrow_orange.svg") no-repeat left center / calc(22 * var(--vw-ratio));
		}
		#recruit-contents .cont-list a.linkbox h2.c-purple {
			background: url("../../common/img/icon_arrow_purple.svg") no-repeat left center / calc(22 * var(--vw-ratio));
		}
		#recruit-contents .cont-list a.linkbox:hover h2 {
			padding-left: calc(29 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#recruit-contents .interview-list {
		margin-bottom: calc(40 * var(--vw-ratio));
	}
		#recruit-contents .interview-list h2 {
			border-top: none;
			padding-top: none;
			padding-bottom: calc(20 * var(--vw-ratio));
		}
			#recruit-contents .interview-list h2 a {
				padding-left: calc(24 * var(--vw-ratio));
				font-size: calc(20 * var(--vw-ratio));
			}
			#recruit-contents .interview-list h2 a.c-blue {
				background: url("../../common/img/icon_arrow_blue.svg") no-repeat left center / calc(18 * var(--vw-ratio));
			}
			#recruit-contents .interview-list h2 a.c-orange {
				background: url("../../common/img/icon_arrow_orange.svg") no-repeat left center / calc(18 * var(--vw-ratio));
			}
			#recruit-contents .interview-list h2 a.c-purple {
				background: url("../../common/img/icon_arrow_purple.svg") no-repeat left center / calc(18 * var(--vw-ratio));
			}
			#recruit-contents .interview-list h2 a:hover {
				padding-left: calc(24 * var(--vw-ratio));
			}
	
		#recruit-contents .interview-list .list {
			grid-template-columns: repeat(2, 1fr);
			column-gap: calc(30 * var(--vw-ratio));
			row-gap: calc(40 * var(--vw-ratio));
		}
			#recruit-contents .interview-list .list a.linkbox {
				background: url("../../common/img/icon_arrow_black.svg") no-repeat right bottom calc(16 * var(--vw-ratio)) / calc(16* var(--vw-ratio));
				padding-bottom: calc(14 * var(--vw-ratio));
			}
				#recruit-contents .interview-list .list a.linkbox .text  {
					padding-right: calc(16 * var(--vw-ratio));
				}
					#recruit-contents .interview-list .list a.linkbox .text .txt-14 {
						font-size: calc(12 * var(--vw-ratio));
						padding-right: 0;
				}

		#recruit-contents .cont-list {
			display: block;
		}
			#recruit-contents .cont-list a.linkbox {
				margin-bottom: calc(40 * var(--vw-ratio));
			}
			#recruit-contents .cont-list a.linkbox:nth-last-child(1) {
				margin-bottom: 0;
			}
				#recruit-contents .cont-list a.linkbox h2 {
					padding-left: calc(24 * var(--vw-ratio));
					border-top: none;
					padding-top: 0;
					padding-bottom: 0;
					margin-bottom: calc(12 * var(--vw-ratio));
					font-size: calc(20 * var(--vw-ratio));
				}
				#recruit-contents .cont-list a.linkbox h2.c-blue {
					background: url("../../common/img/icon_arrow_blue.svg") no-repeat left center / calc(18 * var(--vw-ratio));
				}
				#recruit-contents .cont-list a.linkbox h2.c-orange {
					background: url("../../common/img/icon_arrow_orange.svg") no-repeat left center / calc(18 * var(--vw-ratio));
				}
				#recruit-contents .cont-list a.linkbox h2.c-purple {
					background: url("../../common/img/icon_arrow_purple.svg") no-repeat left center / calc(18 * var(--vw-ratio));
				}
				#recruit-contents .cont-list a.linkbox:hover h2 {
					padding-left: calc(24 * var(--vw-ratio));
				}
}