@charset "UTF-8";

/* 共通 */
a.btn_01 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 120px;
    margin: auto;
    padding: 1rem 4rem;
    font-weight: bold;
    border: 2px solid #FF66CC;
    color: #FF66CC;
    transition: 0.5s;
}
a.btn_01:hover {
    color: #fff;
    background: #FF66CC;
}

div [id^="Vimeo"].vertical iframe {
    width: 100%;
    min-height: 50vh;

}

/* PC用 */
@media screen and (min-width: 1025px) {
    div[id^="Vimeo"] iframe {
        width: 100%;
        height: calc(30vw / 16 * 9);
    }
}

/* SP用 */
@media screen and (max-width: 1024px) {
    div [id^="Vimeo"].horizontal iframe {
        width: 100%;
        height: calc((100vw - 30px) / 16 * 9);
    }

}