@charset "UTF-8";

/*==========================================================

BOX                               

============================================================ */
.test{}

@media screen and (min-width:940px) {
	.keyArea{
		position:relative;
		height:100%;
	}
	
	.mainFull{
		position:absolute;
		top:-80px;
		left:0;
	}
	
	.mainFull ul:after{
		content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
	}
	
	.mainFull li{
		float:left;
		padding-right:6px;	
		padding-bottom:.5em;		
	}
	
	.mainFull li.last{
		padding-right:0;	
	}
	
	.mainSp{
		display:none;	
	}
	
	#firstSet{
		padding-top:140px;
	}
	
	.about p{
		width:630px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.subject{
		margin:0 0 1.5em 2em;	
	}
	
	.subject li{
		list-style-type:disc;
		display:inline;
		background: url(../img/common/icon-disc.gif) 0 48% no-repeat;
		padding:0 5px 0 12px;
		font-size:130%;
		font-weight:bold;
	}
	
	.subject li.first{
		background:none;
		padding-left:0;
	}
	
	.schedule{
		margin-left:2em;	
	}
	
	.schedule .txt{
		color:#428bd5;	
	}
	
	.scheduleSP{
		display:none;	
	}
}

@media screen and (min-width: 740px) and (max-width: 939px) {
	
	.keyArea{
		padding-bottom:75px;	
	}
	
	.mainFull{
		position:absolute;
		top:-80px;
		left:37px;
	}
	
	.mainFull ul:after{
		content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
	}
	
	.mainFull li{
		float:left;
		padding-right:6px;	
		padding-bottom:1.5em;				
	}
	
	.mainFull li.last{
		padding-right:0;	
	}
	
	.mainSp{
		display:none;	
	}
	
		
	#firstSet{
		padding-top:80px;
	}
	
	.about p{
		width:630px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.subject{
		margin:0 0 1.5em 4.5em;	
	}
	
	.subject li{
		list-style-type:disc;
		display:inline;
		background: url(../img/common/icon-disc.gif) 0 48% no-repeat;
		padding:0 5px 0 12px;
		font-size:130%;
		font-weight:bold;
	}
	
	.subject li.first{
		background:none;
		padding-left:0;
	}
	
	.schedule{
		margin-left:4.5em;	
	}
	
	.schedule .txt{
		color:#428bd5;	
	}
	
	.scheduleSP{
		display:none;	
	}	
}

@media screen and (min-width: 0px) and (max-width: 739px) {
	.mainFull{
		display:none;
	}
	
	.keyArea{
		padding-bottom:86px;
		text-align:center;
		width:311px;
		margin:0 auto;
		position:relative;
	}
	
	.mainSp{
		position:absolute;
		top:-56px;
		width:311px;
		left:0;
		text-align:center;
		font-size:0;
	}
	
	.mainSp ul{
		
	}
	
	.mainSp ul:after{
		content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
	}
	
	.mainSp li{
		float:left;
		line-height:0;
		font-size:0;
		padding-bottom:10px;
	}
	
	.mainSp p{
		margin-bottom:5px;
	}
	
			
	#firstSet{
		padding-top:120px;
	}
	
	.about p{
		text-align:center;
		width:320px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.subject{
		margin:1em auto;
		width:10em;
	}
	
	.subject li{
		background: url(../img/common/icon-disc.gif) 0 48% no-repeat;
		padding:0 5px 0 12px;
		font-size:130%;
		line-height:120%;
		font-weight:bold;
	}
	
	.schedule{
		display:none;
	}
	
	.schedule .txt{
		color:#428bd5;	
	}
	
	.scheduleSP{
		font-size:130%;
	}
	
	.scheduleSP h4{
		width:318px;
		text-align:center;
		margin:0 auto;
		padding:3px 0;
		color:#FFF;
		background-color:#90d7e3;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;		
		border:1px solid #90d7e3;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;　/* Opera用 */  
	}
	
	.scheduleSP p{
		color:#428bd5;
		text-align:center;
		margin:8px 0;
	}
	
	
}