@charset "UTF-8";


	
	
/* pagetitle-interview
--------------------- */
#pagetitle-interview {
	padding-top: calc(85 * var(--vw-ratio));
	position: relative;
}
	#pagetitle-interview  .motif01 {
		top: calc(80 * var(--vw-ratio));
		left: calc(250 * var(--vw-ratio));
		z-index: 2;
	}
	#pagetitle-interview  .motif02 {
		bottom: calc(174 * var(--vw-ratio));
		left: 0;
		z-index: 0;
	}
	#pagetitle-interview  .motif03 {
		bottom: calc(40 * var(--vw-ratio));
		right: 0;
		z-index: 2;
	}

	#pagetitle-interview .breadcrumb {
		color: #1481C2;
	}
		#pagetitle-interview .breadcrumb span {
			font-size: calc(12 * var(--vw-ratio));
		}
		#pagetitle-interview .breadcrumb a {
			font-size: calc(12 * var(--vw-ratio));
			text-decoration: underline;
			color: #282727;
		}
		#pagetitle-interview .breadcrumb a:hover {
			text-decoration: none;
		}
		#pagetitle-interview .breadcrumb .current-item {
			color: #282727;
		}

	#pagetitle-interview .text {
		width: 45%;
		padding-top: calc(100 * var(--vw-ratio));
		padding-bottom: calc(105 * var(--vw-ratio));
	}
		#pagetitle-interview .text .catch {
			font-size: calc(40 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(50 * var(--vw-ratio));
		}

		#pagetitle-interview .text .label {
			display: inline-block;
			height: calc(30 * var(--vw-ratio));
			background: #1481C2;
			border-radius: calc(15 * var(--vw-ratio));
			padding: 0 calc(20 * var(--vw-ratio));
			font-weight: 700;
			line-height: calc(29 * var(--vw-ratio));
			color: #fff;
			margin-bottom: calc(18 * var(--vw-ratio));
		}

		#pagetitle-interview .text h1 {
			font-size: calc(34 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1;
			margin-bottom: calc(8 * var(--vw-ratio));
		}

		#pagetitle-interview .text .name {
			font-weight: 700;
			line-height: 1;
			margin-bottom: calc(20 * var(--vw-ratio));
		}

	#pagetitle-interview .pht {
		width: 50%;
		border-radius: calc(20 * var(--vw-ratio));
		position: absolute;
		top: calc(10 * var(--vw-ratio));
		right: calc(10 * var(--vw-ratio));
		z-index: 0;
	}
@media screen and (max-width: 767px) {
	#pagetitle-interview {
		padding-top: calc(80 * var(--vw-ratio));
	}
		#pagetitle-interview  .motif01 {
			top: calc(81 * var(--vw-ratio));
			left: auto;
			right: 0;
			z-index: 2;
		}
		#pagetitle-interview  .motif02 {
			bottom: auto;
			top: calc(356 * var(--vw-ratio));
			left: 0;
		}

		#pagetitle-interview .breadcrumb {
			overflow-x: scroll;
			white-space: nowrap;
		}
			#pagetitle-interview .breadcrumb span {
				font-size: calc(11 * var(--vw-ratio));
			}
			#pagetitle-interview .breadcrumb a {
				font-size: calc(11 * var(--vw-ratio));
			}

		#pagetitle-interview .text {
			width: 100%;
			padding-top: calc(30 * var(--vw-ratio));
			padding-bottom: calc(40 * var(--vw-ratio));
		}
			#pagetitle-interview .text .catch {
				font-size: calc(28 * var(--vw-ratio));
				line-height: 1.4em;
				margin-bottom: calc(25 * var(--vw-ratio));
			}

			#pagetitle-interview .text .label {
				padding: 0 calc(15 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			#pagetitle-interview .text h1 {
				font-size: calc(34 * var(--vw-ratio));
				margin-bottom: calc(8 * var(--vw-ratio));
			}

			#pagetitle-interview .text .name {
				margin-bottom: calc(15 * var(--vw-ratio));
			}

		#pagetitle-interview .pht {
			width: 100%;
			position: relative;
			top: 0;
			right: 0;
		}
}


	
	
/* interview
--------------------- */
#interview .list a.linkbox {
	display: block;
	width: 31%;
}
	#interview .list a.linkbox .pht {
		border-radius: calc(20 * var(--vw-ratio));
		position: relative;
	}
		#interview .list a.linkbox .pht .label {
			width: calc(150 * var(--vw-ratio));
			height: calc(38 * var(--vw-ratio));
			background: #fff;
			font-weight: 700;
			line-height: calc(37 * var(--vw-ratio));
			text-align: center;
			border-radius: 0 calc(20 * var(--vw-ratio)) 0 calc(20 * var(--vw-ratio));
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 2;
		}

	#interview .list a.linkbox .text {
		padding-top: calc(12 * var(--vw-ratio));
	}
		#interview .list a.linkbox .text h3 {
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(3 * var(--vw-ratio));
		}

		#interview .list a.linkbox .text .txt-18 {
			line-height: 1;
			margin-bottom: calc(15 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#interview .list {
		display: block;
		padding-top: calc(50 * var(--vw-ratio));
	}
		#interview .list a.linkbox {
			width: 100%;
			margin-bottom: calc(40 * var(--vw-ratio));
		}
		#interview .list a.linkbox:nth-last-child(1) {
			margin-bottom: 0;
		}
			#interview .list a.linkbox .pht .label {
				width: calc(140 * var(--vw-ratio));
				height: calc(34 * var(--vw-ratio));
				font-size: calc(16 * var(--vw-ratio));
				line-height: calc(34 * var(--vw-ratio));
			}
}


	
	
/* interview
--------------------- */
#reason .text {
	width: 52%;
}
#dreams .text {
	width: 52%;
}
	.interview .text ul.pht-list {
		margin-top: calc(30 * var(--vw-ratio));
	}
		.interview .text ul.pht-list li {
			width: 31%;
			margin-right: 3.5%;
			margin-top: 3.5%;
			overflow: hidden;
			border-radius: calc(15 * var(--vw-ratio));
		}
		.interview .text ul.pht-list li:nth-child(3) {
			margin-right: 0;
		}
		.interview .text ul.pht-list li:nth-child(5) {
			width: 65.5%;
			margin-right: 0;
		}

.interview .pht {
	border-radius: calc(20 * var(--vw-ratio));
}
#reason .pht {
	width: 40%;
}
#job .pht {
	margin-top: calc(60 * var(--vw-ratio));
}
#dreams .pht {
	width: 40%;
}
	#dreams .pht img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
@media screen and (max-width: 767px) {
	.interview .inner {
		display: block;
	}
		#reason .text,
		#dreams .text {
			width: 100%;
		}
			.interview .text ul.pht-list {
				margin-top: calc(20 * var(--vw-ratio));
			}
				.interview .text ul.pht-list li {
					border-radius: calc(10 * var(--vw-ratio));
				}

		.interview .pht {
			border-radius: calc(15 * var(--vw-ratio));
		}
		#reason .pht,
		#dreams .pht {
			margin-top: calc(30 * var(--vw-ratio));
			width: 100%;
		}
		#job .pht {
			margin-top: calc(30 * var(--vw-ratio));
			width: 100%;
			height: 100%;
			aspect-ratio: 16 / 9;
		}
			#job .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
}


	
	
/* message
--------------------- */
#message {
	width: -webkit-calc(100% - calc(15 * var(--vw-ratio)));
	width: calc(100% - calc(15 * var(--vw-ratio)));
	border-radius: calc(30 * var(--vw-ratio));
	background: #1481C2;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 767px) {
}


	
	
/* other
--------------------- */
#other .head-tit {
	margin-bottom: calc(50 * var(--vw-ratio));
	text-align: center;
}
	#other .head-tit .en {
		font-size: calc(100 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1;
		color: #EDF5FA;
	}
	#other .head-tit h2 {
		font-size: calc(40 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1;
		margin-top: calc(-30 * var(--vw-ratio));
	}

#other .list a.linkbox {
	display: block;
	width: 31%;
	margin-right: 3.5%;
}
#other .list a.linkbox:nth-last-child(1) {
	margin-right: 0;
}
	#other .list a.linkbox .pht {
		border-radius: calc(20 * var(--vw-ratio));
		position: relative;
	}
		#other .list a.linkbox .pht .label {
			width: calc(150 * var(--vw-ratio));
			height: calc(38 * var(--vw-ratio));
			background: #fff;
			font-weight: 700;
			line-height: calc(37 * var(--vw-ratio));
			text-align: center;
			border-radius: 0 calc(20 * var(--vw-ratio)) 0 calc(20 * var(--vw-ratio));
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 2;
		}

	#other .list a.linkbox .text {
		padding-top: calc(12 * var(--vw-ratio));
	}
		#other .list a.linkbox .text h3 {
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(3 * var(--vw-ratio));
		}

		#other .list a.linkbox .text .txt-18 {
			line-height: 1;
			margin-bottom: calc(15 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#other .head-tit {
		margin-bottom: 0;
	}
		#other .head-tit .en {
			font-size: calc(46 * var(--vw-ratio));
		}
		#other .head-tit h2 {
			font-size: calc(24 * var(--vw-ratio));
			margin-top: calc(5 * var(--vw-ratio));
		}
	
	#other .list {
		display: block;
		padding-top: calc(40 * var(--vw-ratio));
	}
		#other .list a.linkbox {
			width: 100%;
			margin-bottom: calc(40 * var(--vw-ratio));
		}
		#other .list a.linkbox:nth-last-child(1) {
			margin-bottom: 0;
		}
			#other .list a.linkbox .pht .label {
				width: calc(140 * var(--vw-ratio));
				height: calc(34 * var(--vw-ratio));
				font-size: calc(16 * var(--vw-ratio));
				line-height: calc(34 * var(--vw-ratio));
			}
}