@charset "utf-8";

/*===================================================
基本設定
===================================================*/
.fadeInPre,
.fadeInUpPre,
.fadeInDownPre,
.bounceInPre,
.flipInXPre,
.bounceInPre,
.tadaPre,
.zoomInPre,
.fadeInRightPre,
.fadeInLeftPre {
  visibility: hidden;
}

.fadeInPre.fadeIn,
.fadeInUpPre.fadeInUp,
.fadeInDownPre.fadeInDown,
.bounceInPre.bounceIn,
.flipInXPre.flipInX,
.bounceInPre.bounceIn,
.tadaPre.tada,
.zoomInPre.zoomIn,
.fadeInRightPre.fadeInRight,
.fadeInLeftPre.fadeInLeft {
  visibility: visible;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	transition: all 0.2s;
}
.animated.zoomIn {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}


/*===================================================
強み
===================================================*/
#intro p {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
#intro h1 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

#advantage h1 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

@media screen and ( min-width:666px ) {
#advantage li {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}
#advantage li:nth-of-type(2) {
	-webkit-animation-delay: .85s;
	animation-delay: .85s;
}
#advantage li:nth-of-type(3) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
}


/*===================================================
困る
===================================================*/
#problem h1 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

#trouble #solve > p:first-child {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
#trouble #solve p:nth-of-type(2) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

@media screen and ( min-width:666px ) {
#trouble #problem li {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
#trouble #problem li:nth-of-type(2) {
	-webkit-animation-delay: .55s;
	animation-delay: .55s;
}
#trouble #problem li:nth-of-type(3) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

#trouble #solve li {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
}
#trouble #solve li:nth-of-type(2) {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}
#trouble #solve li:nth-of-type(3) {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
}
}