@media screen and (min-width:641px) {

/* 以下PC版　ウィル長岡
---------------------------------------------------- */

.present {
	width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:left;
}

.present div.preimgbox {
	width:210px;
	margin:0;
	padding:0;
	float:right;
}

.present .preimgbox .imgbox {
	width:200px;
	margin:0;
	padding:0 0 0 10px;
	float:right;
	text-align:center;
	font-size:80%;
}

.newsbox {
	width:99%;
	margin:20px auto 0;
	padding:0;
	border:2px solid #2c63b6;
}

.newsbox h3 {
	background-color:#2c63b6;
	border:2px solid #2c63b6;
	color:#FFF;
	line-height:30px;
	font-weight:normal;
	font-size:100%;
	text-align:center;
}

.newsbox ul {
	width:97%;
	margin:10px auto;
	vertical-align: text-bottom;
	list-style-type:none;
	font-size: 100%;
}

.newsbox li {
	margin: 0;
	padding: 0.2em 0 0.2em 0.8em;
	line-height: 120%;
	background: url(../../../images/arrow1.gif) no-repeat 0 0.5em;
	text-align:left;
}

.coursebox {
	width:100%;
	margin:20px auto 0;
	padding:0;
	display:inline-block;
}

.coursebox .course {
	width:205px;
	margin:0 12px 0 0;
	padding:0;
	/*border:2px solid #2c63b6;*/
	float:left;
	max-height:100%;
}

.coursebox .course2 {
	width:205px;
	margin:0;
	padding:0;
	/*border:2px solid #2c63b6;*/
	float:left;
	max-height:100%;
}

.coursebox .course h3,
.coursebox .course2 h3 {
	background-color:#2c63b6;
	border:2px solid #2c63b6;
	color:#FFF;
	line-height:30px;
	font-weight:normal;
	font-size:100%;
	text-align:center;
}

.coursebox .course ul,
.coursebox .course2 ul {
	width:205px;
	margin:10px auto;
	vertical-align: text-bottom;
	list-style-type:none;
	font-size: 100%;
}

.coursebox .course li,
.coursebox .course2 li {
	margin: 0;
	padding: 0.2em 0 0.2em 1.4em;
	line-height: 120%;
	background: url(../../../images/arrow2.gif) no-repeat 0 0.3em;
	text-align:left;
}


}
@media screen and (min-width: 0px) and (max-width: 640px) {

/* 以下スマホ版　ウィル長岡
---------------------------------------------------- */

.present {
	width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:left;
	line-height:150%;
}

.present div.preimgbox {
	width:210px;
	margin:0;
	padding:0;
	float:right;
}

.present .preimgbox .imgbox {
	width:200px;
	margin:0;
	padding:0 0 0 10px;
	float:right;
	text-align:center;
	font-size:1.3rem;
	line-height:120%;
}

.newsbox {
	width:100%;
	margin:20px auto 0;
	padding:0;
	border:2px solid #2c63b6;
}

.newsbox h3 {
	background-color:#2c63b6;
	border:2px solid #2c63b6;
	color:#FFF;
	font-size:1.8rem;
	line-height:30px;
	font-weight:normal;
	text-align:center;
}

.newsbox ul {
	width:97%;
	margin:10px auto;
	vertical-align: text-bottom;
	list-style-type:none;
}

.newsbox li {
	margin: 0;
	padding: 5px 0 5px 15px;
	font-size:1.6rem;
	line-height:130%;
	background: url(../../../images/sp/arrow1.png) no-repeat 0 7px;
	text-align:left;
}

.coursebox {
	width:100%;
	margin:20px auto 0;
	padding:0;
	display:inline-block;
}

.coursebox .course {
	width:193px;
	margin:0 10px 0 0;
	padding:0;
	/*border:2px solid #2c63b6;*/
	float:left;
	max-height:100%;
}

.coursebox .course2 {
	width:193px;
	margin:0;
	padding:0;
	/*border:2px solid #2c63b6;*/
	float:left;
	max-height:100%;
}

.coursebox .course h3,
.coursebox .course2 h3 {
	background-color:#2c63b6;
	border:2px solid #2c63b6;
	color:#FFF;
	font-size:1.8rem;
	line-height:30px;
	font-weight:normal;
	text-align:center;
}

.coursebox .course ul,
.coursebox .course2 ul {
	width:193px;
	margin:10px auto;
	vertical-align: text-bottom;
	list-style-type:none;
}

.coursebox .course li,
.coursebox .course2 li {
	margin: 0;
	padding: 5px 0 5px 22px;
	font-size:1.6rem;
	line-height:130%;
	background: url(../../../images/sp/arrow2.png) no-repeat 0 4px;
	text-align:left;
}


}