@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------------------------------
そろばん
---------------------------------------------------------------------------*/
#soroban {
	width: 100%;
	margin: 0;
	padding: 40px 0;
	box-sizing: border-box;
	background: url("../image/back-y.jpg")fixed;
}

.soro_flex,
.soro_flex2 {
	width: 1024px;
	margin: 0 auto 40px;
}

.unou {}

.soro_flex2 {
	padding: 24px 40px 40px;
	box-sizing: border-box;
	flex-wrap: wrap;
	background: #fff;
	border-radius: 40px;
	box-shadow: 2px 2px 0 #f5a200;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.soro_flex2 h3 {width: 100%;}

.soro_flex2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 24px;
}
.soro_flex2 li {
	margin: 0 0 4px;
	padding: 0 8px 4px;
	border-bottom: dotted 2px #ee7800;
}
.soro_flex2 li:last-child {
	margin: 0;
	padding: 0 8px 0;
	border-bottom: none;
}

.soro_flex2 li::before {
	content: "★";
	color: #ee7800;
	margin-right: 8px;
}

.soro_flex2 ul,
.soro_f_image {width: 48%;}
.soro_f_image {line-height: 0;}
.soro_f_image img {border-radius: 40px;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.soro_flex,
	.soro_flex2 {width: 90%;}
	.soro_flex2 {
		padding: 16px 24px;
		border-radius: 24px;
		box-shadow: 2px 2px 0 #f5a200;
	}
	.soro_flex2 ul {font-size: 18px;}
	.soro_f_image img {border-radius: 24px;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#soroban {padding: 16px 0;}
	.soro_flex,
	.soro_flex2 {
		width: 90%;
		margin: 0 auto 16px;
		display: block;
	}
	
	.soro_flex2 {
		padding: 16px;
		border-radius: 16px;
	}
	.soro_flex2 ul,
	.soro_f_image {width: 100%;}
	
	.soro_flex2 ul {
		font-size: 1rem;
		margin-bottom: 8px;
	}
	.soro_f_image img {border-radius: 16px;}
}

/*-------------------------そろばん教室の特徴*/
#soroban_feature {
	width: 100%;
	margin: -16px 0 40px;
	padding: 0 0 40px;
	box-sizing: border-box;
	background: url("../image/dot-y.png")fixed;
	mask: conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/32px 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#soroban_feature h3 {
	width: 100%;
	margin: 0 0 40px;
	padding: 80px 40px;
	box-sizing: border-box;
	background: url("../image/soroban/soro_feature_h3-b.jpg")center left;
	background-size: cover;
	mask: conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/32px 100%;
}
#soroban_feature h3 img {
	margin-left: 56%;
	width: 370px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#soroban_feature h3 img {width: 320px;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#soroban_feature {
		margin: 0 0 16px;
		padding: 0 0 16px;
		mask: conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;
	}
	#soroban_feature h3 {
		margin: -8px 0 16px;
		padding: 24px 16px 16px;
		text-align: right;
		mask: conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;
	}
	#soroban_feature h3 img {
		margin-left: 0;
		width: 200px;
		filter: drop-shadow(2px 2px 4px #fff) drop-shadow(-2px -2px 4px #fff);
	}
}

.soro_f_p1,
.soro_f_p2,
.soro_f_p3 {
	width: 26%;
	margin: 0 auto;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #ee7800;
	border-radius: 16px;
}

.soro_f_p1 {margin-left: 10%;}
.soro_f_p3 {margin-right: 10%;}

.soro_f_p1 h4,
.soro_f_p2 h4,
.soro_f_p3 h4 {
	margin: 0 auto 16px;
	position: relative;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.25;
	color: #ee7800;
}

.soro_f_p1 h4 span,
.soro_f_p2 h4 span,
.soro_f_p3 h4 span {
	position: relative;
	width: 80px;
	margin: 0 auto 8px;
	padding: 15px 0;
	box-sizing: border-box;
	display: block;
	background: #ee7800;
	color: #fff;
	font-size: 1rem;
}
.soro_f_p1 h4 span::before,
.soro_f_p2 h4 span::before,
.soro_f_p3 h4 span::before {
	position: absolute;
	top: 0;
	left: -25px;
	content: '';
	border-width: 25px 25px 25px 0;
	border-style: solid;
	border-color: transparent #ee7800 transparent transparent;
}
.soro_f_p1 h4 span::after,
.soro_f_p2 h4 span::after,
.soro_f_p3 h4 span::after {
	position: absolute;
	top: 0;
	right: -25px;
	content: '';
	border-width: 25px 0 25px 25px;
	border-style: solid;
	border-color: transparent transparent transparent #ee7800;
}

.soro_f_p1 {}
.soro_f_p1img {
	margin-top: 8px;
	line-height: 0;
}
.soro_f_p1img img {border-radius: 8px;}

.soro_f_p2 {}
.soro_f_p2 h4 {margin: 0 0 8px;}
.soro_f_p2img {
	margin-top: 8px;
	line-height: 0;
}

.soro_f_p3 {}
.soro_f_p3 ul {
	margin: 0;
	padding: 0 0 0 1.5em;
}
.soro_f_p3 li {margin-bottom: 16px;}
.soro_f_p3 li:last-child {margin-bottom: 0;}

.soro_f_p3img {
	margin-top: 8px;
	line-height: 0;
}
.soro_f_p3img img {border-radius: 8px;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.soro_f_p1,
	.soro_f_p2,
	.soro_f_p3 {
		width: 30%;
		font-size: 14px;
	}
	
	.soro_f_p1 {margin-left: 3%;}
	.soro_f_p3 {margin-right: 3%;}

	
	.soro_f_p1 h4,
	.soro_f_p2 h4,
	.soro_f_p3 h4 {font-size: 1.16rem;}
	
	.soro_f_p1 h4 span,
	.soro_f_p2 h4 span,
	.soro_f_p3 h4 span {
		padding: 8px 0;
		font-size: .8rem;
	}
	.soro_f_p1 h4 span::before,
	.soro_f_p2 h4 span::before,
	.soro_f_p3 h4 span::before {
		left: -16px;
		border-width: 16px 16px 16px 0;
	}
	.soro_f_p1 h4 span::after,
	.soro_f_p2 h4 span::after,
	.soro_f_p3 h4 span::after {
		right: -16px;
		border-width: 16px 0 16px 16px;
	}
	
	.soro_f_p3 ul {padding: 0 0 0 1.25em;}

}
@media screen and (max-width:736px) {/*スマートフォン*/
	.soro_f_p1,
	.soro_f_p2,
	.soro_f_p3 {
		width: 90%;
		margin: 0 auto 16px;
		display: block;
		font-size: 14px;
	}
	.soro_f_p1 {margin-left: auto;}
	.soro_f_p3 {margin-right: auto;}
	
	.soro_f_p1 h4,
	.soro_f_p2 h4,
	.soro_f_p3 h4 {font-size: 18px;}
	
	.soro_f_p1 h4 span,
	.soro_f_p2 h4 span,
	.soro_f_p3 h4 span {
		padding: 8px 0;
		font-size: .8rem;
	}
	.soro_f_p1 h4 span::before,
	.soro_f_p2 h4 span::before,
	.soro_f_p3 h4 span::before {
		left: -16px;
		border-width: 16px 16px 16px 0;
	}
	.soro_f_p1 h4 span::after,
	.soro_f_p2 h4 span::after,
	.soro_f_p3 h4 span::after {
		right: -16px;
		border-width: 16px 0 16px 16px;
	}

	.soro_f_p3 li {margin-bottom: 8px;}
}

/*-------------------------*/


/*---------------------------------------------------------------------------
習字
---------------------------------------------------------------------------*/
#shuji {
	width: 100%;
	margin: 0;
	padding: 40px 0;
	box-sizing: border-box;
	background: url("../image/back-g.jpg")fixed;
}
.shuji1 {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	position: relative;
}
.shuji1 img {
	display: block;
	line-height: 0;
}

.shuji1box {
	width: 64%;
	margin: -100px 0;
	padding: 0 0 0 80px;
	box-sizing: border-box;
}
.shuji1box h3 {
	width: 300px;
	margin-bottom: 16px;
}
.shuji1box h4 {
	font-size: 1.5rem;
	line-height: 1.4;
	color: #00a960;
}
.shuji1box hr {
	border: none;
	border-bottom: solid 1px #00a960;
	margin: 16px 0;
}

.shuji1img1,
.shuji1img2 {position: absolute;}
.shuji1img1 {
	width: 36%;
	padding: 40px;
	box-sizing: border-box;
	top: 0;
	right: 0;
}
.shuji1img1 img {border-radius: 40px;}
.shuji1img2 {
	width: 24%;
	bottom: -24px;
	right: 6%;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.shuji1 {width: 90%;}
	.shuji1box {
		width: 60%;
		margin: -64px 0;
		padding: 0 0 0 40px;
	}
	.shuji1box h4 {font-size: 1.25rem;}
	.shuji1img1 {
		width: 42%;
		top: 16px;
	}
	.shuji1img2 {
		width: 24%;
		bottom: 32px;
		right: 2%;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#shuji {padding: 16px 0;}
	.shuji1 {
		width: 90%;
		font-size: 14px;
		line-height: 1.4;
	}
	.shuji1box {
		width: 100%;
		margin: -28px 0;
		padding: 0 24px;
	}
	.shuji1box h3 {
		width: 200px;
		margin-bottom: 8px;
	}
	.shuji1box h4 {
		font-size: 1rem;
		margin-bottom: 4px;
	}
	.shuji1img1 {display: none;}
	.shuji1img2 {
		width: 32%;
		bottom: -14%;
		right: -2.5%;
	}
}

/*-------------------------授業の流れ*/
.shuji_nagare {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.s_nagareimg {
	display: block;
	width: 30%;
	position: absolute;
	top: -60px;
	left: 0;
}

.shuji_nagare h3 {
	width: 70%;
	margin: 0 0 18px auto;
	padding: 9.6% 0 0;
	box-sizing: border-box;
}

span.s_nagareh3 {
	display: block;
	padding: 8px 16px;
	box-sizing: border-box;
	background: rgba(0,166,60,.5);
	border-radius: 8px;
}
span.s_nagareh3 img {
	display: block;
	width: 190px;
	line-height: 0;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.shuji_nagare {width: 90%;}
	.s_nagareimg {top: -48px;}
	.shuji_nagare h3 {padding: 7.8% 0 0;}
	span.s_nagareh3 img {width: 120px;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.shuji_nagare {width: 90%;}
	.s_nagareimg {
		width: 50%;
		top: 8px;
	}
	.shuji_nagare h3 {
		width: 100%;
		margin: 0 0 16px;
		padding: 40% 0 0;
	}
	span.s_nagareh3 img {width: 100px;}
}

/*-------------------------ながれ*/
.shuji_n_box {
	width: 32%;
	margin: 0 0 16px;
	padding: 8px 16px 16px;
	box-sizing: border-box;
	background: #fff;
	font-size: 14px;
	border-radius: 16px;
	box-shadow: 4px 4px 0 #00a960;
}

.shuji_n_box h4 {
	margin: 0 0 8px;
	color: #00a960;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5;
}
.shuji_n_box h4 span {
	padding: 3px 8px 2px;
	border: solid 1px #00a960;
	border-radius: 40px;
	font-size: .8rem;
}
.shuji_n_kakomi {
	margin: 8px 0;
	color: #00a960;
	font-weight: bold;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.shuji_n_box {width: 48%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.shuji_n_box {width: 100%;}
}

/*-------------------------挨拶*/
#shuji_greeting {
	margin: -16px 0 0;
	padding: 80px 0;
	background: url("../image/back-y.jpg")fixed;
  mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/32px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) calc(50% + 16px) 100%/32px 51% repeat-x;
}
#shuji_greeting section {
	width: 1024px;
	margin: 0 auto;
	padding: 80px 40px 40px;
	box-sizing: border-box;
	background: url("../image/shuji/shuji_greeting-img.jpg")top right no-repeat #fff;
}

#shuji_greeting h4 {
	margin: 16px 0 40px;
	font-size: 2rem;
	line-height: 1.25;
	color: #00a63c;
}
#shuji_greeting p {margin-bottom: 16px;}
#shuji_greeting p:last-child {margin-bottom: 0;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#shuji_greeting section {
		width: 90%;
		padding: 16px 24px 24px;
		background: url("../image/shuji/shuji_greeting-img.jpg")top right no-repeat #fff;
		background-size: 30% auto;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#shuji_greeting {
		padding: 24px 0;
		mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/16px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) calc(50% + 8px) 100%/16px 51% repeat-x
	}
	#shuji_greeting section {
		width: 90%;
		padding: 6px 8px 8px;
		background: #fff;
		background-size: 50% auto;
		font-size: 14px;
	}
	#shuji_greeting h3 {text-align: center;}
	#shuji_greeting h4 {
		margin: 0 8px;
		font-size: 1.16rem;
	}
	#shuji_greeting h4 br {display: none;}
	#shuji_greeting p {margin: 8px;}
}

/*-------------------------お客様の声*/
#shuji_voice {
	margin: -16px 0 40px;
	padding: 80px 0;
	background: url("../image/dot-y.png")fixed;
}

#shuji_voice h3 {
	width: 1040px;
	margin: 0 auto 16px;
	padding: 8px;
	box-sizing: border-box;
	line-height: 1.25;
	background: url("../image/back-g.jpg");
	color: #00a960;
	text-align: center;
	border-radius: 8px;
}

#shuji_voice ul {
	width: 1024px;
	margin: 0 auto 16px;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 14px;
}
#shuji_voice li {
	width: 32%;
	margin: 0 0 16px;
	padding: 16px;
	box-sizing: border-box;
	border-radius: 16px;
	background: #fff;
}
#shuji_voice li:nth-child(odd) {border: solid 1px #00a960;}
#shuji_voice li:nth-child(even) {border: solid 1px #ee7800;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#shuji_voice h3,
	#shuji_voice ul {width: 90%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#shuji_voice {padding: 32px 0 8px;}
	#shuji_voice h3,
	#shuji_voice ul {width: 90%;}
	#shuji_voice li {width: 100%;}
}
/*-------------------------*/



/*---------------------------------------------------------------------------
英会話
---------------------------------------------------------------------------*/
#english {
	padding: 0 0 80px;
	box-sizing: border-box;
	background: url("../image/back-p.jpg")fixed;
}

#e_head {
	background: url("../image/english/e_head.jpg")no-repeat center;
	background-size: 100% auto;
}
#e_head img {
	width: 624px;
	margin: 100px 80px;
}

.eng_class {
	width: 100%;
	margin: 0 auto;
	padding: 40px 10% 80px;
	box-sizing: border-box;
	background: url("../image/w-pink.jpg")fixed;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.eng_class h3 {
	width: 100%;
	margin: 0 auto 16px;
	text-align: center;
}
.eng_class h3 img {width: 182px;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#english {padding: 0 0 24px;}
	#e_head img {
		width: 420px;
		margin: 60px 40px;
	}
	.eng_class {padding: 32px 10% 16px;}
	.eng_class h3 {margin: 0 auto 8px;}
	.eng_class h3 img {
		width: 146px;
		margin: 0 auto;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#english {padding: 0 0 16px;}
	#e_head img {
		width: 200px;
		margin: 20px 16px;
	}
	.eng_class {padding: 16px;}
	.eng_class h3 {margin: 0 auto 4px;}
	.eng_class h3 img {
		width: 116px;
		margin: 0 auto;
	}
}

.ec_begin,
.ec_go1,
.ec_go2,
.ec_go3 {
	width: 24%;
	margin: 0;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
	line-height: 1.5;
	border-radius: 16px;
}

.ec_begin h4,
.ec_go1 h4,
.ec_go2 h4,
.ec_go3 h4,
.ec_begin h5,
.ec_go1 h5,
.ec_go2 h5,
.ec_go3 h5 {
	line-height: 1.25;
	text-align: center;
}

.ec_begin h4,
.ec_go1 h4,
.ec_go2 h4,
.ec_go3 h4 {
	margin: -16px -16px 4px;
	padding: 4px;
	box-sizing: border-box;
	font-size: 1.25rem;
	color: #fff;
	border-radius: 16px 16px 0 0;
}

.ec_begin h5,
.ec_go1 h5,
.ec_go2 h5,
.ec_go3 h5 {
	margin: 0 0 8px;
	font-size: 1.16rem;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.ec_begin,.ec_go1,.ec_go2,.ec_go3 {
		width: 48%;
		margin-bottom: 16px;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.ec_begin,.ec_go1,.ec_go2,.ec_go3 {
		width: 100%;
		margin-bottom: 16px;
		font-size: 14px;
	}
	.ec_begin h4,.ec_go1 h4,.ec_go2 h4,.ec_go3 h4 {font-size: 18px;}
	.ec_begin h5,.ec_go1 h5,.ec_go2 h5,.ec_go3 h5 {font-size: 16px;}
}

.ec_begin {}
.ec_begin h4 {background: #ee7800;}
.ec_begin h5 {color: #ee7800;}

.ec_go1 {}
.ec_go1 h4 {background: #e8383d;}
.ec_go1 h5 {color: #e8383d;}

.ec_go2 {}
.ec_go2 h4 {background: #65ab31;}
.ec_go2 h5 {color: #65ab31;}

.ec_go3 {}
.ec_go3 h4 {background: #00a1e9;}
.ec_go3 h5 {color: #00a1e9;}

/*-------------------------「国際社会で通用するコミュニケーション能力の育成」がACE Kids Academyの目的です。*/
.eng_objective {margin: 0 auto;}
.eng_objective h3 {
	width: 100%;
	margin: -16px auto 16px;
	padding: 120px 40px;
	box-sizing: border-box;
	background: url("../image/english/eng_objective-b.jpg") center no-repeat #fff;
	background-size: 100% auto;
	font-size: 1.5rem;
	line-height: 1.5;
	text-align: center;
  mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/32px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) calc(50% + 16px) 100%/32px 51% repeat-x;
}
.eng_objective h3 span {
	display: block;
	margin-left: 45%;
}
.eng_objective p {
	width: 1024px;
	margin: 0 auto;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.eng_objective h3 {
		margin: -8px auto 16px;
		padding: 50px 16px;
		font-size: 1.25rem;
  mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/16px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) calc(50% + 8px) 100%/16px 51% repeat-x
	}
	.eng_objective h3 span {margin-left: 50%;}
	.eng_objective br {display: none;}
	.eng_objective p {width: 90%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.eng_objective h3 {
		margin: -8px auto 16px;
		padding: 40% 0 0;
		font-size: 1rem;
		background: url("../image/english/eng_objective-bsp.jpg") left top no-repeat #fff;
		background-size: 100% auto;
  mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/16px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) calc(50% + 8px) 100%/16px 51% repeat-x
	}
	.eng_objective h3 span {
		margin-left: 0;
		padding: 8px 8px 16px;
		box-sizing: border-box;
		background: #fff;
		box-shadow: 0 -4px 4px #fff;
	}
	.eng_objective br {display: none;}
	.eng_objective p {
		width: 90%;
		font-size: 14px;
	}
}

/*-------------------------LESSON TIME TABLE*/
.eng_time {
	width: 800px;
	margin: 80px auto 0;
}
.eng_time h3 {
	width: 400px;
	margin: 0 auto;
}
.eng_time h4 {
	margin: 0 0 4px;
	padding: 4px 8px;
	box-sizing: border-box;
	font-size: 1.16rem;
	line-height: 1.25;
	background: rgba(232,56,61,.5);
	color: #fff;
	border-radius: 4px;
}
.eng_time table {
	width: 100%;
	margin: 8px 0;
	background: #fff;
	border-collapse: collapse;
	text-align: center;
}
.eng_time th,
.eng_time td {
	padding: 8px;
	box-sizing: border-box;
	border: solid 1px rgba(180,174,177,.8);
}

.eng_time th {
	background: rgba(232,56,61,.3);
	letter-spacing: 2px;
}

ul.eng_li {
	margin: 4px 0 8px;
	padding: 0;
	list-style-type: none;
}
ul.eng_li li::before {
	content: "※";
	color: #e8383d;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.eng_time {width: 90%;}
	.eng_time h3 {width: 320px;}
	.eng_time h4 {
		margin: 8px 0 4px;
		font-size: 1rem;
	}
	ul.eng_li {font-size: 14px;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.eng_time {
		width: 90%;
		margin: 40px auto 16px;
		font-size: 14px;
	}
	.eng_time h3 {width: 256px;}
	.eng_time h4 {
		margin: 8px 0 4px;
		font-size: 1rem;
	}
	
	.eng_time th,
	.eng_time td {padding: 4px 8px;}
	.eng_time th {letter-spacing: 0;}
	
	ul.eng_li {line-height: 1.4;}
	ul.eng_li li::before {margin-left: -16px;}
	ul.eng_li li {
		margin-left: 16px;
		margin-bottom: 8px;
	}
	ul.eng_li li {margin-bottom: 0;}
}

/*-------------------------講師紹介*/
.eng_teacher {
	margin: -16px auto 40px;
	padding: 40px 0 0;
	box-sizing: border-box;
	background: url("../image/dot-color.png")fixed #fff;
  mask: conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/32px 100%;
}
.eng_teacher section {
	width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.eng_teacher h3 {
	width: 164px;
	margin: 0 auto 24px;
}

.et_box {
	width: 48%;
	margin: 0 0 40px;
	padding: 32px 40px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #d83473;
	position: relative;
	border-radius: 40px;
	line-height: 1.5;
}
.et_box h4 {
	margin: 0 0 24px;
	padding: 0 0 0 32%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
}
.et_box h4 span {
	display: block;
	font-size: 1.25rem;
	color: #d83473;
}
.et_b_img {
	width: 24%;
	position: absolute;
	top: -24px;
	left: 40px;
}
.et_b_img img {border-radius: 50%;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.eng_teacher section {
		width: 90%;
		font-size: 14px;
	}
	.eng_teacher h3 {
		width: 130px;
		margin: 0 auto 16px;
	}
	
	.et_box {
		padding: 24px;
		border-radius: 24px;
	}
	.et_box h4 span {font-size: 1.16rem;}
	.et_b_img {
		top: -8px;
		left: 24px;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.eng_teacher {
		margin: -16px auto 24px;
		padding: 24px 0 0;
		mask: conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%
	}
	.eng_teacher section {
		width: 90%;
		font-size: 14px;
	}
	.eng_teacher h3 {
		width: 106px;
		margin: 0 auto 8px;
	}
	.et_box {
		width: 100%;
		margin-bottom: 24px;
		padding: 16px;
		border-radius: 16px;
	}
	.et_box h4 span {font-size: 1.16rem;}
	.et_b_img {
		top: -16px;
		left: 16px;
	}
}
/*-------------------------*/



/*---------------------------------------------------------------------------
速読教室
---------------------------------------------------------------------------*/
#sokudoku {
	width: 100%;
	margin: 0 0 40px;
	padding: 0;
	background: url("../image/back-b.jpg")fixed;
}

#soku_head {
	padding: 60px 0;
	box-sizing: border-box;
	background: url("../image/sokudoku/soku_head.jpg")no-repeat center;
	background-size: 100% auto;
}
#soku_head div {
	width: 430px;
	margin-left: 56%;
	line-height: 0;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#soku_head {padding: 24px 0;}
	#soku_head div {
		width: 360px;
		margin-left: 50%;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#soku_head {padding: 16px 0;}
	#soku_head div {
		width: 48%;
		margin-left: 50%;
	}
}

#soku_s1 {
	width: 1024px;
	margin: 0 auto;
	padding: 40px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#soku_s1 h3 {
	width: 503px;
	margin-left: -6px;
}
.soku_s1text {width: 50%;}
.soku_s1img {width: 50%;}

#soku_s2 {
	padding: 40px 0 60px;
	box-sizing: border-box;
	background: url("../image/back_b-line.png")fixed;
  mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/32px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) calc(50% + 16px) 100%/32px 51% repeat-x
}
#soku_s2 h3 {
	width: 428px;
	margin: 0 auto 16px;
}
#soku_s2 h4 {
	width: 220px;
	margin: 0 auto 8px;
}

.soku2_flex {
	width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.soku2_box {
	width: 30%;
	padding: 24px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 40px;
	border: solid 1px #00a1e9;
	box-shadow: 4px 4px 0 rgba(0,161,233,.5);
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#soku_s1,
	.soku2_flex {width: 90%;}
	
	#soku_s2 h3 {margin: 0 auto 8px;}
	#soku_s2 h4 {width: 100%;}
	.soku2_box {
		width: 32%;
		padding: 16px;
		border-radius: 20px;
		font-size: 14px;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#soku_s1,
	.soku2_flex {width: 100%;}
	
	#soku_s1 {
		display: block;
		padding: 16px 0;
	}
	#soku_s1 h3 {width: 90%;}
	.soku_s1text,
	.soku_s1img {
		width: 90%;
		margin: 0 auto;
	}

	#soku_s2 {padding: 40px 0 24px;}
	#soku_s2 h3 {
		width: 75%;
		margin: 0 auto 8px;
	}
	#soku_s2 h4 {width: 64%;}
	.soku2_flex {display: block;}
	.soku2_box {
		width: 90%;
		margin: 0 auto 16px;
		padding: 16px;
		border-radius: 20px;
		font-size: 14px;
	}
}
/*-------------------------*/



/*---------------------------------------------------------------------------
プログラミング
---------------------------------------------------------------------------*/
#programming {
	margin: 0 auto 40px;
	background: url("../image/back-pur.jpg")fixed;
}

#pro_s1 {}
#pro_head {
	padding: 60px 0;
	box-sizing: border-box;
	background: url("../image/programming/pro_head.jpg")no-repeat center;
	background-size: 100% auto;
}
#pro_head div {
	width: 544px;
	margin-left: 50%;
	line-height: 0;
}

.pro_s1box {
	width: 1024px;
	margin: 40px auto;
	font-size: 18px;
}
.pro_s1box h3 {
	width: 828px;
	margin: 0 auto;
}
.pro_s1box h4 {
	font-size: 1.25rem;
	text-align: center;
}


#pro_s2 {
	padding: 100px 0 80px;
	box-sizing: border-box;
	background: url("../image/back_pur-line.png")fixed;
  mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/32px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) calc(50% + 16px) 100%/32px 51% repeat-x
}
.pro_s2box {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border: solid 2px #a042ff;
	box-shadow: 8px 8px 0 #a042ff;
	border-radius: 40px;
}

.pro_s2box h3 {
	width: 440px;
	margin: -32px auto 16px;
}
.pro_s2box h4 {
	margin: 0 0 16px;
	display: flex;
	align-items: center;
	text-align: center;
}
.pro_s2box h4 img {width: 50%;}
.pro_s2box h4 img:first-child {
	padding-right: 16px;
	box-sizing: border-box;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#pro_head {padding: 32px 0;}
	#pro_head div {
		width: 40%;
		margin-left: 50%;
	}
	.pro_s1box,
	.pro_s2box {width: 90%;}
	.pro_s1box h3 {width: 100%;}
	
	.pro_s2box h3 {width: 50%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#pro_head {padding: 16px 0;}
	#pro_head div {
		width: 48%;
		margin-left: 48%;
	}
	.pro_s1box {
		width: 90%;
		margin: 16px auto;
		font-size: 16px;
	}
	.pro_s1box h3 {width: 100%;}
	
	#pro_s2 {
		padding: 64px 0 40px;
		border-radius: 16px;
	}
	.pro_s2box {width: 90%;}
	.pro_s2box h3 {
		width: 72%;
		margin: -24px auto 16px;
	}
	.pro_s2box h4 {margin: 0 0 8px;}
}

.pro_s2box ul {
	margin: 0;
	padding: 0 40px 40px;
	box-sizing: border-box;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.pro_s2box li {
	display: block;
	width: 50%;
	box-sizing: border-box;
}
.pro_s2box li:nth-child(odd) {
	padding-right: 40px;
	border-right: solid 1px #a042ff;
}
.pro_s2box li:nth-child(even) {padding-left: 40px;}
.pro_s2box li:nth-child(1),
.pro_s2box li:nth-child(2) {
	padding-bottom: 40px;
	border-bottom: solid 1px #a042ff;
}
.pro_s2box li:nth-child(3),
.pro_s2box li:nth-child(4) {padding-top: 40px;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.pro_s2box li:nth-child(odd) {padding-right: 16px;}
	.pro_s2box li:nth-child(even) {padding-left: 16px;}
	.pro_s2box li:nth-child(1),
	.pro_s2box li:nth-child(2) {padding-bottom: 16px;}
	.pro_s2box li:nth-child(3),
	.pro_s2box li:nth-child(4) {padding-top: 16px;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.pro_s2box ul {
		display: block;
		padding: 0 20px 20px;
		font-size: 14px;
	}
	.pro_s2box li {width: 100%;}
	
	.pro_s2box li:nth-child(odd) {
		padding-right: 0;
		border-right: 0;
	}
	.pro_s2box li:nth-child(even) {padding-left: 0;}
	.pro_s2box li:nth-child(1),
	.pro_s2box li:nth-child(2) {
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.pro_s2box li:nth-child(3) {
		padding-top: 0;
		border-bottom: solid 1px #a042ff;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.pro_s2box li:nth-child(4) {padding-top: 0;}
}

/*-------------------------*/



/*---------------------------------------------------------------------------
自考力キッズ
---------------------------------------------------------------------------*/
#jkids {
	width: 100%;
	margin: 0 0 40px;
	padding: 0;
	background: url("../image/back-p.jpg")fixed;
}

#jkids_head {
	padding: 60px 0;
	box-sizing: border-box;
	background: url("../image/jkids/jkids_head.jpg")no-repeat center;
	background-size: 100% auto;
}
#jkids_head div {
	width: 400px;
	margin: 0 0 0 10%;
	line-height: 0;
}

.jkids_sbox1,
.jkids_sbox2 {
	width: 1024px;
	margin: 0 auto;
}
.jkids_sbox1 h3 {
	width: 821px;
	margin: 40px auto 0;
	text-align: center;
}

.jkids_sbox2 {
	padding: 32px 40px 40px;
	margin-top: 40px;
	box-sizing: border-box;
	background: #fff;
	border: solid 2px #d83473;
	border-radius: 40px;
	box-shadow: 4px 4px 0 #d83473;
}
.jkids_sbox2 h3 {
	width: 660px;
	margin: 0 auto 16px;
	line-height: 1;
}
.jkids_sbox2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	line-height: 1.4;
}
.jkids_sbox2 li {width: 30%;}
.jkids_sbox2 li:nth-child(odd) {margin-top: 32px;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#jkids {padding: 0 0 40px;}
	#jkids_head {padding: 24px 0;}
	#jkids_head div {margin: 0 0 0 5%;}
	
	.jkids_sbox1,
	.jkids_sbox2 {width: 90%;}
	
	.jkids_sbox1 h3 {width: 80%;}
	
	.jkids_sbox2 {
		padding: 16px 24px 24px;
		font-size: 14px;
	}
	.jkids_sbox2 h3 {width: 90%;}
	.jkids_sbox2 li {width: 32%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#jkids {padding: 0 0 16px;}
	#jkids_head {padding: 16px 0;}
	#jkids_head div {
		width: 50%;
		margin: 0 0 0 8px;
	}
	
	.jkids_sbox1,
	.jkids_sbox2 {width: 90%;}
	.jkids_sbox1 h3,
	.jkids_sbox2 h3 {width: 100%;}
	
	.jkids_sbox1 h3 {margin: 16px auto 0;}
	
	.jkids_sbox2 {
		padding: 16px;
		margin-top: 16px;
		margin-bottom: 16px;
		border-radius: 16px;
		text-align: center;
	}
	.jkids_sbox2 ul {display: block;}
	.jkids_sbox2 li {width: 100%;}
	.jkids_sbox2 li:nth-child(odd) {margin-top: 0;}
	.jkids_sbox2 li:nth-child(2) {margin: 16px 0;}
}
/*-------------------------*/



/*---------------------------------------------------------------------------
seed
---------------------------------------------------------------------------*/
#seed {
	width: 100%;
	margin: 0 0 40px;
	padding: 40px 0;
	background: url("../image/back-g.jpg")fixed;
}

#seed_head {
	padding: 60px 0;
	box-sizing: border-box;
	background: url("../image/seed/seed_head.jpg")no-repeat center;
	background-size: 100% auto;
}
#seed_head div {
	width: 674px;
	margin: 0 0 0 10%;
	line-height: 0;
}

.seed_feature,
.seed_voice {
	width: 1040px;
	margin: 0 auto;
	padding: 40px;
	box-sizing: border-box;
	border-radius: 16px;
	background: #fff;
}

.seed_feature {margin-bottom: 40px;}
.seed_feature h4 {
	margin: 8px 0 0;
	font-size: 1.16rem;
	text-align: center;
}
.seed_feature h4 img {margin-top: 8px;}
.seed_feature hr {
	border: none;
	border-bottom: dotted 3px #0dac67;
	margin: 16px 0;
}
.seed_feature ul {
	margin: 8px 0;
	padding: 8px 16px;
	box-sizing: border-box;
	list-style-type: none;
	background: #fffaca;
	font-size: 1.25rem;
	line-height: 1.5;
}
.seed_feature ul strong {color: #e95504;}

.seed_voice {}
.seed_voice h3 {
	margin: -40px -40px 16px;
	padding: 8px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1;
	background: url("../image/back-o.jpg");
	color: #fff;
	border-radius: 16px 16px 0 0;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#seed {padding: 40px 0;}
	#seed_head {padding: 24px 0;}
	#seed_head div {
		width: 56%;
		margin: 0 0 0 4%;
	}
	
	.seed_feature,
	.seed_voice {
		width: 90%;
	}
	
	.seed_feature ul {font-size: 1.16rem;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#seed {padding: 16px 0;}
	#seed_head {padding: 8px 0;}
	#seed_head div {
		width: 50%;
		margin: 0 0 0 8px;
	}

	.seed_feature,
	.seed_voice {
		width: 90%;
		padding: 16px;
	}
	
	.seed_feature {margin-bottom: 16px;}
	.seed_feature ul {font-size: 1rem;}
	
	.seed_voice h3 {margin: -16px -16px 8px;}
}

/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------
料金・月謝
---------------------------------------------------------------------------*/
/*-------------------------共通スタイル*/
#price,
#m_tuition {
	width: 1024px;
	margin: 0 auto;
}
#price h3,
#m_tuition h3 {
	margin: 0 0 8px;
	padding: 4px 16px;
	box-sizing: border-box;
	line-height: 1.4;
	border-radius: 8px;
	letter-spacing: 2px;
	text-align: center;
}


.hidden_th,
.hidden_class,
.hidden {display: none;}

.hidden_sp {}

.price_left {
	width: 100%;
	margin: 8px 0 0;
	text-align: left;
	font-size: 14px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#price,
	#m_tuition {width: 90%!important;}
	#price {line-height: 1.4;}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#price,
	#m_tuition {width: 90%;}
	#price {
		text-align: left!important;
		line-height: 1.4;
	}
	
	.hidden_th,
	.hidden {
		display: inline;
		font-weight: bold;
		font-size: .8rem;
	}
	
	.hidden_th,
	.hidden_class {
		display: block;
		width: 100%;
		padding: 6px;
		box-sizing: border-box;
	}
	
	.hidden_th {margin: -8px 0 8px;}
	.hidden_class {margin: -8px 0 -9px;}
	
	.hidden_class {
		display: inline;
		font-weight: bold;
		font-size: .8rem;
		font-size: 1rem;
	}
	
	.hidden {width: 40%;}
	
	.hidden_sp {
		display: none;
		margin: 0;
		padding: 0;
		line-height: 0!important;
	}
}

/*-------------------------料金*/
#price {}
#price h3 {
	background: url("../image/back-b.jpg");
	color: #00a1e9;
}

.p_kakaku {
	font-size: 1.25rem;
	line-height: 1.25;
	font-weight: bold;
	color: #d70035;
}
.p_kakaku span {font-size: 1.5rem;}
#price strong {color: #d70035;}

#p_other {
	margin: 16px 0;
	padding: 16px;
	box-sizing: border-box;
	border: solid 2px #a0d8ef;
	border-radius: 16px;
}

#price ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#price ol li {}
#price ol li::before {
	content: "●";
	color: #00a1e9;
	margin-right: 4px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#p_other {text-align: left;}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#p_other {margin: 0;}
}

/*-------------------------月謝*/
#m_tuition {
	margin-bottom: 16px;
	line-height: 1.4;
}

.m_t_price {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.25;
	margin-bottom: 8px;
}
.m_t_price strong {
	font-size: 1.5rem;
	line-height: 1;
}

/*そろばん*/
.m_t_soroban {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.m_t_soroban h3 {
	width: 100%;
	background: url("../image/back-o.jpg");
	color: #ee7800;
}

.m_t_soroban table {
	width: 100%;
	border-collapse: collapse;
	border: solid 2px #ee7800;
	line-height: 1.25;
	font-weight: bold;
}
.m_t_soroban tr {}
.m_t_soroban th,
.m_t_soroban td {
	padding: 8px;
	box-sizing: border-box;
	border: solid 1px #ee7800;
}

.m_t_soroban th {
	background: #fffacd;
	color: #ee7800;
}
.m_t_soroban td {}
.m_t_soroban td br {display: none;}

.m_t_soroban .m_t_price {
	color: #ee7800;
	margin: -2px 0 0;
}

.m_t_soroban div {
	width: 24%;
	margin: 8px 0;
	padding: 16px;
	box-sizing: border-box;
	background: #ffffdb;
	border-radius: 16px;
	font-size: 14px;
	border: solid 2px #fac559;
}
.m_t_soroban h4 {
	margin: -16px -16px 8px;
	padding: 4px;
	background: #fac559;
	color: #fff;
	font-size: 1rem;
	line-height: 1.25;
	border-radius: 14px 14px 0 0;
}


@media screen and (max-width:736px) {/*スマートフォン*/
	.m_t_soroban table {border: solid 1px #ee7800;}
	.m_t_soroban th {
		display: none;
		line-height: 0;
	}
	.m_t_soroban td {
		padding: 8px 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: -1px;
		border: 0;
		border-bottom: dotted 1px #ee7800;
	}
	
	.m_t_soroban td br {display: block;}
	
	.m_t_soroban .hidden_th {
		background: #ee7800;
		color: #fff;
		border-top: solid 1px #ee7800;
		border-bottom: solid 1px #ee7800;
	}
	.m_t_soroban .hidden_class {
		background: #fffacd;
		color: #ee7800;
		border-top: solid 1px #ee7800;
		border-bottom: solid 1px #ee7800;
	}
	.m_t_soroban .hidden {color: #ee7800;}
	.m_t_soroban td p {width: 60%;}
	.m_t_soroban td p.m_t_price {color: #2b2b2b;}
	
	.m_t_soroban div {
		width: 100%;
		padding: 8px;
	}
	.m_t_soroban h4 {margin: -8px -8px 8px;}
}

/*習字*/
.m_t_shuji {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.m_t_shuji h3 {
	width: 100%;
	background: url("../image/back-g.jpg");
	color: #00a960;
}

.m_t_shuji table {
	width: 100%;
	border-collapse: collapse;
	border: solid 2px #00a960;
	line-height: 1.25;
	font-weight: bold;
}
.m_t_shuji tr {}
.m_t_shuji th,
.m_t_shuji td {
	padding: 8px;
	box-sizing: border-box;
	border: solid 1px #00a960;
}

.m_t_shuji th {
	background: #dbebc4;
	color: #00a960;
}
.m_t_shuji th br {display: none;}

.m_t_shuji .m_t_price {color: #00a960;}

.m_t_shuji p {width: 100%;}


@media screen and (max-width:736px) {/*スマートフォン*/
	.m_t_shuji table {border: solid 1px #00a960;}
	.m_t_shuji th {
		display: none;
		line-height: 0;
	}
	.m_t_shuji td {
		padding: 8px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: -1px;
		border: 0;
		border-bottom: dotted 1px #00a960;
	}
	.m_t_shuji th br {display: block;}

	.m_t_shuji .hidden_th {
		background: #00a960;
		color: #fff;
	}

	.m_t_shuji .hidden_class {
		background: #dbebc4;
		color: #00a960;
		border-top: solid 1px #00a960;
		border-bottom: solid 1px #00a960;
	}
	
	.m_t_shuji .hidden {color: #00a960;}
	
	.m_t_shuji td p {width: 60%;}
	.m_t_shuji td p.m_t_price {
		color: #2b2b2b;
		line-height: 1;
	}
}

#shuji_chart {
	margin: 16px 0 0;
	font-size: 14px;
	line-height: 1.4;
}
#shuji_chart h4 {font-size: 16px;}
#shuji_chart h5 {
	margin: 0 0 8px;
	padding: 4px 8px;
	box-sizing: border-box;
	font-size: 1rem;
	line-height: 1;
	background: #dbebc4;
	color: #00a960;
	border-radius: 4px;
}

#shuji_chart hr {
	border: none;
	margin: 16px 0;
}

.s_chart_h {
	margin: 0 0 8px;
	display: flex;
	align-items: baseline;
}
.s_chart_h p:last-child {margin-left: auto;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.s_chart_h {flex-wrap: wrap;}
	.s_chart_h p:last-child {
		width: 100%;
		margin-left: 0;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#shuji_chart {margin: 16px 0;}
	.s_chart_h {
		flex-wrap: wrap;
		margin: 0 0 4px;
	}
	.s_chart_h p:last-child {
		width: 100%;
		margin-left: 0;
	}
}

/*英会話*/
.m_t_english {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.m_t_english h3 {
	width: 100%;
	background: url("../image/w-pink.jpg");
	color: #e8383d;
}

.m_t_english table {
	width: 100%;
	border: solid 2px #e8383d;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
}

.m_t_english th,
.m_t_english td {
	padding: 8px;
	box-sizing: border-box;
	border: solid 1px #e8383d;
}

.m_t_english th {
	color: #e8383d;
	background: #ffeff7;
}
.m_t_english td {}

.m_t_english .m_t_price {color: #e8383d;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.m_t_english table {
		border: solid 1px #e8383d;
		font-size: 14px;
	}
	.m_t_english th {display: none;}
	.m_t_english td {
		margin: 0 0 -1px;
		padding: 8px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		border: 0;
		border-bottom: dotted 1px #e8383d;
	}
	.m_t_english td p {width: 60%;}

	.m_t_english .hidden_th {
		background: #e8383d;
		color: #fff;
		border-top: solid 1px #e8383d;
		border-bottom: solid 1px #e8383d;
	}

	.m_t_english .hidden_class {
		background: #ffeff7;
		color: #e8383d;
		border-top: solid 1px #e8383d;
		border-bottom: solid 1px #e8383d;
	}
	.m_t_english .hidden {color: #e8383d;}
	
	.m_t_english .m_t_price {
		color: #2b2b2b;
		line-height: 1;
	}
	
}

/*速読*/
.m_t_sokudoku {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.m_t_sokudoku h3 {
	width: 100%;
	background: url("../image/back-b.jpg");
	color: #00a1e9;
}

.m_t_sokudoku table {
	width: 100%;
	border-collapse: collapse;
	border: solid 2px #00a1e9;
	line-height: 1.25;
	font-weight: bold;
}
.m_t_sokudoku tr {}
.m_t_sokudoku th,
.m_t_sokudoku td {
	padding: 8px;
	box-sizing: border-box;
	border: solid 1px #00a1e9;
}
.m_t_sokudoku td br {display: none;}

.m_t_sokudoku th {
	background: #e0ffff;
	color: #00a1e9;
}

.m_t_sokudoku .m_t_price {color: #00a1e9;}

.m_t_sokudoku hr {
	width: 100%;
	border: 0;
	margin: 0;
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.m_t_sokudoku table {
		border: solid 1px #00a1e9;
		font-size: 14px;
	}
	.m_t_sokudoku th {display: none;}
	.m_t_sokudoku td {
		width: 100%;
		margin: 0 0 -1px;
		padding: 8px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		border: 0;
		border-bottom: dotted 1px #00a1e9;
	}
	.m_t_sokudoku td br {display: block;}

	.m_t_sokudoku .hidden_th {
		background: #00a1e9;
		color: #fff;
		border-top: solid 1px #00a1e9;
		border-bottom: solid 1px #00a1e9;
	}

	.m_t_sokudoku .hidden_class {
		background: #e0ffff;
		color: #00a1e9;
		border-top: solid 1px #00a1e9;
		border-bottom: solid 1px #00a1e9;
	}
	
	.m_t_sokudoku .hidden {color: #00a1e9;}
	
	.m_t_sokudoku td p {width: 60%;}
	.m_t_sokudoku td p.m_t_price {
		color: #2b2b2b;
		line-height: 1;
	}
}

/*自考力キッズ*/
.m_t_jkids {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.m_t_jkids h3 {
	width: 100%;
	background: url("../image/w-pink.jpg");
	color: #d83473;
}
.m_t_jkids div {
	width: 100%;
	margin: 8px 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m_t_jkids h4 {
	margin: 0;
	font-size: 1rem;
	display: flex;
	align-items: center;
	color: #d83473;
}
.m_t_jkids h4 span:nth-child(1) {
	padding: 6px 16px;
	background: #d83473;
	color: #fff;
	border-radius: 16px;
}
.m_t_jkids h4 span:nth-child(2) {
	padding: 0 16px;
	box-sizing: border-box;
	font-size: 1.25rem;
}
.m_t_jkids h4 span:nth-child(3) {
	margin: 0 16px 0 0;
	padding: 4px 16px;
	box-sizing: border-box;
	border-right: solid 1px #d83473;
	border-left: solid 1px #d83473;
}

.m_t_jkids .m_t_price {color: #d83473;}

@media screen and (max-width:736px) {/*スマートフォン*/
	.m_t_jkids div {flex-wrap: wrap;}
	.m_t_jkids h4 {
		flex-wrap: wrap;
		justify-content: center;;
	}
	.m_t_jkids h4 span:nth-child(1) {width: 100%;}
	.m_t_jkids h4 span:nth-child(2) {
		margin: 8px 0;
		padding: 0 16px 0 0;
	}
	.m_t_jkids h4 span:nth-child(3) {
		margin: 8px 0;
		padding: 2px 0 2px 16px;
		border-right: 0;
	}
}

/*ロボットプログラミング*/
.m_t_programming {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.m_t_programming h3 {
	width: 100%;
	background: url("../image/back-pur.jpg");
	color: #5a4498;
}
.m_t_programming div {
	width: 100%;
	margin: 8px 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m_t_programming h4 {
	margin: 0;
	font-size: 1rem;
	display: flex;
	align-items: center;
	color: #5a4498;
}
.m_t_programming h4 span:nth-child(1) {
	padding: 6px 16px;
	background: #5a4498;
	color: #fff;
	border-radius: 16px;
}
.m_t_programming h4 span:nth-child(2) {
	padding: 0 16px;
	box-sizing: border-box;
	font-size: 1.25rem;
}
.m_t_programming h4 span:nth-child(3) {
	margin: 0 16px 0 0;
	padding: 4px 16px;
	box-sizing: border-box;
	border-right: solid 1px #5a4498;
	border-left: solid 1px #5a4498;
}

.m_t_programming .m_t_price {color: #5a4498;}

@media screen and (max-width:736px) {/*スマートフォン*/
	.m_t_programming div {flex-wrap: wrap;}
	
	.m_t_programming h4 {
		flex-wrap: wrap;
		justify-content: center;
	}
	.m_t_programming h4 span:nth-child(1) {width: 100%;}
	.m_t_programming h4 span:nth-child(2) {
		width: 100%;
		margin: 8px 0 0;
		padding: 0;
	}
	.m_t_programming h4 span:nth-child(3) {
		width: 90%;
		margin: 4px auto;
		padding: 4px 0;
		border-right: 0;
		border-left: 0;
		border-top: solid 1px #5a4498;
		border-bottom: solid 1px #5a4498;
	}
}

/*seed*/
.m_t_seed {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.m_t_seed h3 {
	width: 100%;
	background: url("../image/back-g.jpg")!important;
	color: #65ab31!important;
}
.m_t_seed .m_t_price,
.m_t_seed .m_t_price strong {color: #65ab31!important;}

.m_t_seedb1,
.m_t_seedb2 {
	width: 48%;
	padding: 16px;
	box-sizing: border-box;
	border: solid 2px #65ab31;
	border-radius: 16px;
	text-align: center;
}

.m_t_seed h4 {
	margin: 0 0 8px;
	padding: 4px;
	box-sizing: border-box;
	background: #65ab31;
	color: #fff;
	line-height: 1;
	border-radius: 40px;
}

.m_t_seed ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	font-size: 1.25rem;
	display: flex;
	justify-content: center;
}
.m_t_seed li:first-child {margin-right: 16px;}
.m_t_seed_bold {
	font-size: 1.16rem;
	font-weight: bold;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.m_t_seed ul {display: block;}
	.m_t_seed li:first-child {margin-right: 0;}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.m_t_seed {display: block;}
	.m_t_seedb1,
	.m_t_seedb2 {width: 100%;}
	.m_t_seedb1 {margin-bottom: 8px;}
	.m_t_seed ul {display: block;}
	.m_t_seed li:first-child {margin-right: 0;}
}

/*----------プログラミング・自考力・seed外部リンク*/
.course_link {
	width: 1024px;
	margin: 0 auto;
	padding: 40px;
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: bold;
}
.course_link a {
	display: flex;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.course_link {
		width: 90%;
		padding: 16px;
	}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.course_link {
		width: 90%;
		margin: 8px auto;
		padding: 8px 16px;
		font-size: 1.25rem;
	}
}

.course_link a::after {
	content: "▶︎";
	margin-left: auto;
}

.course_link a:hover {opacity: .8;}

#jkids .course_link a {
	color: #d83473;
	border: solid 2px #d83473;
}

#programming .course_link a {
	color: #a042ff;
	border: solid 2px #a042ff;
}

#sokudoku .course_link a {
	color: #00a1e9;
	border: solid 2px #00a1e9;
}