.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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/interview/employee_head_bg.png)no-repeat top left; 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%;
}
} .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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/interview/icon_ttl_before.png);
margin: 0 5px;
position: relative;
top: -20px;
}
.interview_temp01 h3:after{
content:url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/interview/icon_ttl_after.png);
margin: 0 5px;
position: relative;
bottom: -20px;
} .interview_temp02{
font-size: 16px;
line-height: 36px;
letter-spacing:0.05rem;
margin-top: 60px;
} .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;
}
} .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;
}
} .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%;
}