.online_mv {
	background: url(../images/online/mv.jpg) no-repeat center center;
	background-size: cover;
}
/* ------------------------------------ */
.online1 {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	max-width: 1000px;
	width: 90%;
	margin: 0px auto 100px;
}
.online1 li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	border: #ccc 1px solid;
	padding: 0 5px;
	display: table;
	height: 180px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.online1 li:last-child {
	margin-right: 0;
}
.online1 li p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: 500;
}
/* ------------------------------------ */
.online2 {
	max-width: 1000px;
	width: 90%;
	margin: 0px auto 50px;
}
.online2 dt {
	background-color: #f3f3f3;
	padding: 10px 10px 10px 20px;
	margin-bottom: 15px;
	font-size: 110%;
	font-weight: 400;
}
.online2 dt span {
	display: inline-block;
	font-size: 140%;
	font-weight: 300;
	margin-right: 10px;
}
.online2 dd {
	margin-bottom: 25px;
	padding-left: 50px;
}
/* ------------------------------------ */
.online3 {
	max-width: 1000px;
	width: 90%;
	margin: 0px auto 100px;
	border: #ccc 1px solid;
	padding: 30px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.online3 .ttl {
	text-align: center;
	font-size: 110%;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.online3 .list1 {
	max-width: 500px;
	width: 100%;
	margin: 0px auto 20px;
	overflow: hidden;
}
.online3 .list1 li {
	float: left;
	width: 50%;
}
.online3 .list1 li img {
	display: block;
	max-width: 234px;
	width: 100%;
	margin: 0px auto 10px;
}
.online3 .list1 li span {
	display: block;
	text-align: center;
	font-size: 90%;
	font-weight: 400;
	line-height: 160%;
}
.online3 .list2 {
	clear: both;
	font-size: 90%;
}
.online3 .list2 li {
	padding-left:1em;
	text-indent:-1em;
	line-height: 170%;
	margin-bottom: 5px;
}
/* ------------------------------------ */

/* ------------------------------------ */



@media only screen and ( max-width : 968px ) {
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
}
@media only screen and ( max-width : 680px ) {
	
	/* ------------------------------------ */
	.online1 {
		margin: 0px auto 60px;
	}
	.online1 li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		height: auto;
		padding: 25px 0;
	}
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
}
@media only screen and ( max-width : 580px ) {
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
}