:root{
	--cn_p_con_tut_video_w: 55vw;
	--cn_p_con_tut_video_h: calc(9 * var(--cn_p_con_tut_video_w) / 16);
	--cn_p_con_tut_video_bor: .4em;
	--cn_p_con_tut_video_logo_h: calc(var(--cn_p_con_tut_video_h) / 3); --cn_p_con_tut_video_logo_w: var(--cn_p_con_tut_video_logo_h);
	--cn_p_con_tut_video_logo_t: calc(50% - (var(--cn_p_con_tut_video_logo_h) / 2));
	--cn_p_con_tut_video_logo_l: calc(50% - (var(--cn_p_con_tut_video_logo_w) / 2));

}

div.tutorial > div.video-div > img:hover{cursor:pointer;}
div.tutorial > div.video-div > span{display:block;position:absolute;top:var(--cn_p_con_tut_video_logo_t);left:var(--cn_p_con_tut_video_logo_l);width:var(--cn_p_con_tut_video_logo_w);height:var(--cn_p_con_tut_video_logo_h);background-color:#FFFFFF;background-image:url("/assets/images/brand/youtube.png");background-size:80% auto;background-position:50% 50%;background-repeat:no-repeat;padding:0;margin:0;box-sizing:border-box;border:var(--cn_p_con_tut_video_bor) solid #FF0000;border-radius:50%;}

@media screen and (max-width: 850px){
	:root{
		--cn_p_con_tut_video_w: 45vw;
	}
}
@media screen and (max-width: 750px){
	:root{
        --cn_p_con_tut_video_w: 85vw;
        --cn_p_con_tut_video_bor: .2em;		
	}
}