@font-face {
	font-family: "Noto Sans JP Bold";
	font-style: normal;
	font-weight: normal;
	src: local("Noto Sans JP Bold"),url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans JP Medium";
	font-style: normal;
	font-weight: normal;
	src: local("Noto Sans JP Medium"),url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans JP Regular";
	font-style: normal;
	font-weight: normal;
	src: local("Noto Sans JP Regular"),url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Poppins Bold";
	font-style: normal;
	font-weight: normal;
	src: local("Poppins Bold"),url("../fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "KozGoPr6N-heavy";
	font-style: normal;
	font-weight: normal;
	src: local("KozGoPr6N-Heavy"),url("../fonts/KozGoPr6N-Heavy.otf") format("opentype");
}

@font-face {
	font-family: "KozGoPr6N-medium";
	font-style: normal;
	font-weight: normal;
	src: local("KozGoPr6N-Heavy"),url("../fonts/KozGoPr6N-Medium.otf") format("opentype");
}

@font-face {
	font-family: "ZenKakuGothicAntique-Black";
	font-style: normal;
	font-weight: normal;
	src: local("ZenKakuGothicAntique-Black"),url("../fonts/ZenKakuGothicAntique-Black.ttf") format("truetype");
}

@font-face {
	font-family: "Adobe Handwriting Ernie";
	font-style: normal;
	font-weight: normal;
	src: local("Adobe Handwriting Ernie"),url("../fonts/AdobeHandwriting-Ernie.ttf") format("truetype");
}

@font-face {
	font-family: "Apple SD Gothic Neo";
	font-style: normal;
	font-weight: normal;
	src: local("Apple SD Gothic Neo"),url("../fonts/AppleSDGothicNeoR.ttf") format("truetype");
}

@media screen and (max-width: 1440px) {

.specific-margin {
	margin-bottom: 180px;
}

}

@media screen and (max-width: 1024px) {

.interview_main .concept_heading {
	left: -74px;
	top: 140px;
}

.interview_main .fv {
	margin-bottom: 12px;
}

.interview_text_top_container {
	height: 228px;
}

.employee_comment {
	font-size: 16px;
}

.interview_top_image {
	max-width: 460px;
	width: 100%;
}

.interview_bottom .recruit_banner {
	margin-top: 340px;
}

.specific-margin {
	margin-bottom: 153px;
}

}

@media screen and (max-width: 820px) {

.interview_main .concept_heading {
	font-size: 38px;
	left: -50px;
	top: 126px;
}

.interview_main .fv {
	margin-bottom: 0;
}

.interview_text_top_container {
	height: 212px;
	padding: 14px 20px;
}

.interview_top_image {
	max-width: 428px;
}

.entry_year {
	font-size: 14px;
}

.employee_name_container {
	align-items: center;
}

.employee_name {
	font-size: 20px;
	margin-right: 18px;
}

.employee_name_alphabet {
	font-size: 14px;
}

.job_role {
	font-size: 14px;
}

.interview_text_top_container .line {
	top: 36px;
}

.employee_comment {
	font-size: 14px;
}

.interview_image {
	max-width: 340px;
}

.interview_text_number {
	font-size: 54px;
}

.interview_heading {
	font-size: 20px;
}

.interview_text {
	font-size: 14px;
}

.interview_bottom .recruit_banner {
	margin-top: 260px;
}

.specific-margin {
	margin-bottom: 164px;
}

}

@media screen and (max-width: 500px) {

.interview_main .concept_heading {
	color: #fffaf4;
	font-size: 26px;
	left: 8px;
	top: 116px;
}

.interview_container {
	padding: 0 12px;
}

.interview_content .subpage_title_wrapper {
	margin-bottom: 64px;
	margin-top: 30px;
}

.interview_content .subpage_title {
	font-size: 44px;
	letter-spacing: 6px;
	line-height: 36px;
	margin-bottom: 20px;
}

.interview_content .subpage_subtitle {
	font-size: 16px;
}

.interview_content .subpage_top_text {
	font-size: 14px;
}

.interview_layout_top {
	flex-wrap: wrap-reverse;
}

.interview_text_top_container {
	margin-right: 0;
}

.interview_top_image {
	max-width: initial;
}

.interview_section_divided {
	flex-direction: column;
}

.interview_layout_reverse,
.interview_layout {
	flex-wrap: wrap;
}

.interview_text_number {
	font-size: 42px;
	letter-spacing: 5px;
	margin-bottom: 0;
}

.interview_heading {
	font-size: 18px;
}

.interview_text {
	font-size: 13px;
}

.interview_section_background {
	height: 168px;
}

.specific-margin {
	margin-bottom: revert;
}

}

@media screen and (max-width: 390px) {

.interview_main .concept_heading {
	font-size: 26px;
	top: 94px;
}

.interview_content .subpage_top_text {
	font-size: 12px;
}

.interview_layout_top {
	margin-bottom: 36px;
}

.interview_layout_last {
	padding-bottom: 116px;
}

.interview_bottom .recruit_banner {
	margin-top: 186px;
}

}