@charset "utf-8";

.interview-fvbox {
	background: rgba(179,179,152,0.3);
	padding: 35px;
	position: relative;
	margin-top: 21px;
}
.inter-catch {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	background-color: #009ee5;
	margin-left: -65px;
	width: 50%;
	padding: 34px 70px;
}
.inter-wrap {
	width: 68%;
	height: 100px;
	padding-top: 40px;
	text-align: right;
}
.page main .interview-fvbox img {
	position: absolute;
	right: -20px;
	bottom: 0;
	padding: 0;
	max-width: 380px;
}
.inter-entry {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
}
.inter-entry span {
	padding: 3px 10px;
}
.entry_year {
	background-color: #2b559b;
}
.section_name {
	background: rgba(000,000,000,0.2);
	margin-left: -4px;
}
.inter-name {
	padding-top: 3px;
}
.employee_name_en {
	font-size: 32px;
}
.employee_name {
	font-size: 18px;
	padding-left: 10px;
}
.child-page .inter-content h4 {
	border-left: 4px solid #2b559b;
	font-size: 24px;
	margin-bottom: 16px;
}
.child-page .inter-content {
	color: #808080;
}
.inter-message-box {
	border: 1px solid #808080;
}
.inter-messageimg {
	width: 45%;
	overflow: hidden;
}
.page main .inter-message-box img {
	padding: 0;
	width: 100%;
	height: 100%;
}
.inter-message {
	width: 55%;
	padding: 20px 34px;
}
.inter-message .lato {
	font-size: 36px;
}
.inter-message .noto-sans {
	font-size: 16px;
	padding-left: 10px;
}
.child-page .inter-message p {
	line-height: 28px;
}
@media all and (min-width: 576px) {
	.mx-0.mx-sm-minus {
		margin-right: -15px!important;
		margin-left: -15px!important;
	}
}
@media all and (min-width: 1200px) {
	.child-page .inter-message p {
		letter-spacing: -0.03em;
	}
}
/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {

}

/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}

/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {

}

/*デスクトップまで*/

@media all and (max-width: 1199px) {
	.page main .interview-fvbox img {
    max-width: 300px;
	}
	.inter-catch {
	    width: 53%;
	    padding: 32px 46px;
	  }
}


@media all and (max-width: 991px) {
 	.inter-wrap {
		width: 53%;
	}
	.inter-catch {
    font-size: 20px;
    line-height: 30px;
    padding: 17px 26px;
    width: 60%;
	}
	.page main .interview-fvbox img {
		width: 54%;
	}
	.child-page .inter-content h4 {
		font-size: 20px;
	}
	.inter-message {
    padding: 16px 27px;
	}
	.employee_name_en {
	  font-size: 27px;
	}
}

/*中デバイスまで*/
@media all and (max-width: 767px) {
	.inter-catch {
		width: 100%;
		margin-left: 0;
	}
	.page main .interview-fvbox img {
    position: relative;
    width: 52%;
    display: block;
    margin-left: auto;
	}
	.interview-fvbox {
    background: rgba(179,179,152,0.3);
    padding: 26px 26px 0 26px;
    position: relative;
    margin-top: 0;
	}
	.inter-catch {
    font-size: 18px;
    line-height: 28px;
    padding: 17px;
	}
	.inter-wrap {
		padding-top: 0;
	}
	.employee_name_en {
    font-size: 22px;
	}
	.employee_name {
    font-size: 16px;
	}
	.child-page .inter-content h4 {
		font-size: 18px;
	}
	.child-page .inter-message p {
		line-height: 22px;
	}
	.inter-message .lato {
    font-size: 28px;
	}
	.inter-message .noto-sans {
		display: block;
		padding-left: 0;
	}
	.inter-message {
    width: 55%;
    padding: 10px 21px;
	}
}

/*小デバイス(横向きモバイル)まで*/

@media all and (max-width: 575px) {
	.interview-fvbox {
    padding: 15px 15px 0 15px;
	}
	.inter-catch {
    font-size: 17px;
    padding: 7px 17px;
	}
 	.inter-wrap {
 		height: auto;
 		text-align: center;
 		width: 100%;
 	}
 	.page main .interview-fvbox img {
 		margin-right: auto;
 		right: 0;
 		max-width: 340px;
 		width: 100%;
 	}
 	.inter-messageimg {
    width: 100%;
	}
	.inter-message {
    width: 100%;
    padding: 10px 15px;
  }
  .inter-message .noto-sans {
  	display: inline-block;
  }
}

@media all and (max-width: 480px) {
  .inter-catch {
    font-size: 15px;
    line-height: 22px;
    padding: 7px 12px;
	}
 
}
@media all and (max-width: 400px) {
 
}

@media all and (max-width: 380px) {

}
@media all and (max-width: 360px) {

}

/*iPhone5:SE*/
@media all and (max-width: 320px) {

}