/* --------------------------------
VOICE
-------------------------------- */
.voice {
padding:10rem 0;
}


/* --------------------------------
スライダー
-------------------------------- */
.voice .ui-slider{
--slider-columns:3.2;
--slider-gap:3rem;
}

/* SP */
@media (max-width:1000px){
.voice .ui-slider{
--slider-columns:2.8;
--slider-gap:2.5rem;
}
}

@media (max-width:800px){
.voice .ui-slider{
--slider-columns:2.3;
}
}

@media(max-width:600px){
.voice .ui-slider{
--slider-columns:1.8;
--slider-gap:2rem;
}
}

@media(max-width:500px){
.voice .ui-slider{
--slider-columns:1.3;
}
}


/* --------------------------------
カード
-------------------------------- */
.voice .ui-slider__track{
padding:2rem 0;
}

.voice-card {
position: relative;
display: flex;
flex-direction: column;
min-height: 360px;
height:100%;
padding: 3rem 2rem 2rem 2rem;
background:var(--bg2);
background:#FFF;
border: 1px solid var(--color-line1);
border-radius: .5rem;
text-decoration: none;
box-shadow: 0 0 15px rgba(0, 0, 0, .08);
transition: transform .5s ease, box-shadow .5s ease;
}

.voice-card__head {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: center;
margin-bottom: 2.6rem;
}

.voice-card__scene {
display: inline-block;
padding: .7rem 2rem;
background: var(--color-pink1);
border-radius: 999px;
color: #FFF;
}

.voice-card__stars {
color: var(--color-gold1);
letter-spacing: .08em;
opacity:.7;
}

.voice-card h3 {
position: relative;
z-index: 1;
margin: 0 0 2.6rem;
font-family:"mincho", serif;
font-size: 2rem;
font-weight: 400;
line-height: 1.6;
letter-spacing: .06em;
}

.voice-card__text {
margin: 0;
color: var(--color-gray2);
font-size: 1.4rem;
line-height: 1.8;
}

.voice-card__foot {
margin-top: 1.6rem;
padding-top: 2.3rem;
border-top: 1px solid var(--color-line2);
}

.voice-card__foot span {
display: block;
font-family:"mincho", serif;
}

.voice-card__foot small {
color: var(--color-gray3);
font-family:"mincho", serif;
font-size:1.4rem;
}

.voice-more {
text-align: center;
margin-top: 4rem;
}


@media (max-width: 1000px) {
}

@media (max-width: 800px) {
}