@charset "utf-8";

/*-----------------------------------------------
    共通パーツ
-----------------------------------------------*/
/* secCmnTit */
.secCmnTit{
    background-image: url(../img/device/bgCmnTit.jpg);
}
@media only screen and (max-width:991px){
    .secCmnTit{
        background-image: url(../img/device/bgCmnTit_sp.jpg);
    }
    .secCmnTit .titEng{
        width: 116px;
    }
}

/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secList */
.secList{
    margin-top: 60px;
}
.secList + .secList{
    margin-top: 95px;
}
.secList .boxList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 55px;
}
.secList .item{
    width: 400px;
    margin: 35px 50px 0 0;
}
.secList .item:nth-child(-n+3){
    margin-top: 0;
}
.secList .item:nth-child(3n){
    margin-right: 0;
}
.secList .linkItem{
    color: inherit;
    text-decoration: none;
}
.secList .imgItem{
    height: 0;
    padding-top: 65%;
}
.secList .txtItem{
    font-size: var(--fPc22Fs);
    letter-spacing: var(--fPc22Ls);
    line-height: var(--fPc22Lh);
    text-align: center;
    margin-top: 21px;
}
@media only screen and (max-width:991px){
    .secList{
        margin-top: 50px;
    }
    .secList + .secList{
        margin-top: 45px;
    }
    .secList .boxList{
        margin-top: 30px;
    }
    .secList .item,
    .secList .item:nth-child(-n+3),
    .secList .item:nth-child(3n){
        width: 49.276%;
        margin: 13px 1.448% 0 0;
    }
    .secList .item:nth-child(-n+2){
        margin-top: 0;
    }
    .secList .item:nth-child(2n){
        margin-right: 0;
    }
    .secList .txtItem{
        font-size: var(--fSp13Fs);
        letter-spacing: var(--fSp13Ls);
        line-height: var(--fSp13Lh);
        margin-top: 8px;
    }
}

/* secCmnBack */
.secCmnBack.list{
    margin-top: 95px;
}
@media only screen and (max-width:991px){
    .secCmnBack.list{
        margin-top: 65px;
    }
}

/* secHeroSlider */
.secHeroSlider{
    overflow: hidden;
}
.secHeroSlider .boxSlider{
    position: relative;
}
.secHeroSlider .swiper{
    overflow: visible;
}
.secHeroSlider .swiper-slide{
    max-width: 400px;
}
.secHeroSlider .swiper-button-prev,
.secHeroSlider .swiper-button-next{
    width: 50px;
    height: 50px;
    margin-top: 0;
    top: 105px;
    border-radius: 50%;
    background: #05a3e9;
}
.secHeroSlider .swiper-button-prev{
    left: calc(50% - 675px);
}
.secHeroSlider .swiper-button-next{
    right: calc(50% - 675px);
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0!important;
}
.secHeroSlider .swiper-button-prev::after,
.secHeroSlider .swiper-button-next::after{
    display: none;
}
.secHeroSlider .swiper-button-prev::before,
.secHeroSlider .swiper-button-next::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid;
    transform: rotate(45deg);
    top: calc(50% - 4px);
    left: calc(50% - 6px);
}
.secHeroSlider .swiper-button-next::before{
    border-color: #fff #fff transparent transparent;
}
.secHeroSlider .swiper-button-prev::before{
    border-color: transparent transparent #fff #fff;
    left: calc(50% - 2px);
}
@media only screen and (max-width:991px){
    .secHeroSlider .swiper-container{
        width: 100%;
    }
    .secHeroSlider .swiper-slide{
        width: calc((100% - 15px) / 2);
    }
    .secHeroSlider .swiper a{
        text-underline-offset: 5px;
    }
    .secHeroSlider .swiper-button-prev,
    .secHeroSlider .swiper-button-next{
        display: none;
    }
    .secHeroSlider .txtAbout{
        font-size: var(--fSp12Fs);
        line-height: var(--fSp12Lh);
        max-height: 45px;
        margin-top: 12px;
    }
}
.secCmnError {
    margin-top: 60px;
}
@media only screen and (max-width:991px){
    .secCmnError {
        margin-top: 30px;
    }
}