/*========================
インタビュー一覧
==========================*/
.interview{
	max-width: 1140px;
	padding:0 25px;
	width:100%;
	margin:0 auto;
}
.interview_column{
  display:flex;
  flex-wrap:wrap;
}
.interview_card{
  width:30%;
  flex-basis:30%;
  margin-top: 80px;
}
.interview_card:not(:nth-child(3n)){
  margin:80px 2.4% 0 0;
}
.trim{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
}
.trim img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
 transition: .5s ease-in-out;
 height: 100%;
max-width: inherit;
}
.photo{
max-width:290px;
width:100%;
margin-left:40px;
overflow: hidden;
}
.photo_in{ 
padding-top:134.48%; 
transition-duration:0.5s;

}
.photo_in:hover{
  transform: scale(1.2);
  transition-duration;
}
.card_upper{
  position:relative;
  margin-bottom: 25px;
}
.aff{
  position:absolute;
  bottom:25.6%;
  left:0;
  background-color: #ff9933;
  line-height: 24px;
  color:#fff;
  padding:5px 15px;
  font-weight: bold;
}
.pos{
  position:absolute;
  left:0;
  bottom:11.6%;
  border:3px solid #ff9933;
  background-color: #fff;
  color:#000;
  padding:5px 15px;
  font-weight: bold;
  line-height: 24px;
}

.card_bottom{
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.ellipsis{
  position: relative;
  overflow: hidden;
  line-height: 24px;
  height:5rem;
}
.ellipsis:before, .ellipsis:after {
  position: absolute;
  background: #fff;
}
.ellipsis:before {
  content: "･･･";
  bottom: 0;
  right: 0;
}
.ellipsis:after {
  content: "";
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1085px){
 .interview_card{
  width:27%;
  flex-basis:27%;
}
  .interview_card:not(:nth-child(3n)){
  margin:80px 7% 0 0;
}
.pos{
  bottom:4%;
}
}

@media screen and (max-width: 767px){
.interview_card{
  width:45%;
  flex-basis:45%;
  margin-top: 50px;
}
.interview_card:not(:nth-child(3n)){
  margin:50px 0 0 0;
}
.interview_card:nth-child(2n){
  margin-left:5%;
}
.photo{
max-width:100%;
width:100%;
margin-left:0px;
overflow: hidden;
}
.aff{
  position:inherit;
  margin: 10px 0;
  word-break: break-all;
  min-height:60px;
}
.pos{
  position:inherit;
}
}

/*========================
インタビュー詳細
==========================*/

/*=== ボタン ====================*/
.interview .top_back_btn{
 text-align: right;
 margin-bottom: 45px;
}
.interview a.back_page{
 font-size: 1.3rem;
 color: #3e3e3e;
 padding-bottom: 3px;
 border-bottom: 1px solid #3e3e3e;
 letter-spacing: 0.05em;
}
.interview a.back_page i{
  margin: 0 0 0 1em;
}
.interview .btn_blog-top{
 border: 1px solid #ff9933;
 color: #ff9933;
 display: block;
 padding:  20px 2.5%;
 max-width: 300px;
 width: 100%;
 margin: 90px auto 70px;
 text-align: center;
}
.interview .btn_blog-top i{
 margin-right: 1em;
}
@media screen and (min-width: 768px) {
.interview a.back_page:hover{
 border-bottom: none;
}
.interview .btn_blog-top:hover{
 background: #ff9933;
 color: #fff;
}
}
@media screen and (max-width: 767px) {
.interview .top_back_btn{
 margin-bottom: 25px;
}
}
@media screen and (max-width: 480px) {
.interview .btn_blog-top{
 margin: 60px auto;
}
}

/*ボタン_下*/
.btn_bottom a{
  margin:40px auto 0 auto;
  display:block;
  width:320px;
  text-align: center;
  padding:20px;
  background-color: #fff;
  border:1px solid #ffa347;
  color:#ffa347;
  transition:.5s all;
  letter-spacing: 0.1em;  
}
.btn_bottom a:hover{
  background:#ffa347;
  color:#fff;
}
.btn_bottom a i{
  padding-right:15px;
}

/*社員インタビュー詳細トップ*/
.emp_column1{
  display: flex;
  flex-wrap:nowrap;
}
.emp_ttl{
  background: url(../../img/company/interview/employee_head_bg.png)no-repeat top left;
  /*background-size:contain;*/
  display:flex;
  align-items: center;
  height:328px;
}
@media all and (-ms-high-contrast:none) and (min-width:768px) {
.emp_ttl{
 background-size:60%;
 background-position:top center;
 width:80%;
}
}
.emp_ttl_inner h2{
  font-size: 36px;
  padding:0 140px 0 50px;
  line-height: 66px;
  font-weight: bold;
}
@media all and (-ms-high-contrast:none) and (min-width:768px) and (max-width:1140px) {
.emp_ttl{
 align-items:flex-start;
}
.emp_ttl_inner h2{
 font-size:2.8rem;
}
}
.trim_emp_photo{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
}
.trim_emp_photo img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.trim_emp_photo img{
height: 100%;
max-width: inherit;
}
.emp_photo{
max-width:355px; 
width:100%;
margin-right:25px;
}
.emp_photo_inner{ 
padding-top:126.3%; 
}
.emp_column2{
  position:relative;
  top:-150px;
  left: 50%;
  background-color: #fffdf6;
  background-color: #ddd;
  z-index:-1;
  width:100vw;
  margin:auto;
  transform: translateX(-50%);
  padding:35px 0 25px 0;
  margin-bottom:-150px;
}
.emp_column2_inner{
  max-width:1090px;
  margin: 0 auto;
  padding-left:50px;
  position:relative;
  min-height:117px;
}

.emp_aff{
  position:absolute;
  top:0%;
  display:inline-block;
  background-color: #ff9933;
  line-height: 24px;
  color:#fff;
  padding:5px 15px;
  font-weight: bold;
}

.emp_pos{
  display:flex;
  position:absolute;
  top:40%;
  font-size: 24px;
}
.sep_pos{
  color:#ff9933;
  padding:0 10px;
}
.emp_join{
  display:flex;
  position:absolute;
  bottom:11%;
}
.emp_join .emp_year{
 margin-right:1em;
}
.interview_temp{
	margin-bottom: 90px;
}


@media screen and (max-width: 767px) {
	.emp_column1{
  display: flex;
  flex-wrap:wrap;
}
.emp_ttl{
  background: none;
  display:flex;
  align-items: center;
  height:auto;
  order:2;
}
.emp_ttl_inner h2{
  font-size: 30px;
  padding:30px 10px 20px 10px;
  line-height: 46px;
  font-weight: bold;
}
.emp_photo{
max-width:100%; 
width:100%;
margin-right:auto;
}
.emp_column2{
  position:relative;
  top:10px;
  left: 0;
  width:100%;
  margin:auto;
  transform: inherit;
  padding:20px 0 20px 0;
  margin-bottom:50px;
}
.emp_column2_inner{
  max-width:100%;
  margin: 0 auto;
  padding-left:20px;
  position:relative;
  min-height:117px;
}
.emp_pos{
  font-size: 20px;
}
.emp_join{
  bottom:3%;
}
}

/*テンプレ1　タイトル*/
.interview_temp01{
  margin-top: 110px;
  text-align: center;
}
.interview_temp01 h3{
  display:inline-block;
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  letter-spacing:0.05rem;
  padding-bottom:20px;
}
.interview_temp01 h3:before{
  content:url(../../img/company/interview/icon_ttl_before.png);
   margin: 0 5px;
   position: relative;
  top: -20px;
}
.interview_temp01 h3:after{
  content:url(../../img/company/interview/icon_ttl_after.png);
   margin: 0 5px;
   position: relative;
  bottom: -20px;
}
/*テンプレ2　テキスト*/
.interview_temp02{
  font-size: 16px;
  line-height: 36px;
  letter-spacing:0.05rem;
  margin-top: 60px;
}

/*テンプレ3　左画像　右テキスト*/
.interview_temp03{
  display:flex;
  margin-top: 60px;
}

.interview_temp03_left{
	flex-basis:330px;
	margin-right:25px;
}
.interview_temp03_right{
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.05rem;
	flex-basis:710px;
	margin-left:25px;
}

.trim_left{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
}
.trim_left img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.trim_left img{
height: 100%;
max-width: inherit;
}

.interview_temp03_left{
max-width:330px; 
width:100%;
}
.interview_temp03_left_inner{ 
padding-top:100%; 
}
@media screen and (max-width: 767px) {
	.interview_temp03{
		flex-wrap:wrap;
	}
	.interview_temp03_left{
	flex-basis:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 20px;
}
.interview_temp03_right{
	flex-basis:100%;
	margin-left:auto;
	margin-right:auto;
}
}
/*テンプレ4　左テキスト　右画像*/
.interview_temp04{
  display:flex;
  margin-top: 60px;
}

.interview_temp04_right{
	flex-basis:330px;
	margin-left:25px;
}
.interview_temp04_left{
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.05rem;
	flex-basis:710px;
	margin-right:25px;
}

.trim_right{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
}
.trim_right img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.trim_right img{
height: 100%;
max-width: inherit;
}

.interview_temp04_right{
max-width:330px; 
width:100%;
}
.interview_temp04_right_inner{ 
padding-top:100%; 
}
@media screen and (max-width: 767px) {
.interview_temp04{
 flex-wrap:wrap;
}
.interview_temp04_right{
	flex-basis:100%;
	margin-left:auto;
	margin-right: auto;
	margin-bottom:20px;
	order:1;
}
.interview_temp04_left{
	flex-basis:100%;
	margin-right:auto;
	margin-left:auto;
	order:2;
}
}
/*テンプレ5　左テキスト　右画像*/
.interview_temp05{
	margin:60px auto 0;
}

.trim_cent{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
}

.trim_cent img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.trim_cent img{
height: auto;
width: 100%;
}

.interview_temp05{
max-width:1090px; 
width:100%
}
.interview_temp05_inner{ 
padding-top:36.5%;
}