/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px),print{

.count{
	width: 550px;
	padding: 0px;
	margin: 10px auto;
	overflow: hidden;
}
.count li{
	background-color: #FA9821;
	float: left;
	margin: 10px;
	padding: 20px 0px;
	color: #fff;
	width: 240px;
	line-height: 300%;
}
.count li span{
	font-size:50px;
}
	


h3{
	text-align: left;
	font-size: 16px;
	border-bottom: 1px solid #000;
	line-height: 200%;
}

h3:first-letter{
	border-left: 16px solid #FB9722;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

.example_list{
	width: 47%;
	float: left;
	margin:0 10px 30px 10px;
}
.example_list dt{
	background-color: #CCC;
	border-radius: 30px;
	color: #000;
	padding: 3px 0px;
	font-size: 18px;
}
.example_list dd{
	padding: 3px 0px;
	font-size: 15px;
	text-align: left;
	line-height: 180%;
}


.past_box{
	width: 100%;
	margin: 10px auto 50px auto;
	overflow: hidden;
}

.past_box .left{
	width: 47%;
}
.past_box .right{
	width: 47%;
}

.past_box h4.tab{
	text-align: left;
	background: #FF9901;
	color: #fff;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
	margin: 0px;
	float: left;
	display: inline-block;
	letter-spacing: 3px;
}

.past_box .past_in{
	width: 94%;
	border: 2px solid #F90;
	text-align: left;
	margin: 0px;
	padding: 10px;
	overflow: hidden;
	}
.past_in li{
	line-height: 200%;
	font-size: 14px;
}

}




/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
	
h3{
	text-align: left;
	font-size: 16px;
	border-bottom: 1px solid #000;
	line-height: 170%;
}

h3:first-letter{
	border-left: 16px solid #FB9722;
	margin: 0px 0px 0px 0px;
}

.count{
	width: 100%;
	padding: 0px;
	margin: 10px auto;
	overflow: hidden;
}
.count li{
	background-color: #FA9821;
	float: left;
	margin: 10px;
	padding: 20px 0px;
	color: #fff;
	width: 45%;
	line-height: 300%;
}
.count li span{
	font-size:50px;
}
	


.past_box{
	width: 100%;
	margin: 10px auto 50px auto;
	overflow: hidden;
}

.past_box .left{
	margin: 0px auto 20px auto;
}
.past_box .right{
	margin: 0px auto 20px auto;
}

.past_box h4.tab{
	text-align: left;
	background: #FF9901;
	color: #fff;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
	margin: 0px;
	width: 160px;
	letter-spacing: 3px;
}

.past_box .past_in{
	border: 2px solid #F90;
	text-align: left;
	margin: 0px;
	padding: 10px;
	}
.past_in li{
	line-height: 200%;
	font-size: 14px;
}

.example_list{
	width: 100%;
}
.example_list dt{
	background-color: #CCC;
	border-radius: 30px;
	color: #000;
	padding: 3px 0px;
	font-size: 18px;
}
.example_list dd{
	padding: 3px 0px;
	font-size: 15px;
	text-align: left;
	line-height: 180%;
}

.past_box{
	width: 100%;
	margin: 10px auto 50px auto;
	overflow: hidden;
}

.past_box h4.tab{
	text-align: left;
	background: #FF9901;
	color: #fff;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
	margin: 0px;
	width: 160px;
	letter-spacing: 3px;
}
.past_box .left{
	margin: 0px auto 20px auto;
}
.past_box .right{
	margin: 0px auto 20px auto;
}
.past_box .past_in{
	border: 2px solid #F90;
	text-align: left;
	margin: 0px;
	padding: 10px;
	}
.past_in li{
	line-height: 200%;
	font-size: 14px;
}


}




/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
h3{
	text-align: left;
	font-size: 16px;
	border-bottom: 1px solid #000;
	line-height: 170%;
}

h3:first-letter{
	border-left: 16px solid #FB9722;
	margin: 0px 0px 0px 0px;
}

.count{
	width: 100%;
	padding: 0px;
	margin: 10px auto;
	overflow: hidden;
}
.count li{
	background-color: #FA9821;
	float: left;
	margin: 10px auto;
	padding: 20px 0px;
	color: #fff;
	width: 100%;
	line-height: 300%;
}
.count li span{
	font-size:50px;
}
	

.past_box{
	width: 100%;
	margin: 10px auto 50px auto;
	overflow: hidden;
}

.past_box .left{
	width: 47%;
}
.past_box .right{
	width: 47%;
}

.past_box h4.tab{
	text-align: left;
	background: #FF9901;
	color: #fff;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
	margin: 0px;
	width: 160px;
	letter-spacing: 3px;
}

.past_box .past_in{
	border: 2px solid #F90;
	text-align: left;
	margin: 0px;
	padding: 10px;
	}
.past_in li{
	line-height: 200%;
	font-size: 14px;
}

.example_list{
	width: 100%;
}
.example_list dt{
	background-color: #CCC;
	border-radius: 30px;
	color: #000;
	padding: 3px 0px;
	font-size: 18px;
}
.example_list dd{
	padding: 3px 0px;
	font-size: 15px;
	text-align: left;
	line-height: 180%;
}

.past_box{
	width: 100%;
	margin: 10px auto 50px auto;
	overflow: hidden;
}

.past_box h4.tab{
	text-align: left;
	background: #FF9901;
	color: #fff;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
	margin: 0px;
	width: 160px;
	letter-spacing: 3px;
}

.past_box .past_in{
	border: 2px solid #F90;
	text-align: left;
	margin: 0px;
	padding: 10px;
	}
.past_in li{
	line-height: 200%;
	font-size: 14px;
}

}