@charset "UTF-8";


@media print, screen and (min-width: 736px) {/* 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 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.aboutInner dl dd:last-child{
		text-align: right;
	}
	
	div#aboutBox ul {
		padding: 40px 0px;
		overflow: hidden;
	}
	
	div#aboutBox ul li {
		float: left;
	}

}

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


	/*メディブレインとはページ*/
	
	div#aboutBox {
		width: 94%;
		margin: 0px auto 35px auto;
		text-align: center;
	}
	
	div.aboutInner {
		margin: 0px auto 40px auto;
		padding-bottom: 50px;
		background: url(../img/about_line.jpg) bottom no-repeat;
		overflow: hidden;
	}
	
	div.aboutInner dl {
		margin: 0px auto;
	}
	
	div.aboutInner dl dt {
		margin-bottom: 40px;
		margin-top: 20px;
		overflow: hidden;
	}
	
	div.aboutInner dl dd {
		font-size: 14px;
		line-height: 160%;
	}
	div.aboutInner dl dd:last-child{
		text-align: right;
	}
	div.aboutInner dl dd:last-child img{
		width: 50%;
		height: auto;
	}
	
	div#aboutBox div {
		margin: 40px auto 0px auto;
		text-align: center;
	}
	
	div#aboutBox ul {
		display: flex;
		justify-content: space-between;
		padding: 40px 0px;
		overflow: hidden;
		margin: 0px auto;
		text-align: center;
		box-sizing: border-box;
	}
	
	div#aboutBox ul li {
		width: 32%;
	}
	div#aboutBox ul li img {
		width: 100%;
		height: auto;
	}

}