/* レスポンシブで横スクロール防止 */
.wrap-delighter {
	overflow: hidden;
}

.delighter h2 { transition: all 1s ease-out; }
.delighter li { transition: all .7s ease-out; }

.delighter h2 { transform: translate(0, -300%);  opacity: 0}
.delighter li:nth-child(1) { transform: translate(-30%, 0);  opacity: 0}
.delighter li:nth-child(2) { transform: translate(0, 40%);  opacity: 0}
.delighter li:nth-child(3) { transform: translate(30%, 0);  opacity: 0}

.delighter.started h2 { transform: translate(0, 0); opacity: 1}
.delighter.started li:nth-child(1) { transform: translate(0, 0); opacity: 1}
.delighter.started li:nth-child(2) { transform: translate(0, 0); opacity: 1}
.delighter.started li:nth-child(3) { transform: translate(0, 0); opacity: 1}