@charset 'UTF-8';

/* === responsive === */
@media all and (min-width: 769px) {
.sp { display: none; }
}

@media all and (max-width: 768px) {
.pc { display: none; }
}

/* === float clear === */
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
/* === container === */
.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.cnt {
    width: 90%;
    margin: 0 auto;
}

.youtube {
    position:relative;
    width:100%;
    padding-top:56.25%;
}

.youtube iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

#contents {
    padding-top: 86px;
}

@media all and (max-width: 768px) {
    #contents {
        padding-top: 55px;
    }
}