@charset "utf-8";

/**
 * js-sc
 -------------------------------------------------- */
.js-sc-dummy {
	position: relative;
}
.js-sc-wrap.js-fixed {
	z-index: 1;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
}
.js-sc-wrap {
	overflow: hidden;
}
.js-sc-wrap[style],
.js-sc-slip[style] {
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


/**
 * object
 -------------------------------------------------- */
.obj-container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
}
.obj {
	position: absolute;
}
.obj img {
	width: 100%;
}
.obj.-ball {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: white;
}
@media screen and (max-width: 1280px) {
	.obj.-ball {
		width: calc(72vw / 12.8);
		height: calc(72vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.obj.-ball {
		width: 48px;
		height: 48px;
	}
}


/* :::::: keyvisual :::::: */
.-keyvisual_obj .-chara.-l img {
	transform: rotateY(-180deg);
}
.-keyvisual_obj .-vector.-l {
	bottom: calc(50% - 192px);
	right: 50%;
	width: 397px;
	height: 551px;
}
.-keyvisual_obj .-vector.-r {
	top: calc(50% - 24px);
	left: 50%;
	width: 505px;
	height: 297px;
}
.-keyvisual_obj .-pencil {
	width: 449px;
	height: 381px;
}
.-keyvisual_obj .-pencil.-l {
	top: calc(50% - 237px);
	left: -192px;
}
.-keyvisual_obj .-pencil.-r {
	top: calc(50% - 235px);
	right: -192px;
}
.-keyvisual_obj .-chara {
	width: 40px;
}
.-keyvisual_obj .-chara.-l {
	top: calc(50% - 214px);
	left: 420px;
}
.-keyvisual_obj .-chara.-r {
	bottom: calc(50% - 164px);
	right: 270px;
}
@media screen and (max-width: 1280px) {
	.-keyvisual_obj .-vector.-l {
		bottom: calc(50% - 192vw / 12.8);
		width: calc(397vw / 12.8);
		height: calc(551vw / 12.8);
	}
	.-keyvisual_obj .-vector.-r {
		top: calc(50% - 24vw / 12.8);
		width: calc(505vw / 12.8);
		height: calc(297vw / 12.8);
	}
	.-keyvisual_obj .-pencil {
		width: calc(449vw / 12.8);
		height: calc(381vw / 12.8);
	}
	.-keyvisual_obj .-pencil.-l {
		top: calc(50% - 237vw / 12.8);
		left: calc(-192vw / 12.8);
	}
	.-keyvisual_obj .-pencil.-r {
		top: calc(50% - 235vw / 12.8);
		right: calc(-192vw / 12.8);
	}
	.-keyvisual_obj .-chara {
		width: calc(40vw / 12.8);
	}
	.-keyvisual_obj .-chara.-l {
		top: calc(50% - 214vw / 12.8);
		left: calc(420vw / 12.8);
	}
	.-keyvisual_obj .-chara.-r {
		bottom: calc(50% - 164vw / 12.8);
		right: calc(270vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-keyvisual_obj .-vector.-l {
		bottom: auto;
		top: calc(50vh + 28vw / 3.75);
		width: calc(161vw / 3.75);
		height: calc(218vw / 3.75);
	}
	.-keyvisual_obj .-vector.-r {
		top: calc(50vh + 18vw / 3.75);
		width: calc(163vw / 3.75);
		height: calc(222vw / 3.75);
	}
	.-keyvisual_obj .-pencil {
		width: calc(352vw / 3.75);
		height: calc(300vw / 3.75);
	}
	.-keyvisual_obj .-pencil.-l,
	.-keyvisual_obj .-pencil.-r {
		top: calc(50vh - 260vw / 3.75);
	}
	.-keyvisual_obj .-pencil.-l {
		left: calc(-219vw / 3.75);
	}
	.-keyvisual_obj .-pencil.-r {
		right: calc(-222vw / 3.75);
	}
	.-keyvisual_obj .-chara {
		width: calc(32vw / 3.75);
		transform-origin: 50% 100%;
	}
	.-keyvisual_obj .-chara.-l {
		top: calc(50vh + 177vw / 3.75);
		left: calc(27vw / 3.75);
		transform: rotate(-42deg);
	}
	.-keyvisual_obj .-chara.-r {
		bottom: auto;
		top: calc(50vh + 49vw / 3.75);
		right: calc(27vw / 3.75);
		transform: rotate(36deg);
	}
}

/* :::::: concept :::::: */
.-concept_obj .-rings { top: 0; }
.-concept_obj .-ring2 { top: 125px; }
.-concept_obj .-ring3 { top: 290px; }
.-concept_obj .-ring4 { top: 440px; }
.-concept_obj .-rings.-l { left: -80px; }
.-concept_obj .-rings.-r { right: -80px; }
.-concept_obj .-rings.-l .obj { left: 0; }
.-concept_obj .-rings.-r .obj { right: 0; }
.-concept_obj .-rings .p {
	width: 332px;
	height: 332px;
}
@media screen and (max-width: 1280px) {
	.-concept_obj .-rings { top: calc(80vw / 12.8); }
	.-concept_obj .-ring2 { top: calc(125vw / 12.8); }
	.-concept_obj .-ring3 { top: calc(290vw / 12.8); }
	.-concept_obj .-ring4 { top: calc(440vw / 12.8); }
	.-concept_obj .-rings.-l { left: calc(-80vw / 12.8); }
	.-concept_obj .-rings.-r { right: calc(-80vw / 12.8); }
	.-concept_obj .-rings .p {
		width: calc(332vw / 12.8);
		height: calc(332vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-concept_obj .-rings { top: 80px; }
	.-concept_obj .-ring2 { top: 80px; }
	.-concept_obj .-ring3 { top: 180px; }
	.-concept_obj .-ring4 { top: 280px; }
	.-concept_obj .-rings.-l { left: calc(25vw - 520px / 3.75); }
	.-concept_obj .-rings.-r { right: calc(25vw - 520px / 3.75); }
	.-concept_obj .-rings .p {
		width: 180px;
		height: 180px;
	}
}
/* fill */
.-concept_obj .-ring1 .p { fill: #ffbbfe; }
.-concept_obj .-ring2 .p { fill: #23eecd; }
.-concept_obj .-ring3 .p { fill: #6746f9; }
.-concept_obj .-ring4 .p { fill: #fbf355; }
.-concept_obj .-rings.-r .-ring3 .p { fill: white; }
/* z-index */
.-concept_obj .-ring1.-b { z-index: 1; }
.-concept_obj .-ring2.-b { z-index: 2; }
.-concept_obj .-ring1.-f { z-index: 3; }
.-concept_obj .-ring3.-b { z-index: 4; }
.-concept_obj .-ring2.-f { z-index: 5; }
.-concept_obj .-ring4.-b { z-index: 6; }
.-concept_obj .-ring3.-f { z-index: 7; }
.-concept_obj .-ring4.-f { z-index: 8; }
.-concept_obj .-chara { z-index: 6; }
/* left */
.-concept_obj .-rings.-l .-ring1 { left: 0; }
.-concept_obj .-rings.-l .-ring2 { left: 60px; }
.-concept_obj .-rings.-l .-ring3 { left: 70px; }
.-concept_obj .-rings.-l .-ring4 { left: 0; }
.-concept_obj .-rings.-l .-ring1 .p { transform: rotateZ(90deg); }
.-concept_obj .-rings.-l .-ring2 .p { transform: rotateZ(10deg); }
.-concept_obj .-rings.-l .-ring3 .p { transform: rotateZ(110deg); }
.-concept_obj .-rings.-l .-ring4 .p { transform: none; }
.-concept_obj .-rings.-l .-chara {
	top: 400px;
	left: 218px;
}
.-concept_obj .-rings.-l .-chara {
	width: 55px;
}
.-concept_obj .-rings.-l .-chara img {
	transform: rotateY(-180deg);
}
/* right */
.-concept_obj .-rings.-r .-ring1 { right: 0; }
.-concept_obj .-rings.-r .-ring2 { right: 60px; }
.-concept_obj .-rings.-r .-ring3 { right: 70px; }
.-concept_obj .-rings.-r .-ring4 { right: 0; }
.-concept_obj .-rings.-r .-ring1 .p { transform: none; }
.-concept_obj .-rings.-r .-ring2 .p { transform: rotateZ(80deg); }
.-concept_obj .-rings.-r .-ring3 .p { transform: rotateZ(-20deg); }
.-concept_obj .-rings.-r .-ring4 .p { transform: rotateZ(90deg); }
@media screen and (max-width: 1280px) {
	.-concept_obj .-rings.-l .-ring2 { left: calc(60vw / 12.8); }
	.-concept_obj .-rings.-l .-ring3 { left: calc(70vw / 12.8); }
	.-concept_obj .-rings.-l .-chara {
		top: calc(400vw / 12.8);
		left: calc(218vw / 12.8);
	}
	.-concept_obj .-rings.-l .-chara {
		width: calc(55vw / 12.8);
	}
	.-concept_obj .-rings.-r .-ring2 { right: calc(60vw / 12.8); }
	.-concept_obj .-rings.-r .-ring3 { right: calc(70vw / 12.8); }
}
@media screen and (max-width: 1024px) {
	.-concept_obj .-rings.-l .-chara {
		top: 250px;
		left: 120px;
		width: 34px;
	}
}

/* :::::: project :::::: */
.-project_obj .-ball {
	width: 72px;
	height: 72px;
}
.-project_obj .-ball.-l.-b1 { background: #6746f9; }
.-project_obj .-ball.-l.-b2 { background: #ffbbfe; }
.-project_obj .-ball.-l.-b3 { background: #23eecd; }
.-project_obj .-ball.-l.-b4 { background: #ebebeb; }
.-project_obj .-ball.-l.-b5 { background: #6746f9; }
.-project_obj .-ball.-l.-b6 { background: #ffbbfe; }
.-project_obj .-ball.-l.-b7 { background: #23eecd; }
.-project_obj .-ball.-r.-b1 { background: #ffbbfe; }
.-project_obj .-ball.-l.-b1 {
	top: 0;
	left: 60px;
}
.-project_obj .-ball.-l.-b2 {
	top: 120px;
	left: 160px;
}
.-project_obj .-ball.-l.-b3 {
	top: 200px;
	left: 290px;
}
.-project_obj .-ball.-l.-b4 {
	top: 480px;
	left: 115px;
	width: 80px;
	height: 80px;
}
.-project_obj .-ball.-l.-b5 {
	top: 520px;
	left: 250px;
}
.-project_obj .-ball.-l.-b6 {
	top: 640px;
	left: 160px;
}
.-project_obj .-ball.-l.-b7 {
	top: 720px;
	left: 30px;
}
.-project_obj .-ball.-r.-b1 {
	top: 25px;
	left: 40px;
}
.-project_obj .-ball.-r.-b2 {
	bottom: 70px;
	left: 20px;
	width: 80px;
	height: 80px;
}
@media screen and (max-width: 1280px) {
	.-project_obj .-ball {
		width: calc(72vw / 12.8);
		height: calc(72vw / 12.8);
	}
	.-project_obj .-ball.-l.-b4,
	.-project_obj .-ball.-r.-b2 {
		width: calc(80vw / 12.8);
		height: calc(80vw / 12.8);
	}
	.-project_obj .-ball.-l.-b1 {
		left: calc(60vw / 12.8);
	}
	.-project_obj .-ball.-l.-b2 {
		top: calc(120vw / 12.8);
		left: calc(160vw / 12.8);
	}
	.-project_obj .-ball.-l.-b3 {
		top: calc(200vw / 12.8);
		left: calc(290vw / 12.8);
	}
	.-project_obj .-ball.-l.-b4 {
		top: calc(480vw / 12.8);
		left: calc(115vw / 12.8);
	}
	.-project_obj .-ball.-l.-b5 {
		top: calc(520vw / 12.8);
		left: calc(250vw / 12.8);
	}
	.-project_obj .-ball.-l.-b6 {
		top: calc(640vw / 12.8);
		left: calc(160vw / 12.8);
	}
	.-project_obj .-ball.-l.-b7 {
		top: calc(720vw / 12.8);
		left: calc(30vw / 12.8);
	}
	.-project_obj .-ball.-r.-b1 {
		top: calc(25vw / 12.8);
		left: calc(40vw / 12.8);
	}
	.-project_obj .-ball.-r.-b2 {
		bottom: calc(70vw / 12.8);
		left: calc(20vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-project_obj .-ball {
		width: 52px;
		height: 52px;
	}
	.-project_obj .-ball.-l.-b4,
	.-project_obj .-ball.-r.-b2 {
		width: 62px;
		height: 62px;
	}
	.-project_obj .-ball.-l.-b1 {
		left: calc(32vw - 400px / 3.75);
	}
	.-project_obj .-ball.-l.-b2 {
		top: 120px;
		left: calc(32vw - 160px / 3.75);
	}
	.-project_obj .-ball.-l.-b3 {
		top: 40px;
		left: calc(32vw - 40px / 3.75);
	}
	.-project_obj .-ball.-l.-b4 {
		top: 230px;
		left: calc(32vw - 240px / 3.75);
	}
	.-project_obj .-ball.-l.-b5 {
		top: 380px;
		left: 32vw;
	}
	.-project_obj .-ball.-l.-b6 {
		top: 450px;
		left: calc(32vw - 300px / 3.75);
	}
	.-project_obj .-ball.-l.-b7 {
		top: 360px;
		left: calc(32vw - 500px / 3.75);
	}
	.-project_obj .-ball.-r.-b1 {
		top: 12px;
		left: calc(24vw / 3.75);
	}
	.-project_obj .-ball.-r.-b2 {
		bottom: 35px;
		left: calc(16vw / 3.75);
	}
}
/* hole */
.-project_obj .-hole {
	top: 120px;
	width: 280px;
	height: 520px;
	border-radius: 47% / 50%;
	background: black;
}
.-project_obj .-hole.-l {
	left: -140px;
}
.-project_obj .-hole.-r {
	overflow: hidden;
	right: -140px;
}
@media screen and (max-width: 1280px) {
	.-project_obj .-hole {
		top: calc(120vw / 12.8);
		width: calc(280vw / 12.8);
		height: calc(520vw / 12.8);
	}
	.-project_obj .-hole.-l {
		left: calc(-140vw / 12.8);
	}
	.-project_obj .-hole.-r {
		right: calc(-140vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-project_obj .-hole {
		top: 80px;
		width: 190px;
		height: 365px;
	}
	.-project_obj .-hole.-l {
		left: calc(15vw - 640px / 3.75);
	}
	.-project_obj .-hole.-r {
		right: calc(15vw - 640px / 3.75);
	}
}
/* chara */
.-project_obj .-chara {
	top: 350px;
	width: 117px;
}
.-project_obj .-chara.-c1 img {
	transform: rotateY(-180deg);
}
.-project_obj .-chara.-l.-c1 {
	left: -16px;
}
.-project_obj .-chara.-l.-c2 {
	left: 154px;
}
.-project_obj .-chara.-r.-c1 {
	right: 154px;
}
.-project_obj .-chara.-r.-c2 {
	right: -16px;
}
@media screen and (max-width: 1280px) {
	.-project_obj .-chara {
		top: calc(350vw / 12.8);
		width: calc(117vw / 12.8);
	}
	.-project_obj .-chara.-l.-c1 {
		left: calc(-16vw / 12.8);
	}
	.-project_obj .-chara.-l.-c2 {
		left: calc(154vw / 12.8);
	}
	.-project_obj .-chara.-r.-c1 {
		right: calc(154vw / 12.8);
	}
	.-project_obj .-chara.-r.-c2 {
		right: calc(-16vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-project_obj .-chara {
		top: 214px;
		width: 80px;
	}
	.-project_obj .-chara.-l.-c1 {
		left: calc(8vw - 180px / 3.75);
	}
	.-project_obj .-chara.-l.-c2 {
		left: calc(32vw - 140px / 3.75);
	}
	.-project_obj .-chara.-r.-c1 {
		right: calc(32vw - 140px / 3.75);
	}
	.-project_obj .-chara.-r.-c2 {
		right: calc(8vw - 180px / 3.75);
	}
}

/* :::::: message :::::: */
.-message_obj .-bricks {
	top: 80px;
	width: 480px;
	height: 602px;
}
.-message_obj .-bricks.-l {
	left: -200px;
}
.-message_obj .-bricks.-r {
	right: -200px;
}
.-message_obj .-brick1 { top: 0; }
.-message_obj .-brick2,
.-message_obj .-brick3 { top: 115px; }
.-message_obj .-brick4,
.-message_obj .-brick5 { top: 230px; }
.-message_obj .-brick6,
.-message_obj .-brick7 { top: 345px; }
.-message_obj .-brick8 { top: 460px; }
.-message_obj .-brick1,
.-message_obj .-brick8 { left: 160px; }
.-message_obj .-brick2,
.-message_obj .-brick6 { left: 80px; }
.-message_obj .-brick3,
.-message_obj .-brick7 { left: 240px; }
.-message_obj .-brick4 { left: 0; }
.-message_obj .-brick5 { left: 320px; }
.-message_obj .-bricks .p {
	width: 160px;
	height: 142px;
}
.-message_obj .-bricks.-l .p { fill: white; }
@media screen and (max-width: 1280px) {
	.-message_obj .-bricks {
		top: calc(80vw / 12.8);
		width: calc(480vw / 12.8);
		height: calc(602vw / 12.8);
	}
	.-message_obj .-bricks.-l {
		left: calc(-200vw / 12.8);
	}
	.-message_obj .-bricks.-r {
		right: calc(-200vw / 12.8);
	}
	.-message_obj .-brick2,
	.-message_obj .-brick3 { top: calc(115vw / 12.8); }
	.-message_obj .-brick4,
	.-message_obj .-brick5 { top: calc(230vw / 12.8); }
	.-message_obj .-brick6,
	.-message_obj .-brick7 { top: calc(345vw / 12.8); }
	.-message_obj .-brick8 { top: calc(460vw / 12.8); }
	.-message_obj .-brick1,
	.-message_obj .-brick8 { left: calc(160vw / 12.8); }
	.-message_obj .-brick2,
	.-message_obj .-brick6 { left: calc(80vw / 12.8); }
	.-message_obj .-brick3,
	.-message_obj .-brick7 { left: calc(240vw / 12.8); }
	.-message_obj .-brick5 { left: calc(320vw / 12.8); }
	.-message_obj .-bricks .p {
		width: calc(160vw / 12.8);
		height: calc(142vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-message_obj .-bricks {
		top: 80px;
		width: 300px;
		height: 375px;
	}
	.-message_obj .-bricks.-l {
		left: calc(15vw - 720px / 3.75);
	}
	.-message_obj .-bricks.-r {
		right: calc(15vw - 720px / 3.75);
	}
	.-message_obj .-brick2,
	.-message_obj .-brick3 { top: 72px; }
	.-message_obj .-brick4,
	.-message_obj .-brick5 { top: 144px; }
	.-message_obj .-brick6,
	.-message_obj .-brick7 { top: 216px; }
	.-message_obj .-brick8 { top: 288px; }
	.-message_obj .-brick1,
	.-message_obj .-brick8 { left: 100px; }
	.-message_obj .-brick2,
	.-message_obj .-brick6 { left: 50px; }
	.-message_obj .-brick3,
	.-message_obj .-brick7 { left: 150px; }
	.-message_obj .-brick5 { left: 200px; }
	.-message_obj .-bricks .p {
		width: 100px;
		height: 89px;
	}
}
/* chara */
.-message_obj .-chara.-l.-c1 {
	top: -34px;
	left: 215px;
}
.-message_obj .-chara.-l.-c2 {
	top: 290px;
	left: 295px;
}
.-message_obj .-chara.-r.-c1 {
	top: 56px;
	left: 135px;
}
.-message_obj .-chara.-r.-c2 {
	top: 440px;
	left: 185px;
}
.-message_obj .-chara {
	width: 68px;
}
.-message_obj .-chara.-l img,
.-message_obj .-chara.-r.-c1 img {
	transform: rotateY(-180deg);
}
@media screen and (max-width: 1280px) {
	.-message_obj .-chara.-l.-c1 {
		top: calc(-34vw / 12.8);
		left: calc(215vw / 12.8);
	}
	.-message_obj .-chara.-l.-c2 {
		top: calc(290vw / 12.8);
		left: calc(295vw / 12.8);
	}
	.-message_obj .-chara.-r.-c1 {
		top: calc(56vw / 12.8);
		left: calc(135vw / 12.8);
	}
	.-message_obj .-chara.-r.-c2 {
		top: calc(440vw / 12.8);
		left: calc(185vw / 12.8);
	}
	.-message_obj .-chara {
		width: calc(68vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-message_obj .-chara.-l.-c1 {
		top: -22px;
		left: 140px;
	}
	.-message_obj .-chara.-l.-c2 {
		top: 180px;
		left: 180px;
	}
	.-message_obj .-chara.-r.-c1 {
		top: 38px;
		left: 80px;
	}
	.-message_obj .-chara.-r.-c2 {
		top: 280px;
		left: 120px;
	}
	.-message_obj .-chara {
		width: 43px;
	}
}
/* ball */
.-message_obj .-ball.-b1.-l {
	top: 125px;
	left: 80px;
}
.-message_obj .-ball.-b2.-l {
	top: 200px;
	left: -64px;
}
.-message_obj .-ball.-b3.-l {
	top: 260px;
	left: 160px;
	width: 92px;
	height: 92px;
}
.-message_obj .-ball.-b4.-l {
	top: 514px;
	left: 0;
}
.-message_obj .-ball.-b1.-r {
	top: 24px;
	right: 4px;
}
.-message_obj .-ball.-b2.-r {
	top: 240px;
	right: 170px;
}
.-message_obj .-ball.-b3.-r {
	top: 360px;
	right: 90px;
}
.-message_obj .-ball.-b4.-r {
	top: 400px;
	right: -64px;
}
.-message_obj .-ball.-b1.-l,
.-message_obj .-ball.-b3.-r {
	background: #fbf355;
}
.-message_obj .-ball.-b2.-l,
.-message_obj .-ball.-b3.-l,
.-message_obj .-ball.-b1.-r,
.-message_obj .-ball.-b2.-r,
.-message_obj .-ball.-b4.-r {
	background: #23eecd;
}
.-message_obj .-ball.-b4.-l {
	background: #6746f9;
}
@media screen and (max-width: 1280px) {
	.-message_obj .-ball.-b1.-l {
		top: calc(125vw / 12.8);
		left: calc(80vw / 12.8);
	}
	.-message_obj .-ball.-b2.-l {
		top: calc(200vw / 12.8);
		left: calc(-64vw / 12.8);
	}
	.-message_obj .-ball.-b3.-l {
		top: calc(260vw / 12.8);
		left: calc(160vw / 12.8);
		width: calc(92vw / 12.8);
		height: calc(92vw / 12.8);
	}
	.-message_obj .-ball.-b4.-l {
		top: calc(514vw / 12.8);
	}
	.-message_obj .-ball.-b1.-r {
		top: calc(24vw / 12.8);
		right: calc(4vw / 12.8);
	}
	.-message_obj .-ball.-b2.-r {
		top: calc(240vw / 12.8);
		right: calc(170vw / 12.8);
	}
	.-message_obj .-ball.-b3.-r {
		top: calc(360vw / 12.8);
		right: calc(90vw / 12.8);
	}
	.-message_obj .-ball.-b4.-r {
		top: calc(400vw / 12.8);
		right: calc(-64vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-message_obj .-ball.-b1.-l {
		top: 105px;
		left: calc(32vw - 300px / 3.75);
	}
	.-message_obj .-ball.-b2.-l {
		top: 196px;
		left: calc(32vw - 100px / 3.75);
	}
	.-message_obj .-ball.-b3.-l {
		top: 260px;
		left: calc(32vw - 860px / 3.75);
		width: 52px;
		height: 52px;
	}
	.-message_obj .-ball.-b4.-l {
		top: 350px;
		left: calc(32vw - 430px / 3.75);
	}
	.-message_obj .-ball.-b1.-r {
		top: 54px;
		right: calc(32vw - 470px / 3.75);
	}
	.-message_obj .-ball.-b2.-r {
		top: 180px;
		right: calc(32vw - 100px / 3.75);
	}
	.-message_obj .-ball.-b3.-r {
		top: 260px;
		right: calc(32vw - 300px / 3.75);
	}
	.-message_obj .-ball.-b4.-r {
		top: 400px;
		right: calc(32vw - 640px / 3.75);
	}
}

/* :::::: NEWS :::::: */
.-news_obj .-desk { top: 320px; }
.-news_obj .-desk.-l { left: -160px; }
.-news_obj .-desk.-r { right: -160px; }
.-news_obj .-desk,
.-news_obj .-desk .p {
	width: 446px;
	height: 392px;
}
.-news_obj .-desk.-l .p {
	fill: #6746f9;
}
.-news_obj .-desk.-r .p {
	fill: white;
	transform: rotateY(-180deg);
}
@media screen and (max-width: 1280px) {
	.-news_obj .-desk { top: calc(320vw / 12.8); }
	.-news_obj .-desk.-l { left: calc(-160vw / 12.8); }
	.-news_obj .-desk.-r { right: calc(-160vw / 12.8); }
	.-news_obj .-desk,
	.-news_obj .-desk .p {
		width: calc(446vw / 12.8);
		height: calc(392vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-news_obj .-desk { top: 160px; }
	.-news_obj .-desk.-l { left: calc(13vw - 400px / 3.75); }
	.-news_obj .-desk.-r { right: calc(13vw - 400px / 3.75); }
	.-news_obj .-desk,
	.-news_obj .-desk .p {
		width: 216px;
		height: 190px;
	}
}
/* left */
.-news_obj .-ball.-b3 {
	z-index: 1;
}
.-news_obj .-ball.-b1.-l,
.-news_obj .-ball.-b4.-l { background: #ffbbfe; }
.-news_obj .-ball.-b2.-l,
.-news_obj .-ball.-b6.-l { background: #fbf355; }
.-news_obj .-ball.-b3.-l,
.-news_obj .-ball.-b5.-l { background: #23eecd; }
.-news_obj .-ball.-b1.-l {
	top: 0;
	left: 60px;
	width: 92px;
	height: 92px;
}
.-news_obj .-ball.-b2.-l {
	top: 150px;
	left: 10px;
	width: 62px;
	height: 62px;
}
.-news_obj .-ball.-b3.-l {
	top: 220px;
	left: 130px;
	width: 92px;
	height: 92px;
}
.-news_obj .-ball.-b4.-l {
	top: 100px;
	left: 80px;
	width: 144px;
	height: 144px;
}
.-news_obj .-ball.-b5.-l {
	top: 100px;
	left: 185px;
	width: 120px;
	height: 120px;
}
.-news_obj .-ball.-b6.-l {
	top: 80px;
	left: 260px;
	width: 120px;
	height: 120px;
}
@media screen and (max-width: 1280px) {
	.-news_obj .-ball.-b1.-l {
		left: calc(60vw / 12.8);
		width: calc(92vw / 12.8);
		height: calc(92vw / 12.8);
	}
	.-news_obj .-ball.-b2.-l {
		top: calc(150vw / 12.8);
		left: calc(10vw / 12.8);
		width: calc(62vw / 12.8);
		height: calc(62vw / 12.8);
	}
	.-news_obj .-ball.-b3.-l {
		top: calc(220vw / 12.8);
		left: calc(130vw / 12.8);
		width: calc(92vw / 12.8);
		height: calc(92vw / 12.8);
	}
	.-news_obj .-ball.-b4.-l {
		top: calc(100vw / 12.8);
		left: calc(80vw / 12.8);
		width: calc(144vw / 12.8);
		height: calc(144vw / 12.8);
	}
	.-news_obj .-ball.-b5.-l {
		top: calc(100vw / 12.8);
		left: calc(185vw / 12.8);
		width: calc(120vw / 12.8);
		height: calc(120vw / 12.8);
	}
	.-news_obj .-ball.-b6.-l {
		top: calc(80vw / 12.8);
		left: calc(260vw / 12.8);
		width: calc(120vw / 12.8);
		height: calc(120vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-news_obj .-ball.-b1.-l {
		left: calc(25vw - 60px / 3.75);
		width: 46px;
		height: 46px;
	}
	.-news_obj .-ball.-b2.-l {
		top: 60px;
		left: calc(25vw - 280px / 3.75);
		width: 30px;
		height: 30px;
	}
	.-news_obj .-ball.-b3.-l {
		top: 100px;
		left: 25vw;
		width: 46px;
		height: 46px;
	}
	.-news_obj .-ball.-b4.-l {
		top: 50px;
		left: 40px;
		width: 72px;
		height: 72px;
	}
	.-news_obj .-ball.-b5.-l {
		top: 50px;
		left: 92px;
		width: 60px;
		height: 60px;
	}
	.-news_obj .-ball.-b6.-l {
		top: 30px;
		left: 130px;
		width: 60px;
		height: 60px;
	}
}
/* right */
.-news_obj .-ball.-b1.-r,
.-news_obj .-ball.-b5.-r { background: #6746f9; }
.-news_obj .-ball.-b2.-r,
.-news_obj .-ball.-b6.-r { background: #ffbbfe; }
.-news_obj .-ball.-b3.-r,
.-news_obj .-ball.-b4.-r { background: #fbf355; }
.-news_obj .-ball.-b1.-r {
	top: 20px;
	right: 30px;
	width: 92px;
	height: 92px;
}
.-news_obj .-ball.-b2.-r {
	top: 180px;
	right: 120px;
	width: 64px;
	height: 64px;
}
.-news_obj .-ball.-b3.-r {
	top: 240px;
	right: -10px;
	width: 100px;
	height: 100px;
}
.-news_obj .-ball.-b4.-r {
	top: 70px;
	left: 50px;
	width: 100px;
	height: 100px;
}
.-news_obj .-ball.-b5.-r {
	top: 144px;
	left: 124px;
	width: 64px;
	height: 64px;
}
.-news_obj .-ball.-b6.-r {
	top: 100px;
	left: 186px;
	width: 160px;
	height: 160px;
}
@media screen and (max-width: 1280px) {
	.-news_obj .-ball.-b1.-r {
		top: calc(20vw / 12.8);
		right: calc(30vw / 12.8);
		width: calc(92vw / 12.8);
		height: calc(92vw / 12.8);
	}
	.-news_obj .-ball.-b2.-r {
		top: calc(180vw / 12.8);
		right: calc(120vw / 12.8);
		width: calc(64vw / 12.8);
		height: calc(64vw / 12.8);
	}
	.-news_obj .-ball.-b3.-r {
		top: calc(240vw / 12.8);
		right: calc(-10vw / 12.8);
		width: calc(100vw / 12.8);
		height: calc(100vw / 12.8);
	}
	.-news_obj .-ball.-b4.-r {
		top: calc(70vw / 12.8);
		left: calc(50vw / 12.8);
		width: calc(100vw / 12.8);
		height: calc(100vw / 12.8);
	}
	.-news_obj .-ball.-b5.-r {
		top: calc(144vw / 12.8);
		left: calc(124vw / 12.8);
		width: calc(64vw / 12.8);
		height: calc(64vw / 12.8);
	}
	.-news_obj .-ball.-b6.-r {
		top: calc(100vw / 12.8);
		left: calc(186vw / 12.8);
		width: calc(160vw / 12.8);
		height: calc(160vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-news_obj .-ball.-b1.-r {
		top: 10px;
		right: calc(25vw - 220px / 3.75);
		width: 46px;
		height: 46px;
	}
	.-news_obj .-ball.-b2.-r {
		top: 50px;
		right: 25vw;
		width: 32px;
		height: 32px;
	}
	.-news_obj .-ball.-b3.-r {
		top: 110px;
		right: calc(25vw - 260px / 3.75);
		width: 50px;
		height: 50px;
	}
	.-news_obj .-ball.-b4.-r {
		top: 35px;
		left: 25px;
		width: 50px;
		height: 50px;
	}
	.-news_obj .-ball.-b5.-r {
		top: 72px;
		left: 62px;
		width: 32px;
		height: 32px;
	}
	.-news_obj .-ball.-b6.-r {
		top: 50px;
		left: 93px;
		width: 80px;
		height: 80px;
	}
}
/* chara */
.-news_obj .-chara {
	z-index: 1;
}
.-news_obj .-chara.-l {
	top: 220px;
	left: 10px;
}
.-news_obj .-chara.-r {
	top: 280px;
	right: 10px;
}
.-news_obj .-chara {
	width: 140px;
}
.-news_obj .-chara.-l img {
	transform: rotateY(-180deg) rotateZ(30deg);
}
.-news_obj .-chara.-r img {
	transform: rotateZ(-50deg);
}
@media screen and (max-width: 1280px) {
	.-news_obj .-chara.-l {
		top: calc(220vw / 12.8);
		left: calc(10vw / 12.8);
	}
	.-news_obj .-chara.-r {
		top: calc(280vw / 12.8);
		right: calc(10vw / 12.8);
	}
	.-news_obj .-chara {
		width: calc(140vw / 12.8);
	}
}
@media screen and (max-width: 1024px) {
	.-news_obj .-chara.-l {
		top: 110px;
		left: 10vw;
	}
	.-news_obj .-chara.-r {
		top: 140px;
		right: 8vw;
	}
	.-news_obj .-chara {
		width: 68px;
	}
}

/* :::::: プロジェクト一覧/ニュース一覧 :::::: */
.p-object .-project_obj,
.p-news .l-news {
	position: relative;
}
.js-sc-wrap.js-fixed .-project_obj .obj-container,
.js-sc-wrap.js-fixed .-news_obj .obj-container {
	top: -10vh;
}

/* :::::: NEWS - single :::::: */
.-news-s_obj .obj {
	position: fixed;
}
.-news-s_obj .-b1.-l,
.-news-s_obj .-b4.-r { background: #6746f9; }
.-news-s_obj .-b2.-l,
.-news-s_obj .-b5.-l,
.-news-s_obj .-b1.-r { background: #fbf355; }
.-news-s_obj .-b3.-l,
.-news-s_obj .-b3.-r { background: #ffbbfe; }
.-news-s_obj .-b4.-l,
.-news-s_obj .-b2.-r,
.-news-s_obj .-b5.-r { background: #23eecd; }

.-news-s_obj .-b1.-l { width: 70px;  height: 67px; }
.-news-s_obj .-b2.-l { width: 30px;  height: 29px; }
.-news-s_obj .-b3.-l { width: 65px;  height: 62px; }
.-news-s_obj .-b4.-l { width: 120px; height: 114px; }
.-news-s_obj .-b5.-l { width: 97px;  height: 92px; }
.-news-s_obj .-b1.-r { width: 65px;  height: 62px; }
.-news-s_obj .-b2.-r { width: 42px;  height: 40px; }
.-news-s_obj .-b3.-r { width: 100px; height: 95px; }
.-news-s_obj .-b4.-r { width: 62px;  height: 59px; }
.-news-s_obj .-b5.-r { width: 98px;  height: 93px; }

.-news-s_obj .-b1.-l { top: 80px;  left: 406px; }
.-news-s_obj .-b2.-l { top: 174px;  left: 85px; }
.-news-s_obj .-b3.-l { top: 203px;  left: 215px; }
.-news-s_obj .-b4.-l { top: 393px; left: 25px; }
.-news-s_obj .-b5.-l { top: 555px;  left: 160px; }
.-news-s_obj .-b1.-r { top: 70px;  right: 160px; }
.-news-s_obj .-b2.-r { top: 113px;  right: 478px; }
.-news-s_obj .-b3.-r { top: 300px; right: 80px; }
.-news-s_obj .-b4.-r { top: 467px;  right: 200px; }
.-news-s_obj .-b5.-r { top: 547px;  right: 18px; }

@media screen and (max-width: 1280px) {
	.-news-s_obj .-b1.-l { left: calc(406vw / 12.8); }
	.-news-s_obj .-b2.-l { left: calc(85vw / 12.8); }
	.-news-s_obj .-b3.-l { left: calc(215vw / 12.8); }
	.-news-s_obj .-b4.-l { left: calc(25vw / 12.8); }
	.-news-s_obj .-b5.-l { left: calc(160vw / 12.8); }
	.-news-s_obj .-b1.-r { right: calc(160vw / 12.8); }
	.-news-s_obj .-b2.-r { right: calc(478vw / 12.8); }
	.-news-s_obj .-b3.-r { right: calc(80vw / 12.8); }
	.-news-s_obj .-b4.-r { right: calc(200vw / 12.8); }
	.-news-s_obj .-b5.-r { right: calc(18vw / 12.8); }
}
@media screen and (max-width: 1024px) {
	.-news-s_obj .-b1.-l { width: calc(35vw / 3.75);  height: calc(33vw / 3.75); }
	.-news-s_obj .-b2.-l { width: calc(15vw / 3.75);  height: calc(14vw / 3.75); }
	.-news-s_obj .-b3.-l { width: calc(32vw / 3.75);  height: calc(31vw / 3.75); }
	.-news-s_obj .-b4.-l { width: calc(60vw / 3.75); height: calc(57vw / 3.75); }
	.-news-s_obj .-b5.-l { width: calc(48vw / 3.75);  height: calc(46vw / 3.75); }
	.-news-s_obj .-b1.-r { width: calc(32vw / 3.75);  height: calc(31vw / 3.75); }
	.-news-s_obj .-b2.-r { width: calc(21vw / 3.75);  height: calc(20vw / 3.75); }
	.-news-s_obj .-b3.-r { width: calc(50vw / 3.75); height: calc(47vw / 3.75); }
	.-news-s_obj .-b4.-r { width: calc(31vw / 3.75);  height: calc(29vw / 3.75); }
	.-news-s_obj .-b5.-r { width: calc(48vw / 3.75);  height: calc(46vw / 3.75); }
	
	.-news-s_obj .-b1.-l { top: calc(40vw / 3.75);  left: calc(41vw - 100px / 3.75); }
	.-news-s_obj .-b2.-l { top: calc(87vw / 3.75);  left: calc(9vw - 40px / 3.75); }
	.-news-s_obj .-b3.-l { top: calc(101vw / 3.75);  left: calc(22vw + 40px / 3.75); }
	.-news-s_obj .-b4.-l { top: calc(196vw / 3.75); left: calc(3vw - 60px / 3.75); }
	.-news-s_obj .-b5.-l { top: calc(277vw / 3.75);  left: calc(16vw + 40px / 3.75); }
	.-news-s_obj .-b1.-r { top: calc(35vw / 3.75);  right: calc(16vw - 100px / 3.75); }
	.-news-s_obj .-b2.-r { top: calc(56vw / 3.75);  right: calc(48vw - 160px / 3.75); }
	.-news-s_obj .-b3.-r { top: calc(150vw / 3.75); right: calc(8vw - 20px / 3.75); }
	.-news-s_obj .-b4.-r { top: calc(233vw / 3.75);  right: calc(20vw + 80px / 3.75); }
	.-news-s_obj .-b5.-r { top: calc(273vw / 3.75);  right: calc(2vw - 80px / 3.75); }
}

/* :::::: PROJECT - single :::::: */
.-project-s_obj {
	z-index: unset;
}
.-project-s_obj .-meme {
	position: fixed;
	width: 46px;
	height: 55vw;
}
.-project-s_obj .-meme.-t {
	z-index: 2;
}
.-project-s_obj .-meme.-t.-l,
.-project-s_obj .-meme.-b.-r {
	transform-origin: 100% 0;
	transform: rotateZ(60deg);
}
.-project-s_obj .-meme.-t.-r,
.-project-s_obj .-meme.-b.-l {
	transform-origin: 0 0;
	transform: rotateZ(-60deg);
}
.-project-s_obj .-meme::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 210px);
	background: url(../img/meme.svg) center top / 46px 105px repeat-y;
	animation: memetokyo_s 5s linear infinite;
}
.-project-s_obj .-meme.-r::after {
	background-image: url(../img/meme_y.svg);
}

@media screen and (max-width: 767px) {
	.-project-s_obj .-meme.-t.-l,
	.-project-s_obj .-meme.-b.-l { display: none; }
	.-project-s_obj .-meme {
		height: 92vw;
	}
	.-project-s_obj .-meme.-b {
		bottom: 0;
	}
	.-project-s_obj .-meme.-t.-r {
		left: 65vw;
		transform-origin: 100% 0;
		transform: rotateZ(60deg);
	}
	.-project-s_obj .-meme.-b.-r {
		right: 65vw;
		transform-origin: 0 100%;
	}
}
@media screen and (min-width: 768px) {
	.-project-s_obj .-meme.-t {
		top: 0;
		width: 92px;
	}
	.-project-s_obj .-meme.-b {
		top: 70vh;
	}
	.-project-s_obj .-meme.-t.-l { left: calc(50% - 144px); }
	.-project-s_obj .-meme.-t.-r { right: calc(50% - 144px); }
	.-project-s_obj .-meme.-b.-l { left: calc(50% - 50vw - 32px); }
	.-project-s_obj .-meme.-b.-r { right: calc(50% - 50vw - 32px); }
	.-project-s_obj .-meme.-t::after {
		height: calc(100% + 420px);
		background-size: 92px 210px;
		animation-name: memetokyo;
	}
}

@keyframes memetokyo {
	from { transform: translateY(0); }
	to { transform: translateY(-210px); }
}
@keyframes memetokyo_s {
	from { transform: translateY(0); }
	to { transform: translateY(-105px); }
}


/**
 * effect
 -------------------------------------------------- */
.js-effect {
	pointer-events: none;
	position: relative;
	min-height: 100vh;
}
.js-effect:empty {
	display: none;
}

.js-effect::before,
.js-effect::after {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 0;
	width: 50%;
	height: calc(100% + 10px);
}
.js-effect::before {
	left: 0;
	width: calc(50% + 1px);
}
.js-effect::after {
	right: 0;
}

.js-effect_wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 1;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
}
.js-effect_wrap.-l {
	left: 0;
	width: calc(50% + 1px);
}
.js-effect_wrap.-r {
	right: 0;
}
.js-effect_wrap .bar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
}
.js-effect_wrap .bar::before,
.js-effect_wrap .bar::after {
	content: "";
	display: block;
	width: 100%;
}
.js-effect_wrap .bar::after {
	flex-grow: 1;
	margin: -1px 0;
}
.js-effect_wrap .bar .b {
	position: absolute;
	width: 100%;
	height: 100px;
}

/* keyvisual-concept */
.-keyvisual-concept_eff::before          { background: white; }
.-keyvisual-concept_eff .-l .bar::after  { background: #6746f9; }
.-keyvisual-concept_eff .-l .bar::before { background: linear-gradient(to top, #6746f9 20%, rgba(103,70,249,0)); }
.-keyvisual-concept_eff .-l .bar .b      { background: linear-gradient(to top, rgba(255,255,255,0) 20%, white); }
.-keyvisual-concept_eff .-l .bar:nth-child(5) .b:nth-child(2) { background: linear-gradient(to top, #6746f9 20%, rgba(103,70,249,0)); }

.-keyvisual-concept_eff::after           { background: black; }
.-keyvisual-concept_eff .-r .bar::after  { background: #ebebeb; }
.-keyvisual-concept_eff .-r .bar::before { background: linear-gradient(to top, #ebebeb 20%, rgba(235,235,235,0)); }
.-keyvisual-concept_eff .-r .bar .b      { background: linear-gradient(to top, rgba(0,0,0,0) 20%, black); }
.-keyvisual-concept_eff .-r .bar:nth-child(3) .b { background: linear-gradient(to top, #ebebeb 20%, rgba(235,235,235,0)); }

/* concept-project */
.-concept-project_eff::before          { background: #6746f9; }
.-concept-project_eff .-l .bar::after  { background: white; }
.-concept-project_eff .-l .bar::before { background: linear-gradient(to top, white 20%, rgba(255,255,255,0)); }
.-concept-project_eff .-l .bar .b      { background: linear-gradient(to top, white 20%, rgba(255,255,255,0)); }

.-concept-project_eff::after           { background: #ebebeb; }
.-concept-project_eff .-r .bar::after  { background: #fbf355; }
.-concept-project_eff .-r .bar::before { background: linear-gradient(to top, #fbf355 20%, rgba(251,243,85,0)); }
.-concept-project_eff .-r .bar .b      { background: linear-gradient(to top, rgba(235,235,235,0) 20%, #ebebeb); }

/* project-message */
.-project-message_eff::before          { background: white; }
.-project-message_eff .-l .bar::after  { background: #ffbbfe; }
.-project-message_eff .-l .bar::before { background: linear-gradient(to top, #ffbbfe 20%, rgba(255,187,254,0)); }
.-project-message_eff .-l .bar .b      { background: linear-gradient(to top, white 20%, rgba(255,255,255,0)); }

.-project-message_eff::after           { background: #fbf355; }
.-project-message_eff .-r .bar::after  { background: #6746f9; }
.-project-message_eff .-r .bar::before { background: linear-gradient(to top, #6746f9 20%, rgba(103,70,249,0)); }
.-project-message_eff .-r .bar .b      { background: linear-gradient(to top, #6746f9 20%, rgba(103,70,249,0)); }
.-project-message_eff .-r .bar:nth-child(7) .b { background: linear-gradient(to top, rgba(251,243,85,0) 20%, #fbf355); }

/* message-news */
.-message-news_eff::before          { background: #ffbbfe; }
.-message-news_eff .-l .bar::after  { background: black; }
.-message-news_eff .-l .bar::before { background: linear-gradient(to top, black 20%, rgba(0,0,0,0)); }
.-message-news_eff .-l .bar .b      { background: linear-gradient(to top, black 20%, rgba(0,0,0,0)); }

.-message-news_eff::after           { background: #6746f9; }
.-message-news_eff .-r .bar::after  { background: #23eecd; }
.-message-news_eff .-r .bar::before { background: linear-gradient(to top, #23eecd 20%, rgba(35,238,205,0)); }
.-message-news_eff .-r .bar .b      { background: linear-gradient(to top, rgba(103,70,249,0) 20%, #6746f9); }
.-message-news_eff .-r .bar:nth-child(8) .b { background: linear-gradient(to top, #23eecd 20%, rgba(35,238,205,0)); }

/* news-instagram */
.-news-instagram_eff::before          { background: black; }
.-news-instagram_eff .-l .bar::after  { background: white; }
.-news-instagram_eff .-l .bar::before { background: linear-gradient(to top, white 20%, rgba(255,255,255,0)); }

.-news-instagram_eff::after           { background: #23eecd; }
.-news-instagram_eff .-r .bar::after  { background: white; }
.-news-instagram_eff .-r .bar::before { background: linear-gradient(to top, white 20%, rgba(255,255,255,0)); }


/* keyvisual-concept - L */
.-keyvisual-concept_eff .-l .bar:nth-child(1) { flex-grow: 4; }
.-keyvisual-concept_eff .-l .bar:nth-child(2) { flex-grow: 1.2; }
.-keyvisual-concept_eff .-l .bar:nth-child(3) { flex-grow: 1.3; }
.-keyvisual-concept_eff .-l .bar:nth-child(4) { flex-grow: 1.2; }
.-keyvisual-concept_eff .-l .bar:nth-child(5) { flex-grow: 5.5; }
.-keyvisual-concept_eff .-l .bar:nth-child(6) { flex-grow: 2.5; }

.-keyvisual-concept_eff .-l .bar:nth-child(1) { height: 40%; }
.-keyvisual-concept_eff .-l .bar:nth-child(2) { height: 40%; }
.-keyvisual-concept_eff .-l .bar:nth-child(3) { height: 80%; }
.-keyvisual-concept_eff .-l .bar:nth-child(4) { height: 40%; }
.-keyvisual-concept_eff .-l .bar:nth-child(5) { height: 65%; }
.-keyvisual-concept_eff .-l .bar:nth-child(6) { height: 40%; }

.-keyvisual-concept_eff .-l .bar:nth-child(1)::before { height: 65%; }
.-keyvisual-concept_eff .-l .bar:nth-child(2)::before { height: 100%; }
.-keyvisual-concept_eff .-l .bar:nth-child(3)::before { height: 50%; }
.-keyvisual-concept_eff .-l .bar:nth-child(4)::before { height: 70%; }
.-keyvisual-concept_eff .-l .bar:nth-child(5)::before { height: 40%; }
.-keyvisual-concept_eff .-l .bar:nth-child(6)::before { height: 90%; }

.-keyvisual-concept_eff .-l .bar:nth-child(1) .b {
	top: 65%;
	left: 0;
	width: 28%;
}
.-keyvisual-concept_eff .-l .bar:nth-child(5) .b:nth-child(1) {
	top: 60%;
	left: 32%;
	width: 23%;
}
.-keyvisual-concept_eff .-l .bar:nth-child(5) .b:nth-child(2) {
	top: -25%;
	width: 30%;
}

/* keyvisual-concept - R */
.-keyvisual-concept_eff .-r .bar:nth-child(1) { flex-grow: 6; }
.-keyvisual-concept_eff .-r .bar:nth-child(2) { flex-grow: 2; }
.-keyvisual-concept_eff .-r .bar:nth-child(3) { flex-grow: 2.4; }
.-keyvisual-concept_eff .-r .bar:nth-child(4) { flex-grow: 5; }
.-keyvisual-concept_eff .-r .bar:nth-child(5) { flex-grow: 2.4; }

.-keyvisual-concept_eff .-r .bar:nth-child(1) { height: 70%; }
.-keyvisual-concept_eff .-r .bar:nth-child(2) { height: 40%; }
.-keyvisual-concept_eff .-r .bar:nth-child(3) { height: 60%; }
.-keyvisual-concept_eff .-r .bar:nth-child(4) { height: 40%; }
.-keyvisual-concept_eff .-r .bar:nth-child(5) { height: 100%; }

.-keyvisual-concept_eff .-r .bar:nth-child(1)::before { height: 45%; }
.-keyvisual-concept_eff .-r .bar:nth-child(2)::before { height: 60%; }
.-keyvisual-concept_eff .-r .bar:nth-child(3)::before { height: 40%; }
.-keyvisual-concept_eff .-r .bar:nth-child(4)::before { height: 80%; }
.-keyvisual-concept_eff .-r .bar:nth-child(5)::before { height: 70%; }

.-keyvisual-concept_eff .-r .bar:nth-child(2) .b {
	top: 60%;
	height: 120px;
}
.-keyvisual-concept_eff .-r .bar:nth-child(3) .b {
	top: -20%;
	width: 60%;
	height: 80px;
}


/* concept-project - L */
.-concept-project_eff .-l .bar:nth-child(1) { flex-grow: 2; }
.-concept-project_eff .-l .bar:nth-child(2) { flex-grow: 5; }
.-concept-project_eff .-l .bar:nth-child(3) { flex-grow: 1.4; }
.-concept-project_eff .-l .bar:nth-child(4) { flex-grow: 1.6; }
.-concept-project_eff .-l .bar:nth-child(5) { flex-grow: 1.4; }
.-concept-project_eff .-l .bar:nth-child(6) { flex-grow: 4; }

.-concept-project_eff .-l .bar:nth-child(1) { height: 95%; }
.-concept-project_eff .-l .bar:nth-child(2) { height: 35%; }
.-concept-project_eff .-l .bar:nth-child(3) { height: 60%; }
.-concept-project_eff .-l .bar:nth-child(4) { height: 35%; }
.-concept-project_eff .-l .bar:nth-child(5) { height: 75%; }
.-concept-project_eff .-l .bar:nth-child(6) { height: 50%; }

.-concept-project_eff .-l .bar:nth-child(1)::before { height: 70%; }
.-concept-project_eff .-l .bar:nth-child(2)::before { height: 50%; }
.-concept-project_eff .-l .bar:nth-child(3)::before { height: 55%; }
.-concept-project_eff .-l .bar:nth-child(4)::before { height: 100%; }
.-concept-project_eff .-l .bar:nth-child(5)::before { height: 70%; }
.-concept-project_eff .-l .bar:nth-child(6)::before { height: 40%; }

.-concept-project_eff .-l .bar:nth-child(2) .b {
	top: -88%;
	left: 45%;
	width: 25%;
}

/* concept-project - R */
.-concept-project_eff .-r .bar:nth-child(1) { flex-grow: 3; }
.-concept-project_eff .-r .bar:nth-child(2) { flex-grow: 2; }
.-concept-project_eff .-r .bar:nth-child(3) { flex-grow: 2; }
.-concept-project_eff .-r .bar:nth-child(4) { flex-grow: 3.5; }
.-concept-project_eff .-r .bar:nth-child(5) { flex-grow: 2; }
.-concept-project_eff .-r .bar:nth-child(6) { flex-grow: 2; }

.-concept-project_eff .-r .bar:nth-child(1) { height: 70%; }
.-concept-project_eff .-r .bar:nth-child(2) { height: 35%; }
.-concept-project_eff .-r .bar:nth-child(3) { height: 60%; }
.-concept-project_eff .-r .bar:nth-child(4) { height: 35%; }
.-concept-project_eff .-r .bar:nth-child(5) { height: 100%; }
.-concept-project_eff .-r .bar:nth-child(6) { height: 35%; }

.-concept-project_eff .-r .bar:nth-child(1)::before { height: 60%; }
.-concept-project_eff .-r .bar:nth-child(2)::before { height: 100%; }
.-concept-project_eff .-r .bar:nth-child(3)::before { height: 50%; }
.-concept-project_eff .-r .bar:nth-child(4)::before { height: 40%; }
.-concept-project_eff .-r .bar:nth-child(5)::before { height: 70%; }
.-concept-project_eff .-r .bar:nth-child(6)::before { height: 80%; }

.-concept-project_eff .-r .bar:nth-child(4) .b {
	top: 50%;
	left: 0;
	width: 50%;
	height: 120px;
}


/* project-message - L */
.-project-message_eff .-l .bar:nth-child(1) { flex-grow: 1.5; }
.-project-message_eff .-l .bar:nth-child(2) { flex-grow: 1; }
.-project-message_eff .-l .bar:nth-child(3) { flex-grow: 1.5; }
.-project-message_eff .-l .bar:nth-child(4) { flex-grow: 2.5; }
.-project-message_eff .-l .bar:nth-child(5) { flex-grow: 2; }
.-project-message_eff .-l .bar:nth-child(6) { flex-grow: 2; }
.-project-message_eff .-l .bar:nth-child(7) { flex-grow: 4; }
.-project-message_eff .-l .bar:nth-child(8) { flex-grow: 2.5; }

.-project-message_eff .-l .bar:nth-child(1) { height: 80%; }
.-project-message_eff .-l .bar:nth-child(2) { height: 45%; }
.-project-message_eff .-l .bar:nth-child(3) { height: 45%; }
.-project-message_eff .-l .bar:nth-child(4) { height: 65%; }
.-project-message_eff .-l .bar:nth-child(5) { height: 90%; }
.-project-message_eff .-l .bar:nth-child(6) { height: 45%; }
.-project-message_eff .-l .bar:nth-child(7) { height: 95%; }
.-project-message_eff .-l .bar:nth-child(8) { height: 45%; }

.-project-message_eff .-l .bar:nth-child(1)::before { height: 40%; }
.-project-message_eff .-l .bar:nth-child(2)::before { height: 20%; }
.-project-message_eff .-l .bar:nth-child(3)::before { height: 80%; }
.-project-message_eff .-l .bar:nth-child(4)::before { height: 30%; }
.-project-message_eff .-l .bar:nth-child(5)::before { height: 50%; }
.-project-message_eff .-l .bar:nth-child(6)::before { height: 50%; }
.-project-message_eff .-l .bar:nth-child(7)::before { height: 60%; }
.-project-message_eff .-l .bar:nth-child(8)::before { height: 55%; }

.-project-message_eff .-l .bar:nth-child(4) .b {
	top: 40%;
	width: 50%;
}

/* project-message - R */
.-project-message_eff .-r .bar:nth-child(1) { flex-grow: 2; }
.-project-message_eff .-r .bar:nth-child(2) { flex-grow: 3; }
.-project-message_eff .-r .bar:nth-child(3) { flex-grow: 2.2; }
.-project-message_eff .-r .bar:nth-child(4) { flex-grow: 2; }
.-project-message_eff .-r .bar:nth-child(5) { flex-grow: 2; }
.-project-message_eff .-r .bar:nth-child(6) { flex-grow: 3; }
.-project-message_eff .-r .bar:nth-child(7) { flex-grow: 2.4; }

.-project-message_eff .-r .bar:nth-child(1) { height: 72%; }
.-project-message_eff .-r .bar:nth-child(2) { height: 45%; }
.-project-message_eff .-r .bar:nth-child(3) { height: 60%; }
.-project-message_eff .-r .bar:nth-child(4) { height: 100%; }
.-project-message_eff .-r .bar:nth-child(5) { height: 45%; }
.-project-message_eff .-r .bar:nth-child(6) { height: 70%; }
.-project-message_eff .-r .bar:nth-child(7) { height: 45%; }

.-project-message_eff .-r .bar:nth-child(1)::before { height: 40%; }
.-project-message_eff .-r .bar:nth-child(2)::before { height: 70%; }
.-project-message_eff .-r .bar:nth-child(3)::before { height: 25%; }
.-project-message_eff .-r .bar:nth-child(4)::before { height: 50%; }
.-project-message_eff .-r .bar:nth-child(5)::before { height: 100%; }
.-project-message_eff .-r .bar:nth-child(6)::before { height: 35%; }
.-project-message_eff .-r .bar:nth-child(7)::before { height: 50%; }

.-project-message_eff .-r .bar:nth-child(2) .b {
	top: -100%;
	right: 5%;
	width: 50%;
	height: 80px;
}
.-project-message_eff .-r .bar:nth-child(7) .b {
	top: 50%;
	width: 50%;
	height: 80px;
}


/* message-news - L */
.-message-news_eff .-l .bar:nth-child(1) { flex-grow: 2; }
.-message-news_eff .-l .bar:nth-child(2) { flex-grow: 2.5; }
.-message-news_eff .-l .bar:nth-child(3) { flex-grow: 2.5; }
.-message-news_eff .-l .bar:nth-child(4) { flex-grow: 1; }
.-message-news_eff .-l .bar:nth-child(5) { flex-grow: 3; }
.-message-news_eff .-l .bar:nth-child(6) { flex-grow: 2.5; }
.-message-news_eff .-l .bar:nth-child(7) { flex-grow: 2; }

.-message-news_eff .-l .bar:nth-child(1) { height: 77%; }
.-message-news_eff .-l .bar:nth-child(2) { height: 50%; }
.-message-news_eff .-l .bar:nth-child(3) { height: 94%; }
.-message-news_eff .-l .bar:nth-child(4) { height: 50%; }
.-message-news_eff .-l .bar:nth-child(5) { height: 65%; }
.-message-news_eff .-l .bar:nth-child(6) { height: 50%; }
.-message-news_eff .-l .bar:nth-child(7) { height: 77%; }

.-message-news_eff .-l .bar:nth-child(1)::before { height: 30%; }
.-message-news_eff .-l .bar:nth-child(2)::before { height: 20%; }
.-message-news_eff .-l .bar:nth-child(3)::before { height: 48%; }
.-message-news_eff .-l .bar:nth-child(4)::before { height: 100%; }
.-message-news_eff .-l .bar:nth-child(5)::before { height: 30%; }
.-message-news_eff .-l .bar:nth-child(6)::before { height: 77%; }
.-message-news_eff .-l .bar:nth-child(7)::before { height: 40%; }

.-message-news_eff .-l .bar:nth-child(1) .b {
	top: -25%;
	width: 50%;
	height: 60px;
}

/* message-news - R */
.-message-news_eff .-r .bar:nth-child(1) { flex-grow: 2; }
.-message-news_eff .-r .bar:nth-child(2) { flex-grow: 4; }
.-message-news_eff .-r .bar:nth-child(3) { flex-grow: 2.5; }
.-message-news_eff .-r .bar:nth-child(4) { flex-grow: 1.2; }
.-message-news_eff .-r .bar:nth-child(5) { flex-grow: 3; }
.-message-news_eff .-r .bar:nth-child(6) { flex-grow: 1.5; }
.-message-news_eff .-r .bar:nth-child(7) { flex-grow: 2; }
.-message-news_eff .-r .bar:nth-child(8) { flex-grow: 3.5; }

.-message-news_eff .-r .bar:nth-child(1) { height: 50%; }
.-message-news_eff .-r .bar:nth-child(2) { height: 60%; }
.-message-news_eff .-r .bar:nth-child(3) { height: 50%; }
.-message-news_eff .-r .bar:nth-child(4) { height: 96%; }
.-message-news_eff .-r .bar:nth-child(5) { height: 65%; }
.-message-news_eff .-r .bar:nth-child(6) { height: 50%; }
.-message-news_eff .-r .bar:nth-child(7) { height: 75%; }
.-message-news_eff .-r .bar:nth-child(8) { height: 50%; }

.-message-news_eff .-r .bar:nth-child(1)::before { height: 50%; }
.-message-news_eff .-r .bar:nth-child(2)::before { height: 15%; }
.-message-news_eff .-r .bar:nth-child(3)::before { height: 40%; }
.-message-news_eff .-r .bar:nth-child(4)::before { height: 50%; }
.-message-news_eff .-r .bar:nth-child(5)::before { height: 20%; }
.-message-news_eff .-r .bar:nth-child(6)::before { height: 90%; }
.-message-news_eff .-r .bar:nth-child(7)::before { height: 30%; }
.-message-news_eff .-r .bar:nth-child(8)::before { height: 25%; }

.-message-news_eff .-r .bar:nth-child(2) .b {
	top: 55%;
	width: 40%;
	height: 60px;
}
.-message-news_eff .-r .bar:nth-child(8) .b {
	top: -80%;
	left: 0;
	width: 60%;
	height: 80px;
}


/* news-instagram - L */
.-news-instagram_eff .-l .bar:nth-child(1) { flex-grow: 2; }
.-news-instagram_eff .-l .bar:nth-child(2) { flex-grow: 1; }
.-news-instagram_eff .-l .bar:nth-child(3) { flex-grow: 3; }
.-news-instagram_eff .-l .bar:nth-child(4) { flex-grow: 1.5; }
.-news-instagram_eff .-l .bar:nth-child(5) { flex-grow: 2.5; }
.-news-instagram_eff .-l .bar:nth-child(6) { flex-grow: 3.5; }
.-news-instagram_eff .-l .bar:nth-child(7) { flex-grow: 2; }

.-news-instagram_eff .-l .bar:nth-child(1) { height: 77%; }
.-news-instagram_eff .-l .bar:nth-child(2) { height: 35%; }
.-news-instagram_eff .-l .bar:nth-child(3) { height: 65%; }
.-news-instagram_eff .-l .bar:nth-child(4) { height: 100%; }
.-news-instagram_eff .-l .bar:nth-child(5) { height: 35%; }
.-news-instagram_eff .-l .bar:nth-child(6) { height: 70%; }
.-news-instagram_eff .-l .bar:nth-child(7) { height: 35%; }

.-news-instagram_eff .-l .bar:nth-child(1)::before { height: 50%; }
.-news-instagram_eff .-l .bar:nth-child(2)::before { height: 20%; }
.-news-instagram_eff .-l .bar:nth-child(3)::before { height: 35%; }
.-news-instagram_eff .-l .bar:nth-child(4)::before { height: 65%; }
.-news-instagram_eff .-l .bar:nth-child(5)::before { height: 90%; }
.-news-instagram_eff .-l .bar:nth-child(6)::before { height: 50%; }
.-news-instagram_eff .-l .bar:nth-child(7)::before { height: 40%; }

/* news-instagram - R */
.-news-instagram_eff .-r .bar:nth-child(1) { flex-grow: 1.5; }
.-news-instagram_eff .-r .bar:nth-child(2) { flex-grow: 3.5; }
.-news-instagram_eff .-r .bar:nth-child(3) { flex-grow: 1.5; }
.-news-instagram_eff .-r .bar:nth-child(4) { flex-grow: 1.5; }
.-news-instagram_eff .-r .bar:nth-child(5) { flex-grow: 3.5; }
.-news-instagram_eff .-r .bar:nth-child(6) { flex-grow: 3.5; }
.-news-instagram_eff .-r .bar:nth-child(7) { flex-grow: 1; }

.-news-instagram_eff .-r .bar:nth-child(1) { height: 80%; }
.-news-instagram_eff .-r .bar:nth-child(2) { height: 35%; }
.-news-instagram_eff .-r .bar:nth-child(3) { height: 100%; }
.-news-instagram_eff .-r .bar:nth-child(4) { height: 50%; }
.-news-instagram_eff .-r .bar:nth-child(5) { height: 35%; }
.-news-instagram_eff .-r .bar:nth-child(6) { height: 70%; }
.-news-instagram_eff .-r .bar:nth-child(7) { height: 35%; }

.-news-instagram_eff .-r .bar:nth-child(1)::before { height: 50%; }
.-news-instagram_eff .-r .bar:nth-child(2)::before { height: 20%; }
.-news-instagram_eff .-r .bar:nth-child(3)::before { height: 60%; }
.-news-instagram_eff .-r .bar:nth-child(4)::before { height: 20%; }
.-news-instagram_eff .-r .bar:nth-child(5)::before { height: 100%; }
.-news-instagram_eff .-r .bar:nth-child(6)::before { height: 50%; }
.-news-instagram_eff .-r .bar:nth-child(7)::before { height: 20%; }