@charset "utf-8";
/* voice */
/* CSS Document */
/* # =================================================================
# layout
# ================================================================= */
.l-grid.--flexwrap {
    flex-wrap: wrap;
}
.l-grid__item.--flex2column {
    flex: 0 0 calc(50% - 15px);
}
.l-grid__item.--flex2column.--voice:nth-child(n+7) {
    display: none;
}
.u-mt-auto {
    margin-top: auto !important;
}

/* # =================================================================
   # Project
   # ================================================================= */
.p-box.--voicecard {
   margin-top: 4rem;
   background-image: url('../images/common/bg-toc-left.webp'), url('../images/common/bg-toc-right.webp');
   background-repeat: no-repeat;
   background-position: left top -9.2rem, right -8.8rem bottom -8rem;
   background-size: 20.1rem auto, 21rem auto;
   border: 1px solid #008753;

}
.p-voice{
   display: inline-flex;
   flex-wrap: wrap;
   gap: 5px;
   width: 100%;
   padding-bottom: 1.5rem;
   border-bottom: 1px solid #E1E1E1;
}

.p-voice__label {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 22px;
   padding-right: .83em;
   padding-left: .83em;
   border-radius: 9999px;
   background-color: #EBEBE5;
   font-weight: var(--fontweight-bold);
   font-size: 12px;
   line-height: 1.25;
}

/* # =================================================================
# Component
# ================================================================= */
.c-card.--pickup {
    padding-top: 30px;
}
.c-card.--pickup:before {
    content: "Pick up!";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1000;
    translate: -50% -50%;
    background: #81C656;
    border-radius: 10px;
    padding: 6px 12px;
    font-size: 1.4rem;
    color: white;
    white-space: nowrap;
}
.c-card__cols.--center{
    justify-content: center;
}
.swiper-wrapper.--pt-20 {
    padding-top: 20px;
}
@media (max-width: 767.98px) {
    .c-slider-arrow.--next.--pickup {
        right: -26px;
    }
    .c-slider-arrow.--prev.--pickup {
        left: -26px;
    }
}