@charset "UTF-8";


@media screen and (min-width: 641px) {/* PC用 */

	/*メディブレインとはページ*/
	
	div#aboutBox {
		width: 740px;
		margin: 0px auto 35px auto;
	}
	
	div.aboutInner {
		width: 740px;
		margin: 0px auto 40px auto;
		padding-bottom: 50px;
		background: url(../img/about_line.jpg) bottom no-repeat;
		overflow: hidden;
	}
	
	div.aboutInner img {
		float: right;
		padding-left: 20px;
	}
	
	div.aboutInner dl {
		width: 740px;
		margin: 0px auto;
		float: left;
	}
	
	div.aboutInner dl dt {
		margin-bottom: 40px;
		margin-top: 20px;
		overflow: hidden;
	}
	
	div.aboutInner dl dd {
		font-size: 13px;
		line-height: 24px;
	}
	
	div#aboutBox ul {
		padding: 40px 0px;
		overflow: hidden;
	}
	
	div#aboutBox ul li {
		float: left;
	}

}

@media screen and (max-width:641px){/* スマートフォン用 */

	/*メディブレインとはページ*/
	
	div#aboutBox {
		width: 900px;
		margin: 0px auto 35px auto;
		text-align: center;
	}
	
	div.aboutInner {
		width: 740px;
		margin: 0px auto 40px auto;
		padding-bottom: 50px;
		background: url(../img/about_line.jpg) bottom no-repeat;
		overflow: hidden;
	}
	
	div.aboutInner img {
		float: right;
		padding-left: 20px;
	}
	
	div.aboutInner dl {
		width: 740px;
		margin: 0px auto;
		float: left;
	}
	
	div.aboutInner dl dt {
		margin-bottom: 40px;
		margin-top: 20px;
		overflow: hidden;
	}
	
	div.aboutInner dl dd {
		font-size: 24px;
		line-height: 36px;
	}
	
	div#aboutBox div {
		width: 740px;
		margin: 40px auto 0px auto;
		text-align: center;
	}
	
	div#aboutBox ul {
		width: 740px;
		padding: 40px 0px;
		overflow: hidden;
		margin: 0px auto;
		text-align: center;
	}
	
	div#aboutBox ul li {
		float: left;
	}

}