@charset "UTF-8";

/*
body {
	overflow-y: scroll;
}
body:not(.showContents)::before,
body:not(.showContents) > div,
body:not(.showContents) > section:not(#first) {
	display: none;
}
*/

#first {
	width: 100%;
	height: 100vh;
	position: relative;
	background: url(../img/cnt_bg.png) center top;
	overflow: visible;
	min-height: 820px;
	margin: 0 0 -2px;
}
#mark {}
#mark span,
#mark span::before,
#mark span::after {
	position: absolute;
	background: no-repeat center / contain;
	aspect-ratio: 1;
	width: 86px;
	opacity: 0;
}
#mark span {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	opacity: -1;
}
#mark span[data-type="chance"],
#mark span[data-type="chance"]::before,
#mark span[data-type="chance"]::after {
	background-image: url(images/mark_chance.png);
}
#mark span[data-type="positive"],
#mark span[data-type="positive"]::before,
#mark span[data-type="positive"]::after {
	background-image: url(images/mark_positive.png);
}
#mark span[data-type="openmind"],
#mark span[data-type="openmind"]::before,
#mark span[data-type="openmind"]::after {
	background-image: url(images/mark_openmind.png);
	background-size: 90%;
}
#mark span[data-type="text"][data-number="1"] {
	background-image: url(images/text01.png);
	background-size: auto 100%;
	background-position: left center;
	transform: translate(-50%, -50%) scale(1) rotate(-8deg);
	margin: -50px 0 0 -120px;
	width: 800px;
	height: 170px;
	aspect-ratio: auto;
	padding-left: 200px;
}
#mark span[data-type="text"][data-number="2"] {
	background-image: url(images/text02.png);
	background-size: auto 100%;
	background-position: left center;
	transform: translate(-50%, -50%) scale(1) rotate(-8deg);
	margin: 95px 0 0 -200px;
	width: 600px;
	height: 26px;
	aspect-ratio: auto;
	box-sizing: content-box;
	padding-left: 200px;
}

#mark span[data-type="chance"][data-number="1"] {
	margin: 0 0 0 -160px;
}
#mark span[data-type="positive"][data-number="1"] {}
#mark span[data-type="openmind"][data-number="1"] {
	margin: 0 0 0 160px;
}
#mark span[data-type="chance"][data-number="1"]::before,
#mark span[data-type="chance"][data-number="1"]::after,
#mark span[data-type="positive"][data-number="1"]::before,
#mark span[data-type="positive"][data-number="1"]::after,
#mark span[data-type="openmind"][data-number="1"]::before,
#mark span[data-type="openmind"][data-number="1"]::after {
	content: '';
	top: 50%;
	left: 50%;
	width: 100%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	opacity: 1;
}

/* STEP1 */
#mark.step1 span[data-type="chance"][data-number="1"],
#mark.step1 span[data-type="positive"][data-number="1"],
#mark.step1 span[data-type="openmind"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.08, 1.61, 0, 1.63);
}
#mark.step1 span[data-type="chance"][data-number="1"] {
	transition-delay: 0s;
}
#mark.step1 span[data-type="positive"][data-number="1"] {
	transition-delay: 0.1s;
}
#mark.step1 span[data-type="openmind"][data-number="1"] {
	transition-delay: 0.2s;
}
#mark.step1 span[data-type="chance"][data-number="1"]::before,
#mark.step1 span[data-type="positive"][data-number="1"]::before,
#mark.step1 span[data-type="openmind"][data-number="1"]::before,
#mark.step1 span[data-type="chance"][data-number="1"]::after,
#mark.step1 span[data-type="positive"][data-number="1"]::after,
#mark.step1 span[data-type="openmind"][data-number="1"]::after {
	transform: translate(-50%, -50%) scale(0.4);
	opacity: 0;
	transition-duration: 0.5s;
}
#mark.step1 span[data-type="chance"][data-number="1"]::before,
#mark.step1 span[data-type="positive"][data-number="1"]::before,
#mark.step1 span[data-type="openmind"][data-number="1"]::before {
	margin: 0 0 0 -60px;
	transition-delay: 0.1s;
}
#mark.step1 span[data-type="chance"][data-number="1"]::after,
#mark.step1 span[data-type="positive"][data-number="1"]::after,
#mark.step1 span[data-type="openmind"][data-number="1"]::after {
	margin: 0 0 0 60px;
	transition-delay: 0.1s;
}
#mark.step1 span[data-type="chance"][data-number="1"]::before,
#mark.step1 span[data-type="chance"][data-number="1"]::after {
	transition-delay: 0.15s;
}
#mark.step1 span[data-type="positive"][data-number="1"]::before,
#mark.step1 span[data-type="positive"][data-number="1"]::after {
	transition-delay: 0.35s;
}
#mark.step1 span[data-type="openmind"][data-number="1"]::before,
#mark.step1 span[data-type="openmind"][data-number="1"]::after {
	transition-delay: 0.55s;
}

/* STEP2 */
#mark.step2 span[data-type="chance"][data-number="1"],
#mark.step2 span[data-type="positive"][data-number="1"],
#mark.step2 span[data-type="openmind"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}
#mark.step2 span[data-type="chance"][data-number="1"] {
	margin: 10px 0 0 -190px;
}
#mark.step2 span[data-type="positive"][data-number="1"] {
	margin: -20px 0 0;
}
#mark.step2 span[data-type="openmind"][data-number="1"] {
	margin: 10px 0 0 190px;
}
#mark.step2 span[data-type="chance"][data-number="2"] {
	transform: translate(-50%, -50%) scale(1);
	margin: 10px 0 0 -190px;
}

/* STEP3 */
#mark.step3 span[data-type="chance"][data-number="1"],
#mark.step3 span[data-type="chance"][data-number="2"],
#mark.step3 span[data-type="positive"][data-number="1"],
#mark.step3 span[data-type="openmind"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
}
#mark.step3 span[data-type="chance"][data-number="1"] {
	margin: -130px 0 0 -70px;
	z-index: 2;
	transform: translate(-50%, -50%) scale(1.4);
}
#mark.step3 span[data-type="chance"][data-number="2"] {
	margin: -130px 0 0 70px;
	z-index: 2;
	transform: translate(-50%, -50%) scale(1.4);
}
#mark.step3 span[data-type="positive"][data-number="1"] {
	margin: 125px 0 0;
}
#mark.step3 span[data-type="positive"][data-number="2"] {
	margin: 125px 0 0;
	opacity: 1;
}
#mark.step3 span[data-type="openmind"][data-number="1"] {
	margin: 0;
	transform: translate(-50%, -50%) scale(4.6);
	-webkit-mask-image: radial-gradient(circle at center, transparent 33%, black 33%);
	mask-image: radial-gradient(circle at center, transparent 33%, black 33%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

/* STEP4 */
#mark.step4 span[data-type="chance"][data-number="1"],
#mark.step4 span[data-type="chance"][data-number="2"],
#mark.step4 span[data-type="positive"][data-number="1"],
#mark.step4 span[data-type="positive"][data-number="2"],
#mark.step4 span[data-type="openmind"][data-number="1"] {
	opacity: 1;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
}
#mark.step4 span[data-type="chance"][data-number="1"] {
	margin: -130px 0 0 -120px;
	z-index: 2;
	transform: translate(-50%, -50%) scale(1) rotate(-100deg);
	opacity: 0;
}
#mark.step4 span[data-type="chance"][data-number="2"] {
	margin: -130px 0 0 120px;
	z-index: 2;
	transform: translate(-50%, -50%) scale(1) rotate(100deg);
	opacity: 0;
}
#mark.step4 span[data-type="openmind"][data-number="1"] {
	margin: -110px 0 0;
	transform: translate(-50%, -50%) scale(1.4);
}
#mark.step4 span[data-type="positive"][data-number="1"] {
	margin: 5px 0 0;
	transform: translate(-50%, -50%) scale(1.8) rotate(180deg);
}
#mark.step4 span[data-type="positive"][data-number="2"] {
	margin: 100px 0 0;
	transform: translate(-50%, -50%) scale(1.8) rotate(-180deg);
}

/* STEP5 */
#mark.step5 span[data-type="chance"][data-number="1"],
#mark.step5 span[data-type="chance"][data-number="2"],
#mark.step5 span[data-type="chance"][data-number="3"],
#mark.step5 span[data-type="chance"][data-number="4"],
#mark.step5 span[data-type="positive"][data-number="1"],
#mark.step5 span[data-type="positive"][data-number="2"],
#mark.step5 span[data-type="positive"][data-number="3"],
#mark.step5 span[data-type="positive"][data-number="4"],
#mark.step5 span[data-type="openmind"][data-number="1"],
#mark.step5 span[data-type="openmind"][data-number="2"],
#mark.step5 span[data-type="openmind"][data-number="3"],
#mark.step5 span[data-type="openmind"][data-number="4"],
#mark.step5 span[data-type="openmind"][data-number="5"],
#mark.step5 span[data-type="openmind"][data-number="6"],
#mark.step5 span[data-type="openmind"][data-number="7"] {
	opacity: 1;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.5, 1.35, 0.5, 1.35);
}
#mark.step5 span[data-type="chance"][data-number="1"] {
	transform: translate(-50%, -50%) scale(3.9) rotate(37deg);
	margin: 200px 0 0 250px;
}
#mark.step5 span[data-type="chance"][data-number="2"] {
	transform: translate(-50%, -50%) scale(2.4) rotate(15deg);
	margin: 345px 0 0 -400px;
}
#mark.step5 span[data-type="chance"][data-number="3"] {
	transform: translate(-50%, -50%) scale(1.5) rotate(48deg);
	margin: -250px 0 0 620px;
}
#mark.step5 span[data-type="chance"][data-number="4"] {
	transform: translate(-50%, -50%) scale(1.4) rotate(127deg);
	margin: 300px 0 0 820px;
}
#mark.step5 span[data-type="positive"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1.7) rotate(45deg);
	margin: -220px 0 0 330px;
}
#mark.step5 span[data-type="positive"][data-number="2"] {
	transform: translate(-50%, -50%) scale(2.5) rotate(-50deg);
	margin: 10px 0 0 550px;
}
#mark.step5 span[data-type="positive"][data-number="3"] {
	transform: translate(-50%, -50%) scale(2.3) rotate(-35deg);
	margin: -170px 0 0 -580px;
}
#mark.step5 span[data-type="positive"][data-number="4"] {
	transform: translate(-50%, -50%) scale(1.8) rotate(45deg);
	margin: 180px 0 0 -830px;
}
#mark.step5 span[data-type="openmind"][data-number="1"] {
	transform: translate(-50%, -50%) scale(2.4) rotate(-40deg);
	margin: -360px 0 0 -120px;
}
#mark.step5 span[data-type="openmind"][data-number="2"] {
	transform: translate(-50%, -50%) scale(1.1) rotate(60deg);
	margin: -155px 0 0 130px;
}
#mark.step5 span[data-type="openmind"][data-number="3"] {
	transform: translate(-50%, -50%) scale(2.5) rotate(80deg);
	margin: 410px 0 0 590px;
}
#mark.step5 span[data-type="openmind"][data-number="4"] {
	transform: translate(-50%, -50%) scale(1.8) rotate(-30deg);
	margin: 245px 0 0 -165px;
}
#mark.step5 span[data-type="openmind"][data-number="5"] {
	transform: translate(-50%, -50%) scale(1) rotate(-110deg);
	margin: 230px 0 0 -650px;
}
#mark.step5 span[data-type="openmind"][data-number="6"] {
	transform: translate(-50%, -50%) scale(2.8) rotate(-110deg);
	margin: -180px 0 0 -900px;
}
#mark.step5 span[data-type="openmind"][data-number="7"] {
	transform: translate(-50%, -50%) scale(2.8) rotate(-110deg);
	margin: 20px 0 0 880px;
}
#mark.step5 span[data-type="chance"][data-number="1"],
#mark.step5 span[data-type="positive"][data-number="1"],
#mark.step5 span[data-type="openmind"][data-number="1"],
#mark.step5 span[data-type="openmind"][data-number="2"] {
	transition-delay: 0.05s;
}
#mark.step5 span[data-type="chance"][data-number="2"],
#mark.step5 span[data-type="positive"][data-number="2"],
#mark.step5 span[data-type="openmind"][data-number="3"],
#mark.step5 span[data-type="openmind"][data-number="4"] {
	transition-delay: 0.1s;
}
#mark.step5 span[data-type="chance"][data-number="3"],
#mark.step5 span[data-type="chance"][data-number="4"],
#mark.step5 span[data-type="positive"][data-number="3"],
#mark.step5 span[data-type="positive"][data-number="4"],
#mark.step5 span[data-type="openmind"][data-number="5"],
#mark.step5 span[data-type="openmind"][data-number="6"],
#mark.step5 span[data-type="openmind"][data-number="7"] {
	transition-delay: 0.15s;
}
#mark.step5 span[data-type="text"][data-number="1"],
#mark.step5 span[data-type="text"][data-number="2"] {
	padding-left: 0px;
	opacity: 1;
	transition-duration: 1.5s;
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
#mark.step5 span[data-type="text"][data-number="1"] {
	transition-delay: 0.6s;
}
#mark.step5 span[data-type="text"][data-number="2"] {
	transition-delay: 0.8s;
}
#mark.step5 span.heartbeat {
	animation: heartbeat 0.4s ease-in-out 1 forwards;
}
@keyframes heartbeat {
	0%, 100% { width: 86px; }
	30% { width: 90px; }
	60% { width: 85px; }
}

.decoration.heartbeat_decoration_before::before,
.decoration.heartbeat_decoration_after::after {
	animation: heartbeat_decoration 0.4s ease-in-out 1 forwards;
}
@keyframes heartbeat_decoration {
	0%, 100% { transform: scale(1); }
	30% { transform: scale(1.1); }
	60% { transform: scale(0.98); }
}


/*
#mark.step5 span[data-type="chance"][data-number="1"] {
	animation: jump 0.4s ease-in-out 1 forwards;
}
@keyframes jump {
	0%, 100% { top: 50%; }
	30% { top: 50.5%; }
	60% { top: 45%; }
}
*/


@media screen and (max-width: 1080px) {
#first {
	overflow: hidden;
}
#mark span[data-type="text"][data-number="1"] {
	margin: -50px 0 0 0;
}
#mark span[data-type="text"][data-number="2"] {
	margin: 95px 0 0 -80px;
}
#mark.step5 span[data-type="chance"][data-number="1"] {
	transform: translate(-50%, -50%) scale(2.9) rotate(51deg);
	margin: 310px 0 0 330px;
}
#mark.step5 span[data-type="chance"][data-number="2"] {
	transform: translate(-50%, -50%) scale(1.4) rotate(73deg);
	margin: -425px 0 0 400px;
}
#mark.step5 span[data-type="chance"][data-number="3"] {
	transform: translate(-50%, -50%) scale(1.5) rotate(48deg);
	margin: -380px 0 0 -140px;
}
#mark.step5 span[data-type="positive"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1.7) rotate(20deg);
	margin: -220px 0 0 330px;
}
#mark.step5 span[data-type="positive"][data-number="2"] {
	transform: translate(-50%, -50%) scale(2.2) rotate(-38deg);
	margin: -270px 0 0 -450px;
}
#mark.step5 span[data-type="positive"][data-number="3"] {
	transform: translate(-50%, -50%) scale(1.4) rotate(-165deg);
	margin: 350px 0 0 -80px;
}
#mark.step5 span[data-type="openmind"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1) rotate(-40deg);
	margin: -40px 0 0 400px;
}
#mark.step5 span[data-type="openmind"][data-number="2"] {
	transform: translate(-50%, -50%) scale(1.7) rotate(60deg);
	margin: -335px 0 0 130px;
}
#mark.step5 span[data-type="openmind"][data-number="3"] {
	transform: translate(-50%, -50%) scale(2.5) rotate(80deg);
	margin: 410px 0 0 -380px;
}
#mark.step5 span[data-type="positive"][data-number="4"],
#mark.step5 span[data-type="openmind"][data-number="4"],
#mark.step5 span[data-type="openmind"][data-number="4"],
#mark.step5 span[data-type="openmind"][data-number="5"],
#mark.step5 span[data-type="openmind"][data-number="6"],
#mark.step5 span[data-type="openmind"][data-number="7"] {
	display: none;
}
}


@media screen and (max-width: 768px) {
#first {
	min-height: 100vh;
}
#mark {}
#mark span,
#mark span::before,
#mark span::after {
	width: 15vw;
}
#mark span {}
#mark span[data-type="chance"],
#mark span[data-type="chance"]::before,
#mark span[data-type="chance"]::after {}
#mark span[data-type="positive"],
#mark span[data-type="positive"]::before,
#mark span[data-type="positive"]::after {}
#mark span[data-type="openmind"],
#mark span[data-type="openmind"]::before,
#mark span[data-type="openmind"]::after {}
#mark span[data-type="text"][data-number="1"] {
	margin: -20.5vw 0 0 2vw;
	width: 90vw;
	height: 23vw;
	padding-left: 40vw;
}
#mark span[data-type="text"][data-number="2"] {
	background-image: url(images/text02.png);
	margin: 0.5vw 0 0 -1vw;
	width: 80vw;
	height: 6.7vw;
	padding-left: 40vw;
}
#mark span[data-type="chance"][data-number="1"] {
	margin: 0 0 0 -22vw;
}
#mark span[data-type="positive"][data-number="1"] {}
#mark span[data-type="openmind"][data-number="1"] {
	margin: 0 0 0 22vw;
}
#mark span[data-type="chance"][data-number="1"]::before,
#mark span[data-type="chance"][data-number="1"]::after,
#mark span[data-type="positive"][data-number="1"]::before,
#mark span[data-type="positive"][data-number="1"]::after,
#mark span[data-type="openmind"][data-number="1"]::before,
#mark span[data-type="openmind"][data-number="1"]::after {}
/* STEP1 */
#mark.step1 span[data-type="chance"][data-number="1"],
#mark.step1 span[data-type="positive"][data-number="1"],
#mark.step1 span[data-type="openmind"][data-number="1"] {}
#mark.step1 span[data-type="chance"][data-number="1"] {}
#mark.step1 span[data-type="positive"][data-number="1"] {}
#mark.step1 span[data-type="openmind"][data-number="1"] {}
#mark.step1 span[data-type="chance"][data-number="1"]::before,
#mark.step1 span[data-type="positive"][data-number="1"]::before,
#mark.step1 span[data-type="openmind"][data-number="1"]::before,
#mark.step1 span[data-type="chance"][data-number="1"]::after,
#mark.step1 span[data-type="positive"][data-number="1"]::after,
#mark.step1 span[data-type="openmind"][data-number="1"]::after {}
#mark.step1 span[data-type="chance"][data-number="1"]::before,
#mark.step1 span[data-type="positive"][data-number="1"]::before,
#mark.step1 span[data-type="openmind"][data-number="1"]::before {
	margin: 0 0 0 -12vw;
}
#mark.step1 span[data-type="chance"][data-number="1"]::after,
#mark.step1 span[data-type="positive"][data-number="1"]::after,
#mark.step1 span[data-type="openmind"][data-number="1"]::after {
	margin: 0 0 0 12vw;
}
#mark.step1 span[data-type="chance"][data-number="1"]::before,
#mark.step1 span[data-type="chance"][data-number="1"]::after {}
#mark.step1 span[data-type="positive"][data-number="1"]::before,
#mark.step1 span[data-type="positive"][data-number="1"]::after {}
#mark.step1 span[data-type="openmind"][data-number="1"]::before,
#mark.step1 span[data-type="openmind"][data-number="1"]::after {}
/* STEP2 */
#mark.step2 span[data-type="chance"][data-number="1"],
#mark.step2 span[data-type="positive"][data-number="1"],
#mark.step2 span[data-type="openmind"][data-number="1"] {}
#mark.step2 span[data-type="chance"][data-number="1"] {
	margin: 4vw 0 0 -27vw;
}
#mark.step2 span[data-type="positive"][data-number="1"] {
	margin: -4vw 0 0;
}
#mark.step2 span[data-type="openmind"][data-number="1"] {
	margin: 4vw 0 0 27vw;
}
#mark.step2 span[data-type="chance"][data-number="2"] {
	margin: 4vw 0 0 -27vw;
}
/* STEP3 */
#mark.step3 span[data-type="chance"][data-number="1"],
#mark.step3 span[data-type="chance"][data-number="2"],
#mark.step3 span[data-type="positive"][data-number="1"],
#mark.step3 span[data-type="openmind"][data-number="1"] {}
#mark.step3 span[data-type="chance"][data-number="1"] {
	margin: -18vw 0 0 -11.4vw;
	transform: translate(-50%, -50%) scale(1.2);
}
#mark.step3 span[data-type="chance"][data-number="2"] {
	margin: -18vw 0 0 11.4vw;
	transform: translate(-50%, -50%) scale(1.2);
}
#mark.step3 span[data-type="positive"][data-number="1"] {
	margin: 20vw 0 0;
}
#mark.step3 span[data-type="positive"][data-number="2"] {}
#mark.step3 span[data-type="openmind"][data-number="1"] {
	margin: 0;
	transform: translate(-50%, -50%) scale(3.8);
}
/* STEP4 */
#mark.step4 span[data-type="chance"][data-number="1"],
#mark.step4 span[data-type="chance"][data-number="2"],
#mark.step4 span[data-type="positive"][data-number="1"],
#mark.step4 span[data-type="positive"][data-number="2"],
#mark.step4 span[data-type="openmind"][data-number="1"] {}
#mark.step4 span[data-type="chance"][data-number="1"] {
	margin: -18vw 0 0 -23.4vw;
	transform: translate(-50%, -50%) scale(1) rotate(-100deg);
}
#mark.step4 span[data-type="chance"][data-number="2"] {
	margin: -18vw 0 0 23.4vw;
	transform: translate(-50%, -50%) scale(1) rotate(100deg);
}
#mark.step4 span[data-type="openmind"][data-number="1"] {
	margin: -17vw 0 0;
}
#mark.step4 span[data-type="positive"][data-number="1"] {
	margin: 2vw 0 0;
}
#mark.step4 span[data-type="positive"][data-number="2"] {
	margin: 18vw 0 0;
}
/* STEP5 */
#mark.step5 span[data-type="chance"][data-number="1"],
#mark.step5 span[data-type="chance"][data-number="2"],
#mark.step5 span[data-type="chance"][data-number="3"],
#mark.step5 span[data-type="positive"][data-number="1"],
#mark.step5 span[data-type="positive"][data-number="2"],
#mark.step5 span[data-type="positive"][data-number="3"],
#mark.step5 span[data-type="openmind"][data-number="1"],
#mark.step5 span[data-type="openmind"][data-number="2"],
#mark.step5 span[data-type="openmind"][data-number="3"],
#mark.step5 span[data-type="openmind"][data-number="4"],
#mark.step5 span[data-type="openmind"][data-number="5"] {}
#mark.step5 span[data-type="chance"][data-number="1"] {
	transform: translate(-50%, -50%) scale(2.9) rotate(51deg);
	margin: 62vw 0 0 24vw;
}
#mark.step5 span[data-type="chance"][data-number="2"] {
	transform: translate(-50%, -50%) scale(1.4) rotate(73deg);
	margin: -67vw 0 0 14vw;
}
#mark.step5 span[data-type="chance"][data-number="3"] {
	transform: translate(-50%, -50%) scale(1.5) rotate(48deg);
	margin: 76vw 0 0 -38vw;
}
#mark.step5 span[data-type="positive"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1.7) rotate(20deg);
	margin: -45vw 0 0 42vw;
}
#mark.step5 span[data-type="positive"][data-number="2"] {
	transform: translate(-50%, -50%) scale(2.2) rotate(-38deg);
	margin: -63vw 0 0 -41vw;
}
#mark.step5 span[data-type="positive"][data-number="3"] {
	transform: translate(-50%, -50%) scale(1.4) rotate(-165deg);
	margin: 31vw 0 0 -9vw;
}
#mark.step5 span[data-type="openmind"][data-number="1"] {
	transform: translate(-50%, -50%) scale(1) rotate(-40deg);
	margin: -49vw 0 0 -14vw;
}
#mark.step5 span[data-type="openmind"][data-number="2"] {
	transform: translate(-50%, -50%) scale(1.7) rotate(60deg);
	margin: 20vw 0 0 34vw;
}
#mark.step5 span[data-type="openmind"][data-number="3"] {
	transform: translate(-50%, -50%) scale(2.5) rotate(80deg);
	margin: 45vw 0 0 -40vw;
}
#mark.step5 span[data-type="chance"][data-number="1"],
#mark.step5 span[data-type="positive"][data-number="1"],
#mark.step5 span[data-type="openmind"][data-number="1"],
#mark.step5 span[data-type="openmind"][data-number="2"] {}
#mark.step5 span[data-type="chance"][data-number="2"],
#mark.step5 span[data-type="positive"][data-number="2"],
#mark.step5 span[data-type="openmind"][data-number="3"],
#mark.step5 span[data-type="openmind"][data-number="4"] {}
#mark.step5 span[data-type="chance"][data-number="3"],
#mark.step5 span[data-type="positive"][data-number="3"],
#mark.step5 span[data-type="openmind"][data-number="5"] {}
#mark.step5 span[data-type="text"][data-number="1"],
#mark.step5 span[data-type="text"][data-number="2"] {}
#mark.step5 span[data-type="text"][data-number="1"] {}
#mark.step5 span[data-type="text"][data-number="2"] {}
@keyframes heartbeat {
	0%, 100% { width: 15vw; }
	30% { width: 16vw; }
	60% { width: 14.5vw; }
}
}