@charset "UTF-8";

/*------MV画像レイアウト調整------*/
#mv .mv_img {
    min-height: 500px;
}
#mv:after {
    background: none;
}
#mv .mv_text {
    height: auto;
    width: fit-content !important;
    left: 50% !important;
    bottom: 50% !important;
    transform: translate(-50%, 50%);
    white-space: nowrap;
}
#mv .mv_text>div {
    width: fit-content;
}
#mv .mv_text h2 {
    line-height: 1.4;
    letter-spacing: 0.05rem;
    font-size: 2.8rem !important;
    background: rgb(242 243 218 / 80%);
    color: var(--i_txt_color);
    padding: 2rem;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, 1px 0px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff;
}
#mv .mv_text .color_red {
    color: #ff2e2e;
    font-size: 135%;
    filter: drop-shadow(1px 1px 1px black);
}
#mv .mv_text small {
    display: block;
    padding-top: 1rem;
    font-size: 1.6rem;
}
#mv .mv_text span.middle_font {
    font-size: 2.2rem;
}
#mv .mv_text p span {
    background: rgb(242 243 218 / 85%);
    display: block;
    text-align: left;
    color: var(--i_txt_color);
    font-size: 2.4rem;
    padding: 1.5rem 2rem; 
    line-height: 1;
    width: fit-content;
    box-sizing: border-box;
    text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, 1px 0px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff;
}
#mv .mv_text p span + span {
    margin-top: 5px;
}

@media screen and (max-width: 700px) {
#mv .mv_text h2 {
    font-size: 4vw !important;
    padding: 2.4vw;
}
#mv .mv_text small {
    font-size: 2.4vw;
    padding-top: 1.2vw;
}
#mv .mv_text span.middle_font {
    font-size: 2.8vw;
}
#mv .mv_text p span {
    font-size: 3.2vw;
    padding: 2vw 2.4vw;
}
}