@charset "UTF-8";
/* ----------------------------------------------------------------
anime
---------------------------------------------------------------- */
.animearea{
	width: 600px;
    margin: 0 auto;
    aspect-ratio: 1 / 0.8;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.animearea .anime{
	width: 100%;
	height: 100%;
}
.anime .anime_box{
	width: 100%;
	aspect-ratio: 1;
	position: relative;
}
.anime img{
	position: absolute;
}
/* ----------------------------------------------------------------
graphic_anime
---------------------------------------------------------------- */
.graphic_anime .anime{
	margin-top: -12%;
}
/* ----------------------------------------------------------------
poster
---------------------------------------------------------------- */
.anime .poster .img04{
	width: 33.0191%;
	left: 26.21207%;
	top: 11.35492%;
}
.anime .poster .img00{
	width: 30.76686%;
	left: 27.14745%;
	top: 12.42604%;
}
.anime .poster .img01{
	width:25.19797%;
	animation: poster001 8s ease infinite;
}
.anime .poster .img03{
	width:21.70065%;
	animation: poster003 8s ease infinite;
}
.anime .poster .img02{
	width:30.45501%;
	animation: poster002 8s ease infinite;
}
@keyframes poster001 {
    0%, 100% {
        left: 7.50385%;
		top:54.25959%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 28.90385%;
	top: 40.15959%;
    }
    50% {
	left: 28.90385%;
	top: 40.15959%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
        left: 7.50385%;
		top:54.25959%;
    }
}
@keyframes poster002 {
    0%, 100% {
        left: 19.0512%;
		top:31.06396%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
        left: 27.14745%;
		top:23.94316%;
    }
    50% {
        left: 27.14745%;
		top:23.94316%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
        left: 19.0512%;
		top:31.06396%;
    }
}
@keyframes poster003 {
    0%, 100% {
        left:16.8965% ;
		top:19.5842%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 31.45663%;
	top: 16.66131%;
    }
    50% {
	left: 31.45663%;
	top: 16.66131%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
        left: 16.8965% ;
		top:19.5842%;
    }
}
/* ----------------------------------------------------------------
package
---------------------------------------------------------------- */
.anime .package .img04{
	width:23.11857%;
	left: 65.14262%;
	top: 48.01968%;
}
.anime .package .img00{
	width:16.03294%;
	left: 65.49751%;
	top: 48.89519%;
}
.anime .package .img05{
		width:23.11858%;
	left:65.14262%;
	top: 44.23626%;
}
.anime .package .img06{
		width:13.90918%;
		left:69.53354%;
	animation: package006 8s ease infinite;
}
.anime .package .img03{
		width:15.76391%;
		animation: package003 8s ease infinite;
}
.anime .package .img01{
		width:6.42299%;
	animation: package001 8s ease infinite;
}
.anime .package .img02{
		width:15.76392%;
	animation: package002 8s ease infinite;
}
@keyframes package001 {
    0%, 100% {
	left:60.29496%;
		top: 63.301859%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left:74.1216%;
	top: 60.50814%;
    }
    50% {
	left:74.1216%;
	top: 60.50814%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left:60.29496%;
		top: 63.301859%;
    }
}
@keyframes package002 {
    0%, 100% {
	left:51.8294%;
		top: 70.46229%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
		left:65.76615%;
	top: 62.105%;
    }
    50% {
		left:65.76615%;
	top: 62.105%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left:51.8294%;
		top: 70.46229%;
    }
}
@keyframes package003 {
    0%, 100% {
	left: 52.26583%;
		top: 50.82646%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left:65.76615%;
	top: 48.89929%;
    }
    50% {
	left:65.76615%;
	top: 48.89929%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 52.26583%;
		top: 50.82646%;
    }
}
@keyframes package006 {
    0%, 100% {
		top: 40.47398%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	top: 44.97018%;
    }
    50% {
	top: 44.97018%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
		top: 40.47398%;
    }
}
/* ----------------------------------------------------------------
logo
---------------------------------------------------------------- */
.anime .logo .img00{
	width:21.29548%;
	left: 65.59063%;
	top:18.11576%;
}
.anime .logo .img01{
	width:19.49715%;
	animation: logo001 8s ease infinite;
}
.anime .logo .img02{
	width:13.66623%;
	animation: logo002 8s ease infinite;
}
@keyframes logo001 {
    0%, 100% {
				left:58.7375%;
	top: 25.22557%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 65.86617%;
	top:19.6624%;
    }
    50% {
	left: 65.86617%;
	top:19.6624%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
				left:58.7375%;
	top: 25.22557%;
    }
}
@keyframes logo002 {
    0%, 100% {
				left:56.50272%;
	top: 41.12052%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 68.50529%;
	top:32.87102%;
    }
    50% {
	left: 68.50529%;
	top:32.87102%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
				left:56.50272%;
	top: 41.12052%;
    }
}
/* ----------------------------------------------------------------
human_g
---------------------------------------------------------------- */
.graphic_anime .anime .human01{
	width:20.85047%;
    left: 6.25988%;
    top: 32.65778%;
}
.graphic_anime .anime .human03 {
    width: 12.46979%;
    left: 85.784%;
    top: 56.10984%;
}
/* ----------------------------------------------------------------
web_anime
---------------------------------------------------------------- */
.web_anime .anime .anime_box{
	 width: 90%;
    margin: 0 auto;
      margin-left: 0;
}
.web_anime .anime .img02{
	width:60.1135%;
	left: 15.69155%;
	top: 17.42264%;
}
.web_anime .anime .img03{
	width:23.2146%;
	left: 69.48388%;
	top: 15.86947%;
	animation: web001 8s ease infinite;
}
.web_anime .anime .img04{
	width:19.29539%;
	left: 70.72583%;
	top: 50.61408%;
	animation: web002 8s ease infinite;
}
.web_anime .anime .img05{
	width:34.37694%;
	left: 27.66937%;
	top: 57.39556%;
	animation: web003 8s ease infinite;
}
.web_anime .anime .img06{
	width:10.86573%;
	left: 39.78874%;
	top: 36.71524%;
	animation: web004 8s ease infinite;
}
.web_anime .anime .img01{
	width:14.38538%;
	left: 80.39277%;
	top: 46.39386%;
}
@keyframes web001 {
    0%, 100% {
	left: 69.48388%;
	top: 15.86947%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 45.4269%;
	top: 12.39731%;
    }
    50% {
	left: 45.4269%;
	top: 12.39731%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 69.48388%;
	top: 15.86947%;
    }
}
@keyframes web002 {
    0%, 100% {
	left: 70.72583%;
	top: 50.61408%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left:58.54522%;
	top: 38.82154%;
    }
    50% {
	left:58.54522%;
	top: 38.82154%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 70.72583%;
	top: 50.61408%;
    }
}
@keyframes web003 {
    0%, 100% {
	left: 27.66937%;
	top: 57.39556%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left:19.46937%;
	top: 41.39556%;
    }
    50% {
	left:19.46937%;
	top: 41.39556%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 27.66937%;
	top: 57.39556%;
    }
}
@keyframes web004 {
    0%, 100% {
	left: 39.78874%;
	top: 36.71524%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left:26.88308%;
	top: 33.96779%;
    }
    50% {
	left:26.88308%;
	top: 33.96779%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 39.78874%;
	top: 36.71524%;
    }
}
/* ----------------------------------------------------------------
human_w
---------------------------------------------------------------- */
.web_anime .anime .human01{
	width:14.89524%;
	left: 4.39262%;
	top: 54.92566%;
}
/* ----------------------------------------------------------------
illust_anime
---------------------------------------------------------------- */
.illust_anime .anime .anime_box{
	 width: 95%;
    margin: 0 auto;
}
.illust_anime .anime .img01{
	width:6.20475%;
	left: 60.67159%;
	top: 47.75753%;
}
.illust_anime .anime .img02{
	width:6.20475%;
	left: 29.44271%;
	top: 40.91691%;
}
.illust_anime .anime .img03{
	width:72.84971%;
	left: 7.38739%;
	top: 29.35246%;
	animation: illust002 8s ease infinite;
}
.illust_anime .anime .img04{
	width:21.98178%;
	left: 62.23081%;
	top: 17.84382%;
}
.illust_anime .anime .img05{
	width:16.91288%;
	left: 78.87952%;
	top: 26.57846%;
	animation: illust001 8s ease infinite;
}
.illust_anime .anime .img06{
	width:16.08655%;
	left: 81.3981%;
	top:48.40362%;
	animation: illust003 8s ease infinite;
}
.illust_anime .anime .human01{
		width:13.10304%;
	left: 49.17956%;
	top: 48.93176%;
}
.illust_anime .anime .human02{
		width:13.10304%;
	left: 17.95067%;
	top:42.09114%;
}
@keyframes illust001 {
    0%, 100% {
	left: 78.87952%;
	top: 26.57846%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 66.00023%;
	top: 21.84394%;
    }
    50% {
	left: 66.00023%;
	top: 21.84394%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 78.87952%;
	top: 26.57846%;
    }
}
@keyframes illust002 {
    0%, 100% {
	left: 7.38739%;
	top: 29.35246%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 7.2735%;
	top: 33.31506%;
    }
    50% {
	left: 7.2735%;
	top: 33.31506%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 7.38739%;
	top: 29.35246%;
    }
}
@keyframes illust003 {
    0%, 100% {
	left: 81.3981%;
	top:48.40362%;
        animation-timing-function: steps(0.3, end);
    }
    25% {
	left: 72.01345%;
	top: 46.86667%;
    }
    50% {
	left: 72.01345%;
	top: 46.86667%;
        animation-timing-function: steps(0.3, end);
    }
    75% {
	left: 81.3981%;
	top:48.40362%;
    }
}