@charset "utf-8";

/*
    トップページカルーセル用CSS
*/

@media (min-width: 1200px){
    .inner.is-lg{
        max-width: 1110px;
    }
}

/**
* トップページ - お知らせ誘導ボタンスタイル
*/
.news-lead-button{
    padding-bottom: 70px;
}
.news-lead-button .button{
    margin-bottom: 0px;
}
.news-lead-button .button>a{
    padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 767.98px){
    .news-lead-button{
        padding-bottom: 40px;
    }
}

/**
* トップページ - バナー設置用スタイル
*/
.carousel-index{
    position: relative;
}
.carousel-index .swiper-slide a{
    display: block;
}
.carousel-index img{
    width: 100%;
    height: auto;
}
.carousel-index__control-btn{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    width: 5.2rem;
    height: 5.2rem;
    background-color: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
}
.carousel-index__control-btn:hover{
    background-color: rgba(0, 0, 0, 0.6);
    transition: 0.3s;
}
.carousel-index__control-btn:focus{
    border-radius: 50%;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
}
.carousel-index__control-btn.is-prev{
    left: -2.5rem;
}
.carousel-index__control-btn.is-prev::before{
    content: "";
    width: 1.2rem;
    height: 2.4rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204.364%208.729%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23ffffff%3B%20opacity%3A%201%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-358%20-571.871)%22%3E%20%3Cpath%20id%3D%22arrow-2%22%20data-name%3D%22arrow%22%20class%3D%22cls-1%22%20d%3D%22M0%2C0%2C2.477%2C4.365%2C0%2C8.729%2C4.365%2C4.365Z%22%20transform%3D%22translate(358%20571.871)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center / contain no-repeat;
    transform: rotate(180deg);
}
.carousel-index__control-btn.is-next{
    right: -2.5rem;
}
.carousel-index__control-btn.is-next::before{
    content: "";
    width: 1.2rem;
    height: 2.4rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204.364%208.729%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23ffffff%3B%20opacity%3A%201%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-358%20-571.871)%22%3E%20%3Cpath%20id%3D%22arrow-2%22%20data-name%3D%22arrow%22%20class%3D%22cls-1%22%20d%3D%22M0%2C0%2C2.477%2C4.365%2C0%2C8.729%2C4.365%2C4.365Z%22%20transform%3D%22translate(358%20571.871)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center / contain no-repeat;
}
@media (min-width: 767.98px){
    .carousel-index__control-btn:focus{
        width: 4.6rem;
        height: 4.6rem;
    }
    .carousel-index__control-btn.is-prev{
        left: -1rem;
    }
    .carousel-index__control-btn.is-prev::before,
    .carousel-index__control-btn.is-next::before{
        width: 1.0rem;
        height: 2.0rem;
    }
    .carousel-index__control-btn.is-next{
        right: -1rem;
    }
}