@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;}
.noto {
	font-family: "Noto Sans JP", sans-serif;
}
/*------------------------------------------------------------
	fade
------------------------------------------------------------*/
.fadeIn {
    opacity: 0;
    transform: translateY(3rem);
    transition: all 1s ease-out;
}
.fadeIn.active {
    opacity: 1;
    transform: translateY(0);
}
.fadeUp {
    opacity: 0;
    transform: translateY(40px);
    transition: .5s;
}
.fadeUp.active {
    opacity: 1;
    transform: translateY(0);
}
.fadeLeft {
    opacity: 0;
    transform: translateX(-4rem);
    transition: all 1s ease-out;
}
.fadeLeft.active {
    opacity: 1;
    transform: translateX(0);
}
.fadeRight {
    opacity: 0;
    transform: translateX(4rem);
    transition: all 1s ease-out;
}
.fadeRight.active {
    opacity: 1;
    transform: translateX(0);
}
.zoom {
    opacity: 0;
    transform: scale(1.05);
    transition: 1s ease-out;
}
.zoom.active {
    opacity: 1;
    transform: scale(1);
}
@media all and (min-width: 769px) {
.animation li {
    opacity: 0;
    transform: translateY(3rem);
    transition: all 1s ease-out;
}
.animation.active li {
    opacity: 1;
    transform: translateY(0);
}
.delay01 {
	transition-delay: 0.4s !important;
}
.delay02 {
	transition-delay: 0.8s !important;
}
}
@media all and (max-width: 768px) {
    .fadeInSp {
        opacity: 0;
        transform: translateY(3rem);
        transition: all 1s ease-out;
    }
    .fadeInSp.active {
        opacity: 1;
        transform: translateY(0);
    }
    .delay03 {
        transition-delay: 0.4s !important;
    }
    .delay04 {
        transition-delay: 0.8s !important;
    }
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    padding: 0 2rem;
    margin: 0 auto;
    max-width: 125.7rem;
    position: relative;
    z-index: 3;
}
@media all and (max-width: 768px) {
.content {
    max-width: 100%;
}
}