@charset "utf-8";

.detect {
	position:relative;
}
.detect.aos-init {
    top: 60px;
    opacity: 0;
}
.detect.aos-animate {
    top: 0;
    opacity: 1;
}
.detect-left {
	position:relative;
}
.detect-left.aos-init {
    left: -30%;
    opacity: 0;
}
.detect-left.aos-animate {
    left: 0%;
    opacity: 1;
}
.detect-right {
	position:relative;
}
.detect-right.aos-init {
    right: -30%;
    opacity: 0;
}
.detect-right.aos-animate {
    right: 0%;
    opacity: 1;
}

.detect-delay-aos {
	position:relative;
}
.detect-delay-aos.aos-init > li {
    top: 60px;
    opacity: 0;
}
.detect-delay-aos.aos-animate > li {
    top: 0;
    opacity: 1;
}

.detect-opa {
	position:relative;
}
.detect-opa.aos-init {
    top: 0px;
    opacity: 0;
}
.detect-opa.aos-animate {
    top: 0;
    opacity: 1;
}
.detect-top-opa-12 {
	transition: top 1.2s, opacity 1.2s;
}
.detect-top-opa-15 {
	transition: top 1.5s, opacity 1.5s;
}
.detect-top-opa-20 {
	transition: top 2s, opacity 2s;
}
.detect-top-opa-30 {
	transition: top 3s, opacity 3s;
}
.detect-img-scale {
	position:relative;
}
.detect-img-scale img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.5s;
    transition-timing-function: ease-out;
    transform: scale(1.4);
    text-indent: -9999px;
}
.detect-img-scale.aos-animate img {
    transform: scale(1);
}

.detect-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 2s;
    transition-timing-function: ease-in-out;
    transform: scale(1.4);
    text-indent: -9999px;
}
.detect-img.aos-animate {
    transform: scale(1);
}
.detect-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 2s;
    transition-timing-function: ease-in-out;
    transform: scale(1.4);
    text-indent: -9999px;
}
.detect-bg.aos-animate img {
    transform: scale(1);
}

.section_background_hide {
    position: absolute;
    right: 0;
    top: -1px;
    width: 100%;
    height: calc(100% + 2px);
    z-index: 2;
    background: #fff;
    transition: width 1.2s;
    transition-timing-function: ease-in-out;
}
.body-bg .section_background_hide {
	background:rgba(252,250,242,1);
}
.detect-bg.aos-animate .section_background_hide,
.detect.aos-animate .section_background_hide {
    width: 0;
}
.section_background {
    position: relative;
    width: 100%;
	height: 100%;
    overflow: hidden;
    margin-top: -40px;
    z-index: 1;
    background: #a1ca28;
}

.img-background-hide {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #eee;
    transition: height 0.8s;
    transition-timing-function: ease-in-out;
}
.detect.aos-animate .img-background-hide {
    height: 0;
}


.width-background-hide {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #fff;
    transition: width 0.8s;
    transition-timing-function: ease-out;
}
.detect.aos-animate .width-background-hide,
.detect-bg.aos-animate .width-background-hide {
    width: 0;
}