@charset "utf-8";

/* ==========================================================================
INTERVIEW 03 PAGE STYLE
=========================================================================== */

/* mv_area */
.mv_area .key_visual {
	max-height: unset;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.mv_area .key_visual .key_visual_ttl {
	height: unset;
	text-align: left;
}
.mv_area .key_visual .key_visual_ttl h1 {
	color: #333;
	line-height: 1.28;
}

.mv_area .date {
	margin-top: 36px;
	padding-left: 2px;
	color: #E30934;
	font-size: 14px;
	font-weight: bold;
	line-height: 2.42;
}
.mv_area .key_visual .key_visual_ttl h1 {
	color: #E30934;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.3;
}
.mv_area .details {
	margin-top: 28px;
	padding-left: 2px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.38;
}
.mv_area .job_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-top: 42px;
	margin-left: 2px;
	padding-left: 10px;
	font-size: 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.mv_area .job_info span:first-child {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
}
.mv_area .job_info::before {
	display: block;
	position: absolute;
	left: 0;
	height: 100%;
	border-left: 3px solid #E30835;
	content: '';
}

/* section_area01 */
.section_area01 {
	padding: 80px 0 0;
}
.section_area01 .wrap {
	border-bottom: 1px solid #EEEEEE;
}
.section_block:not(:first-child) {
	margin-top: 80px;
}
.section_area01 .mod_p_txt {
	margin-top: 20px;
}
.section_area01 .mod_p_txt p  {
	line-height: 1.6;
}

/* section_area02 */
.section_area02 h2 {
	margin-top: 13px;
	font-size: 26px;
}
.heading_ttl_02 h2::after {
	content: unset;
}
.section_area02 .mod_panel_flex:last-child:after {
	top: 0;
	height: 50%;
}
.mod_txt_emp {
	padding: 0 2px;
}

@media print, screen and (min-width: 768px) {
	.mv_area {
		overflow: hidden;
	}
	.mv_area .key_visual .key_visual_ttl {
		padding: 0 15px 50px 0;
		width: 55%;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
        display: block;
        width: 50%;
	}
    .mv_area .key_visual .key_visual_ttl .mv_detail_txt{
        width: 90%;
        max-width: 36em;
        margin: 0 auto;
    }
	.mv_area .key_visual .key_visual_ttl h1 {
		font-size: 36px;
	}
	.mv_area .mv_flex_end {
		width: 74%;
		padding-right: 24px;
	}
	.mv_area .key_visual .key_visual_thumb {
		width: 50%;
		right: 0;
		position: absolute;
		padding-top: 440px;
	}
	.section_area01 .wrap {
		padding-bottom: 80px;
	}
	.section_area02 .mod_btn_01 {
		margin-top: 40px;
	}
	.section_area02 {
		padding: 80px 0 160px;
	}
	.mv_area .key_visual .key_visual_thumb img {
		position: absolute;
		right: 0;
	}
    .txtright{
        text-align: right;
    }
}
@media screen and (max-width:767px) {
	.mv_area .key_visual {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.mv_area {
		width: 100%;
		padding: 0;
	}
	.mv_area .key_visual_thumb {
		width: 100%;
		margin-top: 50px;
	}
	.mv_area .date {
		margin-top: 40px;
		padding-left: 0;
	}
	.mv_area .key_visual .key_visual_ttl h1 {
		font-size: 24px;
		letter-spacing: -0.1px;
	}
	.mv_area .details {
		margin-top: 40px;
		padding-left: 0;
		font-size: 18px;
	}
	.job_info {
		margin-top: 40px;
		margin-left: 0;
		font-size: 16px;
	}
	.job_info span:first-child {
		font-size: 14px;
	}
	.section_area01 {
		padding: 40px 0 0;
	}
	.section_area02 {
		padding: 40px 0 80px;
	}
	.section_block:not(:first-child) {
		margin-top: 40px;
	}
	.section_area01 .mod_img_txt_ver_1_2_1 .mod_txt {
		margin-top: 20px;
	}
	.section_area01  .mod_img_txt_ver_1_2_1 .mod_img {
		margin-top: 0;
	}
	.section_area02 .heading_ttl_02 .sp_flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.section_area02 h2 {
		margin-top: 10px;
		font-size: 24px;
	}
	.section_area02 .mod_panel_sec {
		margin-top: 40px;
	}
	.section_area02 .mod_btn_01 {
		margin-top: 40px;
	}
	.mod_panel_ttl {
		font-size: 24px;
	}
	.mod_panel_ttl sup {
		font-size: 16px;
	}
	.section_area01 .wrap {
		margin: 0 20px;
		padding: 0 0 40px;
	}
	.mod_panel_txt {
		font-size: 14px;
	}
    .mv_area .job_info span:nth-child(2){
        font-size: 16px;
    }
}