@import "info.css";

.systembox{margin-bottom:20px;}
.systembox th{width:calc(30vw / 1);}
.systembox .suji{font-size: 16px; font-size: 1.6rem; /* =16px */}
.systembox td{text-align:center;}

.opt_container{margin:5px;float:left;}
.opt_listbox{
	height:55px;
	font-size: 16px;
	font-size: 1.6rem; 
	font-weight:bold;
	line-height:45px;
	border-radius:5px 8px;
	color: #fff;
	text-shadow: 1px 1px 2px #006666;
	text-align:center;
	padding: 8px 8px;
	border:2px solid #daa520;	
}
.opt_cont1{
	background: #9cc;
}
.opt_cont2{
	background: #ee593e;
}
.opt_title{float:left;text-align:center;line-height:1.1;}
.opt_imgbox{margin:0px 0px 0px 10px;float:left;}

.opt_imgbox img{display:block;}

/*------------------------- 笆ｼ笆ｼ course banner 笆ｼ笆ｼ-------------------------*/
.course_bannerbox{margin:10px auto 20px;}
.course_bannerbox ul{list-style:none;}
.course_bannerbox ul li{float:left;}
.course_bannerbox ul li img{width:340px;height:auto;margin:5px;}

h5{
	height:50px;
	font-size: 20px;
	font-size: 2.0rem; /* =18px */
	font-weight:bold;
	margin: 0px 0px 10px;
	padding:10px 0 0 60px;

	line-height:25px;
	color: #003400;
	
	text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
	
	border: 2px solid #003400;
	background: #fff;
	background-image: radial-gradient(#4eb4c2 20%, transparent 20%),
	radial-gradient(#4eb4c2 20%, transparent 20%);
	background-size: 3px 3px;
	background-position: 0 0, 3px 3px;	

	border-radius: 5px;
	box-shadow: 0 0 2px 2px #eee;

	position:relative;
}


h5:after{
	content:url("../img_data/logo/logo_icon_emb_c.png");/* 文字前のワンポイント */
	-webkit-transform: scale(0.15); 
 	-moz-transform: scale(0.15);
 	-ms-transform: scale(0.15); 
	top: -138px;/* ワンポイントの位置 */
	left:-130px;/* ワンポイントの位置 */
	position:absolute;
}

.sys_anc{
	padding:10px;
	background:#fff;

}