#archive_esinfo{
.es-left{
> a{
display : block;
width : 100%;
height : auto;
overflow : hidden;
img{
object-fit : cover;
}
}
}
.es-right{
.company-logo{
overflow : hidden;
border-radius : 8px;
}
}
.swiper-controller{
.es-swiper__pagination{
position : relative;
bottom : 0;
column-gap : 12px;
span{
margin : 0;
}
}
.es-slide__nav{
position : relative;
button{
top : 0;
bottom : 0;
padding : 0;
padding-inline : 0;
margin : 0;
}
img{
width : auto;
height : 100%;
}
}
}
@media screen and ( width <= 768px ){
.es-slider-wrapper{
padding-inline : 0;
}
.es-slide-inner{
row-gap : 17px;
}
.es-left{
padding-inline : 20px;
> a{
border-radius : 12px;
}
}
.es-right{
column-gap : 20px;
padding-inline : 20px;
padding-bottom : 0;
.company-name{
margin-top : -2px;
font-size : 18px;
line-height : calc( 22 / 18 );
}
.es-title{
margin-top : 13px;
font-size : 14px;
line-height : calc( 22 / 14 );
}
}
.swiper-controller{
margin-top : 40px;
.es-slide__nav{
height : 52px;
margin-top : 32px;
.es-swiper__prev{
left : 112px;
}
.es-swiper__next{
right : 112px;
}
}
}
}
@media print , screen and ( width > 768px ){
.es-slider-wrapper{
max-width : calc( 1320px + 2rem );
}
.swiper{
display : grid;
grid-template-rows : 1fr 48px auto 16px;
grid-template-columns : 1fr 372px;
column-gap : calc( ( 1580 - 1160 - 372 ) * 100% / 1580 );
}
.swiper-wrapper{
grid-row : 1/-1;
grid-column : 1 / -1;
}
.swiper-controller{
grid-row : 3;
grid-column : 2;
}
.es-slide-inner{
display : flex;
column-gap : calc( ( 1580 - 1160 - 372 ) * 100% / 1580 );
align-items : flex-end;
}
.es-left{
flex-grow : 1;
width : auto;
> a{
aspect-ratio : 1160 / 652;
border-radius : 16px;
}
}
.es-right{
flex-shrink : 0;
width : 372px;
padding-bottom : 162px;
.company-name{
margin-top : 16px;
font-size : 20px;
line-height : calc( 24 / 20 );
}
.es-title{
margin-top : 40px;
font-size : 18px;
line-height : calc( 30 / 18 );
}
}
.swiper-controller{
.es-slide__pagination{
column-gap : 12px;
}
.es-slide__nav{
height : 52px;
margin-top : 32px;
.es-swiper__prev{
left : 108px;
}
.es-swiper__next{
right : 108px;
}
}
}
}
} #archive_esinfo{
.result-item-box{
display : block;
}
.user-message{ > p{
grid-row : 1/-1;
grid-column : 1;
padding : 1rem 1.25rem;
}
.user-message-blur {
position : relative;
grid-row : 2;
grid-column : 1;
}
.user-message-fade{ }
.user-message-fade{ }
}
@media screen and ( width <= 768px ){
.user-message{
font-size : .75rem;
line-height : 1.75;
}
}
@media print , screen and ( width > 768px ){
.user-message{
font-size : .9375rem;
line-height : 1.6;
}
}
}