@charset "utf-8";

@media all and (min-width: 769px) {
	.p-interview_index_head {
		margin-top: 5.625rem;
		height: 429px;
		position: relative;
	}
	
	.p-interview_index_head:before {
		content: "";
		position: absolute;
		width: 75%;
		height: 100%;
		top: 0;
		right: 0;
		z-index: 0;
		background: url("../images/interview/index_main.jpg") no-repeat center left;
		background-size: cover;
	}
	
	.p-interview_index_head_title {
		position: absolute;
		z-index: 1;
		top: 42%;
		left: calc(50vw - 37.5rem);
	}
	
	.p-interview_index_head_title h2 {
		font-size: 21px;
		font-weight: 500;
	}
	
	.p-interview_index_head_title h1 {
		font-size: 33px;
		font-weight: 500;
	}
	
	.p-interview_index_wrapper {
		background: #DBD5E0;
		text-align: center;
	}
	
	.p-interview_index_inner {
		width: 75rem;
		margin: 0 auto;
		text-align: left;
		padding: 152px 0 80px;
		position: relative;
	}
	
	.p-interview_index_en {
		position: absolute;
		top: 50px;
		right: -50px;
		z-index: 1;
		font-family: "marcellus", serif;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 12px;
		letter-spacing: 0.06em;
	}
	
	.p-interview_index_tab {
		margin: 0 0 66px;
	}
	
	.p-interview_index_tab h3 {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 20px;
		letter-spacing: 0.06em;
	}
	
	.p-interview_index_tab ul {
		display: flex;
		justify-content: space-between;
	}
	
	.p-interview_index_tab ul li {
		width: 16.4%;
	}
	
	.p-interview_index_tab ul li a {
		display: block;
		background: #ffffff;
		text-align: center;
		border-radius: 6px;
		font-size: 12px;
		font-weight: 500;
		padding: 10px 0;
		transition: all 0.3s;
	}
	
	.p-interview_index_tab ul li a.active, .p-interview_index_tab ul li a:hover {
		background: #9A81B3;
		color: #ffffff;
	}
	
	.p-interview_index_title {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
	.p-interview_index_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.p-interview_index_list:after {
		content: "";
		display: block;
		width: 31.5%;
	}
	
	.p-interview_index_box {
		width: 31.5%;
		margin-bottom: 64px;
		transition: all 0.3s;
	}
	
	.p-interview_index_thumb {
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	.p-interview_index_thumb img {
		width: 100%;
		height: auto;
		transition: all 0.3s;
	}
	
	.p-interview_index_thumb a {
		display: block;
		overflow: hidden;
	}
	
	.p-interview_index_thumb a:hover img {
		transform: scale(1.1);
	}
	
	.p-interview_index_name {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	
	.p-interview_index_name span {
		font-family: "marcellus", serif;
		display: inline-block;
		margin-right: 10px;
	}
	
	.p-interview_index_profile {
		font-size: 14px;
		letter-spacing: 0.06em;
	}
	
	.interview_index .p-footer {
		margin-top: 0;
	}
}


@media only screen and (max-width: 768px) {
	.p-interview_index_head {
		margin-top: 5.125rem;
		height: 300px;
		position: relative;
	}
	
	.p-interview_index_head:before {
		content: "";
		position: absolute;
		width: 70%;
		height: 100%;
		top: 0;
		right: 0;
		z-index: 0;
		background: url("../images/interview/index_main.jpg") no-repeat center left;
		background-size: cover;
	}
	
	.p-interview_index_head_title {
		position: absolute;
		z-index: 1;
		top: 43%;
		left: 20px;
	}
	
	.p-interview_index_head_title h2 {
		font-size: 14px;
		font-weight: 500;
	}
	
	.p-interview_index_head_title h1 {
		font-size: 24px;
		font-weight: 500;
	}
	
	.p-interview_index_wrapper {
		background: #DBD5E0;
		text-align: center;
		padding: 3.875rem 1.25rem 1.875rem;
	}
	
	.p-interview_index_inner {
		margin: 0 auto;
		text-align: left;
		position: relative;
	}
	
	.p-interview_index_en {
		position: absolute;
		top: -30px;
		right: 0px;
		z-index: 1;
		font-family: "marcellus", serif;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 10px;
		letter-spacing: 0.06em;
	}
	
	.p-interview_index_tab {
		margin: 0 0 40px;
	}
	
	.p-interview_index_tab h3 {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 10px;
		letter-spacing: 0.06em;
	}
	
	.p-interview_index_tab ul {
	}
	
	.p-interview_index_tab ul li {
		margin-bottom: 10px;
	}
	
	.p-interview_index_tab ul li a {
		display: block;
		background: #ffffff;
		text-align: center;
		border-radius: 4px;
		font-size: 12px;
		font-weight: 500;
		padding: 10px 0;
		transition: all 0.3s;
	}
	
	.p-interview_index_tab ul li a.active, .p-interview_index_tab ul li a:hover {
		background: #9A81B3;
		color: #ffffff;
	}
	
	.p-interview_index_title {
		font-size: 15px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
	.p-interview_index_list {
	}
	
	.p-interview_index_box {
		margin-bottom: 40px;
		transition: all 0.3s;
	}
	
	.p-interview_index_thumb {
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	.p-interview_index_thumb img {
		width: 100%;
		height: auto;
		transition: all 0.3s;
	}
	
	.p-interview_index_thumb a {
		display: block;
		overflow: hidden;
	}
	
	.p-interview_index_name {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	.p-interview_index_name span {
		font-family: "marcellus", serif;
		display: inline-block;
		margin-right: 10px;
	}
	
	.p-interview_index_profile {
		font-size: 13px;
		letter-spacing: 0.06em;
	}
	
	.interview_index .p-footer {
		margin-top: 0;
	}
}