@charset "utf-8";
/* CSS Document */


/*--------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* CSS ハンズオンセミナーページ */
/*--------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

.handson_tbl{
	border: 2px solid #2D6E28 ;
	width: 100% ;
}
	.handson_tbl th{
		background:linear-gradient( to right, #fff2bd, #e9f1db, #fff3f8) ;
		border-bottom: 1px solid #2D6E28 ;
		border-right: 1px solid #2D6E28 ;
		padding: 10px 15px ;
		width: 15% ;
		
		color: #2D6E28 ;
		text-align: center ;
		vertical-align: middle ;
	}
	.handson_tbl td{
		border-bottom: 1px solid #2D6E28 ;
		border-right: 1px solid #2D6E28 ;
		padding: 6px 18px ;

		text-align: left ;
		vertical-align: middle ;
	}


/* ハンズオンページ ボタン */
.handson_btn {
	background: #048b8b ; /* linear-gradient(to right, #4e9cd4 0%, #58d174 100%) */
	border-radius: 8px ;
	box-shadow: 0 4px 0 #063a68 ;
	display: inline-block ;
	padding: 8px 10px ;

	position: relative ;

	color: #FFF ;
	font-size: 15px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;

	transition-property: all ;
    transition-duration: 0.2s ;
    transition-delay: 0s ;
    transition-timing-function: ease-in ;/*アニメーションがゆっくり開始される*/
}
	.handson_btn:hover {
		background: #009985; /* linear-gradient(to right, #58d174 0%, #4e9cd4 100%) */

		/* ホバーアニメーション 凹む */
		transform: translateY(4px) ;
		box-shadow: none;
	}

	.handson_btn.nolink {
		background: #c9c9c9 ;
		box-shadow: none ;
	}
		.handson_btn.nolink:hover {
			/* ホバーアニメーション 凹む */
			transform: none ;
			box-shadow: none ;
		}



.handson_flex_box {
	display: flex ;
	width: 85% ;
}