@charset "UTF-8";

/* ==========================================================================
  youtubeリンク
========================================================================== */
.youtube-link-area {
    width: 54rem;
    height: 24rem;
    margin: 10rem auto 0;
    text-align: center;
    border: 20px solid #fff6e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    row-gap: 4rem;
}
.youtube-link-ttl {
    position: relative;
    font-size: 2.8rem;
    padding-left: 4rem;
    /*font-weight: 400;*/
}
.youtube-link-ttl:before {
    position: absolute;
    content: "";
    display: block;
    width: 4rem;
    height: 2.8rem;
    background: url(../images/addition/icon_youtube.webp) no-repeat;
    background-size: contain;
    top: 0;
    left: -1rem;
}
.youtube-link-txt {
    position: relative;
    text-decoration: underline;
}
.youtube-link-txt:before {
    position: absolute;
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../images/addition/icon_youtube_link.webp) no-repeat;
    background-size: contain;
    top: -0.2rem;
    left: -2.8rem;
}
.youtube-link-txt:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.5rem;
    background: url(../images/addition/icon_new_window.webp) no-repeat;
    background-size: contain;
    top: 0.1rem;
    right: -2.1rem;
}

@media screen and (max-width: 767px) {
    .youtube-link-area {
        row-gap: 3rem;
        border: 2rem solid #fff6e0;
    }
    .youtube-link-ttl {
        font-size: 3.5rem;
    }
    .youtube-link-txt {
        font-size: 2.5rem;
    }
    .youtube-link-txt:before {
        width: 2.5rem;
        height: 2.5rem;
        top: 0;
        left: -3.2rem;
    }
    .youtube-link-txt:after {
        width: 2rem;
        height: 2rem;
        top: 0.3rem;
        right: -2.5rem;
    }
}

/* MV動画のフィルターなし */
.p-fv__inr {
    filter: unset;
}