/* main visual */

.main-visual{
    position:relative;
    width:100%;
    height:100vh;
    min-height:720px;
    overflow:hidden;
}

.main-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.main-visual-dim{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.48);
}

.main-visual-text{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    width:100%;
    padding:0 20px;
    text-align:center;
    color:#fff;
    transform:translate(-50%, -50%);
}

.main-visual-text strong{
    display:block;
    margin-bottom:8px;
    font-size:58px;
    font-weight:800;
    line-height:1;
}

.main-visual-text h2{
    margin:0 0 8px;
    font-size:30px;
    font-weight:700;
    line-height:1.3;
}

.main-visual-text p{
    margin:0;
    font-size:21px;
    font-weight:400;
    line-height:1.45;
}

@media (max-width:1024px){
    .main-visual{
        min-height:640px;
    }

    .main-visual-text strong{
        font-size:48px;
    }

    .main-visual-text h2{
        font-size:26px;
    }

    .main-visual-text p{
        font-size:18px;
    }
}

@media (max-width:768px){
    .main-visual{
        min-height:560px;
    }

    .main-visual-text strong{
        font-size:42px;
    }

    .main-visual-text h2{
        font-size:22px;
    }

    .main-visual-text p{
        font-size:16px;
    }

    .pc-only{
        display:none;
    }
}