@charset "UTF-8";


.floating_cv {
	position: fixed;
	right: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.6);
	transition: bottom 0.5s cubic-bezier(.5,0,0,1);
	-webkit-transition: bottom 0.5s cubic-bezier(.5,0,0,1);
	padding: var(--pixel16) var(--pixel16);
	border-radius: 10px 10px 0 0;
}
.floating_cv .wrap-btn{
	display: flex;
}
.floating_cv .wrap-btn > * + *{
	margin-left: var(--pixel03);
}



@media (max-width:768px){
	.floating_cv {
		width: 100%;
		bottom: 0;
	}
}

/*
.cont-bos .p2{
	width: min(158px);
	top: calc(min(180px)*-1);
	left: calc(50% - min(300px));
}
*/

.cont-bos{
	position: relative;
}
.cont-bos .p1{
	z-index: 1;
	width: min(160px,12.5vw);
	top: calc(min(180px,14.4vw)*-1);
	left: calc(50% - min(300px,23.4vw));
}
.cont-bos .p2{
	z-index: 1;
	width: min(192px,15vw);
	top: calc(min(130px,10.2vw)*-1);
	right: calc(50% - min(500px,39.1vw));
}
.cont-bos .p3{
	z-index: 1;
	width: min(182px);
	top: min(340px);
	left: calc(50% - min(580px));
}
.cont-bos .p4{
	z-index: 1;
	width: min(108px);
	top: min(800px,88.9vw);
	right: calc(50% - min(120px));
}
.cont-bos .p5{
	z-index: 1;
	width: min(185px);
	bottom: calc(min(210px)*-1);
	left: calc(50% - min(400px));
}
@media (max-width:768px){
	/*
	.cont-bos .p1{
		width: 28.5vw;
		top: 10vw;
		left: calc(50% - 40vw);
	}
	*/
	.cont-bos .p1{
		width: 28.5vw;
		top: -19vw;
		left: calc(50% - 60vw);
	}
	.cont-bos .p2{
		display: none;
	}
	.cont-bos .p3{
		width: 48.3vw;
		top: 1vw;
		left: auto;
		right: calc(50% - 75vw);
	}
	.cont-bos .p4{
		width: 28.5vw;
		top: auto;
		bottom: 6vw;
		left: auto;
		right: calc(50% - 62vw);
	}
	.cont-bos .p5{
		width: 25vw;
		bottom: 176vw;
		left: calc(50% - 60vw);
	}
}

.cont-sho .elem1{
	position: relative;
}
.cont-sho .p2{
	z-index: 1;
	width: min(108px);
	bottom: calc(min(60px)*-1);
	left: calc(50% - min(530px));
}
.cont-sho .p3{
	z-index: 1;
	width: min(108px);
	top: calc(min(46px)*-1);
	right: calc(50% - min(530px));
}
@media (max-width:768px){
	.cont-sho .p2,
	.cont-sho .p3{
		display: none;
	}
}
.cont-shin .elem1{
	position: relative;
}
.cont-shin .com-h3f{
	position: relative;
	z-index: 2;
}
.cont-shin .p2{
	z-index: 1;
	width: min(96px);
	bottom: calc(min(30px)*-1);
	right: calc(50% - min(440px));
}
.cont-shin .p3{
	z-index: 1;
	width: min(176px);
	bottom: calc(min(60px)*-1);
	left: calc(50% - min(470px));
}
.cont-shin .elem2 .part2,
.cont-shin .elem2 .part3{
	position: relative;
}
.cont-shin .p4{
	z-index: 1;
	width: min(94px);
	bottom: calc(min(-200px)*-1);
	left: calc(50% - min(540px));
}
.cont-shin .p5{
	z-index: 1;
	width: min(98px);
	bottom: calc(min(60px)*-1);
	right: calc(50% - min(530px));
}
.cont-shin .p6{
	z-index: 1;
	width: min(109px);
	top: calc(min(90px)*-1);
	right: calc(50% - min(530px));
}
.cont-shin .p7{
	z-index: 1;
	width: min(140px);
	top: calc(min(130px)*-1);
	left: calc(50% - min(530px));
}
.cont-shin .p8{
	z-index: 1;
	width: min(109px);
	top: min(320px);
	right: calc(50% - min(530px));
}
@media (max-width:768px){
	.cont-shin .p2{
		width: 25.1vw;
		bottom: -10vw;
		left: calc(50% - 59vw);
	}
	.cont-shin .p3{
		width: 46.9vw;
		bottom: -24vw;
		left: auto;
		right: calc(50% - 69vw);
	}
	.cont-shin .p4{
		width: 25.1vw;
		bottom: -27vw;
		left: auto;
		right: calc(50% - 62vw);
	}
	.cont-shin .p5{
		display: none;
	}
	.cont-shin .p6{
		width: 25.1vw;
		top: 21vw;
		left: calc(50% - 55vw);
	}
	.cont-shin .p7{
		width: 25.1vw;
		top: -19vw;
		left: auto;
		right: calc(50% - 55vw);
	}
	.cont-shin .p8{
		width: 25.1vw;
		top: 140vw;
		right: auto;
		left: calc(50% - 55vw);
	}
}

@media (min-width:769px){
	.cont-aca .p2,
	.cont-aca .p3{
		display: none;
	}
}
@media (max-width:768px){
	.cont-aca .wrap-blue2{
		position: relative;
	}
	.cont-aca .p2{
		width: 28.8vw;
		top: -5vw;
		right: calc(50% - 60vw);
	}
	.cont-aca .p3{
		width: 46.9vw;
		top: -5vw;
		left: calc(50% - 73vw);
	}
}











.cont-fv .elem-bar .js-coled span:nth-child(1),
.cont-fv .elem-bar .js-coled span:nth-child(3),
.cont-fv .elem-bar .js-coled span:nth-child(9),
.cont-fv .elem-bar .js-coled span:nth-child(11),
.cont-fv .elem-bar .js-coled span:nth-child(12)
{
	font-family: "Inter", sans-serif;
	font-size: 135%;
	position: relative;
	top: .06em;
}

.cont-bos .js-coled span:nth-child(2),
.cont-bos .js-coled span:nth-child(4){
	color: var(--col-bl1);
}
.cont-jud .js-coled span:nth-child(2),
.cont-jud .js-coled span:nth-child(4){
	color: var(--col-pin);
}
.cont-shin .js-coled span:nth-child(2){
	color: var(--col-pin);
}