@charset "UTF-8";
.main{
    margin-top: 100px;
}
.container{
    position: relative;
    aspect-ratio: 1440 / 500;
}
.container img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate( -50%,-50% );
    width: calc( 476 / 1440 * 100% );
    max-width: 400px;
}
.container h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate( -50%,-50% );
    padding: 0;
    margin: 0;
    font-size: min(calc( 40 / 1440 * 100vw ),35px);
    text-transform: uppercase;
}
.mo-title{
    font-size: 4rem;
}
h3{
    font-size: 3rem;
    text-align: center;
    margin: 50px auto;
}
h4{
    font-size: 2rem;
    text-align: center;
    margin: 100px auto;
}
.main p{
    text-align: center;
    color: #808080;
}
.mgr-10{
    margin-right: 10px;
}
div.vid_contents {
    text-align: center;
    margin: auto;
    padding: 2% 2% 2% 2%;
    }
    video.vid_main {
    width: 100%;
    max-width: 920px;
    }
@media ( max-width:520px){
.container h1{
    font-size: 2.5rem
}
.container img{
    width: calc( 240 / 390 * 100% );
}
h3{
    font-size: 2.5rem;
}
}
@media ( min-width: 1000px ){
    .container{
        aspect-ratio: 1440 / 300;
    }
}