@charset "utf-8";
/*------------------------------------------------------------
	interview
------------------------------------------------------------*/
#main {
	margin-bottom: 16.3rem;
}
/* mainImg */
#main .mainImg {
	margin-bottom: 20.2rem;
	position: relative;
	z-index: 20;
}
#main .mainImg .image {
	margin-left: auto;
	width: calc(50% + 40rem);
}
#main .mainImg .image img{
	width: 100%;
}
#main .mainImg .textBox {
	width: 100%;
	max-width: inherit;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 4rem 5rem;
}
#main .mainImg .title {
	margin-bottom: 4.4rem;
}
#main .mainImg .title img {
	width: 42rem;
}
#main .mainImg .textImg {
	margin-bottom: 3.8rem;
}
#main .mainImg .textImg img {
	width: 68rem;
}
#main .mainImg .num {
	margin-bottom: 2rem;
	font-size: 2.5rem;
	letter-spacing: -0.01em;
	line-height: 1;
}
#main .mainImg .num span {
	padding-bottom: 0.3rem;
	display: inline-block;
	vertical-align: top;
	border-bottom: 0.2rem solid #000;
}
#main .content {
	max-width: 112rem;
}
#main .mainImg .txt {
	font-size: 1.8rem;
	font-weight: 700;
}
@media all and (max-width: 896px) {
	#main .mainImg {
		margin-bottom: 7.6rem;
		height: auto;
		aspect-ratio: 375/360;
	}
	#main .mainImg .image {
		margin-left: 0;
		width: auto;
	}
	#main .mainImg .textBox {
		width: auto;
		position: relative;
		bottom: auto;
		left: auto;
		padding: 0;
		margin-top: -2.6rem;
	}
	#main .mainImg .title {
		margin-bottom: 1.7rem;
	}
	#main .mainImg .title img {
		width: 22rem;
	}
	#main .mainImg .num {
		margin-bottom: 1.4rem;
		font-size: 1.3rem;
	}
	#main .mainImg .num span {
		padding-bottom: 0.2rem;
	}
	#main .mainImg .textImg img {
		width: 31rem;
	}
	#main .mainImg .content {
		max-width: inherit;
	}
	#main .content {
		max-width: inherit;
	}
	#main {
		margin-bottom: 3.5rem;
	}
	#main .mainImg .textImg {
		margin-bottom: 1.9rem;
	}
	#main .mainImg .txt {
		font-size: 1.2rem;
	}
}

#main .mainBox {
	position: relative;
}
#main .mainBox .bgImg {
	width: 100%;
	height: 52.8rem;
	position: absolute;
	left: 0;
	top: -17.8rem;
	overflow: hidden;
}
#main .mainBox .bgImg img {
	position: absolute;
	width: 212.8rem;
	max-width: inherit;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
#sideBar .decorationImg {
	width: 11rem;
	margin-top: 0.2rem;
}
#sideBar .linkUl li {
	margin-bottom: 1.5rem;
}
#sideBar .headLine02 {
	margin-bottom: 2.7rem;
}
#conts .headLine02 {
	font-size: 2.6rem;
	margin-bottom: 3.7rem;
}
#conts .headLine02 span {
	padding-bottom: 0.9rem;
}
@media all and (max-width: 896px) {
	#conts .headLine02 {
		font-size: 2rem;
		margin-bottom: 2.5rem;
	}
	#container {
		overflow: hidden;
	}
	#main .mainBox .bgImg {
		width: 88.6rem;
		height: auto;
		left: 0;
		top: -24.4rem;
		overflow: inherit;
	}
	#main .mainBox .bgImg img {
		position: static;
		width: 100%;
		top: auto;
		left: auto;
		transform: translateX(0);
	}
}

/* interiewBox */
#main .interiewBox .photoBox {
	margin-bottom: 10.1rem;
}
#main .interiewBox .photoBox img {
	width: 100%;
}
#main .interiewBox .comFaq + .photoBox {
	margin-top: 9.7rem;
}
@media all and (max-width: 896px) {
	#main .interiewBox .photoBox {
		margin-bottom: 3rem;
	}
	#main .interiewBox .comFaq + .photoBox {
		margin-top: 3.8rem;
	}
}

/* featureBox */
#main .featureBox {
	margin-top: 25.3rem;
	position: relative;
	padding: 17.1rem 0;
	background: url("../img/interview02/bg02.jpg") no-repeat left top / 100% 100%;
	overflow: hidden;
}
#main .featureBox .enImg {
	width: 156.8rem;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
#main .featureBox .enImg img {
	width: 100%;
}
#main .featureBox .innerBox {
	margin: 0 auto;
	max-width: 94rem;
	position: relative;
	z-index: 20;
}
#main .featureBox .headLine02 {
	font-size: 2.6rem;
	margin-bottom: 5.2rem;
}
#main .featureBox .headLine02 span {
	padding-bottom: 0.9rem;
}
@media all and (min-width: 897px) {
	#main .featureBox .content {
		margin: 0 0 0 auto;
		max-width: inherit;
		width: calc(100% - 41rem);
	}
}
@media all and (max-width: 896px) {
	#main .featureBox {
		margin: 6.4rem -1rem 0;
		padding: 7.2rem 1.6rem 6.7rem;
		background-image: url("../img/interview02/bg02_sp.jpg");
	}
	#main .featureBox .headLine02 {
		font-size: 2rem;
		margin-bottom: 2.8rem;
	}
	#main .featureBox .enImg {
		width: 67.8rem;
		top: 0;
		overflow: inherit;
	}
	#main .featureBox .innerBox {
		max-width: inherit;
	}
	#main .featureBox .content {
		margin: 0 0.5rem;
	}
}

/* dayList */
#main .dayList li {
	display: flex;
	line-height: 1.8;
	padding-bottom: 4.6rem;
	position: relative;
}
#main .dayList li:last-child {
	padding-bottom: 0;
}
#main .dayList li::before {
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 4.6rem;
	background-color: #000;
	content: "";
}
#main .dayList li:last-child:before {
	display: none;
}
#main .dayList .rightBox {
	margin-left: 3.2rem;
	padding-top: 0.2rem;
	flex: 1;
	min-height: 9.2rem;
	display: flex;
	align-items: center;
}
#main .dayList .time {
	padding-top: 0.2rem;
	width: 9.2rem;
	height: 9.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Arvo", serif;
	font-size: 1.6rem;
	background: url("../img/interview02/bg01.png") no-repeat left top / 100% 100%;
	position: relative;
	z-index: 10;
}
#main .dayList .title {
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.5;
}
#main .dayList .title + * {
	margin-top: 0.9rem;
}
#main .dayList .photoBox {
	margin-top: 4.7rem;
}
#main .dayList .photoBox img {
	width: 100%;
}
#main .dayList .photoBox strong {
	margin-top: 0.8rem;
	display: block;
}
/* comOtherBox */
.comOtherBox {
	margin-top: 13rem;
}
/*.comOtherBox .h2Title img {
	width: 49.5rem;
}*/
@media all and (max-width: 896px) {
	#main .dayList .time {
		padding-top: 0.2rem;
		width: 5.6rem;
		height: 5.6rem;
		font-size: 1.3rem;
	}
	#main .dayList li::before {
		left: 2.7rem;
	}
	#main .dayList .title {
		font-size: 1.6rem;
		line-height: 1.625
	}
	#main .dayList .rightBox {
		margin-left: 1.4rem;
		padding-top: 0;
		min-height: 5.6rem;
	}
	#main .dayList li {
		padding-bottom: 2.6rem;
		line-height: 1.72;
	}
	#main .dayList .title + * {
		margin-top: 0.6rem;
	}
	#main .dayList .photoBox {
		margin-top: 3rem;
	}
	.comOtherBox {
		margin-top: 6.8rem;
	}
	.comOtherBox .h2Title img {
		width: 30rem;
	}
	.comOtherBox .otherUl .title img {
		height: 5.5rem;
	}
}


/* interview01 */
#main.interview01 .mainImg .textImg img {
	width: 60.2rem;
}
@media all and (max-width: 896px) {
	#main.interview01 .mainImg .textImg img {
		width: 27.4rem;
	}
}


/* interview03 */
#main.interview03 .mainImg .textImg img {
	width: 75.1rem;
}
@media all and (max-width: 896px) {
	#main.interview03 .mainImg .textImg img {
		width: 34.2rem;
	}
}