#trial_area_set {
	display: block;
	position: fixed;
	right: 0;
	top: 50%;
	box-sizing: border-box;
	transform: translate(0, -50%);
	width:50px;
	z-index:100;
}
#trial_area_set .trial_flex,#trial_area_set .trial_flex_exwrap {
	display:flex;
	box-sizing:border-box;
	flex-wrap:wrap;
	align-items:center;
}
#trial_area_set .trial_flex > .trial_inner{
	display:flex;
	box-sizing:border-box;
	padding:20px 10px;
	background:#f07410;
	align-items:center;
	justify-content:center;
	border-radius:10px 0 0 10px;
	transition:opacity .2s;
	animation-duration:0.5s;
	animation-timing-function:ease-out;
	animation-name:PCAnime1;
}
#trial_area_set .trial_flex > .trial_inner:last-child{
	background:#324fad;
	margin: 2rem 0 0;
	animation-name:PCAnime2;
	animation-duration:0.7s;
}
#trial_area_set .trial_flex_exwrap > .trial_inner,#trial_area_set .trial_flex_exwrap > .trial_inner2{
	display:flex;
	box-sizing:border-box;
	padding:20px 10px;
	background:#89c443;
	align-items:center;
	justify-content:center;
	border-radius:10px 0 0 10px;
	transition:opacity .2s;
	animation-duration:0.5s;
	animation-timing-function:ease-out;
	animation-name:PCAnime1;
}

#trial_area_set .trial_flex > .trial_inner:hover,#trial_area_set .trial_flex > .trial_inner:hover *,
#trial_area_set .trial_flex_exwrap > .trial_inner:hover,#trial_area_set .trial_flex_exwrap > .trial_inner:hover *{
	opacity:.7;
}

#trial_area_set .trial_flex_exwrap > .trial_inner:nth-child(2),#trial_area_set .trial_flex_exwrap > .trial_inner2:nth-child(2){
	background:#0cacc4;
	margin: 2rem 0 0;
	animation-name:PCAnime2;
	animation-duration:0.7s;
}
#trial_area_set .trial_flex_exwrap > .trial_inner:nth-child(3),#trial_area_set .trial_flex_exwrap > .trial_inner2:nth-child(3){
	background:#324fad;
	margin: 2rem 0 0;
	animation-name:PCAnime3;
	animation-duration:0.9s;
}


#trial_area_set .trial_bloc{
	display:block;
	box-sizing:border-box;
}
#trial_area_set .trial_w100{
	width:100%;
}
#trial_area_set .trial_w50{
	width:100%;
}
.trial_flex_exwrap img.pc_only {
    width: 60%;
}
#trial_area_set .pc_only{
	display:block;
}
#trial_area_set .sp_only{
	display:none;
}
@media screen and (max-width:768px){
	#trial_area_set {
		right: auto;
		top: auto;
		bottom:0;
		left:0;
		box-sizing: border-box;
		transform: translate(0, 0);
		width:100%;
	}
	#trial_area_set .pc_only{
		display:none;
	}
	#trial_area_set .sp_only{
		display:block;
	}
	#trial_area_set .trial_w100{
		width:100%;
	}
	#trial_area_set .trial_w50{
		width:50%;
	}
	#trial_area_set .trial_flex > .trial_inner{
		border-radius:0;
		padding:5% 2%;
		animation-name:SPAnime1;
		display:block;
	}
	#trial_area_set .trial_flex > .trial_inner:last-child{
		margin: 0;
		animation-name:SPAnime2;
	}
	#trial_area_set .trial_flex_exwrap{
		background:#ecf3f3;
		justify-content: space-evenly;
		animation-name:SPAnime1;
	}
	#trial_area_set .svgicon_wrap{display:block;width:100%;}
	#trial_area_set .svgicon_wrap svg{display: block;margin: 0 auto;width: 100%;font-size: 0.8rem;text-align: center;}
	#trial_area_set .svgicon_wrap .dl_icon_svg{width: 50%;display: block;margin: 0 auto;fill:#89c443;stroke:#89c443;}
	#trial_area_set .svgicon_wrap .intro_icon_svg{width: 50%;display: block;margin: 0 auto;fill:#0cacc4;stroke:#0cacc4;}
	#trial_area_set .svgicon_wrap .trial_icon_svg{width: 50%;display: block;margin: 0 auto;fill:#324fad;stroke:#324fad;}
	#trial_area_set .svgicon_wrap .dl_icon_svg_txt{fill:#222;height:1.5rem;}
	#trial_area_set .svgicon_wrap .intro_icon_svg_txt{fill:#222;height:1.5rem;}
	#trial_area_set .svgicon_wrap .trial_dl_icon_svg_txt{fill:#222;height:1.5rem;}

	#trial_area_set .trial_flex_exwrap > .trial_inner{
		border-radius:0;
		padding:3% 5%;
		background:transparent;
		animation-name:SPAnime1;
		display:block;
		width:calc(94% / 3);
		margin:0;
	}
	#trial_area_set .trial_flex_exwrap > .trial_inner:nth-child(2){
		background:transparent;
		margin:0;
		animation-name:SPAnime2;
	}
	#trial_area_set .trial_flex_exwrap > .trial_inner:nth-child(3){
		background:transparent;
		margin:0;
		animation-name:SPAnime3;
	}

	#trial_area_set .trial_flex_exwrap > .trial_inner2{
		border-radius:0;
		padding:2% 0;
		animation-name:SPAnime1;
		display:block;
		width:calc(100% / 3);
		margin:0;
	}
	#trial_area_set .trial_flex_exwrap > .trial_inner2:nth-child(2){
		margin:0;
		animation-name:SPAnime2;
	}
	#trial_area_set .trial_flex_exwrap > .trial_inner2:nth-child(3){
		margin:0;
		animation-name:SPAnime3;
	}

}
@keyframes PCAnime1{
	from{opacity:0;transform:translate(100%,0);}
	to{opacity:1;transform:translate(0,0);}
}
@keyframes PCAnime2{
	from,20%{opacity:0;transform:translate(100%,0);}
	to{opacity:1;transform:translate(0,0);}
}
@keyframes PCAnime3{
	from,40%{opacity:0;transform:translate(100%,0);}
	to{opacity:1;transform:translate(0,0);}
}
@keyframes SPAnime1{
	from{opacity:0;transform:translate(0,100%);}
	to{opacity:1;transform:translate(0,0);}
}
@keyframes SPAnime2{
	from,20%{opacity:0;transform:translate(0,100%);}
	to{opacity:1;transform:translate(0,0);}
}
@keyframes SPAnime3{
	from,40%{opacity:0;transform:translate(0,100%);}
	to{opacity:1;transform:translate(0,0);}
}