@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: 138px;
    }
}

/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secPackageMain */
.secPackageMain{
    margin: 60px auto 0;
}
.secPackageMain .packageListCover{
    margin-top: 60px;
}
.secPackageMain .packageList{
    display: flex;
    flex-wrap: wrap;
}
.secPackageMain .packageItem{
    width: 48.847%;
    margin-right: 2.306%;
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
}
.secPackageMain .packageItem:nth-child(2n){
    margin-right: 0;
}
.secPackageMain .packageItem:nth-child(n+3){
    margin-top: 30px;
}
.secPackageMain .linkCover{
    border: solid 1px #525b5c;
    display: flex;
    padding: 29px 80px 29px 29px;
    align-items: center;
    text-decoration: none;
    color: #1b2025;
    position: relative;
}
.secPackageMain .linkCover::after{
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border: solid 1px #00a1e9;
    border-radius: 50%;
    right: 29px;
    bottom: 29px;
}
.secPackageMain .linkCover.lazyloaded::after{
    background: url(../img/product/iconArrow.gif) center center / 8px auto no-repeat #fff;
}
.secPackageMain .img{
    width: 266px;
    height: 200px;
    flex-shrink: 0;
}
.secPackageMain .itemTit{
    width: calc(100% - 266px);
    margin-left: 30px;
    font-size: var(--fPc27Fs);
    line-height: var(--fPc27Lh);
    letter-spacing: var(--fPc27Ls);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: calc(var(--fPc26Fs) * var(--fPc26Lh) * 3);
    font-weight: 700;
}
@media only screen and (max-width:991px){
    .secPackageMain{
        margin: 35px auto 0;
    }
    .secPackageMain .packageListCover{
        margin-top: 30px;
    }
    .secPackageMain .packageItem{
        width: 100%;
        margin-right: 0;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    }
    .secPackageMain .packageItem:nth-child(n+2){
        margin-top: 20px;
    }
    .secPackageMain .linkCover{
        border: none;
        padding: 10px;
    }
    .secPackageMain .linkCover::after{
        width: 25px;
        height: 25px;
        right: 15px;
        bottom: auto;
        top: calc(50% - 12.5px);
    }
    .secPackageMain .linkCover.lazyloaded::after{
        background-size: 4px auto;
    }
    .secPackageMain .img{
        width: 130px;
        height: 98px;
    }
    .secPackageMain .itemTit{
        width: calc(100% - 145px);
        margin-left: 15px;
        font-size: var(--fSp15Fs);
        line-height: var(--fSp15Lh);
        letter-spacing: var(--fSp15Ls);
        padding-right: 40px;
        max-height: calc(var(--fSp15Fs) * var(--fSp15Lh) * 3);
        font-weight: normal;
    }
}
@media only screen and (max-width:359px){
    .secPackageMain .itemTit{
        font-size: var(--fSp13Fs);
        line-height: var(--fSp13Lh);
        letter-spacing: var(--fSp13Ls);
        max-height: calc(var(--fSp13Fs) * var(--fSp13Lh) * 3);
        padding-right: 20px;
    }
    .secPackageMain .linkCover::after{
        width: 18px;
        height: 18px;
        right: 10px;
        top: calc(50% - 9px);
    }
}

/* secDetailsTop */
.secDetailsTop{
    margin-top: 80px;
    text-align: center;
}
.secDetailsTop .iconTxt{
    font-size: var(--fPc19Fs);
    line-height: var(--fPc19Lh);
    letter-spacing: var(--fPc19Ls);
    padding: 8px;
    min-width: 152px;
    background: #ea68a2;
    text-align: center;
    display: inline-block;
    color: #fff;
}
.secDetailsTop .detailsTit{
    font-size: var(--fPc46Fs);
    line-height: var(--fPc46Lh);
    letter-spacing: var(--fPc46Ls);
    font-weight: 700;
    position: relative;
    margin-top: 28px;
}
.secDetailsTop .detailsTit::after{
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background: #1b2025;
    left: calc(50% - 25px);
    bottom: -42px;
}
.secDetailsTop .detailsTxt{
    font-size: var(--fPc20Fs);
    line-height: var(--fPc20LhWide);
    letter-spacing: var(--fPc20Ls);
    margin-top: 83px;
    text-align: left;
}
.secDetailsTop .img{
    margin-top: 42px;
    text-align: center;
}
.secDetailsTop .img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
@media only screen and (max-width:991px){
    .secDetailsTop{
        margin-top: 40px;
        text-align: center;
    }
    .secDetailsTop .iconTxt{
        font-size: var(--fSp13Fs);
        line-height: var(--fSp13Lh);
        padding: 5px 6px 6px;
        min-width: 165px;
    }
    .secDetailsTop .detailsTit{
        font-size: var(--fSp18Fs);
        line-height: var(--fSp18Lh);
        letter-spacing: var(--fSp18Ls);
        margin-top: 20px;
        text-align: left;
    }
    .secDetailsTop .detailsTit::after{
        display: none;
    }
    .secDetailsTop .detailsTxt{
        font-size: var(--fSp13Fs);
        line-height: var(--fSp13Lh);
        letter-spacing: var(--fSp13Ls);
        margin-top: 7px;
        text-align: left;
    }
    .secDetailsTop .img{
        margin-top: 15px;
    }
}
/* secDetailsEntry */
.secDetailsEntry{
    margin-top: 90px;
    position: relative;
}
@media only screen and (max-width:991px){
    .secDetailsEntry{
        margin-top: 43px;
    }
    .secDetailsEntry table{
        width: 100% !important;
    }
}

.secCmnBack{
    margin-top: 80px;
    padding-bottom: 150px;
}
@media only screen and (max-width:991px){
    .secCmnBack{
        margin-top: 40px;
        padding-bottom: 80px;
    }
}
video{
    max-width: 1200px !important;
    max-height:64.5vh !important;
    height: auto !important;
    width: 80vw !important;
    /* max-width: 1200px !important;
    max-height: 80vh !important;
    height: auto !important;
    width: 80vw !important; */
}

/* secList */
.secList{
    margin-top: 100px;
}
.secList + .secList{
    margin-top: 95px;
}
.secList .boxList{
    margin-top: 55px;
}
.secList .item{
    width: 400px;
}
.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 .txtItem{
        font-size: var(--fSp13Fs);
        letter-spacing: var(--fSp13Ls);
        line-height: var(--fSp13Lh);
        margin-top: 8px;
    }
}

/* 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{
        width: 35px;
        height: 35px;
        top: 38px;
    }
    .secHeroSlider .swiper-button-prev{
        left: -12px;
    }
    .secHeroSlider .swiper-button-next{
        right: -12px;
    }
    .secHeroSlider .txtAbout{
        font-size: var(--fSp12Fs);
        line-height: var(--fSp12Lh);
        max-height: 45px;
        margin-top: 12px;
    }
}