.sec01-img {
    margin: calc((68/750)*100vw) auto calc((75/750)*100vw);
    box-shadow: 0 0 calc((27/750)*100vw) rgba(0, 0, 0, 0.05);
    width: calc((685/750)*100vw);
    color: #333!Important;
  }
  
  @media screen and (min-width: 768px), print {
    .sec01-img {
      box-shadow: 0 0 min(calc((27/1040)*100vw), 27px) rgba(0, 0, 0, 0.05);
      margin: min(calc((50/1040)*100vw), 50px) auto min(calc((48/1040)*100vw), 48px);
      width: min(calc((1000/1040)*100vw), 1000px)
    }
  }

.ppa .min {
    width: min(calc((910/1040)*100vw), 910px)!important;
    margin-top:min(calc((80/1040)*100vw), 80px)!important;
}

.movie {
    background: #fff;
    padding:min(calc((30/1040)*100vw), 30px) min(calc((40/1040)*100vw), 40px);
}
.movie .m-sub {
    text-align: center;
    font-size: min(calc((18/1040)*100vw), 18px);
    padding: 0;
    font-weight: normal;
    letter-spacing: 1px;
    margin: min(calc((10/1040)*100vw), 10px) 0;
}
.movie .m-mds {
    text-align: center;
    font-size: min(calc((22/1040)*100vw), 22px);
    padding: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: min(calc((20/1040)*100vw), 20px) 0 0;
    color: #fff;
    background: #333;
}
.movie dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    margin-top: 25px!important;
}
.movie dl dt {
    margin: 0!important;
    padding: 0!important;
    width: 40%!important;
    font-size: min(calc((16/1040)*100vw), 16px);
    text-align: left!important;
}
.movie dl dt .job {
    margin: 20px 0 0;
    padding: 25px 15px 20px 0;
    border: 1px solid #333;
}
.movie dl dt .float {
    color: #fff;
    background: #333;
    padding: 5px 10px 5px 20px;
    text-align: left!important;
}
.movie dl dt .text {
    margin: 10px 0 0;
    padding: 0 0 0 20px;
    text-align: left!important;
}
.movie dl dd {
    margin: 0!important;
    padding: 0!important;
    width: 55%!important;
}
.video-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* use contain if you don't want cropping */
    display: block;
}
.movie .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}
.movie .minus {
    margin-bottom: -20px!important;
}
.movie .flex .m-mds {
    font-size: min(calc((18/1040)*100vw), 18px);
}
.movie .flex .sub {
    width: 47%;
    margin-top: min(calc((30/1040)*100vw), 30px);
}
.movie .flex .sub dl,
.movie .flex .sub dt,
.movie .flex .sub dd {
    width: 100%!important;
}
.movie .flex .sub dl {
    flex-direction: column-reverse;
}
.movie .flex .sub dt {
    margin-top: 20px!important;
}

@media screen and (max-width:767px){
    .movie {
        padding: calc((30/750)*100vw) 4%;
    }
    .movie .m-sub {
        font-size: calc((24/750)*100vw);
        margin: calc((15/750)*100vw) 0;
    }
    .movie .m-mds {
        text-align: center;
        font-size: calc((26/750)*100vw);
        padding: 10px;
        font-weight: normal;
        letter-spacing: 1px;
        margin: calc((30/750)*100vw) 0 0;
        color: #fff;
        background: #333;
    }
    .movie dl {
        margin-top: calc((10/750)*100vw)!important;
        flex-direction: column-reverse;
    }
    .movie dl dt {
        margin: 0!important;
        padding: 0!important;
        width: 100%!important;
        font-size: calc((22/750)*100vw);
    }
    .movie dl dd {
        margin: calc((20/750)*100vw) 0!important;
        padding: 0!important;
        width: 100%!important;
    }
    .movie dl dt .job {
        margin: 20px 0 0;
        padding: 25px 15px 20px 0;
        border: 1px solid #333;
    }
    .movie .flex .sub {
        width: 100%;
        margin-top: calc((30/750)*100vw);
    }
    .movie .flex .m-mds {
        font-size: calc((26/750)*100vw);
    }
    .movie .flex .sub dt {
        margin-top: 0!important;
    }
}