.shin{
	position: absolute;

	background-color: white;
	opacity: 0.8;

	transform-origin: center center;
	transform: rotate(-30deg);
}

#chart_block_1_1_contain, #chart_block_1_2_contain, #tutor_block_list_contain, #event_pres_contain, #map_2_text_contain{
	transition-timing-function: linear;
	transition-property: top;
	transition: 0s linear;
	-webkit-transition: 0s linear;
	top: 0;
}

/* .tab_body{
	transition: opacity 2s linear;
} */

/* 背景 */
#bg{
	position: absolute;
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

@keyframes shin
{
	0% {opacity: 0.05;}
	25% {opacity: 0.03;}
	50% {opacity: 0.03;}
	100% {opacity: 0.05;}
}

@keyframes rotate
{
	from {transform: rotate(360deg);}
	to {transform: rotate(0deg);}
}
#bg_circle{
	position: absolute;
	width: 705px;
	height: 705px;
	animation: rotate linear 20s infinite, shin 6s infinite;
}

@keyframes shin2
{
	0% {opacity: 0.05;}
	25% {opacity: 0.03;}
	50% {opacity: 0.03;}
	100% {opacity: 0.05;}
}
@keyframes rotate2
{
	from {transform: rotate(-360deg);}
	to {transform: rotate(0deg);}
}
#bg_earth{
	position: absolute;
	width: 440px;
	height: 440px;
	animation: rotate2 linear 30s infinite, shin2 6s infinite;
}

#canvas{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.5;
}

.fade_mask{
	width: 100%;
	height: 100%;


	overflow: hidden;
	position: relative;
	-webkit-mask-image: url("../imgs/mask1.png");
	-webkit-mask-size: cover;
}


#tutor_block_list .fade_mask{
	display: flex;
	flex-direction: column;
	align-items: center;
}