@charset "UTF-8";

/*----------------------------------------------------
	☆Course
----------------------------------------------------*/
/* 20151216 mod start*/

#contents .mv {
	height:200px;
}
/* 20151216 mod end*/

#contents .enMv {background:url(../images/notes/bg_mv.gif) center center repeat;}

#contents .mv h1 {
	line-height:1;
	padding:92px 0 30px;
	text-align:center;
}


/* 20151216 add start*/
#enSubtitle{
	display:block;
	margin:65px auto 55px;
	text-align:center;
}

#notesDetail{
	display: block;
	width: 960px;
	margin:0 auto 150px;
	text-align:left;
}

#notesDetail > div{
	padding: 25px 0;
	border-bottom:2px dotted #cdcccc;
}
#notesDetail > div:last-child{
	border-bottom:none;
}
#notesDetail > div > p{
	font-size:16px;
	line-height:22px;
}
#notesDetail > div > table{
	display: inline-block;
	margin:25px 0 0 ;
	padding:25px;
	background: #61b059;
	text-align:left;
}
#notesDetail > div > table td{
	padding:3px 10px;
	color:#fff;
}
/* 20151216 add end*/

/*===========================
 For SP
===========================*/


/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 750px) {

#contents .mv {
	height:auto;
}

#contents .enMv {background:url(../images/notes/bg_mv.gif) center center repeat;}

#contents .mv h1 {
	line-height:1;
	padding:30px 0 20px;
	text-align:center;
}

#contents .mv h1 img {
	height:auto;
	width:100%;
}

/* 20151216 add start*/
#enSubtitle{
	display:block;
	margin:20px auto 0;
}

#enSubtitle	img{
	width: 90%;
	height:auto;
}

#notesDetail{
	width: 100%;
	margin:0 0 50px;
	padding: 0 10px;
	text-align:left;
}

#notesDetail > div{
	padding: 15px 0;
}
#notesDetail > div > p{
	font-size:14px;
}
#notesDetail > div > table{
	display: block;
	margin:25px 0 0 ;
	padding:10px;
}
#notesDetail > div > table td{
	padding:3px 10px;
	font-size:11px;
}

/* 20151216 add end*/


}

