@charset "utf-8";


/**************************************************************************** ブラウザによるサイズの変更 ****************************************************************************/

/* PC用 ビューエリアの最小幅。このサイズ960より大きい場合に適用*/
@media only screen and (min-width:960px){	

}





/* モニター幅940px以下 */
@media only screen and (max-width:940px){

}



/* w768より大きい場合に適用【タブレット以上の場合】*/
@media screen and (min-width: 768px){
#b-type dl dt {
	color: #000000;
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
	background-color: #ECE0C9;
	padding-top: 5px;
	padding-bottom: 5px;
}
#b-type dl dd {
	font-size: 1.1em;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-left: 20px;
}

}


/* iPad縦型 w768より小さい場合に適用*/
@media only screen and (max-width:768px){
#b-type dl dt {
	font-size: 1em;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	background-color: #5E5E5E;
	color: rgba(255,255,255,1.00);
}
#b-type dl dd {
	font-size: 1em;
	padding-left: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 1.2em;
}
#b-type dl dd p {
	color: #000000;
	font-size: 1em;
	line-height: 1.5em;
}
}


/* スマートフォン横型　w640より小さい場合に適用 */
@media only screen and (max-width:640px){

}

/************************** ↑ディスプレイによるCSSの違いはここまで↑**************************/