@charset "UTF-8";

/* common
------------------------------------------------*/
.post-body p {
	margin: 0 0 1em;
	line-height: 1.7;
}
.post-body p.largerSize {
	font-size: larger;
}
.post-body p.wait {
	margin: 40px 0 0;
	text-align: center;
}
.post-body h2 {
	margin: 60px 0 20px;
	font-size: 30px;
	font-weight: 700;
	color: #357D54;
}
.post-body .wp_social_bookmarking_light_clear + h2 {
	margin: 0 0 20px;
}
.post-body h3 {
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 700;
}
.post-body .res_box {
	position: relative;
	height: 0;
	padding-top: 56.25%;
}
.post-body .res_box iframe,
.post-body .res_box object,
.post-body .res_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-body ul.linkbtn {
	zoom: 1;
	margin: 20px 0;
}
.post-body ul.linkbtn:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.post-body ul.linkbtn li {
	float: left;
	width: 185px;
	margin: 0 20px 0 0;
	font-size: 14px;
}
.post-body ul.linkbtn li:last-child {
	margin: 0;
}
.post-body ul.linkbtn li a {
	display: block;
	background: #fffde4;
	border: 1px solid #ddd;
	padding: 30px 20px;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
.post-body ul.linkbtn li a:hover {
	background: #fffbc9;
}
.post-body ul.linkbtn li a.pdf {
	background: #fffde4 url(img/icon-pdf.png) no-repeat center top 10px;
	padding: 50px 20px 10px 20px;
}
.post-body ul.linkbtn li a.pdf:hover {
	background: #fffbc9 url(img/icon-pdf.png) no-repeat center top 10px;
}
#post .vis-img {
	margin: 0 0 20px;
}
#post .vis-img img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:994px){
	.post-body .res_box {
		width: 100%;
		padding-top: 56.25%;
		&:before {
			content: none;
		}
	}
	.post-body .res_box iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.post-body ul.linkbtn {
		clear: both;
	}
	.post-body ul.linkbtn li {
		width: auto;
	}
}
@media screen and (max-width:767px){
	.post-body h2 {
		margin: 40px 0 15px;
		font-size: 22px;
	}
	.post-body h3 {
		font-size: 18px;
	}
}
@media screen and (max-width:480px){
	.post-body h2 {
		font-size: 20px;
	}
	.post-body h3 {
		font-size: 17px;
	}
}

/* concept
------------------------------------------------*/
.post-body.concept img.alignleft {
	float: left;
	margin: 0 20px 30px 0;
}
@media screen and (max-width:767px){
	.post-body.concept p strong {
		font-size: 18px;
	}
}
/* elementary
------------------------------------------------*/
.post-body.elementary .box {
	zoom: 1;
	position: relative;
	float: left;
	border: 5px solid #ddd;
	border-radius: 8px;
	width: 470px;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 20px 16px;
	box-sizing: border-box;
}
.post-body.elementary .box:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.post-body.elementary .box h3 {
	border: 0;
	margin: 0 0 10px;
	line-height: 1;
	font-size: 24px;
	font-weight: bold;
}
.post-body.elementary .box h3 span.target {
	display: block;
	float: left;
	border-radius: 3px;
	margin: 0 5px 0 0;
	padding: 3px 5px 3px 25px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
}
.post-body.elementary .box p {
	clear: both;
	margin: 0 0 10px;
}
.post-body.elementary .box p.lead {
	color: #357D54;
}
.post-body.elementary .box ul {
	display: flex;
}
.post-body.elementary .box ul li {
	background: #dcf1da;
	border-radius: 5px;
	margin: 0 5px 0 0;
	padding: 7px;
	font-size: 12px;
	color: #222 !important;
}
.post-body.elementary .box p.more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	float: none;
	margin: 0;
}
.post-body.elementary .box:nth-child(2n) {
	float: right;
}
.post-body.elementary .box:nth-child(2n+1) {
	clear: both;
}
.post-body.elementary .box.pink {
	border-color: #ec6d81;
}
.post-body.elementary .box.pink h3 {
	color: #ec6d81;
}
.post-body.elementary .box.pink h3 span.target {
	background: #36A466 url(img/icon-animal01.gif) no-repeat 5px center;
}
.post-body.elementary .box.pink p.more a {
	background: #ec6d81;
}
.post-body.elementary .box.pink p.more a:hover {
	background: #e55f74;
}
.post-body.elementary .box.orange {
	border-color: #f6ad54;
}
.post-body.elementary .box.orange h3 {
	color: #f6ad54;
}
.post-body.elementary .box.orange h3 span.target {
	background: #36A466 url(img/icon-animal02.gif) no-repeat 5px center;
	padding: 3px 5px 3px 35px;
}
.post-body.elementary .box.orange p.more a {
	background: #f6ad54;
}
.post-body.elementary .box.orange p.more a:hover {
	background: #f0a549;
}
.post-body.elementary .box.blue {
	border-color: #4394d0;
}
.post-body.elementary .box.blue h3 {
	color: #4394d0;
}
.post-body.elementary .box.blue + .box.blue + .box.blue h3 {
	letter-spacing: -0.05em;
}
.post-body.elementary .box.blue h3 span.target {
	background: #36A466 url(img/icon-animal03.gif) no-repeat 5px center;
	padding: 3px 5px 3px 25px;
}
.post-body.elementary .box.blue + .box.blue + .box.blue h3 span.target {
	letter-spacing: normal;
}
.post-body.elementary .box.blue p.more a {
	background: #4394d0;
}
.post-body.elementary .box.blue p.more a:hover {
	background: #2e86c7;
}
.post-body.elementary .box.purple {
	border-color: #b864a4;
}
.post-body.elementary .box.purple h3 {
	color: #b864a4;
}
.post-body.elementary .box.purple h3 span.target {
	background: #379761 url(img/icon-animal04.gif) no-repeat 5px center;
	padding: 3px 5px 3px 30px;
}
.post-body.elementary .box.purple p.more a {
	background: #b864a4;
}
.post-body.elementary .box.purple p.more a:hover {
	background: #b44f9c;
}

@media screen and (max-width:994px){
	.post-body.elementary .box {
		width: 49%;
		min-height: 270px;
		margin-bottom: 20px;
	}
	.post-body.elementary .box p {
		font-size: 14px;
		font-weight: bold;
	}
	.post-body.elementary .box h3 {
		font-size: 22px;
	}
	.post-body.elementary .box h3 + p {
		font-size: 16px;
		font-weight: normal;
	}
	.post-body.elementary .box h3 span.target {
		margin: 0 0 5px;
	}
	.post-body.elementary .box h3 span.target + span {
		display: block;
		clear: both;
	}
}
@media screen and (max-width:855px){
	.post-body.elementary .box {
		float: none;
		width: 100%;
		min-height: inherit;
	}
	.post-body.elementary .box:nth-child(2n+1) {
		float: none;
	}
	.post-body.elementary .box h3 span.target {
		margin: 0 5px 0 0;
	}
	.post-body.elementary .box h3 span.target + span {
		display: inline;
	}
	.post-body.elementary .box p.more {
		position: initial;
		float: right;
	}
}
@media screen and (max-width:480px){
	.post-body.elementary .box h3 span.target {
		margin: 0 5px 5px 0;
	}
	.post-body.elementary .box h3 span.target + span {
		display: block;
		clear: both;
	}
	.post-body.elementary .box p {
		font-size: 14px;
	}
	.post-body.elementary .box p.more {
		float: none;
		margin: 0 auto;
		font-size: 16px;
	}
}


/* course
------------------------------------------------*/
.post-body.course .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px;
}
.post-body.course .flex p {
	width: 32%;
	margin: 0;
}
.post-body.course .flex p img {
	max-width: 100%;
	height: auto;
	border-radius: 20px;
}
.post-body.course .flex dl {
	width: 63%;
	margin: 0;
}
.post-body.course .flex dt {
	font-weight: 700;
}
.post-body.course .flex dt span {
	display: block;
	margin: 0 0 10px;
	font-size: 30px;
}
.post-body.course .flex dd {
	margin: 15px 0 0;
	line-height: 1.7;
	font-size: 14px;
}
.post-body.course .flex dd.more a {
	position: relative;
	display: block;
	background: #357D54;
	border-radius: 25px;
	width: 140px;
	margin: 0 0 0 auto;
	padding: 10px 35px 10px 30px;
	box-sizing: border-box;
	text-decoration: none;
	color: #fff;
}
.post-body.course .flex dd.more a:hover {
	opacity: 0.8;
}
.post-body.course .flex dd.more a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	transform: translate(0, -50%) rotate(135deg);
}
.post-body.course .flex.child dt span {
	color: #EC6D81;
}
.post-body.course .flex.child dd.more a {
	background: #EC6D81;
}
.post-body.course .flex.elementary dt span {
	color: #4394D0;
}
.post-body.course .flex.elementary dd.more a {
	background: #4394D0;
}
.post-body.course .flex.middle dt span {
	color: #357D54;
}
.post-body.course .flex.middle dd.more a {
	background: #357D54;
}
.post-body.course .flex.high dt span {
	color: #0085ab;
}
.post-body.course .flex.high dd.more a {
	background: #0085ab;
}
.post-body.course .flex.oleco dt span {
	color: #1E2380;
}
.post-body.course .flex.oleco dd.more a {
	background: #1E2380;
}
.post-body.course .flex.speedreading dt span {
	color: #0d52a2;
}
.post-body.course .flex.speedreading dd.more a {
	background: #0d52a2;
}
@media screen and (max-width:767px){
	.post-body.course .flex dt span {
		margin: 0 0 5px;
		font-size: 24px;
	}
	.post-body.course .flex dd {
		margin: 10px 0 0;
		font-size: 13px;
	}
	.post-body.course .flex .sp-block {
		display: none;
	}
}
@media screen and (max-width:480px){
	.post-body.course .flex p,
	.post-body.course .flex dl {
		width: 100%;
	}
	.post-body.course .flex dt {
		margin: 10px 0 0;
		text-align: center;
	}
	.post-body.course .flex dd.more a {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.post-body.course .flex .sp-block {
		display: block;
	}
}
.post-body.sansu ol,
.post-body.kokugo ol,
.post-body.pygmalion ol,
.post-body.smallclass ol,
.post-body.tutorial ol,
.post-body.standard ol,
.post-body.reading ol {
	list-style: none;
	padding: 0;
}
.post-body.sansu ol li,
.post-body.kokugo ol li,
.post-body.pygmalion ol li,
.post-body.smallclass ol li,
.post-body.tutorial ol li,
.post-body.standard ol li,
.post-body.reading ol li {
	margin: 0 0 40px;
	padding: 0 0 0 60px;
}
.post-body.sansu ol li strong,
.post-body.kokugo ol li strong,
.post-body.pygmalion ol li strong,
.post-body.smallclass ol li strong,
.post-body.tutorial ol li strong,
.post-body.standard ol li strong,
.post-body.reading ol li strong {
	font-size: 20px;
	font-weight: bold;
	color: #357D54;
}
.post-body.sansu ol li.no1,
.post-body.kokugo ol li.no1,
.post-body.pygmalion ol li.no1,
.post-body.smallclass ol li.no1,
.post-body.tutorial ol li.no1,
.post-body.standard ol li.no1,
.post-body.reading ol li.no1 {
	background: url(img/no1.gif) no-repeat left 2px;
}
.post-body.sansu ol li.no2,
.post-body.kokugo ol li.no2,
.post-body.pygmalion ol li.no2,
.post-body.smallclass ol li.no2,
.post-body.tutorial ol li.no2,
.post-body.standard ol li.no2,
.post-body.reading ol li.no2 {
	background: url(img/no2.gif) no-repeat left 2px;
}
.post-body.sansu ol li.no3,
.post-body.kokugo ol li.no3,
.post-body.pygmalion ol li.no3,
.post-body.smallclass ol li.no3,
.post-body.tutorial ol li.no3,
.post-body.standard ol li.no3,
.post-body.reading ol li.no3 {
	background: url(img/no3.gif) no-repeat left 2px;
}
.post-body.sansu ol li.no4,
.post-body.kokugo ol li.no4,
.post-body.pygmalion ol li.no4,
.post-body.smallclass ol li.no4,
.post-body.tutorial ol li.no4,
.post-body.standard ol li.no4,
.post-body.reading ol li.no4 {
	background: url(img/no4.gif) no-repeat left 2px;
}
.post-body.sansu table,
.post-body.kokugo table,
.post-body.pygmalion table,
.post-body.middle table,
.post-body.smallclass table,
.post-body.tutorial table,
.post-body.standard table,
.post-body.reading table,
.post-body.robots_programming table,
.post-body.oleco table,
.post-body.prior table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px;
}
.post-body.sansu table th,
.post-body.kokugo table th,
.post-body.pygmalion table th,
.post-body.middle table th,
.post-body.smallclass table th,
.post-body.tutorial table th,
.post-body.standard table th,
.post-body.reading table th,
.post-body.robots_programming table th,
.post-body.oleco table th,
.post-body.prior table th {
	background: #dcf1da;
	padding: 5px;
	text-align: center;
	border: 1px solid #ddd
}
.post-body.sansu table td,
.post-body.kokugo table td,
.post-body.pygmalion table td,
.post-body.middle table td,
.post-body.smallclass table td,
.post-body.tutorial table td,
.post-body.standard table td,
.post-body.reading table td,
.post-body.robots_programming table td,
.post-body.oleco table td,
.post-body.prior table td {
	padding: 5px;
	text-align: center;
	border: 1px solid #ddd
}
.post-body.sansu p.lead,
.post-body.kokugo p.lead,
.post-body.pygmalion p.lead,
.post-body.smallclass p.lead,
.post-body.tutorial p.lead,
.post-body.standard p.lead,
.post-body.reading p.lead,
.post-body.robots_programming p.lead,
.post-body.oleco p.lead {
	margin-top: 0;
	font-size: 18px;
	color: #357D54;
}

@media screen and (max-width:994px){
	.post-body.sansu ol + p,
	.post-body.kokugo ol + p,
	.post-body.pygmalion ol + p,
	.post-body.smallclass ol + p,
	.post-body.tutorial ol + p,
	.post-body.standard ol + p,
	.post-body.reading p.btn-contact {
		margin: 0 0 40px;
		text-align: center;
	}
}
@media screen and (max-width:480px){
	.post-body.sansu table,
	.post-body.kokugo table,
	.post-body.pygmalion table,
	.post-body.middle table,
	.post-body.smallclass table,
	.post-body.tutorial table,
	.post-body.standard table,
	.post-body.reading table,
	.post-body.prior table {
		font-size: 12px;
	}
}
/* middle
------------------------------------------------*/
.post-body.middle p {
	margin-bottom: 1.5em;
	font-size: 1.05em;
}
.post-body.middle p strong {
	background: linear-gradient(transparent 30%, #ffe8ae 30%);
    margin: 0 0.2em;
}
.post-body.middle .round img {
	border-radius: 15px;
}
.post-body.middle .wp-block-button__link {
	color: #fff;
}
.post-body.middle .wp-block-button__link:hover {
	opacity: 0.8;
}
.post-body.middle h2 {
	text-align: center;
	margin: 3em 0 1.5em;
	padding: 0 0 0.7em;
	color: #333;
	position: relative;
}
.post-body.middle h2::after {
	content: "";
	display: block;
	background: #357D54;
	border-radius: 10px;
	width: 80px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}
.post-body.middle h2 span {
	display: block;
	letter-spacing: 0.1em;
	margin-bottom: 0.2em;
	font-size: 0.8em;
	color: #357D54;
}
.post-body.middle h3 {
	border-bottom: solid 2px #a1c194;
	padding: 0 0 0.3em;
	vertical-align: middle;
}
.post-body.middle h3::before {
    content: "";
    display: inline-block;
    background: #EEF8ED;
    border: solid 5px #357D54;
    border-radius: 50%;
    box-sizing: border-box;
    width: 0.7em;
    height: 0.7em;
    margin: 0 0.3em 0 0;
}
.post-body.middle .disc li {
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
}
.post-body.middle .disc li::before {
	content: "●";
	font-size: 0.7em;
	color: #a1c194;
	position: absolute;
	top: 0.2em;
	left: 0;
}
.post-body.middle .visual {
	position: relative;
}
.post-body.middle .visual p {
	margin: 0;
	text-shadow: 0 0 10px #000;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 25px;
	transform: translate(-50%,0);
}
.post-body.middle .visual + p {
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
}
.post-body.middle .localnav ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.post-body.middle .localnav li {
	width: 32%;
	position: relative;
}
.post-body.middle .localnav li::before {
	content: "1";
	background: #357D54;
	border-radius: 50%;
	border: solid 3px #fff;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate( -50%,-50%);
}
.post-body.middle .localnav li:nth-child(2):before {
	content: "2";
}
.post-body.middle .localnav li:nth-child(3):before {
	content: "3";
}
.post-body.middle .localnav li a {
	display: block;
	border: solid 2px #357D54;
	border-radius: 15px;
	padding: 25px 20px 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
}
.post-body.middle .localnav li a:hover {
	background: #EEF8ED;
}
.post-body.middle .localnav li a::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #357D54;
	line-height: 1;
	width: 12px;
	height: 12px;
	border: 2px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%,-25%) rotate(135deg);
}
.post-body.middle .localnav li a span {
	display: block;
	color: #357D54;
}
.post-body.middle .style dl {
	display: table;
	width: 100%;
	margin: 30px 0;
}
.post-body.middle .style dl + dl {
	border-top: 1px solid #ccc;
	padding: 30px 0 0;
}
.post-body.middle .style dt {
	display: table-cell;
  vertical-align: middle;
	width: 175px;
	background: #DCF1DA;
	border-radius: 20px;
	padding: 10px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #357D54;
}
.post-body.middle .style dd {
	display: table-cell;
	width: calc(100% - 175px);
	margin: 0;
	padding: 10px 0 10px 30px;
	box-sizing: border-box;
	vertical-align: middle;
}
.post-body.middle .wrap_box {
	overflow: hidden;
	position: relative;
	height: 0;
	margin-bottom: 40px;
	padding-bottom: 56.25%;
}
.post-body.middle .wrap_box iframe,
.post-body.middle .wrap_box object,
.post-body.middle .wrap_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-body.middle ol.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.middle ol.flex li {
	border: 3px solid #357D54;
	border-radius: 20px;
	width: 48%;
	margin: 0 0 30px;
	padding: 25px 29px;
	box-sizing: border-box;
}
.post-body.middle ol.flex li:last-child {
	width: 100%;
	margin: 0;
}
.post-body.middle ol.flex li span {
	display: block;
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
	color: #357D54;
}
.post-body.middle .oleco {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	border: 2px solid #ccc;
	border-radius: 20px;
	margin: 50px 0 0;
	padding: 30px;
	box-sizing: border-box;
}
.post-body.middle .oleco .img {
	width: 34%;
	margin: 0;
}
.post-body.middle .oleco .img img {
	max-width: 100%;
	height: auto;
}
.post-body.middle .oleco dl {
	width: calc(63% - 160px);
}
.post-body.middle .oleco dt {
	font-weight: 700;
}
.post-body.middle .oleco dt span {
	display: block;
	margin: 0 0 5px;
	font-size: 24px;
	color: #1E2380;
}
.post-body.middle .oleco dd {
	margin: 10px 0 0;
	line-height: 1.7;
	font-size: 14px;
}
.post-body.middle .oleco .more {
	width: 140px;
	margin: 0;
}
.post-body.middle .oleco .more a {
	background: #1E2380;
}
.post-body.middle .oleco .more a:hover {
	opacity: 0.8;
}
.post-body.middle .results {
	background: #EEF8ED;
	padding: 30px;
	text-align: center;
}
.post-body.middle .results h3::before {
	content: none;
}
.post-body.middle .flow-box {
	border: solid 2px #357D54;
	border-radius: 15px;
	margin: 0 0 40px;
	padding: 20px 30px;
	position: relative;
}
.post-body.middle .flow-box::after {
    content: '';
    width: 16px;
    height: 16px;
    border: 0;
    border-bottom: solid 3px #888;
    border-right: solid 3px #888;
    transform: rotate(45deg) translate(-50%, 0);
    position: absolute;
    left: 50%;
    bottom: -31px;
}
.post-body.middle .flow-box:last-child::after {
	content: none;
}
.post-body.middle .flow-box dt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.3em;
}
.post-body.middle .flow-box dt span {
	background: #357D54;
	border-radius: 10px;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px 10px;
	font-size: 0.7em;
	color: #fff;
}
.post-body.middle .flow-box dd {
	margin-left: 72px;
}
@media screen and (max-width:767px){
	.post-body.middle .pc-block {
		display: none;
	}
	.post-body.middle .size-s {
		text-align: center;
	}
	.post-body.middle .size-s img {
		max-width: 80%;
		height: auto;
	}
	.post-body.middle .visual p {
		margin: 45px 0 0;
        text-shadow: none;
        font-size: 1.3em;
        color: #357D54;
        position: relative;
	}
	.post-body.middle .visual + p {
		text-align: left;
		font-size: 1.1em;
	}
	.post-body.middle .localnav li {
		margin: 0 0 20px;
		width: 100%;
	}
	.post-body.middle .localnav li::before {
		left: 20px;
		top: 0;
		transform: translate(0,-50%);
	}
	.post-body.middle .localnav li a {
		text-align: left;
	}
	.post-body.middle .style dl {
		margin: 20px 0;
	}
	.post-body.middle .style dl + dl {
		padding: 20px 0 0;
	}
	.post-body.middle .style dt {
		width: 120px;
		padding: 10px;
		box-sizing: border-box;
		font-size: 18px;
	}
	.post-body.middle .style dd {
		width: calc(100% - 100px);
		padding: 10px 0 10px 20px;
	}
	.post-body.middle ol.flex li {
		width: 100%;
		margin: 0 0 20px;
		padding: 20px;
	}
	.post-body.middle ol.flex li span {
		font-size: 17px;
	}
	.post-body.middle .oleco {
		align-items: flex-start;
		margin: 10px 0 0;
		padding: 20px;
	}
	.post-body.middle .oleco .img {
		width: 32%;
	}
	.post-body.middle .oleco dl {
		width: 63%;
	}
	.post-body.middle .oleco dt span {
		margin: 0 0 5px;
		font-size: 24px;
	}
	.post-body.middle .oleco dd {
		margin: 10px 0 0;
		font-size: 13px;
	}
	.post-body.middle .oleco .more {
		width: 100%;
		margin: 10px 0 0;
	}
	.post-body.middle .oleco .more a {
		margin: 0 0 0 auto;
	}
}
@media screen and (max-width:480px) {
	.post-body.middle .style dl + dl {
		border: 0;
		padding: 0;
	}
	.post-body.middle .style dt {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	.post-body.middle .style dd {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	.post-body.middle .oleco .img,
	.post-body.middle .oleco dl {
		width: 100%;
	}
	.post-body.middle .oleco dt {
		margin: 10px 0 0;
		text-align: center;
	}
	.post-body.middle .oleco .more a {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.post-body.middle .flow-box dt span {
		display: block;
		width: fit-content;
		margin: 0 0 5px;
		padding: 3px 10px;
	}
	.post-body.middle .flow-box dd {
		margin-left: 0;
	}
}
/* high
------------------------------------------------*/
.page-high #post .page-title {
	background: #dff2ff;
	color: #0085ab;
}
.post-body.high p {
	margin-bottom: 1.5em;
	font-size: 1.05em;
}
.post-body.high p strong {
	background: linear-gradient(transparent 30%, #ffe8ae 30%);
    margin: 0 0.2em;
}
.post-body.high .round img {
	border-radius: 15px;
}
.post-body.high .wp-block-button__link {
	color: #fff;
}
.post-body.high .wp-block-button__link:hover {
	opacity: 0.8;
}
.post-body.high h2 {
	text-align: center;
	margin: 3em 0 1.5em;
	padding: 0 0 0.7em;
	color: #333;
	position: relative;
}
.post-body.high h2::after {
	content: "";
	display: block;
	background: #0085ab;
	border-radius: 10px;
	width: 80px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}
.post-body.high h2 span {
	display: block;
	letter-spacing: 0.1em;
	margin-bottom: 0.2em;
	font-size: 0.8em;
	color: #0085ab;
}
.post-body.high h3 {
	border-bottom: solid 2px #bddee7;
	padding: 0 0 0.3em;
	vertical-align: middle;
}
.post-body.high h3::before {
    content: "";
    display: inline-block;
    background: #EEF8ED;
    border: solid 5px #0085ab;
    border-radius: 50%;
    box-sizing: border-box;
    width: 0.7em;
    height: 0.7em;
    margin: 0 0.3em 0 0;
}
.post-body.high .disc li {
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
}
.post-body.high .disc li::before {
	content: "●";
	font-size: 0.7em;
	color: #a1c194;
	position: absolute;
	top: 0.2em;
	left: 0;
}
.post-body.high .visual {
	position: relative;
}
.post-body.high .visual p {
	margin: 0;
	text-shadow: 0 0 10px #000;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 25px;
	transform: translate(-50%,0);
}
.post-body.high .visual + p {
	text-align: center;
	font-size: 1.1em;
}
.post-body.high .localnav ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.post-body.high .localnav li {
	width: 32%;
	position: relative;
}
.post-body.high .localnav li::before {
	content: "1";
	background: #0085ab;
	border-radius: 50%;
	border: solid 3px #fff;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate( -50%,-50%);
}
.post-body.high .localnav li:nth-child(2):before {
	content: "2";
}
.post-body.high .localnav li:nth-child(3):before {
	content: "3";
}
.post-body.high .localnav li a {
	display: block;
	border: solid 2px #0085ab;
	border-radius: 15px;
	padding: 25px 20px 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
}
.post-body.high .localnav li a:hover {
	background: #f0f9ff;
}
.post-body.high .localnav li a::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #0085ab;
	line-height: 1;
	width: 12px;
	height: 12px;
	border: 2px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%,-25%) rotate(135deg);
}
.post-body.high .localnav li a span {
	display: block;
	color: #0085ab;
}
.post-body.high .style dl {
	display: table;
	width: 100%;
	margin: 30px 0;
}
.post-body.high .style dl + dl {
	border-top: 1px solid #ccc;
	padding: 30px 0 0;
}
.post-body.high .style dt {
	display: table-cell;
  vertical-align: middle;
	width: 175px;
	background: #bddee7;
	border-radius: 20px;
	padding: 10px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #0085ab;
}
.post-body.high .style dd {
	display: table-cell;
	width: calc(100% - 175px);
	margin: 0;
	padding: 10px 0 10px 30px;
	box-sizing: border-box;
	vertical-align: middle;
}
.post-body.high .wrap_box {
	overflow: hidden;
	position: relative;
	height: 0;
	margin-bottom: 40px;
	padding-bottom: 56.25%;
}
.post-body.high .wrap_box iframe,
.post-body.high .wrap_box object,
.post-body.high .wrap_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-body.high ol.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.high ol.flex li {
	border: 3px solid #0085ab;
	border-radius: 20px;
	width: 48%;
	margin: 0 0 30px;
	padding: 25px 29px;
	box-sizing: border-box;
}
.post-body.high ol.flex li:last-child {
	width: 100%;
	margin: 0;
}
.post-body.high ol.flex li span {
	display: block;
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
	color: #0085ab;
}
.post-body.high .results {
	background: #f0f9ff;
	padding: 30px;
	text-align: center;
}
.post-body.high .results h3::before {
	content: none;
}
.post-body.high .flow-box {
	border: solid 2px #0085ab;
	border-radius: 15px;
	margin: 0 0 40px;
	padding: 20px 30px;
	position: relative;
}
.post-body.high .flow-box::after {
    content: '';
    width: 16px;
    height: 16px;
    border: 0;
    border-bottom: solid 3px #888;
    border-right: solid 3px #888;
    transform: rotate(45deg) translate(-50%, 0);
    position: absolute;
    left: 50%;
    bottom: -31px;
}
.post-body.high .flow-box:last-child::after {
	content: none;
}
.post-body.high .flow-box dt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.3em;
}
.post-body.high .flow-box dt span {
	background: #0085ab;
	border-radius: 10px;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px 10px;
	font-size: 0.7em;
	color: #fff;
}
.page-high .flow-box dd {
	margin-left: 72px;
}
.page-high .contact-box {
	background: #EEF8ED !important;
	border-color: #357D54 !important;
}
.page-high .contact-box h2 span,
.page-high .contact-box dl {
	color: #357D54 !important;
}
.page-high.contact-box h2::after,
.page-high .contact-box .more a {
	background: #357D54 !important;
}
@media screen and (max-width:767px){
	.post-body.high .pc-block {
		display: none;
	}
	.post-body.high .size-s {
		text-align: center;
	}
	.post-body.high .size-s img {
		max-width: 80%;
		height: auto;
	}
	.post-body.high .visual p {
		margin: 45px 0 0;
        text-shadow: none;
        font-size: 1.3em;
        color: #0085ab;
        position: relative;
	}
	.post-body.high .visual + p {
		text-align: left;
		font-size: 1.1em;
	}
	.post-body.high .localnav li {
		margin: 0 0 20px;
		width: 100%;
	}
	.post-body.high .localnav li::before {
		left: 20px;
		top: 0;
		transform: translate(0,-50%);
	}
	.post-body.high .localnav li a {
		text-align: left;
	}
	.post-body.high .style dl {
		margin: 20px 0;
	}
	.post-body.high .style dl + dl {
		padding: 20px 0 0;
	}
	.post-body.high .style dt {
		width: 120px;
		padding: 10px;
		box-sizing: border-box;
		font-size: 18px;
	}
	.post-body.high .style dd {
		width: calc(100% - 100px);
		padding: 10px 0 10px 20px;
	}
	.post-body.high ol.flex li {
		width: 100%;
		margin: 0 0 20px;
		padding: 20px;
	}
	.post-body.high ol.flex li span {
		font-size: 17px;
	}
	.post-body.high .oleco {
		align-items: flex-start;
		margin: 10px 0 0;
		padding: 20px;
	}
	.post-body.high .oleco .img {
		width: 32%;
	}
	.post-body.high .oleco dl {
		width: 63%;
	}
	.post-body.high .oleco dt span {
		margin: 0 0 5px;
		font-size: 24px;
	}
	.post-body.high .oleco dd {
		margin: 10px 0 0;
		font-size: 13px;
	}
	.post-body.high .oleco .more {
		width: 100%;
		margin: 10px 0 0;
	}
	.post-body.high .oleco .more a {
		margin: 0 0 0 auto;
	}
}
@media screen and (max-width:480px) {
	.post-body.high .style dl + dl {
		border: 0;
		padding: 0;
	}
	.post-body.high .style dt {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	.post-body.high .style dd {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	.post-body.high .oleco .img,
	.post-body.high .oleco dl {
		width: 100%;
	}
	.post-body.high .oleco dt {
		margin: 10px 0 0;
		text-align: center;
	}
	.post-body.high .oleco .more a {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.post-body.high .flow-box dt span {
		display: block;
		width: fit-content;
		margin: 0 0 5px;
		padding: 3px 10px;
	}
	.post-body.high .flow-box dd {
		margin-left: 0;
	}
}
/* pygmalion
------------------------------------------------*/
.post-body.pygmalion .wp-block-image .aligncenter {
	margin: 2em auto;
}
.post-body.pygmalion .res_box {
	margin-bottom: 40px;
}
.post-body.pygmalion .link_btn a {
	display: block;
	background: #357D54;
	width: 500px;
	margin: 20px auto 50px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.post-body.pygmalion .link_btn a:after {
	content: "▶";
	margin: 0 0 0 10px;
	font-size: 14px;
}
.post-body.pygmalion .link_btn a:hover {
	background: #01a751;
}
.post-body.pygmalion h3.point {
	border-top: 1px solid #ddd;
	margin: 30px 0 0;
	padding: 30px 0 0;
}
.post-body.pygmalion h3.point.no1 {
	border: 0;
	padding: 0;
}
.post-body.pygmalion h3.point.no5 + p {
	border-bottom: 1px solid #ddd;
	margin-bottom: 50px;
	padding: 0 0 30px;
}
.post-body.pygmalion h3.point:before {
	display: block;
	float: left;
	background: #fba3ba;
	border-radius: 10px;
	margin: 0 20px 0 0;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.post-body.pygmalion h3.no1:before {
	content: "Point 1";
}
.post-body.pygmalion h3.no2:before {
	content: "Point 2";
}
.post-body.pygmalion h3.no3:before {
	content: "Point 3";
}
.post-body.pygmalion h3.no4:before {
	content: "Point 4";
}
.post-body.pygmalion h3.no5:before {
	content: "Point 5";
}
.post-body.pygmalion .noborder table {
	border: 0;
}
.post-body.pygmalion .noborder tr {
	position: relative;
}
.post-body.pygmalion .noborder tr:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 7px;
	left: 100px;
	width: 10px;
	height: 10px;
	border-left: solid 2px #ccc;
	border-top: solid 2px #ccc;
	transform: rotate(-135deg);
}
.post-body.pygmalion .noborder tr:last-child:before {
	border-color: #fff;
}
.post-body.pygmalion .noborder td {
	border: 0;
	padding: 0 0 20px;
	text-align: left;
}
.post-body.pygmalion .noborder td:first-child {
	width: 223px;
	padding-right: 10px;
}
@media screen and (max-width:994px){
	.post-body.pygmalion .res_box + p,
	.post-body.pygmalion p.txt {
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width:639px){
	.post-body.pygmalion .link_btn a {
		width: 100%;
		box-sizing: border-box;
	}
	.post-body.pygmalion h3.point {
		margin: 20px 0 10px;
		padding: 20px 0 0;
	}
	.post-body.pygmalion h3.point.no5 + p {
		padding: 0 0 20px;
	}
	.post-body.pygmalion h3.point:before {
		display: block;
		float: none;
		width: 80px;
		margin: 0 0 5px;
		padding: 5px;
		font-size: 12px;
	}
	.post-body.pygmalion .noborder tr:before {
		left: 50%;
		transform: translate(-50%, 0) rotate(-135deg);
	}
	.post-body.pygmalion .noborder td {
		display: block;
		width: 100%;
	}
	.post-body.pygmalion .noborder td:first-child {
		width: 100%;
		padding: 0 0 10px;
		text-align: center;
	}
}
/* tutorial
------------------------------------------------*/
.post-body.tutorial ul.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.tutorial ul.flex li {
	width: 48.5%;
	border: 2px solid #ddd;
	border-radius: 5px;
	margin: 0 0 20px;
	padding: 20px;
	box-sizing: border-box;
}
.post-body.tutorial ul.flex li:nth-child(1) {
	border-color: #c6dcb0;
}
.post-body.tutorial ul.flex li:nth-child(2) {
	border-color: #f6dbac;
}
.post-body.tutorial ul.flex li:nth-child(3) {
	border-color: #a5c2e4;
}
.post-body.tutorial ul.flex li:nth-child(4) {
	border-color: #f2bdc3;
}
.post-body.tutorial ul.flex li:last-child {
	border: 0;
	padding: 0;
}
@media screen and (max-width:639px){
	.post-body.tutorial ul.flex li {
		width: 100%;
	}
}
/* sansu
------------------------------------------------*/
.post-body.sansu h3 {
	background: #dcf1da;
	border-radius: 10px;
	padding: 10px;
	font-size: 16px;
	color: #357D54;
}
.post-body.sansu .wp-container-16 h3 {
	text-align: center;
}
.post-body.sansu .wp-container-16 p {
	text-align: center;
	color: #357D54;
}
.post-body.sansu .wp-container-16 ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
.post-body.sansu .wp-container-16 ul li {
	margin: 0 0 10px;
}
.post-body.sansu .wp-container-16 ul li strong {
	color: #555;
}
.post-body.sansu table.noborder {
	border: 0;
	border-collapse: separate;
	border-spacing: 20px;
	margin: 0 -40px;
	width: calc(100% + 60px);
}
.post-body.sansu .noborder tr {
	position: relative;
}
.post-body.sansu .noborder tr:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -12px;
	left: 100px;
	width: 10px;
	height: 10px;
	border-left: solid 2px #ccc;
	border-top: solid 2px #ccc;
	transform: rotate(-135deg);
}
.post-body.sansu .noborder tr:last-child:before {
	border-color: #fff;
}
.post-body.sansu .noborder th {
	width: 140px;
	border: 0;
	border-radius: 10px;
	padding: 15px;
	font-weight: bold;
	color: #fff;
}
.post-body.sansu .noborder th.no1 {
	background: #9ccc88;
}
.post-body.sansu .noborder th.no2 {
	background: #829fd4;
}
.post-body.sansu .noborder th.no3 {
	background: #ffb2bc;
}
.post-body.sansu .noborder th.no4 {
	background: #ffd668;
}
.post-body.sansu .noborder td {
	border: 0;
	text-align: left;
}
.post-body.sansu .noborder td:first-child {
	width: 223px;
	padding-right: 10px;
}
@media screen and (max-width:639px){
	.post-body.sansu .wp-container-16 h3 {
		font-size: 15px;
	}
	.post-body.sansu .noborder tr:before {
		left: 70px;
	}
	.post-body.sansu .noborder th {
		width: 80px;
	}
}
/* kokugo
------------------------------------------------*/
.post-body.kokugo h3 {
	margin-top: 40px;
}
.post-body.kokugo .wp-block-column h2 {
	margin-top: 10px;
}
/* smallclass
------------------------------------------------*/
.post-body.smallclass h3 {
	position: relative;
	border: 0;
}
.post-body.smallclass h3:before {
	content: "";
	position: absolute;
	top: -5px;
	left: -10px;
	z-index: -1;
	display: block;
	background: #f7d8db;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.post-body.smallclass .wp-container-core-columns-is-layout-8 h3:before {
	content: none;
}
.post-body.smallclass div.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.smallclass div.flex dl {
	width: 48.5%;
	border-radius: 10px;
	margin: 0 0 20px;
	padding: 20px;
	box-sizing: border-box;
}
.post-body.smallclass div.flex dl.ja {
	background: #f7d8db;
}
.post-body.smallclass div.flex dl.math {
	background: #c9daef;
}
.post-body.smallclass div.flex dl.social {
	background: #d0e2bf;
}
.post-body.smallclass div.flex dl.science {
	background: #faeace;
}
.post-body.smallclass div.flex dl.eng {
	background: #ffff99;
}
.post-body.smallclass div.flex dt {
	text-align: center;
	font-size: 18px;
}
.post-body.smallclass div.flex dt strong {
	display: block;
	font-size: 30px;
}
.post-body.smallclass div.flex dd {
	margin: 5px 0 0;
}
@media screen and (max-width:639px){
	.post-body.smallclass div.flex dl {
		width: 100%;
	}
	.post-body.smallclass div.flex dt {
		font-size: 16px;
	}
	.post-body.smallclass div.flex dt strong {
		font-size: 22px;
	}
}
/* reading
------------------------------------------------*/
.post-body.reading p.btn-contact {
	margin: 30px auto 10px;
}
.post-body.reading ul {
	margin: 0 80px;
}
.post-body.reading li {
	float: left;
	width: 30%;
	margin: 0 5% 5% 0;
	text-align: center;
}
.post-body.reading li:nth-child(3n) {
	margin: 0 0 5%;
}
.post-body.reading li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
.post-body.reading .link_btn a {
	display: block;
	background: #357D54;
	width: 500px;
	margin: 20px auto 50px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.post-body.reading .link_btn a:after {
	content: "▶";
	margin: 0 0 0 10px;
	font-size: 14px;
}
.post-body.reading .link_btn a:hover {
	background: #01a751;
}
@media screen and (max-width:639px){
	.post-body.reading ul {
		margin: 0;
	}
	.post-body.reading .link_btn a {
		width: 100%;
		box-sizing: border-box;
	}
}

/* robots_programming
------------------------------------------------*/
.post-body.robots_programming p + p.lead {
	margin-top: 50px;
}
.post-body.robots_programming p.btn-contact {
	margin: 30px auto 10px;
}
.post-body.robots_programming ul {
	margin: 0 0 30px;
	padding: 0 0 0 1.5em;
	list-style: disc;
}
.post-body.robots_programming ul li {
	margin: 5px 0 0;
}
.post-body.robots_programming ul.merit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
}
.post-body.robots_programming ul.merit:after {
	content: "";
	display: block;
	width: 30%;
}
.post-body.robots_programming ul.merit li {
	width: 30%;
	margin: 0 0 5%;
	text-align: center;
}
.post-body.robots_programming ul.merit li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}

@media screen and (max-width:639px){
	.post-body.robots_programming ul.merit:after,
	.post-body.robots_programming ul.merit li {
		width: 48%;
	}
}
/* middle
------------------------------------------------*/
.post-body.middle h3 {
	font-size: 24px;
}
.post-body.middle h4 {
	background: #EEF8ED;
	border-radius: 5px;
	margin: 0 0 10px;
	padding: 5px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
.post-body.middle .is-layout-flex.box ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
.post-body.middle .is-layout-flex.box ul li {
	margin: 0 0 5px;
}
.post-body.middle .flow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-body.middle .flow > li {
	width: 31.5%;
	border: 2px solid #459667;
	padding: 15px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.5;
}
.post-body.middle .flow li span {
	display: inline-block;
	background: #459667;
	margin: 0 10px 0 0;
	padding: 0 5px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}
.post-body.middle .flow li b {
	color: #459667;
	}
.post-body.middle .flow li ul {
	width: 170px;
	list-style: disc;
	margin: 10px auto 0;
	padding: 0 0 0 1.5em;
}
.post-body.middle .flow li li {
	margin: 5px 0 0;
	text-align: left;
	font-size: 14px;
}
.post-body.middle .flow p {
	margin: 0;
}
@media screen and (max-width:639px){
	.post-body.middle h3 {
		font-size: 20px;
	}
	.post-body.middle .flow > li {
		width: 100%;
		margin: 0 0 10px;
	}
	.post-body.middle .flow li ul {
		width: auto;
	}
}
/* oleco
------------------------------------------------*/
.post-body.oleco img {
	max-width: 100%;
	height: auto;
}
.post-body.oleco .point {
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
}
.post-body.oleco .point .box {
	background: #ebf4eb;
	width: 32.5%;
	padding: 20px;
	box-sizing: border-box;
}
.post-body.oleco h3 {
	border: 0;
}
.post-body.oleco h4 {
	margin: 0 0 10px;
	font-weight: bold;
}
.post-body.oleco .realtime {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 30px;
}
.post-body.oleco .realtime .box {
	width: 48%;
	margin: 2% 0 0;
}
.post-body.oleco .realtime .box h4 {
	padding-left: 40px;
	font-size: 18px;
}
.post-body.oleco .realtime .face {
	background: url(http://www.ability-f.com/wp-content/themes/theme-ability3/img/icon-face.png) no-repeat left center;
	background-size: 30px;
}
.post-body.oleco .realtime .mark {
	background: url(http://www.ability-f.com/wp-content/themes/theme-ability3/img/icon-mark.png) no-repeat left center;
	background-size: 30px;
}
.post-body.oleco .realtime .text {
	background: url(http://www.ability-f.com/wp-content/themes/theme-ability3/img/icon-text.png) no-repeat left center;
	background-size: 30px;
}
.post-body.oleco .realtime .chat {
	background: url(http://www.ability-f.com/wp-content/themes/theme-ability3/img/icon-chat.png) no-repeat left center;
	background-size: 30px;
}

@media screen and (max-width:769px){
	.post-body.oleco li {
		width: 48%;
	}
	.post-body.oleco .point {
		display: block;
	}
	.post-body.oleco .point .box {
		width: 100%;
		margin: 0 0 10px;
	}
	.post-body.oleco .realtime .box {
		width: 100%;
		margin: 0 0 10px;
	}
}
@media screen and (max-width:480px){
	.reading .post-body li {
		width: 100%;
	}
}
/* prior
------------------------------------------------*/
.post-body.prior table th {
	background: #eee;
}
.post-body.prior table td.bg {
	background: #dcf1da;
}
.post-body.prior table + h3 {
	margin-top: 30px;
}
.post-body.prior ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
.post-body.prior ul li {
	margin: 0 0 5px;
}

/* results
------------------------------------------------*/
.post-body.results ul.localnav {
	display: flex;
	justify-content: center;
	margin: 0 auto 50px;
}
.post-body.results ul.localnav li {
	width: 25%;
	margin: 0 0.5%;
	text-align: center;
	font-weight: 700;
}
.post-body.results ul.localnav li a {
	display: block;
	position: relative;
	background: #EEF8ED;
	border: solid 1px #357D54;
	border-radius: 20px;
	padding: 7px 0 13px;
	line-height: 1.4;
	text-decoration: none;
	color: #357D54;
}
.post-body.results ul.localnav li a:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color:  transparent transparent #357D54 #357D54;
	margin: 0 0 0 -3px;
	transform: rotate(-45deg);
}
.post-body.results ul.localnav li a:hover {
	background: #DBF5D8;
	text-decoration: none;
}
.post-body.results h3 {
	background: #EEF8ED;
	padding: 10px;
}
.post-body.results dt {
	border-top: solid 1px #ccc;
	margin: 15px 0 15px 5px;
	padding: 15px 0 0;
	font-weight: bold;
}
.post-body.results dd {
	margin: 0;
}
.post-body.results .table-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.post-body.results .table-flex table {
	width: 48%;
	border-collapse: collapse;
	margin: 0 0 10px;
}
.post-body.results .table-flex table th,
.post-body.results .table-flex table td {
	padding: 10px;
	border-bottom: solid 2px #fff;
}
.post-body.results .table-flex table th {
	background: #dcf1da;
}
.post-body.results ul.school {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	font-size: 0.9em;
}
.post-body.results ul.school li {
	width: 25%;
  margin: 0 0 8px;
  box-sizing: border-box;
}
.post-body.results ul.school.mini li {
	width: 48%;
}
.post-body.results dd ul.school {
	margin: 0 0 10px;
}
.post-body.results dd ul.school li {
	width: 48%;
}
.post-body.results dl + h3 {
	margin-top: 40px;
}
.post-body.results ul.school li::before {
	content: "●";
	margin: 0 3px 0 0;
	vertical-align: middle;
	font-size: 0.1em;
	color: #50b848;
}
@media screen and (max-width:769px){
	.post-body.results ul.localnav li {
		width: 32%;
	}
	.post-body.results ul.localnav li a {
		font-size: 13px;
	}
	.post-body.results .table-flex table {
		width: 100%;
	}
	.post-body.results ul.school li {
		width: 33%;
	}
}
@media screen and (max-width:480px){
	.post-body.results ul.school li {
		width: 48%;
	}
}

/* staff
------------------------------------------------*/
.post-body.staff {
}
.post-body.staff dt {
	margin: 0 0 20px;
	font-size: 30px;
	font-weight: 700;
	color: #357D54;
}
.post-body.staff dd {
	margin: 0 0 15px;
}
.post-body.staff dd.name {
	font-size: 20px;
	margin: 0 0 5px;
}
.post-body.staff .have-img {
	min-height: 270px;
	margin: 0 0 15px;
}
.post-body.staff .have-img dd {
	position: relative;
	padding: 0 0 0 220px;
}
.post-body.staff .have-img dd img {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:994px){
	.post-body.staff {
		margin: 0;
	}
}
@media screen and (max-width:480px){
	.post-body.staff .have-img dd {
		padding: 0;
	}
	.post-body.staff .have-img dd img {
		position: initial;
		display: block;
		margin: 0 auto 10px;
	}
}

/* contact
------------------------------------------------*/
.post-body.contact,
.post-body.contact_error,
.post-body.contact_confirmation {
	margin: 0 120px;
}
.post-body.contact h3 {
	clear: both;
}
.post-body.contact .btn {
	clear: both;
	margin: 35px 0;
	text-align: center;
}
.post-body.contact .btn a {
	background: #357D54;
	border-radius: 10px;
	padding: 15px 50px;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}
.post-body.contact .btn a:hover {
	background: #66c45e;
}
.post-body.contact dt,
.post-body.contact_error dt,
.post-body.contact_confirmation dt {
	float: left;
	width: 8em;
	margin: 4px 0 10px;
}
.post-body.contact dd,
.post-body.contact_error dd,
.post-body.contact_confirmation dd {
	zoom: 1;
	margin: 0 0 10px 9em;
}
.post-body.contact dd:after,
.post-body.contact_error dd:after,
.post-body.contact_confirmation dd:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.post-body.contact input,
.post-body.contact textarea,
.post-body.contact_error input,
.post-body.contact_error textarea,
.post-body.contact_confirmation input,
.post-body.contact_confirmation textarea {
	margin: 2px;
	padding: 2px 5px;
	box-sizing: border-box;
	font-size: 16px;
}
.post-body.contact select,
.post-body.contact_error select,
.post-body.contact_confirmation select {
	margin: 2px;
	padding: 2px 5px;
	font-size: 16px;
}
.post-body.contact span.sex,
.post-body.contact_error span.sex,
.post-body.contact_confirmation span.sex {
	display: block;
	padding: 4px 0
}

.post-body.contact span.horizontal-item label,
.post-body.contact_error span.horizontal-item label,
.post-body.contact_confirmation span.horizontal-item label {
	display: block;
	float: left;
	width: 230px;
}
.post-body.contact span.request span.wpcf7-list-item,
.post-body.contact_error span.request span.wpcf7-list-item,
.post-body.contact_confirmation span.request span.wpcf7-list-item {
	margin: 0;
}
#name1,
#kana,
#name2 { width: 60%; }
#school,
#address,
#mail { width: 90%; }
#zip { width: 8em; }
#tel { width: 40%; }
#comment { width: 90%; height: 120px; }
.post-body.contact .info dt {
	float: none;
	width: auto;
	font-size: 18px;
}
.post-body.contact .info dd {
	margin: 0 0 20px;
}
.post-body.contact .info dl img {
	margin: 0 0 15px;
}
.post-body.contact .contact_btn,
.post-body.contact_error .contact_btn,
.post-body.contact_confirmation .contact_btn {
	margin: 30px 0 0;
	text-align: center;
}
.post-body.contact .contact_btn input,
.post-body.contact_error .contact_btn input,
.post-body.contact_confirmation .contact_btn input {
	width: 13em;
	padding: 5px;
}

@media screen and (max-width:994px){
	.post-body.contact,
	.post-body.contact_error,
	.post-body.contact_confirmation {
		margin: 0;
	}
}
@media screen and (max-width:639px){
	.post-body.contact .btn a {
		display: block;
		width: 80%;
		margin: 0 auto;
		padding: 15px 0;
	}
	.post-body.contact dt,
	.post-body.contact_error dt,
	.post-body.contact_confirmation dt {
		float: none;
		width: auto;
		margin: 0 0 5px;
	}
	.post-body.contact dd,
	.post-body.contact_error dd,
	.post-body.contact_confirmation dd {
		margin: 0 0 15px;
	}
	#name1,
	#kana,
	#name2,
	#school,
	#address,
	#mail,
	#tel,
	#comment { width: 100%; }
}
@media screen and (max-width:480px){
	.post-body.contact .btn a {
		width: 100%;
	}
}

/* recruit
------------------------------------------------*/
.post-body.recruit h2,
.post-body.recruit h3 {
	margin: 40px 50px 10px;
}
.post-body.recruit dl {
	margin: 0 50px;
}
.post-body.recruit dt {
	float: left;
	width: 8em;
	margin: 10px 0;
}
.post-body.recruit dd {
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 10px 0 10px 8.5em;
}

@media screen and (max-width:994px){
	.post-body.recruit h2,
	.post-body.recruit h3 {
		margin: 40px 0 10px;
	}
	.post-body.recruit dl {
		margin: 0;
	}
	.post-body.recruit .block-pc {
		display: block;
	}
}
@media screen and (max-width:480px){
	.post-body.recruit dt {
		float: none;
		width: 100%;
		margin: 5px 0 0;
		font-weight: bold;
	}
	.post-body.recruit dd {
		border: 0;
		margin: 0 0 20px 1em;
		padding: 0;
	}
	.post-body.recruit .block-pc {
		display: inline;
	}
}

/* panorama
------------------------------------------------*/
.post-body.panorama .box {
	display: table;
	width: 100%;
	margin: 0 0 40px;
}
.post-body.panorama .box p {
	display: table-cell;
	width: 280px;
}
.post-body.panorama .box img {
	display: block;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 0 10px #ccc;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
.post-body.panorama .box a:hover img {
	opacity: 0.8;
}
.post-body.panorama .box div {
	display: table-cell;
	vertical-align: middle;
}
.post-body.panorama .box div h3 {
	border: 0;
	font-size: 20px;
	color: #222;
}
.post-body.panorama .box div p {
	display: initial;
	width: auto;
}
.post-body.panorama .box div a {
	display: block;
	background: #357D54;
	width: 200px;
	margin: 20px auto 0;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.post-body.panorama .box div a:after {
	content: "▶";
	margin: 0 0 0 10px;
	font-size: 16px;
}
.post-body.panorama .box div a:hover {
	background: #01a751;
}
.post-body.room-a .list ul,
.post-body.room-b .list ul,
.post-body.room-c .list ul,
.post-body.room-d .list ul,
.post-body.room-e .list ul,
.post-body.room-f .list ul,
.post-body.room-g .list ul,
.post-body.room-h .list ul,
.post-body.room-i .list ul,
.post-body.room-j .list ul {
	margin: 0 0 40px;
}
.post-body.room-a .list ul:after,
.post-body.room-b .list ul:after,
.post-body.room-c .list ul:after,
.post-body.room-d .list ul:after,
.post-body.room-e .list ul:after,
.post-body.room-f .list ul:after,
.post-body.room-g .list ul:after,
.post-body.room-h .list ul:after,
.post-body.room-i .list ul:after,
.post-body.room-j .list ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.post-body.room-a .list ul li,
.post-body.room-b .list ul li,
.post-body.room-c .list ul li,
.post-body.room-d .list ul li,
.post-body.room-e .list ul li,
.post-body.room-f .list ul li,
.post-body.room-g .list ul li,
.post-body.room-h .list ul li,
.post-body.room-i .list ul li,
.post-body.room-j .list ul li {
	float: left;
	width: 222px;
	margin: 0 30px 30px 0;
}
.post-body.room-a .list ul li:nth-child(4n),
.post-body.room-b .list ul li:nth-child(4n),
.post-body.room-c .list ul li:nth-child(4n),
.post-body.room-d .list ul li:nth-child(4n),
.post-body.room-e .list ul li:nth-child(4n),
.post-body.room-f .list ul li:nth-child(4n),
.post-body.room-g .list ul li:nth-child(4n),
.post-body.room-h .list ul li:nth-child(4n),
.post-body.room-i .list ul li:nth-child(4n),
.post-body.room-j .list ul li:nth-child(4n) {
	margin: 0 0 30px;
}
.post-body.room-a .list ul li a,
.post-body.room-b .list ul li a,
.post-body.room-c .list ul li a,
.post-body.room-d .list ul li a,
.post-body.room-e .list ul li a,
.post-body.room-f .list ul li a,
.post-body.room-g .list ul li a,
.post-body.room-h .list ul li a,
.post-body.room-i .list ul li a,
.post-body.room-j .list ul li a {
	text-decoration: none;
	font-size: 20px;
	color: #222;
}
.post-body.room-a .list ul li a span,
.post-body.room-b .list ul li a span,
.post-body.room-c .list ul li a span,
.post-body.room-d .list ul li a span,
.post-body.room-e .list ul li a span,
.post-body.room-f .list ul li a span,
.post-body.room-g .list ul li a span,
.post-body.room-h .list ul li a span,
.post-body.room-i .list ul li a span,
.post-body.room-j .list ul li a span {
	display: block;
}
.post-body.room-a .list ul li img,
.post-body.room-b .list ul li img,
.post-body.room-c .list ul li img,
.post-body.room-d .list ul li img,
.post-body.room-e .list ul li img,
.post-body.room-f .list ul li img,
.post-body.room-g .list ul li img,
.post-body.room-h .list ul li img,
.post-body.room-i .list ul li img,
.post-body.room-j .list ul li img {
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 0 10px #ccc;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 0 0 10px;
}
.post-body.room-a,
.post-body.room-b,
.post-body.room-c,
.post-body.room-d,
.post-body.room-e,
.post-body.room-f,
.post-body.room-g,
.post-body.room-h,
.post-body.room-i,
.post-body.room-j {
	text-align: center;
}
.post-body.room-a h2,
.post-body.room-b h2,
.post-body.room-c h2,
.post-body.room-d h2,
.post-body.room-e h2,
.post-body.room-f h2,
.post-body.room-g h2,
.post-body.room-h h2,
.post-body.room-i h2,
.post-body.room-j h2 {
	background: none;
	border: 0;
	margin: 50px 0 10px;
	padding: 0;
	font-size: 30px;
}
.post-body.room-a h3,
.post-body.room-b h3,
.post-body.room-c h3,
.post-body.room-d h3,
.post-body.room-e h3,
.post-body.room-f h3,
.post-body.room-g h3,
.post-body.room-h h3,
.post-body.room-i h3,
.post-body.room-j h3 {
	text-align: left;
}
.post-body.room-a .list,
.post-body.room-b .list,
.post-body.room-c .list,
.post-body.room-d .list,
.post-body.room-e .list,
.post-body.room-f .list,
.post-body.room-g .list,
.post-body.room-h .list,
.post-body.room-i .list,
.post-body.room-j .list {
	margin: 50px 0 0;
}

@media screen and (max-width:994px){
	.post-body.room-a .list ul li,
	.post-body.room-b .list ul li,
	.post-body.room-c .list ul li,
	.post-body.room-d .list ul li,
	.post-body.room-e .list ul li,
	.post-body.room-f .list ul li,
	.post-body.room-g .list ul li,
	.post-body.room-h .list ul li,
	.post-body.room-i .list ul li,
	.post-body.room-j .list ul li {
		width: 23%;
		margin: 0 2% 30px 0;
	}
	.post-body.room-a .list ul li a,
	.post-body.room-b .list ul li a,
	.post-body.room-c .list ul li a,
	.post-body.room-d .list ul li a,
	.post-body.room-e .list ul li a,
	.post-body.room-f .list ul li a,
	.post-body.room-g .list ul li a,
	.post-body.room-h .list ul li a,
	.post-body.room-i .list ul li a,
	.post-body.room-j .list ul li a {
		font-size: 16px;
	}
	.post-body.room-a .list ul li a span,
	.post-body.room-b .list ul li a span,
	.post-body.room-c .list ul li a span,
	.post-body.room-d .list ul li a span,
	.post-body.room-e .list ul li a span,
	.post-body.room-f .list ul li a span,
	.post-body.room-g .list ul li a span,
	.post-body.room-h .list ul li a span,
	.post-body.room-i .list ul li a span,
	.post-body.room-j .list ul li a span {
		display: inline;
	}
}
@media screen and (max-width:639px){
	.post-body.panorama .box div a {
		width: 100%;
	}
	.post-body.room-a .list ul li,
	.post-body.room-b .list ul li,
	.post-body.room-c .list ul li,
	.post-body.room-d .list ul li,
	.post-body.room-e .list ul li,
	.post-body.room-f .list ul li,
	.post-body.room-g .list ul li,
	.post-body.room-h .list ul li,
	.post-body.room-i .list ul li,
	.post-body.room-j .list ul li,
	.post-body.room-a .list ul li:nth-child(4n),
	.post-body.room-b .list ul li:nth-child(4n),
	.post-body.room-c .list ul li:nth-child(4n),
	.post-body.room-d .list ul li:nth-child(4n),
	.post-body.room-e .list ul li:nth-child(4n),
	.post-body.room-f .list ul li:nth-child(4n),
	.post-body.room-g .list ul li:nth-child(4n),
	.post-body.room-h .list ul li:nth-child(4n),
	.post-body.room-i .list ul li:nth-child(4n),
	.post-body.room-j .list ul li:nth-child(4n) {
		width: 32%;
		margin: 0 2% 20px 0;
	}
	.post-body.room-a .list ul li:nth-child(3n),
	.post-body.room-b .list ul li:nth-child(3n),
	.post-body.room-c .list ul li:nth-child(3n),
	.post-body.room-d .list ul li:nth-child(3n),
	.post-body.room-e .list ul li:nth-child(3n),
	.post-body.room-f .list ul li:nth-child(3n),
	.post-body.room-g .list ul li:nth-child(3n),
	.post-body.room-h .list ul li:nth-child(3n),
	.post-body.room-i .list ul li:nth-child(3n),
	.post-body.room-j .list ul li:nth-child(3n) {
		margin: 0 0 20px;
	}
	.post-body.room-a .list ul li a,
	.post-body.room-b .list ul li a,
	.post-body.room-c .list ul li a,
	.post-body.room-d .list ul li a,
	.post-body.room-e .list ul li a,
	.post-body.room-f .list ul li a,
	.post-body.room-g .list ul li a,
	.post-body.room-h .list ul li a,
	.post-body.room-i .list ul li a,
	.post-body.room-j .list ul li a {
		font-size: 14px;
	}
}
@media screen and (max-width:480px){
	.post-body.panorama .box p {
		display: block;
		width: 100%;
	}
	.post-body.panorama .box div {
		display: block;
	}
	.post-body.panorama .box img {
		margin: 0 auto;
	}
	.post-body.room-a .list ul li,
	.post-body.room-b .list ul li,
	.post-body.room-c .list ul li,
	.post-body.room-d .list ul li,
	.post-body.room-e .list ul li,
	.post-body.room-f .list ul li,
	.post-body.room-g .list ul li,
	.post-body.room-h .list ul li,
	.post-body.room-i .list ul li,
	.post-body.room-j .list ul li,
	.post-body.room-a .list ul li:nth-child(3n),
	.post-body.room-b .list ul li:nth-child(3n),
	.post-body.room-c .list ul li:nth-child(3n),
	.post-body.room-d .list ul li:nth-child(3n),
	.post-body.room-e .list ul li:nth-child(3n),
	.post-body.room-f .list ul li:nth-child(3n),
	.post-body.room-g .list ul li:nth-child(3n),
	.post-body.room-h .list ul li:nth-child(3n),
	.post-body.room-i .list ul li:nth-child(3n),
	.post-body.room-j .list ul li:nth-child(3n),
	.post-body.room-a .list ul li:nth-child(4n),
	.post-body.room-b .list ul li:nth-child(4n),
	.post-body.room-c .list ul li:nth-child(4n),
	.post-body.room-d .list ul li:nth-child(4n),
	.post-body.room-e .list ul li:nth-child(4n),
	.post-body.room-f .list ul li:nth-child(4n),
	.post-body.room-g .list ul li:nth-child(4n),
	.post-body.room-h .list ul li:nth-child(4n),
	.post-body.room-i .list ul li:nth-child(4n),
	.post-body.room-j .list ul li:nth-child(4n) {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	.post-body.room-a .list ul li:nth-child(2n),
	.post-body.room-b .list ul li:nth-child(2n),
	.post-body.room-c .list ul li:nth-child(2n),
	.post-body.room-d .list ul li:nth-child(2n),
	.post-body.room-e .list ul li:nth-child(2n),
	.post-body.room-f .list ul li:nth-child(2n),
	.post-body.room-g .list ul li:nth-child(2n),
	.post-body.room-h .list ul li:nth-child(2n),
	.post-body.room-i .list ul li:nth-child(2n),
	.post-body.room-j .list ul li:nth-child(2n) {
		margin: 0 0 20px;
	}
}
@media screen and (max-width:400px){
	.post-body.room-a .list ul li,
	.post-body.room-b .list ul li,
	.post-body.room-c .list ul li,
	.post-body.room-d .list ul li,
	.post-body.room-e .list ul li,
	.post-body.room-f .list ul li,
	.post-body.room-g .list ul li,
	.post-body.room-h .list ul li,
	.post-body.room-i .list ul li,
	.post-body.room-j .list ul li,
	.post-body.room-a .list ul li:nth-child(2n),
	.post-body.room-b .list ul li:nth-child(2n),
	.post-body.room-c .list ul li:nth-child(2n),
	.post-body.room-d .list ul li:nth-child(2n),
	.post-body.room-e .list ul li:nth-child(2n),
	.post-body.room-f .list ul li:nth-child(2n),
	.post-body.room-g .list ul li:nth-child(2n),
	.post-body.room-h .list ul li:nth-child(2n),
	.post-body.room-i .list ul li:nth-child(2n),
	.post-body.room-j .list ul li:nth-child(2n),
	.post-body.room-a .list ul li:nth-child(3n),
	.post-body.room-b .list ul li:nth-child(3n),
	.post-body.room-c .list ul li:nth-child(3n),
	.post-body.room-d .list ul li:nth-child(3n),
	.post-body.room-e .list ul li:nth-child(3n),
	.post-body.room-f .list ul li:nth-child(3n),
	.post-body.room-g .list ul li:nth-child(3n),
	.post-body.room-h .list ul li:nth-child(3n),
	.post-body.room-i .list ul li:nth-child(3n),
	.post-body.room-j .list ul li:nth-child(3n),
	.post-body.room-a .list ul li:nth-child(4n),
	.post-body.room-b .list ul li:nth-child(4n),
	.post-body.room-c .list ul li:nth-child(4n),
	.post-body.room-d .list ul li:nth-child(4n),
	.post-body.room-e .list ul li:nth-child(4n),
	.post-body.room-f .list ul li:nth-child(4n),
	.post-body.room-g .list ul li:nth-child(4n),
	.post-body.room-h .list ul li:nth-child(4n),
	.post-body.room-i .list ul li:nth-child(4n),
	.post-body.room-j .list ul li:nth-child(4n) {
		float: none;
		width: 90%;
		margin: 0 auto 20px;
	}
	.post-body.room-a .list ul li img,
	.post-body.room-b .list ul li img,
	.post-body.room-c .list ul li img,
	.post-body.room-d .list ul li img,
	.post-body.room-e .list ul li img,
	.post-body.room-f .list ul li img,
	.post-body.room-g .list ul li img,
	.post-body.room-h .list ul li img,
	.post-body.room-i .list ul li img,
	.post-body.room-j .list ul li img {
		display: block;
		margin: 0 auto 5px;
	}
	.post-body.room-a .list ul li a,
	.post-body.room-b .list ul li a,
	.post-body.room-c .list ul li a,
	.post-body.room-d .list ul li a,
	.post-body.room-e .list ul li a,
	.post-body.room-f .list ul li a,
	.post-body.room-g .list ul li a,
	.post-body.room-h .list ul li a,
	.post-body.room-i .list ul li a,
	.post-body.room-j .list ul li a {
		font-size: 16px;
	}
}

/* summer2018,spring2019,winter2019,summer2022
------------------------------------------------*/
.post-body.summer2020 ul li,
.post-body.spring2020 ul li,
.post-body.winter2019 ul li,
.post-body.spring2020 ul li,
.post-body.summer2021 ul li,
.post-body.spring2022 ul li,
.post-body.winter2024 ul li,
.post-body.spring2025 ul li,
.post-body.summer2025 ul li,
.post-body.winter2025 ul li {
    float: left;
    width: 49%;
    margin: 0 2% 2% 0;
}
.post-body.summer2020 ul li:nth-child(2n),
.post-body.spring2020 ul li:nth-child(2n),
.post-body.winter2019 ul li:nth-child(2n),
.post-body.summer2021 ul li:nth-child(2n),
.post-body.spring2022 ul li:nth-child(2n),
.post-body.winter2024 ul li:nth-child(2n),
.post-body.spring2025 ul li:nth-child(2n),
.post-body.summer2025 ul li:nth-child(2n),
.post-body.winter2025 ul li:nth-child(2n) {
    margin-right: 0;
}
.post-body.summer2020 ul li img,
.post-body.spring2020 ul li img,
.post-body.winter2019 ul li img,
.post-body.summer2021 ul li img,
.post-body.spring2022 ul li img,
.post-body.summer2022 ul li img,
.post-body.summer2023 ul li img,
.post-body.winter2024 ul li img,
.post-body.spring2025 ul li img,
.post-body.summer2025 ul li img,
.post-body.winter2025 ul li img {
    width: 100%;
    height: auto;
}
.post-body.summer2025 ul li.junior_high,
.post-body.winter2025 ul li.junior_high {
	position: relative;
}
.post-body.summer2025 ul li.junior_high a,
.post-body.winter2025 ul li.junior_high a {
	display: block;
	background: #000;
}
.post-body.summer2025 ul li.junior_high a:hover,
.post-body.winter2025 ul li.junior_high a:hover {
	background: #666;
	color: #fff;
}
.post-body.summer2025 ul li.junior_high img,
.post-body.winter2025 ul li.junior_high img {
	opacity: 0.6;
}
.post-body.summer2025 ul li.junior_high span,
.post-body.winter2025 ul li.junior_high span {
	display: block;
	width: 100%;
	position: absolute;
	top: 45%;
	left: 0;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.post-body.summer2022 ul.flex,
.post-body.summer2023 ul,
.post-body.summer-session ul,
.post-body.summer-session2 ul,
.post-body.winter-session .flex,
.post-body.spring-session .flex,
.post-body.spring-session_ja-math .flex,
.post-body.spring-session_sc-so .flex,
.post-body.maths-springpack .flex,
.post-body.math-olympiad .flex,
.post-body.junior_high .flex,
.post-body.olympic .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.summer2022 ul.flex li,
.post-body.summer2023 ul li,
.post-body.summer-session ul li,
.post-body.summer-session2 ul li,
.post-body.winter-session .flex .box,
.post-body.spring-session .flex .box,
.post-body.spring-session_ja-math .flex .box,
.post-body.spring-session_sc-so .flex .box,
.post-body.maths-springpack .flex .box,
.post-body.math-olympiad .flex .box,
.post-body.junior_high .flex .box,
.post-body.olympic .flex .box {
   width: 48.5%;
}
.post-body.olympic ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
.post-body.summer2022 ul li,
.post-body.summer2023 ul li,
.post-body.summer-session ul li,
.post-body.summer-session2 ul li,
.post-body.olympic ul li {
	margin-bottom: 2%;
}
.post-body.summer-session ul li img,
.post-body.summer-session2 ul li img,
.post-body.math-olympiad .box img,
.post-body.olympic .box img {
    width: 100%;
    height: auto;
}
.post-body.winter-session h2,
.post-body.spring-session h2,
.post-body.spring-session_ja-math h2,
.post-body.spring-session_sc-so h2,
.post-body.maths-springpack h2,
.post-body.math-olympiad h2,
.post-body.junior_high h2 {
	background: #EEF8ED;
	padding: 20px;
	border-radius: 20px;
}
.post-body.maths-springpack h2 {
	background: #FBDEE3;
	color: #555;
}
.post-body.maths h2 {
	background: #DEF1FB;
	color: #555;
	padding: 20px;
	border-radius: 20px;
}
.post-body.olympic h2 {
	background: #278bdf;
	color: #555;
	padding: 20px;
	border-radius: 20px;
	color: #fff;
}
.post-body.winter-session h3,
.post-body.spring-session h3,
.post-body.spring-session_ja-math h3,
.post-body.spring-session_sc-so h3,
.post-body.maths-springpack h3,
.post-body.math-olympiad h3,
.post-body.junior_high h3 {
	margin: 30px 0 10px;
	font-size: 30px;
    font-weight: 700;
    color: #357D54;
}
.post-body.maths h3 {
	margin: 30px 0 10px;
	font-size: 30px;
    font-weight: 700;
	color: #56B3CD;
}
.post-body.olympic h3,
.post-body.olympic h4 {
	margin: 30px 0 10px;
	font-size: 30px;
    font-weight: 700;
	color: #278bdf;
}
.post-body.olympic h4 {
	font-size: 24px;
}
.post-body.maths p.lead {
	font-size: 26px;
}
.post-body.maths-springpack h3 {
	color: #e17c7c;
}
.post-body.winter-session h4,
.post-body.spring-session_ja-math h4,
.post-body.spring-session_sc-so h4 {
	margin: 0 0 20px;
    font-size: 20px;
    font-weight: 700;
}
.post-body.math-olympiad h4 {
		margin: 10px 0 0;
    font-size: 20px;
    font-weight: 700;
}
.post-body.junior_high h4 {
	margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;

}
.post-body.winter-session table,
.post-body.spring-session_ja-math table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 30px 0 20px;
}
.post-body.spring-session_ja-math table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 5px;
}
.post-body.winter-session th,
.post-body.winter-session td,
.post-body.spring-session_ja-math th,
.post-body.spring-session_ja-math td {
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px 5px;
	box-sizing: border-box;
}
.post-body.winter-session th {
	background: #E4ECDF;
	text-align: center;
	white-space: nowrap;
}
.post-body.spring-session_ja-math th {
	background: #E4ECDF;
	width: 120px;
	text-align: center;
}
.post-body.winter-session ul,
.post-body.spring-session_ja-math ul,
.post-body.spring-session_sc-so ul,
.post-body.math-olympiad ul,
.post-body.junior_high ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
.post-body.winter-session ul li,
.post-body.spring-session_ja-math ul li,
.post-body.spring-session_sc-so ul li,
.post-body.math-olympiad ul li,
.post-body.junior_high ul li {
	margin: 3px 0;
}
.post-body.spring-session .link li {
	margin: 0 0 10px;
}
.post-body.spring-session .link li a {
	display: block;
	background: #ffe3ef;
	border: solid 3px #f4cadc;
	border-radius: 20px;
	padding: 20px 10px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #333;
	position: relative;
}
.post-body.spring-session .link li a::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #d54a85;
	border-right: 1px solid #d54a85;
	position: absolute;
	top:50%;
	right: 20px;
	transform: rotate(45deg) translate(0,-50%);
}
.post-body.spring-session .link li a:hover {
	opacity: 0.8;
}
.post-body.spring-session .link li a span {
	display: block;
	margin: 0 0 5px;
	font-size: 20px;
	font-weight: 700;
	color: #d54a85;
}
.post-body.spring-session .box img {
	display: block;
	margin: 0 auto 10px;
	max-width: 90%;
	height: auto;
}
.post-body.maths .box ul.flex li,
.post-body.maths-springpack ul.flex li {
	width: 50%;
	margin: 3px 0;
}
.post-body.maths .box ol,
.post-body.maths-springpack ol {
	list-style: decimal;
	padding: 0 0 0 1.5em;
}
.post-body.maths .box ol li,
.post-body.maths-springpack ol li {
	margin: 5px 0;
}
@media screen and (max-width:639px){
    .post-body.summer2020 ul li,
    .post-body.spring2020 ul li,
    .post-body.winter2019 ul li,
.post-body.summer2021 ul li,
.post-body.spring2022 ul li,
.post-body.winter2024 ul li,
.post-body.spring2025 ul li,
	.post-body.summer2022 ul.flex li{
        float: none;
        width: 100%;
        margin: 0 0 2% 0;
    }
	.post-body.summer-session ul li,
.post-body.summer-session2 ul li,
.post-body.winter-session .flex .box,
.post-body.spring-session .flex .box,
.post-body.spring-session_ja-math .flex .box,
.post-body.spring-session_sc-so .flex .box,
.post-body.maths-springpack .flex .box,
.post-body.math-olympiad .flex .box,
.post-body.junior_high .flex .box,
.post-body.olympic .flex .box {
		 width: 100%;
	}
    .post-body.summer2020 ul li:nth-child(5),
    .post-body.spring2020 ul li:last-child,
    .post-body.winter2019 ul li:last-child,
.post-body.summer2021 ul li:last-child,
.post-body.spring2022 ul li:last-child,
.post-body.spring2025 ul li:last-child{
        margin: 0;
    }
.post-body.winter-session h3,
.post-body.spring-session h3,
.post-body.spring-session_ja-math h3,
.post-body.spring-session_sc-so h3,
.post-body.maths-springpack h3,
.post-body.math-olympiad h3,
.post-body.junior_high h3,
.post-body.olympic h3 {
	font-size: 22px;
}
.post-body.winter-session h4,
.post-body.spring-session_ja-math h4,
.post-body.spring-session_sc-so h4,
.post-body.math-olympiad h4,
.post-body.junior_high h4,
.post-body.olympic h4 {
	font-size: 17px;
}
	.post-body.maths p.lead {
		font-size: 20px;
	}
.post-body.summer2025 ul li.junior_high span,
.post-body.winter2025 ul li.junior_high span {
	top: 40%;
	font-size: 14px;
	}
}
.post-body.olympic p.more {
	float: none;
}
.post-body.olympic p.more a {
	width: 220px;
	margin: 0 auto;
	font-size: 16px;
	
}

/* maths,maths-winter,maths-spring2020,psyence-lab
------------------------------------------------*/
.post-body.maths table,
.post-body.maths-winter table,
.post-body.maths-spring2020 table,
.post-body.short .scroll table,
.post-body.maths-springpack table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 30px 0 20px;
}
.post-body.maths table th,
.post-body.maths-winter table th,
.post-body.maths-spring2020 table th,
.post-body.short .scroll table th,
.post-body.maths-springpack table th {
	background: #fbfbd7;
	width: -webkit-calc(100% / 7);
	width: calc(100% / 7);
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}
.post-body.short .scroll table th {
	background: #E4ECDF;
}
.post-body.maths table th.sat,
.post-body.maths-winter table th.sat,
.post-body.maths-spring2020 table th.sat,
.post-body.maths-springpack table th.sat {
	background: #d8ecf7;
}
.post-body.maths table th.sun,
.post-body.maths-winter table th.sun,
.post-body.maths-spring2020 table th.sun,
.post-body.maths-springpack table th.sun {
	background: #fbe2ec;
}
.post-body.maths table td,
.post-body.maths-winter table td,
.post-body.maths-spring2020 table td,
.post-body.short .scroll table td,
.post-body.maths-springpack table td {
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
}
.post-body.maths table td span,
.post-body.maths-winter table td span,
.post-body.maths-spring2020 table td span,
.post-body.short .scroll table td span,
.post-body.maths-springpack table td span {
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
}
.post-body.maths dl,
.post-body.maths-winter dl,
.post-body.maths-spring2020 dl {
	margin: 0 0 40px;
}
.post-body.maths dt,
.post-body.maths-winter dt,
.post-body.maths-spring2020 dt {
	float: left;
	width: 4em;
}
.post-body.maths dd,
.post-body.maths-winter dd,
.post-body.maths-spring2020 dd {
	padding: 0 0 0 4em;
}
.post-body.maths h3,
.post-body.maths-winter h3,
.post-body.maths-spring2020 h3 {
	border: 0;
}
.post-body.pygmalion-trial .flex,
.post-body.maths .flex,
.post-body.psyence-lab .flex {
	display: flex;
	justify-content: space-between;
}
.post-body.maths .flex {
	flex-wrap: wrap;
}
.post-body.junior_high_12 .flex,
.post-body.junior_high_3 .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0;
}
.post-body.pygmalion-trial .flex .box,
.post-body.maths .flex .box,
.post-body.psyence-lab .flex .box,
.post-body.junior_high_12 .flex .box,
.post-body.junior_high_3 .flex .box {
	width: 48%;
}
.post-body.junior_high_12 .flex.column3 .box,
.post-body.junior_high_3 .flex.column3 .box {
	width: 31.5%;
}
.post-body.junior_high_12 .flex.column3 .box {
	box-sizing: border-box;
	border: 5px solid #B0DBC3;
	border-radius: 10px;
	padding: 20px 20px 10px;
}
.post-body.psyence-lab .flex .box img,
.post-body.junior_high_12 .flex .box img,
.post-body.junior_high_3 .flex .box img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.post-body.psyence-lab .flex .box ul {
	list-style: disc;
	margin: 10px 0 20px;
	padding: 0 0 0 15px;
}
.post-body.maths .tel {
	display: flex;
	align-items: center;
}
.post-body.maths .tel span + span,
.post-body.maths .tel a {
	font-weight: bold;
	color: #c00;
}
.post-body.maths h2 {
	text-align: center;
}
.post-body.maths p.lead {
	margin-top: 0;
	font-size: 20px;
}
.post-body.maths .width_mini {
	width: 75%;
	margin: 0 auto;
}
.post-body.maths strong.b {
	font-size: 22px;
	font-weight: normal;
}
.post-body.maths .box h3 {
	margin: 10px 0;
}
.post-body.junior_high_12 p strong,
.post-body.junior_high_3 p strong {
	color: #357D54;
}
.post-body.junior_high_12 p img {
	max-width: 100%;
	height: auto;
}
.post-body.junior_high_12 p strong.red {
	color: red;
}
.post-body.junior_high_12 table,
.post-body.junior_high_3 table {
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border: solid 1px #ccc;
    font-size: 15px;
}
.post-body.junior_high_12 table th,
.post-body.junior_high_3 table th {
    text-align: center;
    background: #f4f7f2;
    white-space: nowrap;
    border: solid 1px #ccc;
    padding: 10px;
}
.post-body.junior_high_12 table td,
.post-body.junior_high_3 table td {
    border: solid 1px #ccc;
    padding: 10px;
}
.post-body.junior_high_12 ul {
	margin: 0 0 10px;
	padding: 0 0 0 1.5em;
	list-style: disc;
}
.post-body.junior_high_12 ol {
	list-style: decimal;
	padding: 0 0 0 1.5em;
}
.post-body.junior_high_12 .box li {
	margin: 5px 0;
}
.post-body.junior_high_12 h4 {
	font-weight: bold;
}
.post-body.junior_high_12 p.more {
	float: left;
}
.post-body.junior_high_3 .pickup {
	background: #EEF8ED;
	padding: 20px 20px 5px;
	box-sizing: border-box;
	border-radius: 10px;
	text-align: center;
	font-size: large;
}

@media screen and (max-width:639px){
	.post-body.maths dt,
	.post-body.maths-winter dt,
	.post-body.maths-spring2020 dt {
		float: none;
		width: auto;
	}
	.post-body.maths dd,
	.post-body.maths-winter dd,
	.post-body.maths-spring2020 dd {
		padding: 5px 0 0;
	}
	.post-body.pygmalion-trial .flex,
	.post-body.maths .flex,
.post-body.psyence-lab .flex,
.post-body.junior_high_12 .flex,
.post-body.junior_high_3 .flex {
		display: block;
	}
	.post-body.pygmalion-trial .flex .box,
	.post-body.maths .flex .box,
.post-body.psyence-lab .flex .box,
.post-body.junior_high_12 .flex .box,
.post-body.junior_high_3 .flex .box,
.post-body.junior_high_12 .flex.column3 .box,
	.post-body.junior_high_3 .flex.column3 .box{
		width: 100%;
	}
	.post-body.maths .width_mini {
		width: 100%;
	}
	.post-body.maths h2 {
		text-align: left;
	}
	.post-body.maths .box h3 {
		margin: 20px 0 10px;
	}
	.post-body.maths p.lead {
		font-size: 17px;
	}
	.post-body.maths strong.b {
		font-size: 18px;
	}
}

/* japanese,thinking,
------------------------------------------------*/
.post-body.thinking dl,
.post-body.psyence-lab dl {
	border-bottom: 1px solid #bcbcbc;
    margin-top: 30px;
}
.post-body.japanese dl {
	border-bottom: 1px solid #bcbcbc;
}
.post-body.japanese h2:nth-child(2n),
.post-body.thinking h2 {
	margin-top: 30px;
}
.post-body.japanese dt,
.post-body.thinking dt,
.post-body.psyence-lab dt {
	float: left;
	width: 6em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #bcbcbc;
	clear: both;
	padding: 1em;
}
.post-body.japanese dd,
.post-body.thinking dd,
.post-body.psyence-lab dd {
	margin-left: 7em;
	border-top: 1px solid #bcbcbc;
	padding: 1em;
}
.post-body.japanese h2 {
	margin-bottom: 30px;
}
.post-body.japanese h2 span {
	display: block;
  font-size: 18px;
}
.post-body.japanese h3 {
	border: 0;
	font-size: 24px;
	color: #357D54;
}
.post-body.japanese h3 span {
	display: block;
  font-size: 18px;
	color: #333;
}
.post-body.japanese h4 {
	font-weight: 700;
}
.post-body.japanese .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.japanese .flex +.flex {
	margin: 60px 0 0;
}
.post-body.japanese .flex .box {
	width: 49%;
}
.post-body.japanese .flex .box img {
	max-width: 100%;
	height: auto;
}
.post-body.newyear_guidance p {
	font-size: 18px;
}
.post-body.newyear_guidance h2 {
	font-size: 36px;
	text-align: center;
	color: #53aad8;
}
.post-body.newyear_guidance h3 {
	margin: 30px 0 10px;
	border: 0;
	font-size: 28px;
}
.post-body.newyear_guidance .borderbox {
	background: #d8f1ff;
	border: 3px solid #53aad8;
	border-radius: 15px;
	margin: 30px 0;
	padding: 20px;
	box-sizing: border-box;
}
.post-body.newyear_guidance .centerbox {
	text-align: center;
}
.post-body.newyear_guidance .centerbox ul {
	display: inline-block;
	text-align: left;
}
.post-body.newyear_guidance .resultsbox {
	border-bottom: 1px solid #357D54;
	padding-bottom: 20px;
}
.post-body.newyear_guidance .resultsbox h3 {
	position: relative;
	margin: 50px 0 10px;
	text-align: center;
	color: #357D54;
}
.post-body.newyear_guidance .resultsbox h3:before,
.post-body.newyear_guidance .resultsbox h3:after {
	content: '';
	position: absolute;
}
.post-body.newyear_guidance .resultsbox h3:before {
	top: 50%;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #357D54;
}
.post-body.newyear_guidance .resultsbox h3:after {
	top: 50%;
	left: 50%;
	z-index: -1;
	margin: -15px 0 0 -100px;
	background: #fff;
	width: 200px;
	height: 30px;
}
.post-body.newyear_guidance .resultsbox h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0;
}
.post-body.newyear_guidance .resultsbox .more {
	float: none;
	width: 170px;
	margin: 0 auto;
}
.post-body.newyear_guidance .viewform {
	float: none;
	margin-bottom: 40px;
}
.post-body.newyear_guidance .viewform a {
	background: #FD3B00;
	width: 400px;
	margin: 0 auto;
	padding: 20px 35px 20px 30px;
	font-size: 26px;
	font-weight: bold;
}
.post-body.newyear_guidance .viewform a:hover {
	opacity: 0.8;
}
.post-body.newyear_guidance .wp-block-gallery {
	margin-top: 50px;
}
.post-body.newyear_guidance .large {
	margin: 0 0 10px;
	font-size: 66px;
	color: #FD3B00;
}
.post-body.newyear_guidance ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
.post-body.newyear_guidance ul li {
	margin: 0 0 20px;
	font-size: 26px;
}
.post-body.newyear_guidance ul li b {
	margin: 0 1em 0 0;
}
@media screen and (max-width:639px){
    .post-body.japanese dl,
.post-body.thinking dl,
.post-body.psyence-lab dl {
        border-bottom: 0;
        border-top: 1px solid #bcbcbc;
    }
    .post-body.japanese dt,
.post-body.thinking dt,
.post-body.psyence-lab dt {
        float: none;
        width: auto;
        text-align: left;
        font-weight: bold;
        border-top: 0;
        padding: 1em 1em 0;
    }
    .post-body.japanese dd,
.post-body.thinking dd,
.post-body.psyence-lab dd {
        margin-left: 0;
        border-top: 0;
        border-bottom: 1px solid #bcbcbc;
			padding: 5px 1em 1em;
    }
	.post-body.japanese .flex +.flex {
		margin: 40px 0 0;
	}
	.post-body.japanese .flex .box,
.post-body.newyear_guidance .flex .box {
		width: 100%;
	}
	.post-body.newyear_guidance .viewform a {
		width: 280px;
		padding: 10px 35px 10px 30px;
		font-size: 16px;
	}
	.post-body.newyear_guidance p {
		font-size: 14px;
	}
	.post-body.newyear_guidance h2 {
		font-size: 22px;
	}
	.post-body.newyear_guidance h3 {
		font-size: 20px;
	}
	.post-body.newyear_guidance .resultsbox h4 {
		font-size: 18px;
	}
	.post-body.newyear_guidance ul li b {
		margin: 0;
		display: block;
	}
	.post-body.newyear_guidance .large {
		font-size: 30px;
	}
	.post-body.newyear_guidance ul li {
		margin: 0 0 20px;
		font-size: 18px;
	}
	.post-body.newyear_guidance .resultsbox {
		text-align: left;
	}
	.post-body.newyear_guidance .resultsbox h3:after {
		margin: -15px 0 0 -50px;
		width: 100px;
	}
}

/* japanese-winter2019
------------------------------------------------*/
.post-body.japanese-winter2019 ul + h3 {
    margin-top: 40px;
}
.post-body.japanese-winter2019 ul {
    list-style: disc;
    margin-left: 2em;
}



/* writing,pygmalion2021
------------------------------------------------*/
.post-body.writing .orange {
    font-size: 1.3em;
    text-align: center;
    color: #ff5f08;
    margin-bottom: 20px;
}
.post-body.writing dl,
.post-body.pygmalion2021 dl {
	border-bottom: 1px solid #bcbcbc;
    margin-top: 30px;
}
.post-body.writing dt,
.post-body.pygmalion2021 dt {
	float: left;
	width: 12em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #bcbcbc;
	clear: both;
	padding: 1em;
}
.post-body.writing dd,
.post-body.pygmalion2021 dd {
	margin-left: 13em;
	border-top: 1px solid #bcbcbc;
	padding: 1em;
}
.post-body.writing dd li {
	margin: 0 0 5px;
}
.post-body.pygmalion2021 .link_btn a {
	display: block;
	background: #357D54;
	width: 500px;
	margin: 20px auto 50px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.post-body.pygmalion2021 .link_btn a:after {
	content: "▶";
	margin: 0 0 0 10px;
	font-size: 14px;
}
.post-body.pygmalion2021 .link_btn a:hover {
	background: #01a751;
}
@media screen and (max-width:639px){
    .post-body.writing .orange {
        font-size: 1.1em;
    }
    .post-body.writing dl,
		.post-body.pygmalion2021 dl {
        border-bottom: 0;
        border-top: 1px solid #bcbcbc;
    }
    .post-body.writing dt,
		.post-body.pygmalion2021 dt {
        float: none;
        width: auto;
        text-align: left;
        font-weight: bold;
        border-top: 0;
        padding: 1em 1em 0;
    }
    .post-body.writing dd,
		.post-body.pygmalion2021 dd {
        margin-left: 0;
        border-top: 0;
        border-bottom: 1px solid #bcbcbc;
			padding: 5px 1em 1em;
    }
}

/* session,english-session,junior_high_12
------------------------------------------------*/
.post-body.english-session dl {
	border-bottom: 1px solid #bcbcbc;
    margin-top: 30px;
}
.post-body.english-session dt {
	float: left;
	width: 6em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #bcbcbc;
	clear: both;
	padding: 1em;
}
.post-body.english-session dd {
	margin-left: 7em;
	border-top: 1px solid #bcbcbc;
	padding: 1em;
}
.post-body.english-session dd ul {
	list-style: disc;
	margin: 5px 0 0;
	padding: 0 0 0 15px;
}
.post-body.pygmalion-trial h2 {
	background: #B0DBC3;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}
.post-body.pygmalion-trial h3 {
	margin: 0 0 10px;
	color: #357D54;
}
.post-body.pygmalion-trial h4 {
	margin: 0 0 5px;
	font-weight: 700;
}
.post-body.pygmalion-trial p + h3,
.post-body.pygmalion-trial p + h4 {
	margin-top: 25px;
}
.post-body.session h2 {
	text-align: center;
}
.post-body.session h2,
.post-body.english-session h2 { 
	margin-top: 50px;
}
.post-body.session h2:first-child,
.post-body.english-session h2:first-child {
  margin-top:20px;
}
.post-body.session .flex {
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
}
.post-body.session .box {
	width: 49%;
	box-sizing: border-box;
	margin: 10px 0 0;
}
.post-body.session .resize .box {
	width: 64%;
}
.post-body.session .resize .box + .box {
	width: 32%;
}
.post-body.session ul li {
	box-sizing: border-box;
}
.post-body.session .resize .box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.session .resize .box ul li {
	background: #fde9e5;
	border-radius: 10px;
	width: 32%;
	padding: 15px;
	font-size: 18px;
}
.post-body.session .resize .box ul li b {
	border-bottom: 1px solid #333;
	display: block;
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-align: center;
	font-size: 22px;
}
.post-body.session h3 {
	text-align: center;
}
.post-body.session .box h2 + p {
	text-align: center;
}
.post-body.session .box .more {
	float: none;
	text-align: center;
}
.post-body.session .box .more a {
	display: inline-block;
}
.post-body.session .box img {
	max-width: 100%;
	height: auto;
}
.post-body.session .schedule img {
	display: block;
	max-width: 90%;
	margin: 0 auto;
}
.post-body.session .schedule + p {
	text-align: center;
}
.post-body.session .tabarea ul#tab,
.post-body.junior_high_12 .tabarea ul#tab {
	display: flex;
	list-style: none;
	border-bottom: 3px solid #357D54;
	margin: 50px 0 30px;
	padding: 0;
}
.post-body.session .tabarea ul#tab li,
.post-body.junior_high_12 .tabarea ul#tab li {
	position: relative;
	width: calc(100% / 3);
	border-right: 1px solid #fff;
	font-size: 20px;
	font-weight: bold;
}
.post-body.junior_high_12 .tabarea ul#tab li {
	width: 50%;
}
.post-body.session .tabarea ul#tab li:last-child,
.post-body.junior_high_12 .tabarea ul#tab li:last-child {
	border: 0;
}
.post-body.session .tabarea ul#tab li .clickerea,
.post-body.junior_high_12 .tabarea ul#tab li .clickerea {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: end;
	background: #B0DBC3;
	padding: 15px 0;
	text-align: center;
	line-height: 1;
}
.post-body.session .tabarea ul#tab li .clickerea:hover,
.post-body.session .tabarea ul#tab li.active,
.post-body.session .tabarea ul#tab li.active .clickerea,
.post-body.session .tabarea ul#tab li.active .clickerea:hover,
.post-body.junior_high_12 .tabarea ul#tab li .clickerea:hover,
.post-body.junior_high_12 .tabarea ul#tab li.active,
.post-body.junior_high_12 .tabarea ul#tab li.active .clickerea,
.post-body.junior_high_12 .tabarea ul#tab li.active .clickerea:hover {
	background: #357D54;
	color: #fff;
}
.post-body.session .tabarea ul#tab li:first-child .clickerea,
.post-body.session .tabarea ul#tab li.active:first-child,
.post-body.junior_high_12 .tabarea ul#tab li:first-child .clickerea,
.post-body.junior_high_12 .tabarea ul#tab li.active:first-child {
	border-top-left-radius: 10px;
}
.post-body.session .tabarea ul#tab li:last-child .clickerea,
.post-body.session .tabarea ul#tab li.active:last-child,
.post-body.junior_high_12 .tabarea ul#tab li:last-child .clickerea,
.post-body.junior_high_12 .tabarea ul#tab li.active:last-child {
	border-top-right-radius: 10px;
}

.post-body.session .tabarea #detail,
.post-body.junior_high_12 .tabarea #detail {
	width: 100%;
	box-sizing: border-box;
}
.post-body.junior_high_12 .tabarea #detail .outer {
	background: #B0DBC3;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
}
.post-body.junior_high_12 .tabarea #detail .bg {
	background: #fff;
	box-sizing: border-box;
	padding: 10px 20px;
	border-radius: 10px;
}
.post-body.junior_high_12 .tabarea #detail .bg + .bg {
	margin-top: 20px;
}
.post-body.junior_high_12 .tabarea #detail h2,
.post-body.junior_high_3 h2 {
	margin-top: 10px;
	text-align: center;
}
.post-body.junior_high_12 .tabarea #detail h3 {
	position: relative;
	margin: 0 0 10px;
	padding-top: 30px;
}
.post-body.junior_high_12 .tabarea #detail h3 span {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 5px;
	background: #357D54;
	border-radius: 5px;
	font-size: 20px;
	color: #fff;
}
.post-body.junior_high_3 h3 {
	background: #B0DBC3;
	padding: 15px;
	border-radius: 5px;
}
.post-body.junior_high_3 h4 {
	margin: 25px 0 10px;
	font-size: large;
	font-weight: 700;
	color: #357D54;
}
.post-body.junior_high_3 h4 span {
  display: inline-block;
	margin: 0 10px 0 0;
	padding: 5px;
	border: 2px solid #357D54;
	border-radius: 5px;
}
.post-body.junior_high_12 .tabarea #detail h4 {
	font-weight: 700;
	color: #357D54;
}
.post-body.junior_high_12 .tabarea #detail .box h4 {
	margin: 0 0 10px;
}
.post-body.session .tabarea #detail .box {
	width: 32%;
}
.post-body.session .tabarea #detail .box h3 {
	background: #fde9e5;
	margin: 0 0 10px;
	padding: 5px;
	text-align: center;
	color: #222;
}
.post-body.session .tabarea #detail .box img {
	float: right;
	margin: 0 0 10px 20px;
}
.post-body.session .tabarea .tabbox {
	display: none;
}
body.page-id-1474 .contact-box {
	background: #fde9e5;
	border: 3px solid #fd5900;
}
body.page-id-1474 .contact-box h2 span {
	color: #fd5900 !important;
}
body.page-id-1474 .contact-box dl,
body.page-id-1474 #footer .contact-box dd a {
	color: #fd5900;
}
body.page-id-1474 .contact-box .more a,
body.page-id-1474 .contact-box .more a:hover {
background: #fd5900;
}
@media screen and (max-width:639px){
	.post-body.english-session dl {
        border-bottom: 0;
        border-top: 1px solid #bcbcbc;
    }
	.post-body.english-session dt {
        float: none;
        width: auto;
        text-align: left;
        font-weight: bold;
        border-top: 0;
        padding: 1em 1em 0;
    }
	.post-body.english-session dd {
        margin-left: 0;
        border-top: 0;
        border-bottom: 1px solid #bcbcbc;
			padding: 5px 1em 1em;
    }
	.post-body.session .flex {
		display: block;
		margin: 0;
	}
	.post-body.session .box,
	.post-body.session .resize .box,
	.post-body.session .resize .box + .box,
	.post-body.session .resize .box ul li {
		width: 100%;
	}
	.post-body.session .resize .box ul li {
		margin: 0 0 10px;
		text-align: center;
		font-size: 16px;
	}
	.post-body.session .resize .box ul li b {
		font-size: 20px;
	}
	.post-body.session .tabarea #detail h2 + .flex .box,
	.post-body.session .tabarea #detail h2 + .flex .box + .box,
	.post-body.session .tabarea #detail h2 + .flex .box .box {
		width: 100%;
	}
	.post-body.session .tabarea #detail h2 + .flex .box .box + .box {
		margin: 10px 0 0;
	}
	.post-body.session .tabarea #detail .box p {
		font-size: 14px;
	}
	.post-body.session .schedule img {
		max-width: 100%;
	}
}

/* short,japanese2021
------------------------------------------------*/
.post-body.short dl,
.post-body.japanese2021 dl {
	border-bottom: 1px solid #bcbcbc;
    margin-top: 30px;
			margin-bottom: 10px;
}
.post-body.short h2.even,
.post-body.japanese2021 h2.even {
    margin-top: 30px;
}
.post-body.japanese2021 h3 {
	border: 0;
	text-align: center;
	font-size: 24px;
}
.post-body.japanese2021 h3 span {
	font-size: 16px;
}
.post-body.short dt,
.post-body.japanese2021 dt {
	float: left;
	width: 6em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #bcbcbc;
	clear: both;
	padding: 1em;
}
.post-body.short dt span {
	display: block;
}
.post-body.short dd,
.post-body.japanese2021 dd {
	margin-left: 7em;
	border-top: 1px solid #bcbcbc;
	padding: 1em;
}
.post-body.short ul {
	list-style: disc;
	margin: 20px 0;
	padding: 0 0 0 1.5em;
}
.post-body.short ul li {
	margin: 5px 0;
	font-weight: bold;
}
.post-body.short .circle {
	background: #EEF8ED;
	padding: 30px;
	border-radius: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.post-body.short .circle p {
	margin: 0;
}
.post-body.short .flex {
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
}
.post-body.short .box {
	width: 48%;
	box-sizing: border-box;
}
.post-body.short td.blue {
	background: #EBF5FF;
	color: #355C7D;
}
.post-body.short td.pink {
	background: #FFEAEA;
	color: #CA2222;
}
.post-body.short td.blue span,
.post-body.short td.pink span {
	color: #333;
}
.post-body.short .borderbox {
	border: 3px solid #357D54;
	border-radius: 20px;
	padding: 20px;
	text-align: center;
}
.post-body.short .borderbox p {
	margin: 0;
}
.post-body.short .borderbox ul {
	display: inline-block;
}
.post-body.short .borderbox ul li {
	text-align: left;
}
@media screen and (max-width:639px){
    .post-body.short dl,
		.post-body.japanese2021 dl {
        border-bottom: 0;
        border-top: 1px solid #bcbcbc;
    }
    .post-body.short dt,
		.post-body.japanese2021 dt {
        float: none;
        width: auto;
        text-align: left;
        font-weight: bold;
        border-top: 0;
        padding: 1em 1em 0;
    }
.post-body.short dt span {
	display: inline;
}
    .post-body.short dd,
		.post-body.japanese2021 dd {
        margin-left: 0;
        border-top: 0;
        border-bottom: 1px solid #bcbcbc;
			padding: 5px 1em 1em;
    }
	.post-body.short .circle {
		padding: 20px;
		margin: 20px 0 0;
		border-radius: 10px;
		font-size: 17px;
	}
	.post-body.short .flex {
		display: block;
		margin: 0 0 30px;
	}
	.post-body.short .box {
		width: 100%;
	}
	.post-body.short .borderbox {
		text-align: left;
	}
}

/* spring_session2020,spring_short2019
------------------------------------------------*/
.post-body.spring_short2019 dl {
	margin-top: 30px;
}
.post-body.spring_session2020 dl + h2,
.post-body.spring_session2020 dl + h3 {
	margin: 40px 0 0;
}
.post-body.spring_session2020 p + h2 {
	margin-bottom: 0;
}
.post-body.spring_session2020 dt,
.post-body.spring_short2019 dt {
	float: left;
	width: 6em;
	padding: 1em 0 0;
	text-align: center;
	font-weight: bold;
	clear: both;
}
.post-body.spring_session2020 dd,
.post-body.spring_short2019 dd {
	border-bottom: 1px solid #bcbcbc;
	padding: 1em 0 1em 7em;
}
@media screen and (max-width:639px){
	.post-body.spring_session2020 dt,
	.post-body.spring_short2019 dt {
		float: none;
		width: auto;
		text-align: left;
		font-weight: bold;
	}
	.post-body.spring_session2020 dd,
	.post-body.spring_short2019 dd {
		margin-left: 0;
		border-top: 0;
		padding: 5px 0 1.5em;
	}
}

/* winter-session4,winter-session5,winter-session6
------------------------------------------------*/
.post-body.winter-session4 dl,
.post-body.winter-session5 dl,
.post-body.winter-session6 dl{
	border-bottom: 1px solid #bcbcbc;
    margin-top: 30px;
}
.post-body.winter-session4 h2:nth-child(2n),
.post-body.winter-session5 h2:nth-child(2n),
.post-body.winter-session6 h2:nth-child(2n){
	margin-top: 30px;
}
.post-body.winter-session4 dt,
.post-body.winter-session5 dt,
.post-body.winter-session6 dt{
	float: left;
	width: 10em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #bcbcbc;
	clear: both;
	padding: 1em;
}
.post-body.winter-session4 dd,
.post-body.winter-session5 dd,
.post-body.winter-session6 dd{
	margin-left: 11em;
	border-top: 1px solid #bcbcbc;
	padding: 1em;
}
@media screen and (max-width:639px){
    .post-body.winter-session4 dl,
    .post-body.winter-session5 dl,
    .post-body.winter-session6 dl{
        border-bottom: 0;
        border-top: 1px solid #bcbcbc;
    }
    .post-body.winter-session4 dt,
    .post-body.winter-session5 dt,
    .post-body.winter-session6 dt{
        float: none;
        width: auto;
        text-align: left;
        font-weight: bold;
        border-top: 0;
        padding: 1em 1em 0;
    }
    .post-body.winter-session4 dd,
    .post-body.winter-session5 dd,
    .post-body.winter-session6 dd{
        margin-left: 0;
        border-top: 0;
        border-bottom: 1px solid #bcbcbc;
			padding: 5px 1em 1em;
    }
}

/* english-session2019-2020,english-spring2020,english-session
------------------------------------------------*/
.post-body.english-session2019-2020 dl {
	border-bottom: 1px solid #bcbcbc;
    margin-top: 30px;
}
.post-body.english-session2019-2020 h2,
.post-body.english-spring2020 h2 { 
	margin-top: 50px;
}
.post-body.english-session2019-2020 h2:first-child,
.post-body.english-spring2020 h2:first-child {
    margin-top:20px;
}
.post-body.english-session2019-2020 dl,
.post-body.english-session-special dl {
    margin-bottom: 20px;
}
.post-body.english-session2019-2020 dt {
	float: left;
	width: 15em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #bcbcbc;
	clear: both;
	padding: 1em;
}
.post-body.english-session-special dt {
	float: left;
	width: 15em;
	border-bottom: 1px solid #bcbcbc;
	padding: 1em;
	text-align: left;
	font-weight: bold;
}
.post-body.english-session2019-2020 dd {
	margin-left: 16em;
	border-top: 1px solid #bcbcbc;
	padding: 1em;
}
.post-body.english-session-special dd {
	margin-left: 16em;
	border-bottom: 1px solid #bcbcbc;
	padding: 1em;
}
.post-body.english-spring2020 dt {
	float: left;
	width: 10em;
	font-weight: bold;
}
.post-body.english-spring2020 dd {
	padding: 0 0 10px 10em;
}
.post-body.english-session2019-2020 ul,
.post-body.english-spring2020 ul {
    list-style-type: disc;
    padding: 0 0 0 1.5em;
}
.post-body.english-spring2020 ul li {
	margin: 0 0 5px;
}
@media screen and (max-width:639px){
    .post-body.english-session2019-2020 dl,
		.post-body.english-session-special dl,
		.post-body.english-session dl {
        border-bottom: 0;
        border-top: 1px solid #bcbcbc;
    }
    .post-body.english-session2019-2020 dt {
        float: none;
        width: auto;
        text-align: left;
        font-weight: bold;
        border-top: 0;
        padding: 1em 1em 0;
    }
	.post-body.english-spring2020 dt,
	.post-body.english-session-special dt {
        float: none;
        width: auto;
	}
    .post-body.english-session2019-2020 dd {
        margin-left: 0;
        border-top: 0;
        border-bottom: 1px solid #bcbcbc;
			padding: 5px 1em 1em;
    }
	.post-body.english-spring2020 dd,
	.post-body.english-session-special dd {
		padding: 5px 0 15px;
	}
}
/* sitemap-page
------------------------------------------------*/
.post-body.sitemap-page ul {
	list-style: disc;
	list-style-position: inside;
	padding: 0;
}
.post-body.sitemap-page ul li {
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px;
}
.post-body.sitemap-page ul li ul {
	margin: 0 0 0 2em;
}
.post-body.sitemap-page ul li li {
	border: 0;
	margin: 5px 0;
	padding: 0;
}

/* access
------------------------------------------------*/
.post-body.access .flex {
	display: flex;
	justify-content: space-between;
}
.post-body.access .flex .txt h2 {
	margin-top: 0;
}
.post-body.access .wrap_box {
	position: relative;
	width: 47%;
	height: 0;
	padding-top: 56.25%;
}
.post-body.access .wrap_box iframe,
.post-body.access .wrap_box object,
.post-body.access .wrap_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-body.access .txt {
	width: 47%;
}
.post-body.access .txt .tel,
.post-body.access .txt .fax {
	display: flex;
	align-items: center;
}
.post-body.access .txt span {
	margin: 0 5px 0 0;
	font-size: 16px;
}
.post-body.access .txt span + span {
	margin: 0;
	font-size: 50px;
}
.post-body.access .txt a {
	text-decoration: none;
}
.post-body.access .txt .tel span + span,
.post-body.access .txt .tel a {
	font-weight: bold;
	color: #c00;
}
.post-body.access .txt .fax a {
	color: #333;
}
@media screen and (max-width:994px){
	.post-body.access .flex {
		display: block
	}
	.post-body.access .txt {
		width: 100%;
		margin: 0 0 20px;
	}
	.post-body.access .wrap_box {
		width: 100%;
	}
}
@media screen and (max-width:480px){
	.post-body.access .flex + .flex {
		margin-top: 30px;
	}
	.post-body.access .txt span {
		font-size: 14px;
	}
	.post-body.access .txt span + span {
		font-size: 32px;
	}
}

/* classroom
------------------------------------------------*/
.post-body.classroom .localnavi {
	display: flex;
	justify-content: space-between;
}
.post-body.classroom .localnavi li {
	width: 48%;
}
.post-body.classroom .localnavi li a {
	display: block;
	border: 3px solid #ddd;
	border-radius: 8px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
.post-body.classroom .localnavi li a:hover {
	background: #f7f7f7;
}
.post-body.classroom h2 {
	margin: 60px 0 20px;
}
.post-body.classroom h3 {
	width: 100%;
	border: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin: 0 -30px 20px;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.post-body.classroom .news-area {
	border: 3px solid #f6ad54;
	border-radius: 8px;
	margin: 20px 0;
	padding: 0 30px 10px;
}
.post-body.classroom .news-area h3 {
	background: #f6ad54;
}
.post-body.classroom .news-area dt {
	float: left;
	width: 145px;
	margin: 5px 0;
}
.post-body.classroom .news-area dt img {
	max-width: 100%;
	height: auto;
}
.post-body.classroom .news-area dd {
	zoom: 1;
	margin: 0 0 20px 165px;
}
.post-body.classroom .news-area dd:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.post-body.classroom .news-area dd a {
	font-size: 20px;
}
.post-body.classroom .info-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 3px solid #357D54;
	border-radius: 8px;
	margin: 20px 0;
	padding: 0 30px 10px;
}
.post-body.classroom .info-area h3 {
	background: #357D54;
}
.post-body.classroom .info-area .img {
	width: 40%;
}
.post-body.classroom .info-area .img img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 0 20px;
}
.post-body.classroom .info-area .txt {
	width: 55%;
}
.post-body.classroom .info-area .txt dt {
	display: inline-block;
	background: #dcf1da;
	border-radius: 5px;
	margin: 0 0 5px;
	padding: 5px 10px;
	font-size: 14px;
}
.post-body.classroom .info-area .txt dd {
	margin: 0 0 15px;
}
.post-body.classroom .info-area .txt dd ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
.post-body.classroom .info-area .txt dd ul li {
	margin: 3px 0;
}
.post-body.classroom .info-area .txt .onbtn {
	display: block;
	margin: 20px 0 0;
}
.post-body.classroom .info-area .txt .onbtn img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.post-body.classroom .info-area .txt .onbtn:hover img {
	opacity: 0.8;
}
.post-body.classroom .photo-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 3px solid #4394d0;
	border-radius: 8px;
	margin: 20px 0;
	padding: 0 30px 10px;
}
.post-body.classroom .photo-area h3 {
	background: #4394d0;
}
.post-body.classroom .photo-area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-body.classroom .photo-area ul:after {
	content: "";
	display: block;
	width: 31%;
}
.post-body.classroom .photo-area ul li {
	width: 31%;
	margin: 0 0 30px;
}
.post-body.classroom .photo-area ul li img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
@media screen and (max-width:994px){
	.post-body.classroom .news-area dd {
		font-size: 14px;
	}
	.post-body.classroom .news-area dd a {
		font-size: 18px;
	}
}
@media screen and (max-width:769px){
	.post-body.classroom .info-area {
		display: block;
	}
	.post-body.classroom .info-area .img,
	.post-body.classroom .info-area .txt {
		width: 100%;
	}
	.post-body.classroom .photo-area ul li {
		width: 48%;
	}
	.post-body.classroom .photo-area ul:after {
		content: none;
	}
}
@media screen and (max-width:480px){
	.post-body.classroom .news-area dt {
		float: none;
		width: 100%;
		text-align: center;
	}
	.post-body.classroom .news-area dd {
		margin: 0 0 20px;
	}
	.post-body.classroom .news-area dd {
		font-size: 12px;
	}
	.post-body.classroom .news-area dd a {
		font-size: 16px;
	}
}