@charset "utf-8";

/*--------------------------------------------------------------------------
   mainvisual
---------------------------------------------------------------------------*/
.mv_fin{
width: 100%;
height: 100vh;
position: relative;
 background-image: url(../img/top_fin/mv_pc.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.mv_fin .cap {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 11px;
}

.mv_fin .fin_text {
    width: 92%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 800px;
        background: rgb(0 0 0 / 75%);
    color: #fff;
    text-align: center;
    padding: 70px 30px;
    line-height: 200%;
        font-family: "Noto Serif JP", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.mv_fin .fin_text .catcn {
    margin-bottom: 3%;
    font-size: 5rem;
    letter-spacing: 0.15em;
    margin-bottom: 60px;
    /*color: #cdcaa5;*/
     color: #ffffff;
}

.mv_fin .fin_text .message {
    font-size: min(2.3vw, 20px);
    line-height: 1.8;
}

.mv_fin .fin_text::after {
    content: "";
    position: absolute;
    top: 3%;
    left: 1.5%;
    width: 97%;
    height: 94%;
    border: 1px solid #b4d595;
}


.view_sp {
    display: none;
}

.page-caption {
    margin: 0 ;
    padding: 15px 15px 0;
     text-align: right;
    background: #f9f9f9;
}

#caption {
    margin: 20px auto;
    font-size: 11px;
}

@media screen and (max-width: 768px) {
.view_sp {
    display:block;
}
    
    
.mv_fin{
height: 90vh;
 background-image: url(../img/top_fin/mv_sp.jpg);
}
    
.mv_fin .fin_text {
    padding: 40px 30px;
}
    

.mv_fin .fin_text .catcn {
    font-size: min(10.8vw, 76px);
    margin-bottom: 25px;
}

.mv_fin .fin_text .message {
    font-size: min(4.4vw, 16px);
    line-height: 2;
}