@charset "Shift_JIS";

body{
    margin:0;
    text-align:center;
    background:#021d49;
}
    
.wrapper{
    background:#fff;
    padding:1em 0 2em 0;
    margin-top:1em;
}

header{
    margin-bottom:1em;
    text-align:center;
}
    
   
footer{
    margin-top:3em;
    text-align:center;
}
    
.logo_yellowhat{width:400px;}
    
@media screen and (max-width: 960px){
    
    .logo_yellowhat{width:60%;}
    
    .video {
        position: relative;
        height: 0;
        padding: 0 0 56.25%;
        overflow: hidden;
    }
    
    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
}