@charset "UTF-8";
/* CSS Document */
h1 {
	border-bottom-color: #fbb03b;
}
h1 span {
	border-color: #fbb03b;
	border-bottom-color: #ffffff;
}
h2 span {
	background: linear-gradient(transparent 75%, #fbb03b 75%);
	padding: 0 1em;
}
#ListBlock {
	width: 100%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
#ListBlock a.ListBox {
	display: block;
	width: 30vw;
	max-width: 300px;
	height: 30vw;
	max-height: 300px;
	margin: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	border: solid 3px #fbb03b;
	border-radius: 20px;
	overflow: hidden;
}
#ListBlock a.ListBox:hover {
	opacity: 0.5;
}
#ListBlock a.ListBox span {
	display: block;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 80%;
	line-height: 150%;
	background-color: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	padding: 0.5em 0;
	z-index: 10;
}
.BackBtn a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 80%;
	line-height: 20px;
	padding: 0 2em;
	border-radius: 10px;
	background: url("../images/global/icn_arrow_l_wh.png") no-repeat left center #fbb03b;
	background-size: 20px;
}
#InterviewBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin: 1em 0;
}
#PhotoArea {
	width: 300px;
	background-color: #fddfb1;
	padding-top: 400px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	text-align: center;
}
#PhotoArea p {
	margin: 0.5em 1em;
}
#PhotoArea .AcademicBackground {
	font-size: 100%;
}
#InterviewBox {
	width: calc(100% - 300px);
	background-color: #fde8c8;
}
#InterviewBox p {
	margin: 1em;
}
#InterviewBox p.Catch {
	font-size: 200%;
	line-height: 150%;
	font-weight: 700;
	margin: 1em;
}
#InterviewBox p.Q {
	font-size: 120%;
	font-weight: 700;
	margin-top: 1.5em
}
.schedule {
	background: linear-gradient(to right, #ffffff 0%, #f7f7f7 0.5%, #f7f7f7 13%, #ffffff 16%);
	width: 80%;
	padding: 1em;
	margin: 1em auto;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
	position: relative;
}
.schedule h2 {
	margin: 0.5em 0 1.5em;
}
.schedule ul {
	width: 95%;
	margin: 0 auto;
	border-left: solid 2px #4d4d4d;
}
.schedule ul li {
	list-style: none;
	font-weight: 700;
	position: relative;
	padding-left: 1.5em;
	margin-left: -0.5em;
	margin-top: 1em;
}
.schedule ul li::before {
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
	content: '●';
	color: #4d4d4d;
}
.schedule ul ul {
	/*width: 100%;*/
	border: none;
}
.schedule ul li li {
	font-weight: 400;
	list-style: disc;
	padding-left: 0;
	margin-left: 1em;
	margin-top: 0;
}
.schedule ul li li::before {
	display: none;
}
#InterviewBox img.Land {
	width: 300px;
	height: auto;
	float: right;
}
#InterviewBox img.Port {
	width: auto;
	height: 300px;
	float: right;
}
/*タブレット*/
@media screen and (max-width: 999px) {
	#ListBlock a.ListBox {
		margin: 1vw;
		width: 30vw;
		max-width: 30vw;
		height: 30vw;
		max-height: 30vw;
		font-size: 1.5vw;
	}
	#PhotoArea {
		width: 30vw;
		padding-top: 40vw;
		font-size: 1.7vw;
		line-height: 150%;
	}
	#InterviewBox {
		width: calc(100% - 30vw);
	}
	#InterviewBox p.Catch {
		font-size: 3.2vw;
	}
	#InterviewBox img.Land {
		width: 30vw;
		height: auto;
		float: right;
	}
	#InterviewBox img.Port {
		width: auto;
		height: 30vw;
		float: right;
	}
}
/*スマホ*/
@media screen and (max-width: 767px) {
	/* 縦向きの場合のスタイル */
	@media screen and (max-aspect-ratio: 11/10) {
		#ListBlock a.ListBox {
			margin: 1vw;
			width: 45vw;
			max-width: 45vw;
			height: 45vw;
			max-height: 45vw;
			font-size: 2vw;
		}
		#InterviewBlock {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			margin: 1em 0;
		}
		#PhotoArea {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			width: 100%;
			height: 56vw;
			background-color: #fddfb1;
			padding-top: 0;
			padding-left: 42vw;
			background-position: top left;
			background-size: auto 100%;
			font-size: 3vw;
			line-height: 150%;
		}
		#InterviewBox {
			width: 100%;
			background-color: #fde8c8;
			font-size: 80%;
		}
		#InterviewBox p.Catch {
			font-size: 5vw;
			line-height: 150%;
			margin: 1em;
		}
		.schedule {
			width: 90%;
		}
		#InterviewBox img.Land {
			width: 50vw;
			height: auto;
			float: right;
		}
		#InterviewBox img.Port {
			width: auto;
			height: 50vw;
			float: right;
		}
	}
}