/* ブラウザの横幅が430px以下になった時pc用を無効にする。　（430,376）*/
@media screen and ( max-width: 430px) and ( min-width: 394px)  {
    .mov {
        display: none;   /* パソコン用動画表示を非表示にする。 */
    }
    .se-mov {
        display: none;   /* パソコン用動画表示を非表示にする。 */
    }
    .sp15-mov {
        display: none;
    }
}

/* iPhone15の時 (393)*/
@media screen and ( max-width: 393px) and ( min-width: 376px)  {
    .mov {
        display: none;   /* パソコン用動画表示を非表示にする。 */
    }
    .se-mov {
        display: none;   /* パソコン用動画表示を非表示にする。 */
    }
    .sp-mov {
        display: none;
    }
}


/* ブラウザの横幅が431px以上になった時sp用を無効にする。*/
@media screen and (min-width: 431px) {
    .sp-mov {
        display: none;   /* スマートフォン用動画表示を非表示にする。 */
    }
    .se-mov {
        display: none;
    }
    .sp15-mov {
        display: none;
    }

    /*
    .movie__btn {
        margin-top: 1em;
        text-align: center;
      }
      
    .movie__btn button {
        color: inherit;
        font-family: inherit;
        font-size: 12px;
        padding: 0.5em 1em;
        border-radius: 50px;
        box-shadow: initial;
        display: inline-block;
        appearance: none;
        border: 1px solid #333;
        background-color: initial;
        cursor: pointer;
      }
      */
}

@media screen and (max-width: 375px) {
    .mov {
        display: none;   /* パソコン用動画表示を非表示にする。 */
    }
    .sp-mov {
        display: none;   /* パソコン用動画表示を非表示にする。 */
    }
    .sp15-mov {
        display: none;
    }
}