@charset "UTF-8";
/* コンテンツ */

.bg_inter {
    background-color: #eee;
    padding: 5em 0;
}
.inter_box {
    position: relative;
}
.swiper {
	position:relative;
	width: 100%;
    overflow: hidden;
}
.swiper .swiper-slide {
    width: 360px;
    
}
.swiper .swiper-slide figure {
    position: relative;
    width: 100%;
    aspect-ratio: 84 / 120;
    overflow: hidden;
    margin-bottom: 1em;
}
.swiper .swiper-slide figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper .swiper-slide a {
    color: #111;
}
.short-bio p {
    line-height: 1.5;
    font-size: 0.84em;
}
.swiper h3 {
    margin: 0.5em 0;
}


.swiper-button-prev,.swiper-button-next {
    position:absolute;
	z-index:2;
	margin:auto !important;
    width: 2em !important;
    height: 2em !important;
    transition: all 0.3s;
    top:calc(50% - 1em) !important;
}
.swiper-button-prev {
    background-image: url("../img/arr.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #e91e63;
    transform: rotate(180deg);
    left: 0 !important;
}
.swiper-button-next {
    background-image: url("../img/arr.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #e91e63;
    right: 0 !important;
}
.swiper-button-prev:hover,.swiper-button-next:hover {
    opacity: 0.6;
}


@media screen and (max-width: 960px) {
.bg_inter {
    padding: 4em 0;
}
}

@media screen and (max-width: 560px) {
.bg_inter {
    padding: 3em 0;
}
.swiper {
    margin-top: 2em;
}
.swiper .swiper-slide {
    width: 250px;
    
}
}