@charset "utf-8";
#online img{
	width: 100%;
}
#online .sp{
	display: none;
}
#online{
	background: url("../images/bg.png") repeat top center;
	background-attachment: fixed;
}
#online #main{
	background: #65a780;
	max-width: 1280px;
	margin: 0 auto;
	padding-bottom: 60px;
	box-shadow: 2px 2px 15px #7f4a4a;
}
#online #main .img_area{
	width: 100%;
	background: url("../images/main_sp.png?2011191526") no-repeat top center / cover;
	padding-top: 338.75%;
}
#online #info{
	width: 95%;
	margin: 0 auto;
}
#online #info>div{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#online #info .flex{
	/* display: flex; */
	width: 100%;
}
#online #info h3{
	width: 100%;
	min-width: 8em;
	background: #bc272d;
	text-align: center;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17px;
	border: 1px solid #d07377;
}
#online #info p{
	background: #fff;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 10px;
	border: 1px solid #d07377;
}
#online #info p .indent{
	padding-left:1em;
	text-indent:-1em;
}