@charset "UTF-8";
/* CSS Document */

.campaign-mv {
	padding-bottom: 5%
}
.campaign-mv h1 {
	width: min(100%,800px);
	margin: 0 auto
}
.campaign-lead {
	font-weight: 700;
}
@media (min-width: 835px) {
	.campaign-dtl {
		display: flex;
		align-items: flex-start;
		width: min(90%,980px);
		margin: 0 auto 40px
	}
	.campaign-dtl img {
		width: 40%
	}
	.campaign-dtl .campaign-lead {
		width: 50%
	}
}
@media (max-width: 834px) {
	.campaign-dtl .campaign-lead {
		text-align: center
	}
}
.campaign-ttl {
	width: 100%;
	padding: .5em;
	border-radius: .3em;
	color: var(--wht);
	font-size: var(--tm);
	font-weight: 700;
	text-align: center
}
.campaign-clr1 {
	background-color: #8dc21f
}
.campaign-clr2 {
	background-color: #009fe8
}
.campaign-clr3 {
	background-color: #f48458
}
.campaign-img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.fadein {
	transition-property: opacity,transform;
	-moz-transition-property: opacity,transform;
	-webkit-transition-property: opacity,transform;
	transition-duration: .6s;
	-moz-transition-duration: .6s;
	-webkit-transition-duration: .6s;
	transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
}
.fadein.pop1,
.fadein.pop2,
.fadein.pop3,
.fadein.pop4 {
    opacity : 1;
    transform : translate(0, 0);
}
@media (max-width: 834px) {
	.fadein.pop1.scrollin,
	.fadein.pop2.scrollin,
	.fadein.pop3.scrollin,
	.fadein.pop4.scrollin {
		animation: pop-up .4s .4s;
	}
}
@media (min-width: 835px) {
	.fadein.pop1.scrollin {
		animation: pop-up .4s .4s;
	}
	.fadein.pop2.scrollin {
		animation: pop-up .4s .8s;
	}
	.fadein.pop3.scrollin {
		animation: pop-up .4s 1.2s;
	}
	.fadein.pop4.scrollin {
		animation: pop-up .4s 1.6s;
	}
}
@keyframes pop-up {
    from {
    transform : translateY(0);
    }
    40% {
    transform : translateY(-10px);
    }
    to {
    transform : translateY(0);
    }
}