@charset "UTF-8";

.mv_box {
	margin-bottom: 70px;
}

.main_content {
	margin: 0 auto;
	width: 960px;
}

.ttl_h2 {
    max-width: 1000px;
    margin: 0 auto 30px;
    padding: 0 0 0 30px;
    text-align: center;
    background: none;
    overflow: hidden;
}

.interview_copy {
	margin: 0 auto 80px;
	font-size: 116%;
	line-height: 1.8;
	text-align: center;
}

.ttl_h2::after, .contents .ttl_h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #0068b7;
    margin: 35px auto 0;
}

/*  profile */
.column2_box {
	overflow: hidden;
	margin: 0 auto 70px;
}

.column2_box figure {
	width: 547px;
	float:left;
}

.column2_box div.profile_box{
	width: 383px;
	float: right;
	font-size: 86%;
}


.column3_box {
	overflow: hidden;
	margin: 0 auto 70px;
}


.column3_box div.profile_box{
	width: 33%;
	float: left;
	font-size: 86%;
	padding:0 20px;
}


.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}






/*社員紹介エリア*/

.profile_box h5{
	font-weight: normal;
}

.profile_box h5 span{
	margin-right: 5px;
	font-size: 138.5%;
	font-weight: bold;
}

.profile_box p {
	margin-bottom: 20px;
	line-height: 1.6;
}

.profile_box p:last-child {
	margin-bottom: 0;
}

.profile_box p span {
	font-size: 116%;
	font-weight: bold;
}


/*トーク
---------------------------------------------------------- */

div.talk_area {
	margin: 0 auto;
	display: table;
	width: 930px;
	margin-bottom: 50px;
}

div.talk_area p {
	display: table-cell;
	vertical-align: top;
	line-height: 1.6;
}

div.talk_area figure {
	display: table-cell;
	font-weight: bold;
	width: 90px;
	vertical-align: top;
}

/*バナー
---------------------------------------------------------- */
.bnr_area {
	text-align: center;
	margin: 0 auto 45px;
}

.bnr_area ul li {
	display: inline-block;
	margin: 0;
	padding-left: 25px;
}

.bnr_area ul li:first-child {
	padding-left: 0;
}

/*SP
---------------------------------------------------------- */
@media screen and (max-width: 798px) {
	.mv_box {
		width: 100%;
		margin: 0 auto 30px;
	}

	.main_content {
		margin: 0 auto;
		width: 100%;
	}

	.ttl_h2 {
		font-size: 116%;
		margin: 0 auto 30px;
		padding: 0 0 0 4px;
		font-feature-settings: "palt";
	}

	.ttl_h2::after, .contents .ttl_h2::after {
	    content: "";
	    display: block;
	    width: 80px;
	    height: 3px;
	    background: #0068b7;
	    margin: 20px auto 0;
	}

	.interview_copy {
		margin: 0 auto 30px;
		font-size: 85%;
		line-height: 1.8;
		text-align: center;
	}
	
	
	
	/*  社員紹介
	--------------------------------------- */

	.column2_box {
		overflow: hidden;
		margin: 0 auto 70px;
	}

	.column2_box figure {
		width: 100%;
		margin-bottom: 20px;
	}

	.column2_box div.profile_box{
		width: 100%;
		font-size: 90%;
	}



	.column3_box {
		overflow: hidden;
		margin: 0 auto 70px;
	}
	
	.column3_box div figure {
		width: 68px;
	}



	.column3_box div.profile_box{
		width: 100%;
		font-size: 90%;
		padding:10px 20px;
	}




	/*トーク
	--------------------------------------- */

	div.talk_area {
		width: 100%;
		margin: 0 auto;
		display: table;
		margin-bottom: 50px;
	}

	div.talk_area p {
		display: table-cell;
		font-size: 96%;
		vertical-align: top;
	}

	div.talk_area figure {
		display: table-cell;
		font-weight: bold;
		padding-right: 4%;
		width: 20%;
		vertical-align: top;
	}
	/*バナー
	---------------------------------------------------------- */
	.bnr_area {
		margin: 0 4% 30px;
	}
	.bnr_area ul li img {
		width: 100%;
		margin-bottom: 3%;
	}

	.bnr_area ul li {
		padding-left: 0 !important;
	}
}