@charset "UTF-8";


/*------------------------ 分類：MV系 ------------------------*/
.m-mv{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 360px;
    margin-bottom: 140px;
    position: relative;
}

.m-mv .m-mv-cover{
    position: absolute;
    width: 100%;
    height: 360px;
    background: linear-gradient(45deg, rgba(255,237,188,0.4), rgba(76,193,162,0.4), rgba(142,197,252,0.4) ,rgba(224,195,252,0.4), rgba(239,98,159,0.4));
    background-size: 300% 300%;
    animation: bganim1 10s ease infinite;
}

@keyframes bganim1{
    0%{ background-position: 0% 50% }
    50%{ background-position: 100% 50% }
    100%{ background-position: 0% 50% }
}

@media screen and (max-width: 768px){
	.m-mv{
	    background-position: center center;
	    background-size: cover;
	    width: 100vw;
	    height: 48vw;
	    margin-bottom: 50px;
	}

	.m-mv .m-mv-cover{
	    width: 100vw;
	    height: 48vw;
	}
}


/*------------------------ 分類：ボタン系 ------------------------*/
/*戻るボタン*/
.m-btn-back {
    margin-bottom: 100px;
    text-align: center;
}

@media screen and (max-width: 768px){
	.m-btn-back a {
        display: block;
        margin: 0 auto;
	    width: 92vw;
	    height: 20vw;
	    border-radius: 10vw;
	}
}