@charset "UTF-8";

/* ============================
		reset
 ============================ */

/*	this is my short cut clear fix.
	with note "display:flex" */
.cfx:before, .cfx:after {
  content:"";
  display: table;
}
.cfx:after { clear:both; }
.cfx { *zoom:1; }


/* ============================
		ober
 ============================ */

table.center-top tr th {
background-image: url("images/img01.png");
}

#box02 h3 {
margin-top: 10px;
font-size: 24px;
}

@media screen and (max-width:767px) {
	
	#box02 h3 {
	font-size: 22px;
	}

}


/* ============================
		forMedicalSection
 ============================ */

.forMedicalSection {
margin: 30px 15px;
padding: 0;
background-color: #fff;
-webkit-filter:drop-shadow(1px 3px 15px rgba(0, 0, 0, 0.1));
-moz-filter:drop-shadow(1px 3px 15px rgba(0, 0, 0, 0.1));
-ms-filter:drop-shadow(1px 3px 15px rgba(0, 0, 0, 0.1));
filter:drop-shadow(1px 3px 15px rgba(0, 0, 0, 0.1));
}

.forMedicalSection .wrap {
background-color: #fceaea;
padding: 15px 0 20px 0;
}

.forMedicalSection .titleName {
font-size: 18px;
color: #f00;
text-align: center;
padding: 0;
margin: 0 0 5px 0;
}

.forMedicalSection .subName {
text-align: center;
padding: 0;
margin: 0 0 5px 0;
}

.forMedicalSection .weekList {
list-style: none;
padding: 0;
margin: 0;
display: block;
text-align: center;
}

.forMedicalSection .weekList li {
font-size: 14px;
padding: 0;
margin: 0;
}

.forMedicalSection .mainBody {
padding: 15px;
padding-bottom: 0;
}

.forMedicalSection .body {
font-size: 14px;
}

.forMedicalSection .conditionList {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 1em;
}

.forMedicalSection .conditionList li {
font-size: 14px;
line-height: 1.9em;
text-indent: -1em;
padding-left: 1em;
}

/* for PC */
@media screen and (min-width: 768px) {

	.forMedicalSection {
	display: table;
	margin: 60px auto 0px auto;
	}

	.forMedicalSection .wrap {
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	padding: 0;
	}

	.forMedicalSection .titleName {
	font-size: 18px;
	color: #f00;
	text-align: center;
	padding: 0;
	margin: 0 0 5px 0;
	}

	.forMedicalSection .subName {
	text-align: center;
	padding: 0;
	margin: 0 0 5px 0;
	}

	.forMedicalSection .weekList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
	}

	.forMedicalSection .weekList li {
	font-size: 14px;
	padding: 0;
	margin: 0;
	}

	.forMedicalSection .mainBody {
	display: table-cell;
	width: calc(100% - 200px);
	vertical-align: middle;
	padding: 15px;
	padding-bottom: 0;
	}

	.forMedicalSection .body {
	font-size: 14px;
	}

	.forMedicalSection .conditionList {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	}

	.forMedicalSection .conditionList li {
	font-size: 14px;
	line-height: 1.9em;
	text-indent: -1em;
	padding-left: 1em;
	}

}