@charset "UTF-8";

/* ----------------------------------------- */
/* SLIDESHOW */
#SLIDESHOW {
    padding: 100px 0 120px;
    background-color: #302F2F;
    color: #fff;
    overflow: hidden;
}
#SLIDESHOW .SLIDESHOW_tx_01 {
    font-weight: 400;
    color: #fff;
    text-align: center;
}
#SLIDESHOW .slideshow-splide {
    width: 100%;
}
#SLIDESHOW .SLIDESHOW_breakout {
    width: 100%;
    box-sizing: border-box;
}
#SLIDESHOW .splide__track {
    overflow: hidden;
}
#SLIDESHOW .splide__list {
    align-items: stretch;
}
#SLIDESHOW .splide__slide {
    width: 280px;
    display: flex;
}
#SLIDESHOW .SLIDESHOW_card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.3s;
}
#SLIDESHOW .SLIDESHOW_card:hover {
    opacity: 0.7;
}
#SLIDESHOW .SLIDESHOW_thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 280 / 187;
}
#SLIDESHOW .SLIDESHOW_img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#SLIDESHOW .SLIDESHOW_info {
    width: 100%;
    flex: 1;
    background: #fff;
    box-sizing: border-box;
}
#SLIDESHOW .SLIDESHOW_pref {
    display: inline-block;
    background: #5A5A5A;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
}
#SLIDESHOW .SLIDESHOW_name {
    color: #333;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#SLIDESHOW .SLIDESHOW_ctrl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}
#SLIDESHOW .SLIDESHOW_ctrl_01 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 27px;
    align-items: flex-end;
}
#SLIDESHOW .SLIDESHOW_ctrl_01_line {
    background: #fff;
    width: 100%;
    height: 1px;
}
#SLIDESHOW .SLIDESHOW_arrows {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 16px;
}
#SLIDESHOW .SLIDESHOW_pagi_tx {
    display: flex;
    gap: 8px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 500;
    position: relative;
}
#SLIDESHOW .SLIDESHOW_prev,
#SLIDESHOW .SLIDESHOW_next {
    background: #fff;
    color: #302F2F;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: opacity 0.3s;
    width: 14px;
    width: 40px;
    height: 40px;
}
#SLIDESHOW .SLIDESHOW_prev:hover,
#SLIDESHOW .SLIDESHOW_next:hover {
    opacity: 0.7;
}
#SLIDESHOW .SLIDESHOW_prev:disabled,
#SLIDESHOW .SLIDESHOW_next:disabled {
    opacity: 0.4;
    cursor: default;
}

@media screen and (max-width:767px) { /*SP*/
    #SLIDESHOW {
        padding: 16vw 0 16vw 0;
    }
    #SLIDESHOW .SLIDESHOW_breakout {
        padding-left: 6.67vw;
    }
    #SLIDESHOW .SLIDESHOW_ctrl {
        width: 86.67vw;
        margin: 5.33vw 0 0 0;
        gap: 3vw;
    }
    #SLIDESHOW .SLIDESHOW_tx_01 {
        font-size: 7.73vw;
        line-height: 12.8vw;
        margin: 0 0 8vw 0;
    }
    #SLIDESHOW .SLIDESHOW_info {
        padding: 2.13vw 2.67vw 2.67vw;
    }
    #SLIDESHOW .SLIDESHOW_pref {
        font-size: 2.67vw;
        line-height: 2.67vw;
        padding: 0.8vw 1.6vw;
        margin: 0 0 1.6vw 0;
    }
    #SLIDESHOW .SLIDESHOW_name {
        font-size: 3.47vw;
        line-height: 4.8vw;
        min-height: 9.6vw;
    }
    #SLIDESHOW .SLIDESHOW_ctrl_01 {
        gap: 18px;
    }
    #SLIDESHOW .SLIDESHOW_arrows {
        margin-left: 8px;
        gap: 1.07vw;
    }
    #SLIDESHOW .SLIDESHOW_pagi_tx {
        font-size: 3.2vw;
    }
    #SLIDESHOW .SLIDESHOW_prev,
    #SLIDESHOW .SLIDESHOW_next {
        width: 8.53vw;
        height: 8.53vw;
        font-size: 3.73vw;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #SLIDESHOW {
        padding: 7.69vw 0;
    }
    #SLIDESHOW .SLIDESHOW_breakout {
        padding-left: calc((100% - 92.31vw) / 2);
    }
    #SLIDESHOW .splide__slide {
        width: 21.54vw;
    }
    #SLIDESHOW .SLIDESHOW_tx_01 {
        font-size: 2.15vw;
        line-height: 2.15vw;
        margin: 0 0 3.85vw 0;
    }
    #SLIDESHOW .SLIDESHOW_info {
        padding: 0.77vw 0.92vw 0.92vw;
    }
    #SLIDESHOW .SLIDESHOW_pref {
        font-size: 0.77vw;
        line-height: 0.77vw;
        padding: 0.31vw 0.46vw;
        margin: 0 0 0.46vw 0;
    }
    #SLIDESHOW .SLIDESHOW_name {
        font-size: 1.08vw;
        line-height: 1.38vw;
        min-height: 2.77vw;
    }
    #SLIDESHOW .SLIDESHOW_ctrl {
        margin: 2.31vw 0 0 0;
        gap: 1.23vw;
    }
    #SLIDESHOW .SLIDESHOW_arrows {
        gap: 0.31vw;
    }
    #SLIDESHOW .SLIDESHOW_pagi_tx {
        font-size: 0.92vw;
    }
    #SLIDESHOW .SLIDESHOW_prev,
    #SLIDESHOW .SLIDESHOW_next {
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width:1301px) , print { /*PC*/
    #SLIDESHOW {
        padding: 100px 0;
    }
    #SLIDESHOW .SLIDESHOW_breakout {
        padding-left: calc((100% - 1200px) / 2);
    }
    #SLIDESHOW .splide__slide {
        width: 280px;
    }
    #SLIDESHOW .SLIDESHOW_tx_01 {
        font-size: 42px;
        line-height: 1;
        font-weight: 400;
        margin: 0 auto 64px;
    }
    #SLIDESHOW .SLIDESHOW_info {
        padding: 12px 12px 24px;
    }
    #SLIDESHOW .SLIDESHOW_pref {
        font-size: 12px;
        line-height: 1;
        padding: 6px 8px;
        margin: 0 0 8px 0;
        background-color: #302F2F;
        font-weight: 500;
    }
    #SLIDESHOW .SLIDESHOW_name {
        font-size: 16px;
        line-height: 1;
        font-weight: 500;
    }
    #SLIDESHOW .SLIDESHOW_ctrl {
        margin: 48px 0 0 0;
        gap: 8px;
    }
    #SLIDESHOW .SLIDESHOW_arrows {
        gap: 4px;
    }
    #SLIDESHOW .SLIDESHOW_pagi_tx {
        font-size: 12px;
    }
}