@charset "utf-8";
.ttl_txt{
    font-size: 200%;
    margin: 50px 0 30px 0;
    text-align: center;
    letter-spacing: 5px;
    font-weight: bold;
}
.sub_txt{
    font-size: 120%;
    text-align: left;
    font-weight: bold;
    margin-bottom: 2%;
}
.movie_btn{
  display: block;
  width: 70%;
  margin: 5% auto;
  padding: 3%;
  background: #009de6;
  color:#fff;
  border:none;
  border-radius:999px;
  cursor:pointer;
  font-weight:bold;
  text-decoration:none;
}

.movie_modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.8);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:9999;
  padding:20px;
}

.movie_modal.active{
  display:flex;
}

.movie_inner{
  position:relative;
  width: min(800px,33%);
}

.movie_inner video{
  max-width: 70%;
  display:block;
  margin: 0 auto;
  border-radius:20px;
}

.close_btn{
  position:absolute;
  top:-50px;
  right:0;
  background:none;
  border:none;
  color:#fff;
  font-size:40px;
  cursor:pointer;
}



@media screen and (max-width:768px){
    .ttl_txt{
        font-size: 160%;
        margin: 50px 0 30px 0;
        text-align: center;
        letter-spacing: 5px;
        font-weight: bold;
    }
    .sub_txt{
        font-size: 120%;
        text-align: left;
        font-weight: bold;
        margin-bottom: 2%;
    }
    .movie_btn{
        display: block;
        width: 90%;
        margin: 5% auto 8%;
        padding: 4%;
        background: #009de6;
        color:#fff;
        border:none;
        border-radius:999px;
        cursor:pointer;
        font-weight:bold;
        text-decoration:none;
    }

    .movie_modal{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.8);
        display:none;
        justify-content:center;
        align-items:center;
        z-index:9999;
        padding:20px;
    }

    .movie_modal.active{
        display:flex;
    }

    .movie_inner{
        position:relative;
        width: 100%;
    }

    .movie_inner video{
        max-width: 90%;
        display:block;
        margin: 0 auto;
        border-radius:20px;
    }

    .close_btn{
        position:absolute;
        top:-50px;
        right:0;
        background:none;
        border:none;
        color:#fff;
        font-size:40px;
        cursor:pointer;
    }

}