@charset "utf-8";

/*---page_medical---*/

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

#maincolumn {
	font-size:14px;
	line-height:175%;
	overflow:hidden;
}
#maincolumn h3 {
	margin-bottom:5px;
}
#maincolumn h4 {
	margin-bottom:0;
}
#maincolumn #topicpath {
	font-size:12px;
}
#maincolumn .read {
	padding:0 20px 50px;
	font-size:16px;
	line-height:150%;
}
#maincolumn .section {
	width:800px;
}
#maincolumn .box {
	float:left;
	margin:0 28px 40px 0;
	width:372px;
}
#maincolumn .box2 {
	margin-bottom:50px;
	width:770px;
	clear:both;
}
#maincolumn .box3 {
	background:#FFFFFF url(../images/medical/bg08.jpg) no-repeat 408px 82px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom:25px;
	padding:32px 25px 70px 23px;
	width:715px;
	color:#545252;
	font-size:14px;
	line-height:180%;
	border:3px solid #75502F;
}
#maincolumn .box_in01 {
	background:url(../images/medical/bg01.jpg) no-repeat;
	padding:0 9px 0 17px;
	height:221px;
}
#maincolumn .box_in02 {
	background:url(../images/medical/bg02.jpg) no-repeat;
	padding:0 9px 0 17px;
	height:217px;
}
#maincolumn .box_in03 {
	background:url(../images/medical/bg03.jpg) no-repeat;
	padding:0 9px 0 17px;
	height:180px;
}
#maincolumn .box_in04 {
	background:url(../images/medical/bg04.jpg) no-repeat;
	padding:0 9px 0 17px;
	height:182px;
}
#maincolumn .box_in05 {
	background:url(../images/medical/bg05.jpg) no-repeat;
	padding:0 9px 0 17px;
	height:181px;
}
#maincolumn .box_in06 {
	background:url(../images/medical/bg06.jpg) no-repeat;
	padding:0 9px 0 17px;
	height:185px;
}
#maincolumn .box_in07 {
	background:url(../images/medical/bg07.jpg) no-repeat;
	padding:0 9px 0 17px;
	height:248px;
}
#maincolumn .box_in07 .txt {
	height:85px;
	line-height:200%;
}
#maincolumn ul {
	width:100%;
}
#maincolumn ul li {
	background:url(../images/medical/ico.gif) no-repeat left center;
	float:left;
	padding:0 0 0 3%;
	width:47%;
	line-height:200%;
	font-size: 13px;
}
#maincolumn ul li.all {
	padding:0 0 0 3%;
	width:97%;
	clear:both;
}
#maincolumn ul li.none {
	background:url(none);
}
#maincolumn ul li.three {
	width:30.33333%;
}
#maincolumn .box_txt {
	padding: 30px 0 0 0;
	width: 710px;
	line-height: 200%;
}
#maincolumn .box_txt3 {
	padding: 0 0 25px 0;
	width: 435px;
	line-height: 200%;
}
#maincolumn .box_txt2 {
	padding:10px 0 0 0;
}

}


/*SP用*/
@media screen and (max-width:813px){

#maincolumn {
	font-size:14px;
	line-height:175%;
	overflow:hidden;
}
#maincolumn h3 {
	display: none;
}
#maincolumn h4 {
	margin-bottom:0;
}
#maincolumn #topicpath {
	font-size:12px;
}
#maincolumn .read {
	padding:0 20px 50px;
	font-size:16px;
	line-height:150%;
}
#maincolumn .box {
	margin-bottom: 30px;
}
#maincolumn .box2 {
	margin-bottom:50px;
}
#maincolumn .box3 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom:10px;
	padding:20px;
	color:#545252;
	font-size:14px;
	line-height:180%;
	background: #ffffff;
	border:3px solid #75502F;
}
#maincolumn .box3 h4 {
	overflow: hidden;
}
#maincolumn .box3 h4 img {
	width: 150vw;
	max-width: inherit;
}
#maincolumn .section .box {
	border-radius: 5px;
}
#maincolumn .section .box:nth-child(1) {
	border: 2px solid #F4C850;
}
#maincolumn .section .box:nth-child(2) {
	border: 2px solid #8FDAE6;
}
#maincolumn .section .box:nth-child(3) {
	border: 2px solid #8DD5BE;
}
#maincolumn .section .box:nth-child(4) {
	border: 2px solid #0284CE;
}
#maincolumn .section .box:nth-child(5) {
	border: 2px solid #F6A54E;
}
#maincolumn .section .box:nth-child(6) {
	border: 2px solid #F6B3E2;
}
#maincolumn .section .box2 {
	border: 2px solid #F3B342;
	border-radius: 5px;
}
#maincolumn .section .box h4 {
	overflow: hidden;
}
#maincolumn .section .box h4 img {
	width: 103%;
	max-width: inherit;
	margin: -3px 0 0 -5px;
}
#maincolumn .box_in01 {
	background:url(../images/medical/bg01.jpg) no-repeat center bottom -5px / 103% auto, #ffffff;
	padding:20px 9px 0 17px;
}
#maincolumn .box_in02 {
	background:url(../images/medical/bg02.jpg) no-repeat center bottom -8px / 103% auto, #ffffff;
	padding:20px 9px 0 17px;
}
#maincolumn .box_in03 {
	min-height: 32vw;
	background:url(../images/medical/bg03.jpg) no-repeat center bottom -5px / 103% auto, #ffffff;
	padding:20px 9px 0 17px;
}
#maincolumn .box_in04 {
	min-height: 32vw;
	background:url(../images/medical/bg04.jpg) no-repeat center bottom -8px / 103% auto, #ffffff;
	padding:20px 9px 0 17px;
}
#maincolumn .box_in05 {
	background:url(../images/medical/bg05.jpg) no-repeat center bottom -8px / 103% auto, #ffffff;
	padding:20px 9px 0 17px;
}
#maincolumn .box_in06 {
	background:url(../images/medical/bg06.jpg) no-repeat center bottom -8px / 103% auto, #ffffff;
	padding:20px 9px 0 17px;
}
#maincolumn .box_in07 {
	background:url(../images/medical/bg07_sp.png) no-repeat right 10px bottom 10px / 20vw auto, #ffffff;
	padding:20px 9px 0 17px;
}
#maincolumn .box_in07 .txt {
	line-height:200%;
}
#maincolumn ul {
	width:100%;
}
#maincolumn ul li {
	background:url(../images/medical/ico.gif) no-repeat left center;
	padding:0 0 0 3%;
	line-height:200%;
	font-size: 14px;
}
#maincolumn ul li.all {
	padding:0 0 0 3%;
	clear:both;
}
#maincolumn ul li.none {
	display: none;
}
#maincolumn ul li.three {
}
#maincolumn .box_txt {
	padding: 25px 0 0 0;
	line-height: 200%;
}
#maincolumn .box_txt3 {
	padding: 0 0 25px 0;
	line-height: 200%;
}
#maincolumn .box_txt2 {
	padding:10px 0 0 0;
}

}