@charset "UTF-8";

/*--------MVテキストフォント変更--------*/
#mv .mv_text{
    padding-top: 0!important;
    bottom: 25%!important;
    height: fit-content;
}
#mv .mv_text>div{
    margin: 0 auto;
}
#mv .mv_text h2{
    font-size: 2.4rem!important;
    letter-spacing: 10px;
    text-shadow: 1px 1px 1px rgba(51,51,51,0.8);
    padding-top: 0px;
}
#mv .mv_text h2:before{
    font-family: 'DM Serif Text', serif;
    font-style: italic;
    font-size: 130px;
    text-shadow: 1px 1px 1px rgba(51,51,51,0.8);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
}

@media screen and (max-width: 1200px){
#mv .mv_text h2{
    font-size: 2rem!important;
}
#mv .mv_text h2:before{
    font-size: 95px;
}
}
@media screen and (max-width: 768px) {
#mv .mv_text h2 {
    font-size: max(14px,3vw)!important;
    letter-spacing: 0.4em;
}
#mv .mv_text h2:before {
    font-size: 11vw;
    top: max(14px,3vw);
}
}
@media screen and (max-width: 700px){
#mv .mv_text>div{
    width: fit-content;
}
}