@charset "utf-8";

/*----  教育システム　----*/
#title p {
	margin-bottom: 1em;
}
#title span a {
	color:#ea145c;
}
#title table {
	width: 100%;
}
#title th {
	font-weight: normal;
	font-size: 1.08em;
	padding: 1em;
	background-color: #f7f1e3;
	border: 1px solid #d8d8d8;
}
#title td {
	padding: 1em;
	text-align: left;
	border: 1px solid #d8d8d8;
}
#conts {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 10%;
}
#conts:after ,
#conts2:after {
  content : '';
  display : block;
  clear : both;
}
#conts h2 {
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1.5em;
	margin-left: 0em;
}
#conts img {
	width: 100%;
	height:auto;
}

#conts th {
	font-weight: normal;
	font-size: 1.08em;
	padding: 1em;
	line-height: 1.4;
	background-color: #f7f1e3;
	border: 1px solid #d8d8d8;
	color: #ea145c;
}
#conts td {
	line-height: 1.4;
	padding: 1em;
	text-align: left;
	border: 1px solid #d8d8d8;
}
#conts2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #dedede;
	position:relative;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}
#conts2 .image {
	position:absolute;
	z-index: 100;
	right: 0.5em;
	bottom: 0;
	width: 28%;
	height:auto;
}
#conts2 .box {
	z-index: 1;
	float:left;
	background-color: #fdf2f6;
	padding: 1em;
	width: 70%;
	border-radius: 5px;
	border:none;
}

@media screen and (max-width : 400px){
#conts2 p {
font-size: 0.8em;
line-height: 1.3;
}
#conts2 .image {
	right: 0em;
}
}