/*----------------------------------------*/
:root {
    --width-max: 1600; /* 最大幅 */
    --min: calc(100vw / var(--width-base)); /* レスポンシブ係数 */
    --max: calc(var(--width-max) / var(--width-base) * 1px); /* 最大サイズ係数 */
    --font-family-ja: "M PLUS 1", sans-serif;
    --font-family-ja-noto: "Noto Sans JP", sans-serif;
    --font-family-en: "Montserrat", sans-serif;
    --color-key: #FFD428;
    --color-base: #000;
    --text-shadow: 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,

       2px  2px 0px #ffffff,
      -2px  2px 0px #ffffff,
       2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff,
       2px  0px 0px #ffffff,
       0px  2px 0px #ffffff,

       3px  3px 0px #ffffff,
      -3px  3px 0px #ffffff,
       3px -3px 0px #ffffff,
      -3px -3px 0px #ffffff,
       3px  0px 0px #ffffff,
       0px  3px 0px #ffffff;

    --z-index-navigation: 100;
    --z-index-frame: 100;
    --z-index-header: 100;
    --z-index-cursor: 200;
    
    --easing-out: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* Quintic */
    --easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Cubic */
}

/*----------------------------------------*/
html, body {
    overscroll-behavior-y: none;
}
body {
    font-family: var(--font-family-ja);
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: min(calc(16 * var(--min)), calc(16 * var(--max)));
    line-height: 1.5;
    color: var(--color-base);
}

/*----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
dl,
dt,
dd,
figure {
    margin: 0 0 0 0;
}
ul {
    padding: 0 0 0 0;
}
li{
    list-style-type: none;
}
em {
    font-style: normal;
}
button {
    color: inherit
}

/*----------------------------------------*/
.c-stage {
	/* width: calc(1400 / var(--width-base) * 100vw); */
	width: 800px;
	height: 1px;
	position: absolute;
	top: min(calc(148 * var(--min)), calc(148 * var(--max)));
	/* top: calc(148 / var(--width-base) * 100vw); */
	bottom: 0;
	right: 0;
	left: min(calc(73 * var(--min)), calc(73 * var(--max)));
	/* left: calc(73 / var(--width-base) * 100vw); */
	/* left: 0; */
	margin: auto;
	/* background: #000; */
}
.c-stage__line {
	display: flex;
	justify-content: center;
	gap: calc(140 / var(--width-base) * 100vw);
	width: 100%;
	height: 1px;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}
.c-stage__line[data-index="1"] {
	bottom: calc(-168 / var(--width-base) * 100vw);
	z-index: 9;
	/* background: #f0f; */
}
.c-stage__line[data-index="2"] {
	bottom: calc(-126 / var(--width-base) * 100vw);
	z-index: 8;
	/* background: #00f; */
}
.c-stage__line[data-index="3"] {
	bottom: calc(-84 / var(--width-base) * 100vw);
	z-index: 7;
	/* background: #0f0; */
}
.c-stage__line[data-index="4"] {
	bottom: calc(-42 / var(--width-base) * 100vw);
	z-index: 6;
	/* background: #f00; */
}
.c-stage__line[data-index="5"] {
	bottom: 0;
	z-index: 5;
	/* background: #fff; */
}
.c-stage__line[data-index="6"] {
	top: calc(-42 / var(--width-base) * 100vw);
	z-index: 4;
	/* background: #f00; */
}
.c-stage__line[data-index="7"] {
	top: calc(-84 / var(--width-base) * 100vw);
	z-index: 3;
	/* background: #0f0; */
}
.c-stage__line[data-index="8"] {
	top: calc(-126 / var(--width-base) * 100vw);
	z-index: 2;
	/* background: #00f; */
}
.c-stage__line[data-index="9"] {
	top: calc(-168 / var(--width-base) * 100vw);
	z-index: 1;
	/* background: #f0f; */
}

.c-stage__point {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 1px;
	height: 1px;
}

/*----------------------------------------*/
@keyframes block {
	0% {
		translate: 0 0;
	}
	50% {
		translate: 0 var(--y);
	}
	100% {
		translate: 0 0;
	}
}
@keyframes block-reverse {
	0% {
		translate: 0 var(--y);
	}
	50% {
		translate: 0 0;
	}
	100% {
		translate: 0 var(--y);
	}
}
.c-block {
  --width-base: 1440;

	width: calc(102 / var(--width-base) * 100vw);
	height: auto;
	flex-shrink: 0;
  position: relative;
}
.c-stage__point:nth-child(odd) .c-block__container {
	animation: block var(--duration) var(--easing-in-out) infinite;
}
.c-stage__point:nth-child(even) .c-block__container {
	animation: block-reverse var(--duration) var(--easing-in-out) infinite;
}
.c-block__container {
    --duration: 3s;
    --y: 6px;
}
.c-block__container > img {
	display: block;
	max-width: 100%;
	height: auto;
}
.c-block__image {
	position: absolute;
	height: auto;

	/* opacity: 0.4;
	background: #f0f; */
}


@keyframes block-fadein {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    33% {
        opacity: 0;
        transform: translate3d(0, calc(var(--y) * -1), 0);
    }
    67% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes block-rotation {
    0% {
        transform: rotate(0deg);
    }
    33% {
        transform: rotate(var(--rotate));
    }
    67% {
        transform: rotate(calc(var(--rotate) * -1));
    }
    100% {
        transform: rotate(0deg);
    }
}

.c-block__image[data-type="fadein"] {
    --y: 4px;
    --duration: 2s;
    --delay: 5s;

    animation: block-fadein var(--duration) var(--easing-in-out) infinite var(--delay);
}
.c-block__image[data-type="rotation"] {
    --rotate: 10deg;
    --duration: 2s;
    --delay: 5s;

    animation: block-rotation var(--duration) linear infinite var(--delay);
}

/* 1a */
.c-block__image[data-block="1a"][data-index="1"] {
	width: calc(16 / var(--width-base) * 100vw);
	right: 0;
	bottom: calc(112 / var(--width-base) * 100vw);
}
.c-block__image[data-block="1a"][data-index="2"] {
	width: calc(15 / var(--width-base) * 100vw);
	left: calc(38 / var(--width-base) * 100vw);
	bottom: calc(132 / var(--width-base) * 100vw);
}
.c-block__image[data-block="1a"][data-index="3"] {
	width: calc(11 / var(--width-base) * 100vw);
	right: calc(22 / var(--width-base) * 100vw);
	bottom: calc(104 / var(--width-base) * 100vw);
}

/* 1b */
.c-block__image[data-block="1b"][data-index="1"] {
	width: calc(25 / var(--width-base) * 100vw);
	right: calc(43 / var(--width-base) * 100vw);
	bottom: calc(68 / var(--width-base) * 100vw);
}
.c-block__image[data-block="1b"][data-index="2"] {
	width: calc(24 / var(--width-base) * 100vw);
	left: calc(38 / var(--width-base) * 100vw);
	bottom: calc(86 / var(--width-base) * 100vw);
}
.c-block__image[data-block="1b"][data-index="3"] {
	width: calc(22 / var(--width-base) * 100vw);
	right: calc(12 / var(--width-base) * 100vw);
	bottom: calc(84 / var(--width-base) * 100vw);
}

/* 1c */
.c-block__image[data-block="1c"][data-index="1"] {
	width: calc(14 / var(--width-base) * 100vw);
	left: calc(10 / var(--width-base) * 100vw);
	bottom: calc(98 / var(--width-base) * 100vw);
}

/* 1d */
.c-block__image[data-block="1d"][data-index="1"] {
	width: calc(18 / var(--width-base) * 100vw);
	left: calc(39 / var(--width-base) * 100vw);
	bottom: calc(95 / var(--width-base) * 100vw);
}
.c-block__image[data-block="1d"][data-index="2"] {
	width: calc(32 / var(--width-base) * 100vw);
	left: calc(20 / var(--width-base) * 100vw);
	bottom: calc(72 / var(--width-base) * 100vw);
}

/* 1e */
.c-block__image[data-block="1e"][data-index="1"] {
	width: calc(49 * 0.125 / var(--width-base) * 100vw);
	left: calc(32 / var(--width-base) * 100vw);
	bottom: calc(90 / var(--width-base) * 100vw);
}
.c-block__image[data-block="1e"][data-index="2"] {
	width: calc(84 * 0.125 / var(--width-base) * 100vw);
	left: calc(16 / var(--width-base) * 100vw);
	bottom: calc(80 / var(--width-base) * 100vw);
}
.c-block__image[data-block="1e"][data-index="3"] {
	width: calc(118 * 0.125 / var(--width-base) * 100vw);
	left: calc(28 / var(--width-base) * 100vw);
	bottom: calc(74 / var(--width-base) * 100vw);
}

/* 2a */
.c-block__image[data-block="2a"][data-index="1"] {
	width: calc(69 * 0.125 / var(--width-base) * 100vw);
	left: calc(38 / var(--width-base) * 100vw);
	bottom: calc(62 / var(--width-base) * 100vw);
}
.c-block__image[data-block="2a"][data-index="2"] {
	width: calc(64 * 0.125 / var(--width-base) * 100vw);
	left: calc(40 / var(--width-base) * 100vw);
	bottom: calc(94 / var(--width-base) * 100vw);
}
.c-block__image[data-block="2a"][data-index="3"] {
	width: calc(129 * 0.125 / var(--width-base) * 100vw);
	right: calc(18 / var(--width-base) * 100vw);
	bottom: calc(74 / var(--width-base) * 100vw);
}

/* 2b */
.c-block__image[data-block="2b"][data-index="1"] {
	width: calc(89 * 0.125 / var(--width-base) * 100vw);
	right: calc(12 / var(--width-base) * 100vw);
	bottom: calc(76 / var(--width-base) * 100vw);
}
.c-block__image[data-block="2b"][data-index="2"] {
	width: calc(81 * 0.125 / var(--width-base) * 100vw);
	right: calc(26 / var(--width-base) * 100vw);
	bottom: calc(74 / var(--width-base) * 100vw);
}

/* 2c */
.c-block__image[data-block="2c"][data-index="1"] {
	width: calc(95 * 0.125 / var(--width-base) * 100vw);
	right: calc(42 / var(--width-base) * 100vw);
	bottom: calc(80 / var(--width-base) * 100vw);
}

/* 2d */
.c-block__image[data-block="2d"][data-index="1"] {
	width: calc(108 * 0.125 / var(--width-base) * 100vw);
	left: calc(20 / var(--width-base) * 100vw);
	bottom: calc(92 / var(--width-base) * 100vw);
}
.c-block__image[data-block="2d"][data-index="2"] {
	width: calc(79 * 0.125 / var(--width-base) * 100vw);
	left: calc(42 / var(--width-base) * 100vw);
	bottom: calc(100 / var(--width-base) * 100vw);
}
.c-block__image[data-block="2d"][data-index="3"] {
	width: calc(80 * 0.125 / var(--width-base) * 100vw);
	right: calc(36 / var(--width-base) * 100vw);
	bottom: calc(80 / var(--width-base) * 100vw);
}

/* 2e */
.c-block__image[data-block="2e"][data-index="1"] {
	width: calc(354 * 0.125 / var(--width-base) * 100vw);
	left: calc(12 / var(--width-base) * 100vw);
	bottom: calc(68 / var(--width-base) * 100vw);
}
.c-block__image[data-block="2e"][data-index="2"] {
	width: calc(205 * 0.125 / var(--width-base) * 100vw);
	left: calc(50 / var(--width-base) * 100vw);
	bottom: calc(92 / var(--width-base) * 100vw);
}
.c-block__image[data-block="2e"][data-index="3"] {
	width: calc(154 * 0.125 / var(--width-base) * 100vw);
	right: calc(20 / var(--width-base) * 100vw);
	bottom: calc(80 / var(--width-base) * 100vw);
}

/* 3a */
.c-block__image[data-block="3a"][data-index="1"] {
	width: calc(110 * 0.125 / var(--width-base) * 100vw);
	left: calc(37 / var(--width-base) * 100vw);
	bottom: calc(62 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3a"][data-index="2"] {
	width: calc(103 * 0.125 / var(--width-base) * 100vw);
	left: calc(20 / var(--width-base) * 100vw);
	bottom: calc(78 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3a"][data-index="3"] {
	width: calc(114 * 0.125 / var(--width-base) * 100vw);
	left: calc(32 / var(--width-base) * 100vw);
	bottom: calc(92 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3a"][data-index="4"] {
	width: calc(77 * 0.125 / var(--width-base) * 100vw);
	right: calc(36 / var(--width-base) * 100vw);
	bottom: calc(72 / var(--width-base) * 100vw);
}

/* 3b */
.c-block__image[data-block="3b"][data-index="1"] {
	width: calc(110 * 0.125 / var(--width-base) * 100vw);
	left: calc(32 / var(--width-base) * 100vw);
	bottom: calc(116 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3b"][data-index="2"] {
	width: calc(56 * 0.125 / var(--width-base) * 100vw);
	left: calc(50 / var(--width-base) * 100vw);
	bottom: calc(72 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3b"][data-index="3"] {
	width: calc(135 * 0.125 / var(--width-base) * 100vw);
	left: calc(34 / var(--width-base) * 100vw);
	bottom: calc(68 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3b"][data-index="4"] {
	width: calc(84 * 0.125 / var(--width-base) * 100vw);
	left: calc(60 / var(--width-base) * 100vw);
	bottom: calc(80 / var(--width-base) * 100vw);
}

/* 3c */
.c-block__image[data-block="3c"][data-index="1"] {
	width: calc(66 * 0.125 / var(--width-base) * 100vw);
	left: calc(56 / var(--width-base) * 100vw);
	bottom: calc(106 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3c"][data-index="2"] {
	width: calc(66 * 0.125 / var(--width-base) * 100vw);
	left: calc(74 / var(--width-base) * 100vw);
	bottom: calc(92 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3c"][data-index="3"] {
	width: calc(66 * 0.125 / var(--width-base) * 100vw);
	left: calc(58 / var(--width-base) * 100vw);
	bottom: calc(80 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3c"][data-index="4"] {
	width: calc(112 * 0.125 / var(--width-base) * 100vw);
	left: calc(32 / var(--width-base) * 100vw);
	bottom: calc(77 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3c"][data-index="5"] {
	width: calc(132 * 0.125 / var(--width-base) * 100vw);
	left: calc(45 / var(--width-base) * 100vw);
	bottom: calc(64 / var(--width-base) * 100vw);
}

/* 3d */
.c-block__image[data-block="3d"][data-index="1"] {
	width: calc(117 * 0.125 / var(--width-base) * 100vw);
	left: calc(25 / var(--width-base) * 100vw);
	bottom: calc(66 / var(--width-base) * 100vw);
}

/* 3e */
.c-block__image[data-block="3e"][data-index="1"] {
	width: calc(176 * 0.125 / var(--width-base) * 100vw);
	left: calc(54 / var(--width-base) * 100vw);
	bottom: calc(78 / var(--width-base) * 100vw);
}
.c-block__image[data-block="3e"][data-index="2"] {
	width: calc(210 * 0.125 / var(--width-base) * 100vw);
	left: calc(25 / var(--width-base) * 100vw);
	bottom: calc(76 / var(--width-base) * 100vw);
}

/* 4a */
.c-block__image[data-block="4a"][data-index="1"] {
	width: calc(210 * 0.125 / var(--width-base) * 100vw);
	left: calc(30 / var(--width-base) * 100vw);
	bottom: calc(86 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4a"][data-index="2"] {
	width: calc(109 * 0.125 / var(--width-base) * 100vw);
	left: calc(68 / var(--width-base) * 100vw);
	bottom: calc(74 / var(--width-base) * 100vw);
}

/* 4b */
.c-block__image[data-block="4b"][data-index="1"] {
	width: calc(72 * 0.125 / var(--width-base) * 100vw);
	left: calc(70 / var(--width-base) * 100vw);
	bottom: calc(136 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4b"][data-index="2"] {
	width: calc(64 * 0.125 / var(--width-base) * 100vw);
	left: calc(61 / var(--width-base) * 100vw);
	bottom: calc(140 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4b"][data-index="3"] {
	width: calc(48 * 0.125 / var(--width-base) * 100vw);
	left: calc(62 / var(--width-base) * 100vw);
	bottom: calc(116 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4b"][data-index="4"] {
	width: calc(166 * 0.125 / var(--width-base) * 100vw);
	left: calc(38 / var(--width-base) * 100vw);
	bottom: calc(108 / var(--width-base) * 100vw);
	z-index: 1;
}
.c-block__image[data-block="4b"][data-index="5"] {
	width: calc(37 * 0.125 / var(--width-base) * 100vw);
	left: calc(81 / var(--width-base) * 100vw);
	bottom: calc(114 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4b"][data-index="6"] {
	width: calc(124 * 0.125 / var(--width-base) * 100vw);
	left: calc(47 / var(--width-base) * 100vw);
	bottom: calc(98 / var(--width-base) * 100vw);
    z-index: 1;
}
.c-block__image[data-block="4b"][data-index="7"] {
	width: calc(169 * 0.125 / var(--width-base) * 100vw);
	left: calc(24 / var(--width-base) * 100vw);
	bottom: calc(70 / var(--width-base) * 100vw);
}

/* 4c */
.c-block__image[data-block="4c"][data-index="1"] {
	width: calc(81 * 0.125 / var(--width-base) * 100vw);
	left: calc(64 / var(--width-base) * 100vw);
	bottom: calc(79 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4c"][data-index="2"] {
	width: calc(81 * 0.125 / var(--width-base) * 100vw);
	left: calc(54 / var(--width-base) * 100vw);
	bottom: calc(77 / var(--width-base) * 100vw);
}

/* 4d */
.c-block__image[data-block="4d"][data-index="1"] {
	width: calc(61 * 0.125 / var(--width-base) * 100vw);
	left: calc(46 / var(--width-base) * 100vw);
	bottom: calc(83 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4d"][data-index="2"] {
	width: calc(104 * 0.125 / var(--width-base) * 100vw);
	left: calc(28 / var(--width-base) * 100vw);
	bottom: calc(72 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4d"][data-index="3"] {
	width: calc(155 * 0.125 / var(--width-base) * 100vw);
	left: calc(49 / var(--width-base) * 100vw);
	bottom: calc(62 / var(--width-base) * 100vw);
}

/* 4e */
.c-block__image[data-block="4e"][data-index="1"] {
	width: calc(50 * 0.125 / var(--width-base) * 100vw);
	left: calc(48 / var(--width-base) * 100vw);
	bottom: calc(66 / var(--width-base) * 100vw);
}
.c-block__image[data-block="4e"][data-index="2"] {
	width: calc(142 * 0.125 / var(--width-base) * 100vw);
	left: calc(36 / var(--width-base) * 100vw);
	bottom: calc(89 / var(--width-base) * 100vw);
}

/* 5a */
.c-block__image[data-block="5a"][data-index="1"] {
	width: calc(223 * 0.125 / var(--width-base) * 100vw);
	left: calc(50 / var(--width-base) * 100vw);
	bottom: calc(116 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5a"][data-index="2"] {
	width: calc(88 * 0.125 / var(--width-base) * 100vw);
	left: calc(-2 / var(--width-base) * 100vw);
	bottom: calc(108 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5a"][data-index="3"] {
	width: calc(64 * 0.125 / var(--width-base) * 100vw);
	left: calc(-8 / var(--width-base) * 100vw);
	bottom: calc(82 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5a"][data-index="4"] {
	width: calc(325 * 0.125 / var(--width-base) * 100vw);
	left: calc(24 / var(--width-base) * 100vw);
	bottom: calc(60 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5a"][data-index="5"] {
	width: calc(104 * 0.125 / var(--width-base) * 100vw);
	left: calc(42 / var(--width-base) * 100vw);
	bottom: calc(114 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5a"][data-index="6"] {
	width: calc(70 * 0.125 / var(--width-base) * 100vw);
	left: calc(32 / var(--width-base) * 100vw);
	bottom: calc(116 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5a"][data-index="7"] {
	width: calc(95 * 0.125 / var(--width-base) * 100vw);
	left: calc(65 / var(--width-base) * 100vw);
	bottom: calc(76 / var(--width-base) * 100vw);
}

/* 5b */
.c-block__image[data-block="5b"][data-index="1"] {
	width: calc(113 * 0.125 / var(--width-base) * 100vw);
	left: calc(18 / var(--width-base) * 100vw);
	bottom: calc(129 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5b"][data-index="2"] {	
	width: calc(141 * 0.125 / var(--width-base) * 100vw);
	left: calc(50 / var(--width-base) * 100vw);
	bottom: calc(82 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5b"][data-index="3"] {
	width: calc(140 * 0.125 / var(--width-base) * 100vw);
	left: calc(36 / var(--width-base) * 100vw);
	bottom: calc(70 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5b"][data-index="4"] {
	width: calc(166 * 0.125 / var(--width-base) * 100vw);
	left: calc(17 / var(--width-base) * 100vw);
	bottom: calc(108 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5b"][data-index="5"] {
	width: calc(63 * 0.125 / var(--width-base) * 100vw);
	left: calc(78 / var(--width-base) * 100vw);
	bottom: calc(118 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5b"][data-index="6"] {
	width: calc(62 * 0.125 / var(--width-base) * 100vw);
	left: calc(66 / var(--width-base) * 100vw);
	bottom: calc(124 / var(--width-base) * 100vw);
}

/* 5c */
.c-block__image[data-block="5c"][data-index="1"] {
	width: calc(106 * 0.125 / var(--width-base) * 100vw);
	left: calc(72 / var(--width-base) * 100vw);
	bottom: calc(90 / var(--width-base) * 100vw);
}
.c-block__image[data-block="5c"][data-index="2"] {
	width: calc(331 * 0.125 / var(--width-base) * 100vw);
	left: calc(-8 / var(--width-base) * 100vw);
	bottom: calc(88 / var(--width-base) * 100vw);
}

/* 5d なし */

/* 5e */
.c-block__image[data-block="5e"][data-index="1"] {
	width: calc(183 * 0.125 / var(--width-base) * 100vw);
	left: calc(26 / var(--width-base) * 100vw);
	bottom: calc(124 / var(--width-base) * 100vw);
}

/*----------------------------------------*/
@keyframes objects {
	0% {
		transform: rotate(0deg) translate3d(0, 0, 0);
	}
	33% {
		transform: rotate(-1deg) translate3d(0, 4px, 0);
	}
    67% {
		transform: rotate(1deg) translate3d(0, -4px, 0);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes object {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0) skewY(0deg) scale(1);
    }
    20% {
        transform: rotate(var(--rotate)) translate3d(var(--x), var(--y), 0) skewY(var(--skew)) scale(var(--scale));
    }
    40% {
        transform: rotate(calc(var(--rotate) * -0.7)) translate3d(calc(var(--x) * -0.8), calc(var(--y) * 1.2), 0) skewY(calc(var(--skew) * -1)) scale(var(--scale));
    }
    60% {
        transform: rotate(calc(var(--rotate) * 1.3)) translate3d(calc(var(--x) * 0.6), calc(var(--y) * -0.9), 0) skewY(var(--skew)) scale(calc(var(--scale) * 1.1));
    }
    80% {
        transform: rotate(calc(var(--rotate) * -0.5)) translate3d(calc(var(--x) * -1.1), calc(var(--y) * 0.4), 0) skewY(calc(var(--skew) * 0.8)) scale(var(--scale));
    }
    100% {
        transform: rotate(0deg) translate3d(0, 0, 0) skewY(0deg) scale(1);
    }
}
.c-objects {
	position: absolute;
	inset: 0;
	z-index: 10;
	animation: objects 6s linear infinite;
}
.c-objects__item {
	position: absolute;
}
.c-objects__item img {
    --x: 0;
    --y: 0;
    --rotate: 0deg;
    --skew: 0deg;
    --scale: 1;
    --duration: 6s;

    display: block;
	max-width: 100%;
	height: auto;
    animation: object var(--duration) linear infinite;
}
.c-objects__item[data-index="1"] {
	width: calc(120 / var(--width-base) * 100vw);
	top: calc(200 / var(--width-base) * 100vw);
	left: calc(145 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="2"] {
	width: calc(60 / var(--width-base) * 100vw);
	bottom: calc(195 / var(--width-base) * 100vw);
	right: calc(155 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="3"] {
	width: calc(40 / var(--width-base) * 100vw);
	top: calc(330 / var(--width-base) * 100vw);
	right: calc(210 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="4"] {
	width: calc(50 / var(--width-base) * 100vw);
	top: calc(195 / var(--width-base) * 100vw);
	right: calc(350 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="5"] {
	width: calc(20 / var(--width-base) * 100vw);
	top: calc(115 / var(--width-base) * 100vw);
	right: calc(600 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="6"] {
	width: calc(25 / var(--width-base) * 100vw);
	top: calc(30 / var(--width-base) * 100vw);
	right: calc(515 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="7"] {
	width: calc(45 / var(--width-base) * 100vw);
	top: calc(20 / var(--width-base) * 100vw);
	left: calc(605 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="8"] {
	width: calc(45 / var(--width-base) * 100vw);
	top: calc(160 / var(--width-base) * 100vw);
	left: calc(560 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="9"] {
	width: calc(14 / var(--width-base) * 100vw);
	top: calc(190 / var(--width-base) * 100vw);
	left: calc(450 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="10"] {
	width: calc(18 / var(--width-base) * 100vw);
	top: calc(200 / var(--width-base) * 100vw);
	left: calc(470 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="11"] {
	width: calc(30 / var(--width-base) * 100vw);
	bottom: calc(135 / var(--width-base) * 100vw);
	left: calc(360 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="12"] {
	width: calc(20 / var(--width-base) * 100vw);
	bottom: calc(230 / var(--width-base) * 100vw);
	right: calc(450 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="13"] {
	width: calc(24 / var(--width-base) * 100vw);
	bottom: calc(265 / var(--width-base) * 100vw);
	left: calc(440 / var(--width-base) * 100vw);
}
.c-objects__item[data-index="14"] {
	width: calc(65 / var(--width-base) * 100vw);
	top: calc(270 / var(--width-base) * 100vw);
	right: calc(340 / var(--width-base) * 100vw);
}

/*----------------------------------------*/
@keyframes hand {
    0% {
        transform: rotate(0deg);
    }
    12.5% {
        transform: rotate(15deg);
    }
    25% {
        transform: rotate(-15deg);
    }
    37.5% {
        transform: rotate(15deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}