@charset "utf-8";





@keyframes li_up {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(0.5em);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes rotate_img {
	100% { transform: rotate(360deg); }
}


/* main title */
/*
div.top-navi li:first-child { animation: li_up 2s ease-in-out infinite; }
div.top-navi li:last-child { animation: li_up 2s ease-in-out infinite; animation-delay: 1s; }
*/
/* cancare last img */

div.msg02 div.msg_ani { width: 100%; text-align: center; margin-top: 50px; }
div.msg02 div.msg_ani > svg { display: inline-block; margin-bottom: 30px; width: 36px; height: 26px; }
div.msg02 div.msg_ani > svg.quo_top { transform: rotate(180deg); }

div.msg02 div.msg_ani > svg > path { fill: #ddd; }
div.msg02 div.msg_ani > p { margin-bottom: 30px; font-size: 1.6em; font-weight: 300; line-height: 1.5; text-align: center; }
div.msg02 div.msg_ani div.msg_img { position: relative; width: 75%; margin: 0 auto 50px; }
div.msg02 div.msg_ani img { display: block; width: 100%; object-fit: cover;}
div.msg02 div.msg_img { position: relative; }
div.msg02 div.msg_img::before { position: absolute; left: 0; top: 0; z-index: -1; content: ""; display: block; width: 100%; height: 100%; background: url("../../m/img/cancare_img02_shape.png") no-repeat; background-size: cover; animation: rotate_img 15s linear infinite; }