@charset "utf-8";
/* CSS Document */

/*==============================*/
/* Message */
/*==============================*/

/*---------------------------------
   
---------------------------------*/
div.interviewMessage h2{
	margin-bottom: 32px;
	padding: 28px 0;
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 25px;
    font-family: "A1 Mincho", serif;
    font-weight: 600;
	letter-spacing: 0.02em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.interviewMessage h2{
			margin-bottom: 32px;
			padding: 20px 24px;
			font-size: 22px;
		}
	}


/*---------------------------------
   
---------------------------------*/
div.interviewMessage div{
	padding: 0 96px;
}
div.interviewMessage div h3{
	margin-bottom: 18px;
	font-size: 23px;
    font-weight: 500;
	line-height: 1.3em;
	letter-spacing: 0.02em;
}
div.interviewMessage div p{
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.interviewMessage div{
			padding: 0 16px;
		}
		div.interviewMessage div h3{
			margin-bottom: 18px;
			font-size: 20px;
			font-weight: 500;
			line-height: 1.3em;
			letter-spacing: 0.02em;
		}
	}


/*==============================*/
/* Content */
/*==============================*/
div.interviewContent-l,
div.interviewContent-r{
	display: flex;
	align-items: flex-start;
}
div.interviewContent-l{
	flex-direction: row-reverse;
}

div.interviewContent-l figure,
div.interviewContent-r figure{
	flex: 0 0 50%;
}

div.interviewContent-l div,
div.interviewContent-r div{
	flex: 1;
	min-width: 0;
	position: relative;
	width: calc(100% + 56px);
	margin-top: 64px;
	padding: 64px 80px;
	background-color: rgba(255,255,255,0.7);
}

div.interviewContent-l div{ margin-left: -56px;}
div.interviewContent-r div{ margin-right: -56px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.interviewContent-l,
		div.interviewContent-r{ flex-direction: column-reverse;}
		
		div.interviewContent-l figure,
		div.interviewContent-r figure{
			flex: auto;
			width: 100%;
		}

		div.interviewContent-l div,
		div.interviewContent-r div{
			flex: auto;
			min-width: 0;
			position: relative;
			width: 100%;
			margin-top: 0px;
			padding: 40px 28px;
			background-color: rgba(255,255,255,0.7);
		}

		div.interviewContent-l div{ margin-left: 0px;}
		div.interviewContent-r div{ margin-right: 0px;}
	}


/*---------------------------------
   
---------------------------------*/
div.interviewContent-l div h2,
div.interviewContent-r div h2{
	margin-bottom: 24px;
	color: #000;
	font-size: 26px;
    font-weight: 500;
	line-height: 1.3em;
	letter-spacing: 0.02em;
}
div.interviewContent-l div p,
div.interviewContent-r div p{
	font-size: 15px;
	line-height: 1.8em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.interviewContent-l div h2,
		div.interviewContent-r div h2{
			margin-bottom: 20px;
			font-size: 23px;
		}
		div.interviewContent-l div p,
		div.interviewContent-r div p{
			font-size: 15px;
			line-height: 1.78em;
		}
	}


/*==============================*/
/* Visual */
/*==============================*/
div.sectionVisual{
	padding: 280px 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.sectionVisual.visual-sunaga{ background-image: url("/recruit/common/img/interview/sunaga/section-visual.jpg");}
div.sectionVisual.visual-sakuma{ background-image: url("/recruit/common/img/interview/sakuma/section-visual.jpg");}
div.sectionVisual.visual-minami{ background-image: url("/recruit/common/img/interview/minami/section-visual.jpg");}
div.sectionVisual.visual-aoyagi{ background-image: url("/recruit/common/img/interview/aoyagi/section-visual.jpg");}
div.sectionVisual.visual-noda{ background-image: url("/recruit/common/img/interview/noda/section-visual.jpg");}


/*==============================*/
/* Comment */
/*==============================*/
div.interviewComment dl{
	display: flex;
	align-items: center;
	padding: 80px 80px;
}
div.interviewComment dl:nth-child(1){ background: #EBE3DB;}
div.interviewComment dl:nth-child(2){ background: #D6DAE7;}
div.interviewComment dl:nth-child(3){ background: #E6E6E6;}

div.interviewComment dl:not(:last-child){margin-bottom: 28px;}


div.interviewComment dl dt{
	flex: 0 0 560px;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.02em;
}
div.interviewComment dl dd{
	flex: 1;
	min-width: 0;
	line-height: 1.7em;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.interviewComment dl{
			flex-direction: column;
			padding: 32px 28px;
		}
		div.interviewComment dl:not(:last-child){margin-bottom: 16px;}
		div.interviewComment dl dt{
			flex: auto;
			margin-bottom: 12px;
			font-size: 20px;
		}
		div.interviewComment dl dd{
			flex: auto;
			font-size: 15px;
			line-height: 1.7em;
		}
	}