@charset "utf-8";

#contents_interview{
padding-top: 100px;
}
#contents_mv .mv {
position: relative;
}
.contents_inner.mv::before{
background-color: rgba(255, 255, 255, 0.3);
position: absolute;
display: block;
width: 100%;
height: 100%;
content: "";
}

#contents_interview .career_interview_02 .contents_imageBox{
left: initial;
right: 0;
}
#contents_interview .career_interview_02 .contents_linkBox{
left: 0;
right: initial;
}

/**************************/

html{
scroll-padding-top: 160px;
}
#contents_intervie,
#contents_intervie *{
box-sizing: border-box;
}
#contents_interview .contents_wrapper{
min-height: auto;
}
#contents_interview .contents_inner{
width: 100%;
height: auto;
max-height: none;
top: 0;
position: relative;
margin-bottom: 100px;
}
.carrerColmnSet{
display: flex;
gap: 80px 40px;
flex-wrap: wrap;
}
#contents_interview .img{
width: 100%;
}
.carrerColumn{
width: calc((100% - 80px) / 3);
position: relative;
}
#contents_interview .contents_linkBox{
position: absolute;
top: auto;
right: -20px;
bottom: -50px;
left: auto;
z-index: 1;
}
#contents_interview .contents_linkBox{
width: 90%;
height: 110px;
border: 6px solid #005DAC;
padding: 0;
background-color: rgba(255, 255, 255, .75);
}
#contents_interview .contents_linkBox_inner{
width: 100%;
height: auto;
margin: 0;
padding: 15px;
position: relative;
}
#contents_interview .contents_linkBox_inner .contents_headline{
font-size: 1.8rem;
line-height: 1.3em;
}
#contents_interview .contents_linkBox_inner a{
width: 64px;
display: block;
text-align: left;
position: absolute;
right: 0;
bottom: 15px;
}
#contents_interview .contents_linkBox_inner a span::after{
content: "";
width: 50px;
height: 1px;
background: #000;
position: absolute;
left: -60px;
top: 8px;
transition: .3s;
transform-origin: right;
}
#contents_interview .contents_linkBox_inner a:hover span::after{
width: 65px;
left: -75px;
background: #005DAC;
}
.contentsTitle{
padding: 5px 15px;
background: #005DAC;
color: #FFF;
font-size: 16px;
font-weight: 700;
position: absolute;
width: fit-content;
top: -30px;
right: 5px;
}
.contentsTitle span{
padding-right: 10px;
}

@media screen and (max-width: 1350px){
#contents_interview{
padding: 60px 30px 0;
}
.carrerColumn{
width: calc((100% - 40px) / 2);
position: relative;
}
}

@media (min-width: 751px) and (max-width: 1050px){
#contents_interview .contents_linkBox_inner a{
right: 0 !important;
}
#contents_interview .contents_linkBox_inner{
width: 100% !important;
}
}

@media screen and (min-width: 751px){
body{
min-width: auto;
overflow: hidden;
}
}

@media screen and (max-width: 750px){
#contents_interview .contents_wrapper{
height: auto;
max-height: none;
min-height: auto;
margin: 70px auto 100px;
}
#contents_interview .contents_inner{
width: 90%;
height: 100%;
margin: 0 auto;
max-height: none;
}
#contents_interview .contents_linkBox_inner .contents_headline{
font-size: 1.4rem;
}
#contents_interview .contents_linkBox{
border-width: 4px;
height: 82px;
}

#contents_interview .contents_linkBox{
width: 120%;
bottom: -70px;
}
.contentsTitle{
font-size: 12px;
}
#contents_interview .contents_linkBox_inner{
padding: 10px;
}
#contents_interview .contents_linkBox_inner .contents_headline{
font-size: 12px;
}
#contents_interview .contents_linkBox_inner a{
bottom: 0;
}
}