@charset "utf-8";
/*------------------------------------------------------------
	online
------------------------------------------------------------*/
#main .onlineBox .content{
	width: 1000px;
}
#main .onlineBox p{
	line-height: 2;
	font-size: 2rem;
}
#main .onlineBox .headLine01{
	font-size: 4.8rem;
	color: #49AC4B;
	font-weight: 900;
}
#main .onlineBox h4{
	font-size: 2.4rem;
	margin-bottom: 10px;
	text-align: left;
}
#main .onlineBox .topttl{
	font-size: 2.4rem;
	color: #49AC4B;
	font-weight: 900;
	text-align: center;
}
#main .onlineBox .leadtxt{
	line-height: 1.5;
	padding-left: 30px;
	margin-bottom: 30px;
}
#main .onlineBox .headLine03{
	font-size: 2.4rem;
	color: #fff;
	background-color: #54B767;
	text-align: left;
	padding: 6px 12px;
}
#main .onlineBox .Box01{
	padding: 0 0 50px 30px;
}
#main .onlineBox .Box01 p{
	margin-bottom: 16px;
}
#main .onlineBox .Box01 p .pl3{
	padding-left: 3em;
}
#main .onlineBox .Box01 p .pl4{
	padding-left: 4em;
}
#main .onlineBox .Box01 ul{
	list-style: disc;
	padding-left: 10px;
}
#main .onlineBox .Box01 ul li{
	margin: 10px;
}
#main .onlineBox .Box01 img{
	width: 50%;
	padding-left: 1em;
}
#main .onlineBox .imgBox{
	padding-left: 30px;
	margin-bottom: 30px;
}
#main .onlineBox .imgBox p{
	text-align: left;
	margin-bottom: 10px;
	text-indent: -1em;
	padding-left: 1em;
}
#main .onlineBox .imgBox .zoom_caution {
	margin-bottom: 30px;
}
#main .onlineBox .imgBox .zoom_caution p{
	font-size: 1.7rem;
	margin-bottom: 0;
}
#main .onlineBox .imgBox img{
	margin-bottom: 10px;
}
#main .onlineBox .imgBox .ttl{
	font-size: 1.8rem;
}
#main .onlineBox .imgBox02{
	margin-bottom: 90px;
}
#main .onlineBox .rule {
	margin-bottom: 50px;
}
#main .onlineBox .rule ul{
	font-size: 2rem;
	list-style: disc;
	padding-left: 90px;
}
#main .onlineBox .rule ul li{
	margin: 10px 0;
}
#main .onlineBox .rule .caution{
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 66px;
}
#main .onlineBox .announce{
	margin-bottom: 100px;
}
#main .onlineBox .announce ol{
	list-style: decimal;
	padding-left: 90px;
	font-size: 2rem;
}
#main .onlineBox .announce ol li{
	margin: 10px 0;
}
@media all and (max-width: 896px) {
	#main .onlineBox .content{
		width: auto;
	}
	#main .onlineBox p{
		font-size: 1.8rem;
	}
	#main .onlineBox .headLine01{
		font-size: 3.1rem;
		line-height: 1.4;
	}
	#main .onlineBox h4{
		font-size: 2rem;
	}
	#main .onlineBox .leadtxt{
		padding-left: 0;
	}
	#main .onlineBox .topttl{
		font-size: 1.6rem;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	#main .onlineBox .headLine03{
		font-size: 2rem;
	}
	#main .onlineBox .Box01{
		padding: 0 0 50px 0;
	}
	#main .onlineBox .Box01 p .pl3{
		padding-left: 0;
	}
	#main .onlineBox .Box01 p .pl4{
		padding-left: 0;
	}
	#main .onlineBox .Box01 ul{
		font-size: 1.8rem;
	}
	#main .onlineBox .Box01 img{
		width: 100%;
		padding-left: 0;
	}
	#main .onlineBox .imgBox{
		padding-left: 0;
	}
	#main .onlineBox .imgBox .zoom_caution p{
		font-size: 1.6rem;
	}
	#main .onlineBox .rule ul{
		font-size: 1.8rem;
		padding-left: 1em;
	}
	#main .onlineBox .rule .caution{
	font-size: 1.4rem;
	padding-left: 0;
}
	#main .onlineBox .announce ol{
		padding-left: 1em;
		font-size: 1.8rem;
}
}