@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LYX */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    margin: 0 auto;
    max-width: 90rem;
}
@media all and (max-width: 960px) {
    .content {
        margin: 0 1rem;
        max-width: 100%;
    }
}
/*------------------------------------------------------------
	fade
------------------------------------------------------------*/
.fadeIn {
    opacity: 0;
    transition: 1.5s;
}
.fadeIn.on {
    opacity: 1;
}
.fadeUp {
    opacity: 0;
    transform: translateY(4rem);
    transition: .5s;
}
.fadeUp.on {
    opacity: 1;
    transform: translateY(0);
}
.fadeInRrght {
    opacity: 0;
    transform: translateX(-4rem);
    transition: .5s;
}
.fadeInRrght.on {
    opacity: 1;
    transform: translateX(0);
}
.delay01 {
    transition-delay: 0.5s;
    transition-delay: 1.1s;
}
.delay02 {
    transition-delay: 1s;
    transition-delay: 1.6s;
}
.delay03 {
    transition-delay: 1.5s;
    transition-delay: 2.1s;
}
.delay04 {
    transition-delay: 2s;
    transition-delay: 2.6s;
}