@charset "UTF-8";
/* CSS Document */

@import url("style.css");

@font-face {
    font-family: rounded-l-mplus-1c-medium;
    src: url(rounded-l-mplus-1c-medium.ttf) format('truetype')
}

/*--------------------------------------------------------------------------------------------
　　共通部分
--------------------------------------------------------------------------------------------*/
#contents {width: 960px; margin:0 auto; padding-bottom:100px;}
#contents #main {width: 660px; float:left;}
aside {width:250px; float:right;}

#main_bg img {
  width: 100%;
}

@media screen and (max-width:960px){
#contents {width: 96%; margin:0 2%;}
#contents #main {width:70%; margin:0 0 3% 0;}
aside {width:27%;}

}
@media screen and (max-width:768px){
#contents {padding-bottom:0;}
#contents #main {width:100%; margin:0 0 3% 0; float:none;}
aside {float:none; width:100%; border-top:dotted 2px #CCC; padding:6% 0; margin:12% 0 0 0;}
}

#bread {padding:30px 0; font-size:75%; color:#999; line-height:20px;}
#bread a {padding:0; color:#999; }

#contents #bread #home {vertical-align:bottom;}

#page_title {
  position: relative;
}

#page_title h2.title { display:block; text-align:center; font-weight:bold; font-size:200%; color: #fff; position: absolute; left: 0; right: 0; top: 50%; margin: auto; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width:960px){
#page_title img {max-width:100%; padding:0 ; height:auto;}
}
@media screen and (max-width:768px){
#page_title {margin:0 0 0 0;}
#page_title img {margin:0 0 0 0;}
}
/*--------------------------------------------------------------------------------------------
　　サイドバー
--------------------------------------------------------------------------------------------*/
/* サイドナビ */

#subnav ul {
  margin-bottom:38px;
  text-shadow: 0 0 3px white;
  padding: 0.8em 0.8em;
  background: -webkit-repeating-linear-gradient(-45deg, #E3DDB5, #E3DDB5 2px,#fff 2px, #fff 5px);
  background: repeating-linear-gradient(-45deg, #E3DDB5, #E3DDB5 2px,#fff 2px, #fff 5px);
}
#subnav ul li a {font-size:88%; color:#333; display:block; padding:15px 0 15px 20px; background:#fff; margin-bottom:1px;}
#subnav .title {width:100%;}
#subnav .title a {font-size:110%; color:#fff; display:block; padding:30px 0 0 30px; background-color:#E3CD2E; height:70px; font-weight:bold; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

aside ul.contact_box li { margin-bottom: 20px;}
aside ul.contact_box li#btn_taiken a {width:100%; height:100px; display:block; background:url(../images/common/btn_taiken.jpg) left top no-repeat; text-indent:-9999px; background-size:100%; margin-top:0;}
aside ul.contact_box li#btn_shiryou a {width:100%; height:110px; display:block; background:url(../images/common/btn_shiryou.jpg) left center no-repeat; text-indent:-9999px; background-size:100%; margin-top:20px;}
aside ul.contact_box li a:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

@media screen and (max-width:960px){
#subnav ul li a {font-size:80%;}
aside ul.contact_box li#taiken a {margin-top:2%; height:220px;}
aside ul.contact_box li#btn_shiryou a {background-size:100%; margin-top:10%; height:100px;}
}
@media screen and (max-width:768px){
#subnav ul {width:100%; overflow:hidden; background:#E6E6E6; padding:2% 2% 2% 2%; background: -webkit-repeating-linear-gradient(-45deg, #E3DDB5, #E3DDB5 2px,#fff 2px, #fff 5px);
    background: repeating-linear-gradient(-45deg, #E3DDB5, #E3DDB5 2px,#fff 2px, #fff 5px);}
#subnav ul li a {font-size:88%; color:#333; display:inline-block; float:left; padding:15px 30px 15px 10px; background:#fff url(../images/common/arrow2.gif) no-repeat left center; background-size:6px;}

#subnav .title a {width:100%; display:block; float:none; padding:28px 0 0 5%; background-color:#E3CD2E ;
background-size:auto 56px;}
aside ul.contact_box li {width:49%; float:left; margin-right:2%;}
aside ul.contact_box li:last-child {margin-right:0;}
aside ul.contact_box li#taiken a {width:100%; height:170px; display:block; background:url(../images/common/bnr_taiken2.jpg) left center no-repeat; text-indent:-9999px; background-size:100%; margin-top:0;}
aside ul.contact_box li#btn_shiryou a {width:100%; height:170px; margin-top:0; background-size:100%;}
}

@media screen and (max-width:740px){
aside {width:100%; padding:6% 2%;}
#subnav .title a {width:100%; padding:28px 0 0 12%;}
#subnav ul li a {float:none; padding:6% 10%; background:#fff url(../images/common/arrow2.gif) no-repeat 3% center; background-size:6px; width: 100%; margin-bottom: 0;border-bottom: 1px dashed #a5952c;}
#subnav ul li:last-child a {
  border-bottom:none;
}
aside ul.contact_box li {width:100%; float:none; margin-right:5%;}
aside ul.contact_box li#taiken a {width:100%; height:0px;padding-top:44.4%; display:block; background:url(../images/common/bnr_taiken2.jpg) left center no-repeat; text-indent:-9999px; background-size:100%; margin-top:20px;}
aside ul.contact_box li#btn_taiken,
aside ul.contact_box li#btn_shiryou {width:100%;}
aside ul.contact_box li#btn_taiken a,
aside ul.contact_box li#btn_shiryou a {width:100%; height:0px;padding-top:44.4%;background-size:100%; margin-top:10%; }
}
/*-#bdb383-*/
/*--------------------------------------------------------------------------------------------
　　キッズクラブについて
--------------------------------------------------------------------------------------------*/
/* キッズクラブの教育方針 ============================================================= */
.policy .title1 {border:dashed 1px #D7DE21; background:#FFFFE7; margin-bottom:35px; overflow:hidden;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.policy .title1 h3 {color:#B0CD49; /*padding:10px;*/padding: 10px 5px; display:inline-block; width:80%; float:left; line-height:1; font-weight:bold;}
.policy .title1 span.icon {display:inline-block; background:#B0CD49 url(../images/about/icon02.png) no-repeat 50% 40%; width:10%; height:40px; float:left;}

.policy .title3 {border:dashed 1px #e1859f; background:#ffe7ee; margin-bottom:35px; overflow:hidden;
    border-radius: 10px;       /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.policy .title3 h3 {color:#e1859f; padding:10px 5px; display:inline-block; width:80%; float:left; line-height:1; font-weight:bold;}
.policy .title3 span.icon {display:inline-block; background:#e1859f url(../images/about/icon02.png) no-repeat 50% 40%; width:10%; height:40px; float:left;}

.policy .title4 {border:dashed 1px #f2a73b; background:#fffaf5; margin-bottom:35px; overflow:hidden;
    border-radius: 10px;       /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.policy .title4 h3 {color:#f2a73b; padding:10px; display:inline-block; width:80%; float:left; line-height:1; font-weight:bold;}
.policy .title4 span.icon {display:inline-block; background:#f2a73b url(../images/about/icon02.png) no-repeat 50% 40%; width:10%; height:40px; float:left;}
.policy .title5 h3 {color:#f2a73b; padding: 0 10px 10px 0; display:inline-block; line-height:1; font-weight:bold;}
.policy .title5 h3 span {color:#000; font-size: 70%; font-weight: normal;; padding:10px; display:inline-block; line-height:1; }

.policy .title6 h3 { margin: 20px 0; padding: 10px 10px 10px 4.5em; text-indent: -4em; line-height: 1.4; font-weight:bold; border-radius: 10px; color: #FFF; background-color: #E3CD2E;}
.policy .title6 h3::before { content: 'TOPIC'; margin-right: 10px; padding: 5px 10px; font-size: 80%; border-radius: 3px; background-color: #FFF; color: #E3CD2E; }


@media screen and (max-width:740px){
	.policy .title5 h3 {text-align: left;}

}

.policy_box1 {margin-bottom:60px; overflow:hidden;}
.policy_box3 {margin:60px 0; overflow:hidden;}

.policy_box1 p,
.policy_box2 p {font-size:88%; line-height:2;}

.policy_box1 img,
.policy_box2 img {display:block; margin-left:6%; float:right; padding:1% 0 0 0;}

.policy_box2 { padding:3%; margin-bottom:35px; overflow:hidden;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

#img01 {width: 40%;}
@media screen and (max-width:740px){
#img01 {width: 94%; display: block; margin-bottom: 5%;}
}
.policy_box2 .inner .title2 {width:140px; height:140px; background:url(../images/about/img_policy04.png) left top no-repeat; text-indent:-9999px; float:left;}
.policy_box2 .inner .title2#policy2 {background-image:url(../images/about/img_policy05.png);}
.policy_box2 .inner .title2#policy3 {background-image:url(../images/about/img_policy06.png);}

.policy_box2 .inner .right {margin-left:160px; float:none;}
.policy_box2 .inner .right p {font-size:75%;}
.policy_box2 .inner .right p.catch {font-size:98%; font-weight:bold;}
.policy_box2 .inner .right p.catch strong { font-weight:bold;}

.policy_box3 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_p.png) no-repeat left top; font-weight:bold;}

.policy_box4 { padding:3%; margin: 30px 0 0 0; overflow:hidden;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.policy_box4 p { font-size: 88%; }
.policy_box4 img { display: inline-block; }

.policy_box5{ margin:20px 0; overflow:hidden; }
.policy_box6{ display: inline-block; width: 350px; margin-left: 20px; }

.policy .catch_icon_g {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_g.png) no-repeat left top; font-weight:bold;}


.policy .catch_icon_p {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_p.png) no-repeat left top; font-weight:bold;}

.policy .catch_icon_o {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_o.png) no-repeat left top; font-weight:bold;}

.policy .p01 { border:dashed 1px #9ddfea; }
.policy .p01 .inner .right p.catch strong {color:#2089a5;}
.policy .p02 { border:dashed 1px #d7de21; }
.policy .p02 .inner .right p.catch strong {color:#95bc2c;}
.policy .p03 { border:dashed 1px #efbfca; }
.policy .p03 .inner .right p.catch strong {color:#d26b7f;}
.policy .p04 { border:dashed 1px #f2a73b; }
.policy .p04 .inner .right p.catch strong {color:#f2a73b;}

.policy .frame {margin: 20px 0; padding: 8px 0; background-color: #e1859f; text-align: center; color: #FFF; border-radius: 8px; text-shadow: none;}

.policy .power4 { margin: 20px 0; padding: 20px; background-color: #ffffe7; border-radius: 10px; }
.policy .power4 li { line-height: 1.7; font-weight: bold; color: #779a15; }

.policy .support_txt { width: 350px; margin-right: 20px; display: inline-block; }
.policy .support_ttl { font-weight: bold; }
.policy .annot { font-size: 88%; }



/*--------------------------------------------------------------------------------------------
　　授業システム
--------------------------------------------------------------------------------------------*/
/* 授業システム ============================================================= */
.system_box1 p.catch {font-size:113%; font-weight:bold; background:#5AACD2; color:#FFF; margin-top:10px; margin-bottom:15%; padding:2px 5px; text-shadow:none;text-align:left;}
.system_box1 p {font-size:88%;}
.system_box2 {margin-bottom:20px; overflow:hidden;}
.system_box2 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_b.png) no-repeat left top; font-weight:bold;}
.system_box2 p {font-size:88%; line-height:2;}

.system_box2 .system1 {width:30%; margin-right:4%; float:left;}
.system_box2 .system1 h3 {border:dashed 1px #59ACD4; background:#E4F5FF; overflow:hidden; width:96%; margin-bottom:10px; padding:5% 2%; text-align:center; color:#59ACD4; line-height:1.2; min-height:2.5em; vertical-align:middle; font-size:88%;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.system_box2 .system1 h3.single{position:relative; padding: 2% 0 2%;}
.system_box2 .system1 h3.single span{  position: absolute;top: 50%;left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);}
.system_box2 .system1:last-child {margin-right:0;}
.system_box2 p {font-size:75%;}

.system_box3 {overflow:hidden;}
.system_box3 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_b.png) no-repeat left top; font-weight:bold;}
.system_box3 .title1 {border:dashed 1px #59ACD4; background:#E4F5FF; overflow:hidden; font-size:88%; width:100%; margin-bottom:10px; padding:2%; text-align:left; color:#59ACD4; line-height:1;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.system_box3 p {font-size:75%; line-height:1; margin-bottom:6%;}
.system2 {width:48%; margin-right:4%; float:left;}
.system2.even {margin-right:0;}
.system2 p {font-size:75%; margin-bottom:12%; padding:2% 0 0 0;}
@media screen and (max-width:768px){
.system_box1 {overflow:hidden;}
.system_box1 img {width:52%; float:right; margin-left:6%;}
.system_box1 p.catch {width:42%;}
}

/* 言語分野 ============================================================= */
.gengo_box1 {overflow:hidden;}
.gengo_box1 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_o.png) no-repeat left top; font-weight:bold;}
.gengo_box1 p {font-size:75%; line-height:1; padding:2% 0 0 0; line-height:1.4;}
.gengo1 {width:48%; margin-right:4%; float:left; margin-bottom:12%;}
.gengo1.even {margin-right:0;}

.gengo_tbl1 {border-left:solid 1px #E1859F; border-top:solid 1px #E1859F; width:100%; margin-bottom:5%;}
.gengo_tbl1 tr td {border-right:solid 1px #E1859F; width:21%; border-bottom:solid 1px #E1859F; background:#FFF; font-size:75%; line-height:1.5; vertical-align:top;}
.gengo_tbl1 tr td.title {background:#E1859F; color:#FFF; width:12%; text-align:center; font-size:113%; vertical-align:middle;}
.gengo_tbl1 tr td.title .small {font-size:68%;}
.gengo_tbl1 tr td .title {display:block; background:#FFE7EE; border-bottom:solid #E1859F 1px; color:#E1859F; text-align:center; font-size:113%; padding:2% 0;}
.gengo_tbl1 tr td div {padding:3% 8%;}

.gengo_tbl1.age5 {border-color:#ADCA49;}
.gengo_tbl1.age5 tr td {border-color:#ADCA49;}
.gengo_tbl1.age5 tr td.title {background:#ADCA49;}
.gengo_tbl1.age5 tr td .title {background:#FFFFE4; color:#ADCA49; border-color:#ADCA49;}

a.btn {background:#ADCA49; color:#FFF; display:block; font-size:88%; padding-left:2%; margin:2% 0;
	border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
}
a.btn .small {font-size:88%;}
a.btn:hover {text-decoration:none; background:-moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80);}

.gengo_tbl1.age6 {border-color:#5BA9CF;}
.gengo_tbl1.age6 tr td {border-color:#5BA9CF;}
.gengo_tbl1.age6 tr td.title {background:#5BA9CF;}
.gengo_tbl1.age6 tr td .title {background:#DEEEFF; color:#5BA9CF; border-color:#5BA9CF;}
.gengo_tbl1.age6 a.btn {background:#5BA9CF;}

.gengo_box2 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_o.png) no-repeat left top; font-weight:bold;}
.gengo_box2 p {font-size:88%; padding-bottom:8%;}
.gengo_box2 p:last-child {padding-bottom:0;}
.gengo_box3 {padding-bottom:8%; overflow:hidden;}
.gengo_box3 img {width:48%; margin-right:4%; float:left;}
.gengo_box3 img.even {margin-right:0;}

/* 数分野 ============================================================= */
.kazu_box1 {overflow:hidden; margin-bottom:14%;}
.kazu_box1 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_b.png) no-repeat left top; font-weight:bold;}

.kazu_box2 {background:url(../images/common/line.png) 12px 10px repeat-y;}
.kazu_box2 .title {background:url(../images/system/img_kazu03.png) left top no-repeat;}
.kazu_box2 .title p {padding:0 5px 2px 100px; font-size:116%; font-weight:bold;}
.kazu_box2 p {font-size:75%; padding:20px 20px 80px 70px;}
.kazu_box2 .inner p {padding:20px 20px 0 0;}
.kazu_box2 .inner {background:#FFF; padding-left:70px;}
.kazu_box2 .title#kazu2 {background-image:url(../images/system/img_kazu04.png);}
.kazu_box2 .title#kazu3 {background-image:url(../images/system/img_kazu05.png); background-position:left bottom;}
.kazu_box2 .inner img {margin:5% 0;}

@media screen and (max-width:768px){
.kazu_box1 img {margin-left:5%;}
.kazu_box2 .inner img {padding-right:70px;}
}

/* 思考推理分野 ============================================================= */
.shikou_box1 {margin-bottom:30px;}
.shikou_box1 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_o.png) no-repeat left top; font-weight:bold;}
.shikou_box1 p {font-size:75%; line-height:2; padding-right:10px;}

.shikou_box2 {overflow:hidden; margin-bottom:6%;}
.shikou_box2 .shikou1 {width:30%; float:left;}
.shikou_box2 .shikou1 p {font-size:69%;}
.shikou_box2 .shikou_arrow {width:5%; float:left; height:auto; padding-top:25%; background:url(../images/system/shikou_arrow.png) center 50% no-repeat; text-indent:-9999px;}

p.shikou2 {font-size:75%; margin-bottom:12%;}

.shikou_box3 {overflow:hidden; margin-bottom:6%;}
.shikou_box3 .shikou2 {width:46%; margin-right:7%; float:left;}
.shikou_box3 .shikou2 h3 {border:dashed 1px #F2A73B; background:#FFEFE4; overflow:hidden; width:100%; margin-bottom:10px; padding:5% 2%; text-align:center; color:#F2A73B; line-height:1.2; vertical-align:middle; font-size:107%; font-weight:bold;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.shikou_box3 .shikou2 h3 .small {font-size:80%; line-height:2;}
.shikou_box3 .shikou2:last-child {margin-right:0;}
.shikou_box3 p {font-size:75%;}

.shikou_box4 {overflow:hidden; width:100%;}
.shikou_box4 img {float:left; width:48%;}
.shikou_box4 img:last-child { width:52%;}

/* 使用教具 ============================================================= */
.tool_box1 {margin-bottom:30px;}
.tool_box1 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_p.png) no-repeat left top; font-weight:bold;}
/* .tool_box1 p {font-size:75%; line-height:2; padding-right:10px;} */
.tool_box1 p.note {font-size:75%; line-height:2; text-align:center; margin:8% 0;}
.tool_box2 {overflow:hidden; margin-bottom:5%;}
.tool1 {width:46%; float:left; margin-right:7%; background:#CCC; padding:1px;}
.tool1:last-child {margin-right:0;}
.tool1 a {text-decoration:none; display:block; text-align:center; color:#333; background:#FFF;}
.tool1 a p {display:inline-block; padding:4% 0; font-size:100%; font-weight:bold;}
.tool1 a:hover p {color:#888;}
.tool1 a img {display:inline-block; max-height:220px; background:#FFF; text-align:center;}

@media screen and (max-width:768px){
.tool1 a img {display:inline-block; max-width:314px; height:220px; padding-top:4%; overflow:hidden;}
}

/* 読み聞かせ講座(2018/5/14追加) ======================================== */

.yomikikasekosya{border:1px solid #666; padding:1px 2px 0 8px; margin-right:6px; letter-spacing:0.4em; vertical-align:2px;}
.yomikikase .title1 {
	border:dashed 1px #D7DE21;
	background:#FFFFE7;
	margin-bottom:35px;
	overflow:hidden;
    border-radius: 10px;
}
.yomikikase .title1 h3 {color:#B0CD49; padding:10px; display:inline-block; width:80%; float:left; line-height:1; font-weight:bold;}
.yomikikase .title1 span.icon {display:inline-block; background:#B0CD49 url(../images/about/icon02.png) no-repeat 50% 40%; width:10%; height:40px; float:left;}

.yomikikase_check{margin-bottom: 60px;background-color:#E5E5E5;padding:2%;}
.check_mincho {float:left;font-size:125%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;width:25%;line-height:1.4;}
.check_mincho span{display:inline-block;}
.check_list{float:right;width:75%;}

.check_list ul li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:10px;
	font-size:80%;
	}
.check_list ul li::before{
	content:'□';
	}
.check_list ul li:last-child{margin-bottom:0;}
.yomikikase_box1 {overflow:hidden;margin-bottom: 60px;}
.yomikikase_box1 .catch,
.yomikikase_box2 .catch,
.yomikikase_box3 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_g.png) no-repeat left center; font-weight:bold;}
.yomikikase_box2 {margin-bottom: 60px;}
.yomikikase_box2 .catch{font-size:110%;line-height:1.5em;}
.yomikikase_box2_text_catch{font-weight:600;color:#68AD28;}
.yomikikase_box2_text img{float:right;width:45%;padding:0 0 10px 10px;}

.yomikikase .marker_p{
	background-image: linear-gradient(to top,#FFB6CE 50%,transparent 50%);
	}
.yomikikase_box3 {margin-bottom: 60px;}
.yomikikase_box3_text_catch {margin-bottom:20px;}
.yomikikase_basic,
.yomikikase_advanced{
	padding: 3%;
	margin-bottom: 35px;
	overflow: hidden;
	border-radius: 10px;}

.yomikikase_basic{
	background-color:#FFE6ED;
	border:dashed 1px #E0849E;
	}
.yomikikase_advanced{
	background-color:#E3F4FF;
	border:dashed 1px #59ABD3;
	}
.basic_title{color:#F1518D;font-size:18px;font-weight:600;margin-bottom:3%;}
.advanced_title{color:#15B2F8;font-size:18px;font-weight:600;margin-bottom:3%;}
.flow_container{margin-bottom:20px;}
.yomikikase_flow01,
.yomikikase_flow02,
.yomikikase_flow03{
	width:29%;
	float:left;
	margin-right:6.5%;
	position:relative;
	}
.yomikikase_flow03{
	margin-right:0;
	}
.yomikikase_box3 .yomikikase_basic dl dt{background-color:#F1518D;border-radius:0.6em;text-align:center;color:#fff;font-size:90%;line-height:1.4;}
.yomikikase_box3 .yomikikase_advanced dl dt{background-color:#15B2F8;border-radius:0.6em;text-align:center;color:#fff;font-size:90%;line-height:1.4;}

.yomikikase_box3 dl dd.flow_text{font-size:85%;line-height:1.2;}

.yomikikase_flow01::after,
.yomikikase_flow02::after{
	content: url(../images/system/img_yomikikase_arrow.jpg);
    position:absolute;
	top: 50%;
	right:-44px;
	margin-top:-13px;
	}


table.basic_gaiyou,
table.advanced_gaiyou{
	clear:both;
	width:100%;
	border-collapse:collapse;
	line-height:1.6;
	}
table.basic_gaiyou th{
	background-color:#F1518D;
	color:#fff;
	text-align:center;
	width:6em;
}
table.advanced_gaiyou th{
	background-color:#15B2F8;
	color:#fff;
	text-align:center;
	width:6em;
}
table.basic_gaiyou td,
table.advanced_gaiyou td{
	background-color:#fff;
	}
table.basic_gaiyou th,
table.basic_gaiyou td{
	padding:10px;
	border:solid 1px #F1518D;
	font-size:82%;
	}
table.advanced_gaiyou th,
table.advanced_gaiyou td{
	padding:10px;
	border:solid 1px #15B2F8;
	font-size:82%;
	}
table.basic_gaiyou th.border_w,
table.advanced_gaiyou th.border_w{
	border-bottom:solid 1px #fff;
	}
table.basic_gaiyou td a,
table.advanced_gaiyou td a{
	font-size:90%;
	text-decoration:underline;
	display:inline-block;
	}

.bibliobattle {
	border:solid 4px #F8BD00;
	padding:2%;
	}
.bibliobattle_text{
	font-size:75%;
	line-height:1.6;
	margin-bottom:10px;
	position:relative;
	padding-left:110px;
	}
.bibliobattle_text::before{
	content: url(../images/system/img_yomikikase08.jpg);
	position:absolute;
	top: 0;
	left:0;
	}
.bibliobattle_text2{
	font-size:75%;}
.bibliobattle dl {
	width:100%;
	display:table;
	}

.bibliobattle dl dt{
	display:table-cell;
	width:6em;
	padding:10px 0;
	text-align:center;
	}
.bibliobattle dl dt span{
	background-color:#717071;
	color:#fff;
	padding:5px 0;
	width:100%;
	display:inline-block;
	}
.bibliobattle dl dd{
	display:table-cell;
	padding:10px;
	}
.bibliobattle dl dd img{
	width:100%;
	}
.bibliobattle dl dd p{
	font-size:70%;
	text-align:right;
	}
@media screen and (max-width:768px){
.yomikikase .title1{
	width: 100%;
	border: none;
	border-bottom: dashed 1px #D7DE21;
	background: none;
	margin-bottom: 35px;
	border-radius: 0;}
.yomikikase .title1 span.icon {
    background: none;
    float: none;
    height: 0;
}
.yomikikase .title1 h3 {
    padding: 0 0 3%;
    width: 96%;
    float: none;
    line-height: 1.5;
    font-weight: bold;
    font-size: 125%;
}
.yomikikase_box2 .catch {
    font-size: 110%;
    line-height: 1.5em;
}

}
@media screen and (max-width:740px){
.check_mincho {float:none;font-size:125%;width:100%;line-height:1.4;margin-bottom:10px;}
.check_list{float:none;width:100%;}
.yomikikase_box2_text img {
    float: none;
    width: 60%;
    padding:0;
	display:block;
	margin:0 auto;
}
.yomikikase_flow01,
.yomikikase_flow02,
.yomikikase_flow03 {
    width: 100%;
    float: none;
    margin-right: 0;
    position: relative;
}
.flow_container dl dd img{
	max-width:180px;
	display:block;
	margin:0 auto;
	}
.yomikikase_flow01,
.yomikikase_flow02{
	padding-bottom:60px;
	}
.yomikikase_flow01::after,
.yomikikase_flow02::after {
    content: '';
	background:url(../images/system/img_yomikikase_arrow.jpg);
	background-position:center bottom;
    position: absolute;
    bottom:0;
	top:100%;
	left:50%;
	margin-top:-44px;
	margin-left:-26px;
	right:0;
	width:44px;
	height:26px;
	 -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
table.basic_gaiyou th,
table.basic_gaiyou td,
table.advanced_gaiyou th,
table.advanced_gaiyou td{
	display:block;
	width:100%;
	text-align:left;
	font-size:80%;
	}
.inner table.basic_gaiyou th,
.inner table.advanced_gaiyou th{
	padding:2px 10px;
	border-bottom:none;
	}
.bibliobattle_text {
	padding: 40px 0 0 0;
	}
.bibliobattle_text::before {
    content: url(../images/system/img_yomikikase08.jpg);
    position: absolute;
    top: 0;
    left: 0;
}
.bibliobattle dl dt {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}.bibliobattle dl dd {
    display: block;
    padding: 10px;
	text-align:center;
}
.bibliobattle dl dd img{
	max-width:300px;
	margin:0 auto;
	}
	}


/* 国語 算数============================================================= */
#contents #main{max-width: 100%;}

.koku_san h3{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
/*	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
}
.koku_san h3::after{
	content: url(../images/common/icon_p.png);
	display: inline-block;
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
}
.koku_san h4{
	/*font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	color: #E1859F;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 30px 0 10px 0;
	line-height: 1.5;
}
.koku_san .read {
    font-size: 12px;
}
.koku_san .left{
	width: 68%;
	float: left;
}
.koku_san h5 {
	margin-top: 30px;
	width: 100%;
}
.koku_san h5 img {
	width: 100%;
}
.koku_san .box{
	width: 100%;
}
.koku_san .box span img {
	margin: 15px 0;
}
.koku_san .right{
	margin-top: 8px;
	width: 30%;
}
.koku_san .right img{
	width: 100%;
}
.koku_san .textbook{
	margin: 20px 0;
}
.koku_san .textbook .textbook_img3 p{
	width: calc(100%/4);
	float: left;
	padding: 70px 0;
}
.koku_san .gallery .textbook_img3{
	background: url(../images/system/japanese_06.jpg) no-repeat top center;
	background-size: contain;
	overflow: hidden;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
.koku_san .zoom{
	font-size: 10px;
	text-align: right;
}
.koku_san .single span img {
	width: 35%;
	float: left;
	margin-left: 35px;
}
.koku_san .textbook .textbook_img3{
	background: url(../images/system/japanese_06.jpg) no-repeat top center;
	background-size: contain;
	overflow: hidden;
	width: 100%;
}
.koku_san .single .gallery .textbook_img3{
	background: url(../images/system/japanese_13.jpg) no-repeat top center;
	background-size: contain;
	overflow: hidden;
	width: 100%;
	padding: 30px 30px;
	box-sizing: border-box;
	margin-top: 30px;
}
.koku_san .single .textbook .textbook_img3 p{
	width: calc(90%/2);
	float: left;
	margin-right: 5%;
	padding: 50px 0 70px 0;
}
.koku_san .single{
	overflow: hidden;
	margin-bottom: 30px;
	width: 100%;
}
.koku_san .single .gallery .textbook_img3{
	background: url(../images/system/japanese_23.jpg) no-repeat top center;
	background-size: contain;
	overflow: hidden;
	width: 100%;
	padding: 30px 30px;
	box-sizing: border-box;
	margin-top: 30px;
}
.koku_san button{
	width: 70%;
	margin: 40px auto;
	padding: 10px 20px 7px;
	background: #E1859F;
	border: none;
	font-size: 14px;
	/*font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	display: block;
	position: relative;
	box-sizing: border-box;
}
.koku_san button a::after{
	content: "▶︎";
	position: absolute;
	right: 10px;
}
.koku_san button a{
	text-decoration: none;
	color: #fff;
	display: block;
	vertical-align: baseline;
}
.koku_san h6{
	font-size: 20px;
	margin: 10px 0;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
	letter-spacing: 1px;
	color: #B4A089;
	font-weight: bold;
}
.sansu .textbook .textbook_img1 p{
	width: calc(100%/3);
	float: left;
	padding: 70px 0 ;
}
.sansu .gallery .textbook_img1{
	background: url(../images/system/math_06.jpg) no-repeat top center;
	background-size: contain;
	overflow: hidden;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
.sansu .single p.read{
	width: 100%;

}
.sansu .single .left{
	width: 65%;
}
.sansu .gallery .textbook_img2{
	background: url(../images/system/math_17.jpg) no-repeat top center;
	background-size: contain;
	overflow: hidden;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.sansu .textbook .textbook_img2 p{
	width: calc(74%/2);
	float: right;
	padding: 92px 0 100px;
}
.sansu .textbook .textbook_img2 p img{
	width: 78%;
	text-align: right;

}
@media screen and (max-width:740px){
	.koku_san .zoom img{
		width: 21px;
	}
}
@media screen and (max-width:640px){
	.koku_san br.sp_only{
		display: block;
	}
	.koku_san button{
		width: 85%;
		text-align: left;
	}
	.koku_san button a::after{
		content: "▶︎";
		position: absolute;
		right: 10px;
		top: 23px;
	}
	.koku_san .left{
		width: 100%;
	}
	.koku_san .right{
		margin-top: 0;
		width: 100%;
	}
	.koku_san .textbook .textbook_img3 p{
		width: calc(100%/5);
		float: left;
		padding: 47px 0;
	}
	.koku_san .single .textbook .textbook_img3 p{
		padding: 27px 0 30px 0;
	}
	.sansu .single .left{
		width: 100%;
	}
}
@media screen and (max-width:480px){
}


/* 国語 算数ここまで ============================================================= */

/*--------------------------------------------------------------------------------------------
　　カリキュラム
--------------------------------------------------------------------------------------------*/
/* カリキュラム ============================================================= */
.curriculum_box1 {overflow:hidden; margin-bottom:9%;}
.curriculum_box1 .catch {font-size:150%; padding:10px 10px 12px 0; margin-bottom:20px; line-height:1; font-weight:bold; color:#F17E19; border-bottom: 2px solid #F17E19; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.curriculum_box1 p {line-height:1.8; margin-bottom:5%;}
.curriculum_box1 p.small {font-size:75%; margin-bottom:0;}
.curriculum_box1 img {float:right; margin-left: 8%;}
.curriculum_box1 .left {float:none;}
.curriculum_box1 h3 { margin-bottom: 20px; padding-top: 20px; font-weight: bold;}

.curriculum_box2 {overflow:hidden;}
.curriculum_box2 .curriculum1 {width:30%; margin-right:5%; float:left;}
.curriculum_box2 .curriculum1:last-child {margin-right:0;}
.curriculum_box2 p {font-size:75%; line-height:1.4; margin-top:3%;}

@media screen and (max-width:740px) {
	.curriculum_box1 img {float:none; margin-left: 0;}
}

/* 年少 ============================================================= */
#main.age {overflow:hidden; margin-bottom:9%;}
.pdf_note {text-align:right; margin-bottom:2%;}
.pdf_note a { font-size:86%; color:#333;}
.age4 table {width:100%; border-left:solid 1px #E1859F; border-top:solid 1px #E1859F;}
.age4 table tr th {font-size:88%; color:#E1859F; font-weight:bold; text-align:center; line-height:1.2; padding:1.5% 0; border-right:solid 1px #E1859F; border-bottom:solid 1px #E1859F;}
.age4 table tr th.wide1 {width:7%;}
.age4 table tr td {font-size:69%; padding:1% 0; line-height:1.2; text-align:center; border-right:solid 1px #E1859F; border-bottom:solid 1px #E1859F; min-height:2em;}
.age4 table tr.even td.bg {background:#FFF;}
.age4 table tr.even td {background:#EEE;}
.age4 table tr td.num,
.age4 table tr.even td.num {font-size:94%; color:#E1859F; font-weight:bold; padding:0 1%; width:6%;}
.age4 table tr td.month {font-size:113%; color:#FFF; font-weight:bold; background:#EBAFBE; padding:0 1%; width:9%;}
.age p.annot {font-size:75%; margin:2% 0 0 0;}
.age4 table tr td.month.odd {background:#E1859F;}

.age_box1 {margin-top:70px; overflow:hidden;}
.age_box1 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_o.png) no-repeat left top; font-weight:bold;}
.age_box1 p {font-size:88%; line-height:2;}
.age_box1 .age1 {width:30%; margin-right:5%; float:left;}
.age_box1 .age1:last-child {margin-right:0;}
.age_box1 p {font-size:75%; line-height:1.4; margin-top:3%;}

/* 年中 ============================================================= */
#main.age {overflow:hidden; margin-bottom:9%;}
.age5 table {width:100%; border-left:solid 1px #B0CD49; border-top:solid 1px #B0CD49;}
.age5 table tr th {font-size:88%; color:#B0CD49; font-weight:bold; text-align:center; line-height:1.2; padding:1.5% 0; border-right:solid 1px #B0CD49; border-bottom:solid 1px #B0CD49;}
.age5 table tr th.wide1 {width:7%;}
.age5 table tr td {font-size:69%; padding:1% 0; line-height:1.2; text-align:center; border-right:solid 1px #B0CD49; border-bottom:solid 1px #B0CD49; min-height:2em;}
.age5 table tr.even td.bg {background:#FFF;}
.age5 table tr.even td {background:#EEE;}
.age5 table tr td.num,
.age5 table tr.even td.num {font-size:94%; color:#B0CD49; font-weight:bold; padding:0 1%; width:6%;}
.age5 table tr td.month {font-size:113%; color:#FFF; font-weight:bold; background:#C7DC7C; padding:0 1%; width:9%;}
.age p.annot {font-size:75%; margin:2% 0 0 0;}
.age5 table tr td.month.odd {background:#B0CD49;}


/* 年長 ============================================================= */
#main.age {overflow:hidden; margin-bottom:9%;}
.age6 table {width:100%; border-left:solid 1px #5AADD5; border-top:solid 1px #5AADD5;}
.age6 table tr th {font-size:88%; color:#5AADD5; font-weight:bold; text-align:center; line-height:1.2; padding:1.5% 0; border-right:solid 1px #5AADD5; border-bottom:solid 1px #5AADD5;}
.age6 table tr th.wide1 {width:7%;}
.age6 table tr td {font-size:69%; padding:1% 0; line-height:1.2; text-align:center; border-right:solid 1px #5AADD5; border-bottom:solid 1px #5AADD5; min-height:2em;}
.age6 table tr.even td.bg {background:#FFF;}
.age6 table tr.even td {background:#EEE;}
.age6 table tr td.num,
.age6 table tr.even td.num {font-size:94%; color:#5AADD5; font-weight:bold; padding:0 1%; width:6%;}
.age6 table tr td.month {font-size:113%; color:#FFF; font-weight:bold; background:#88C4E1; padding:0 1%; width:9%;}
.age p.annot {font-size:75%; margin:2% 0 0 0;}
.age6 table tr td.month.odd {background:#5AADD5;}
.age6 table tr td.preparation { background:#BADDED;}


/* 小学1年生・2年生　国語 算数 ============================================================= */

.c_sho1_2 br.sp_only{
	display: none;
}
.c_sho1_2 #main_column {float:left; max-width:100%; position: relative;}
.c_sho1_2 #main_column h2 {margin-bottom:20px;}

.c_sho1_2 h3{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	/*font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
}
.c_sho1_2 h3::after{
	content: url(../images/common/icon_b.png);
	display: inline-block;
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
}
.c_sansu h3::after{
	content: url(../images/common/icon_b.png);
	display: inline-block;
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
}
.c_sho1_2 h4{
	/*font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	color: #E1859F;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 30px 0 10px 0;
	line-height: 1.5;
}
.c_sansu h4{
	/*font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	color: #5D9BBE;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 30px 0 10px 0;
	line-height: 1.5;
}
.c_sho1_2 .read{
	font-size: 12px;
}
.c_sho1_2 h5{
	background-color: #2198DA;
	padding: 10px 20px;
	margin-top: 50px;
	/*font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	color: #fff;
	letter-spacing: 2px;
}
.c_sho1_2 span img{
	margin-top: 30px;
}
.c_sho1_2 h6::after{
	content: "●";
	color: #00693E;
	float: left;
}
.c_sho1_2 .attention{
	text-align: left;
	font-size: 10px;
	position: absolute;
	right: 0;
	display: block;
}
.c_sho1_2 h6{
	font-size: 16px;
	/*font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	margin: 30px 0 15px 0;
}
.c_sho1_2 .box{
	margin: 0 0 50px 0;
}
.c_sho1_2 .box p{
	font-size: 14px;
	line-height: 1.5;
}
.c_sho1_2 .box .koshu{
	width: calc(95%/3);
	float: left;
	margin-top: 30px;
	margin-right: 2.5%;
}
.c_sho1_2 .box .koshu:last-child{
	margin-right: 0;
}
.c_sho1_2 .box{
	overflow: hidden;
}
.c_sho1_2 .box .koshu img{
	width: 100%;
}
.c_sho1_2 .box .koshu p{
	color: #00693E;
	font-weight: bold;
	letter-spacing: 1px;
}
.c_sho1_2 .box .koshu p.read{
	color: #000;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 0;
	text-align: justify;
}
.c_sho1_2 h5:nth-of-type(2){
	background-color: #64C671;
}
#c_sho1_2 #page_title h2.title{
	background: url(../images/curriculum/bg_pagetitle_ckokugo.png) no-repeat center center;
}
.c_sho1_2 .box .koshu p:nth-of-type(1){
	margin: 10px 0;
}
.c_sho1_2 button{
	width: 70%;
	margin: 40px auto;
	padding: 10px 20px 7px;
	background: #E1859F;
	border: none;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	display: block;
	position: relative;
	box-sizing: border-box;
}
.c_sho1_2 button a::after{
	content: "▶︎";
	position: absolute;
	right: 10px;
}
.c_sho1_2 button a{
	text-decoration: none;
	color: #fff;
	display: block;
	vertical-align: baseline;
}
@media screen and (max-width:740px){
	#c_sho1_2 .box .koshu{
		width: calc(100%/1);
		float: left;
		margin-top: 30px;
		margin-right: 2.5%;
	}
}
@media screen and (max-width:640px){
	.c_sho1_2 br.sp_only{
		display: block;
	}
	.c_sho1_2 button{
		width: 85%;
		text-align: left;
	}
	.c_sho1_2 button a::after{
		content: "▶︎";
		position: absolute;
		right: 10px;
		top: 23px;
	}
}
@media screen and (max-width:480px){
}


/* 小学1年生・2年生　国語 算数ここまで============================================================= */

/*--------------------------------------------------------------------------------------------
　　授業内容
--------------------------------------------------------------------------------------------*/
/* 生徒作品 ============================================================= */
.class_box1 p {font-size:88%; line-height:2;}
.class_box1 p.note {font-size:75%; line-height:2; text-align:center; margin:8% 0;}

.class_box2, .class_box3, .class_box4, .class_box5 {margin-top:10%;}


.class_box2 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_g.png) no-repeat left top; font-weight:bold;}
.class_box2 .w_item {width:44%; float:left; display:block; margin-right:8%;}
.class_box2 .w_item:last-child {margin-right:0;}
.class_box2 .w_item img {padding:2%; border:solid 1px #CCC;}


.class_box3 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_o.png) no-repeat left top; font-weight:bold;}
.class_box3 .w_item p.title {color:#FFF; background:#F7AC3B; padding:4% 0; width:100%; text-align:center; margin:3% 0 0 0; font-weight:bold; text-shadow:none;}
.class_box3 .w_item {width:30%; float:left; display:block; margin-right:4%;}
.class_box3 .w_item img {padding:2%; border:solid 1px #CCC; width:95%;}
.class_box3 .w_item:last-child {margin-right:0;}


.class_box4 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_b.png) no-repeat left top; font-weight:bold;}
.class_box4 .w_item {width:46%; float:left; display:block; margin-right:7%;}
.class_box4 .w_item:last-child {margin-right:0;}
.class_box4 .w_item img {padding:2%; border:solid 1px #CCC; width:95%;}
.class_box4 .w_item p.title {color:#FFF; background:#5BACD2; padding:4% 0; width:100%; text-align:center; margin:3% 0 0 0; font-weight:bold; text-shadow:none;}
.class_box4 .inner {margin-top:8%; display:block;}


.class_box5 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_p.png) no-repeat left top; font-weight:bold;}
.class_box5 .w_item {width:46%; float:left; display:block; margin-right:7%;}
.class_box5 .w_item:last-child {margin-right:0;}
.class_box5 .w_item img {padding:2%; border:solid 1px #CCC; width:95%;}
.class_box5 .w_item p.title {color:#FFF; background:#E1859F; padding:4% 0; width:100%; text-align:center; margin:3% 0 0 0; font-weight:bold; text-shadow:none;}


/* 一日の流れ ============================================================= */
.day_box1 {background:url(../images/common/line.png) 12px 10px repeat-y;}
.day_box1 .title {background:url(../images/class/img_day02.png) left top no-repeat; margin-bottom:4%;}
.day_box1 .title p {padding:0 5px 2px 100px; font-size:116%; font-weight:bold;}
.day_box1 .title p .small {font-size:69%; font-weight:normal;}
.day_box1 p {font-size:75%; padding:20px 20px 20px 0;}
.day_box1 .inner {padding-left:50px; margin:0 auto 8% auto; overflow:hidden;}
.day_box1 .inner.fin {background:#FFF; padding-top:4%;}
.day_box1 .inner img {float:left; margin:0 4% 5% 0; width:39%;}
.day_box1 .inner p.catch {padding:0 20px 5% 0; font-size:100%; color:#F7AC3B; font-weight:bold; line-height:1.4;}
.day_box1 .day_box2 {float:left; width:56%;}
.day_box1 .day_box2 ul {padding:0 0 0 2%;}
.day_box1 .day_box2 ul li {font-size:75%; padding:10px 20px 2% 1em; text-indent:-1em; line-height:1.4;}

.day_box1 .inner p {padding:20px 20px 0 0;}
.day_box1 .title#day2 {background-image:url(../images/class/img_day04.png);}
.day_box1 .title#day3 {background-image:url(../images/class/img_day06.png);}
.day_box1 .title#day4 {background-image:url(../images/class/img_day08.png);}
.day_box1 .title#day5 {background-image:url(../images/class/img_day10.png);}
.day_box1 .title#day6 {background-image:url(../images/class/img_day12.png);}
.day_box1 .title#day7 {background-image:url(../images/class/img_day14.png); background-position:left bottom; margin-bottom:0;}

@media screen and (max-width:768px){
}



/* 時間割 ============================================================= */
.timetable_box1 {overflow:hidden;}
.timetable_box1 .catch {font-size:125%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_o.png) no-repeat left top; font-weight:bold;}
.timetable_box1 p {font-size:75%; line-height:1; padding:2% 0 0 0; line-height:1.4;}
.timetable_box1 ul.page-link {letter-spacing:-.4em;}
.timetable_box1 ul.page-link li {display:inline-block; width:18%; margin:20px 1% 40px 1%; padding: 0; text-align:center; letter-spacing:normal; color:#FFF; font-size:100%; font-weight:bold; border-radius:5px; }
.timetable_box1 ul.page-link li a {color:#FFF; text-decoration:none;display:block;padding:10px 0;}
.timetable_box1 ul.page-link li.school1{background-color:#B0CD49;}
.timetable_box1 ul.page-link li.school2{background-color:#E1859F;}
.timetable_box1 ul.page-link li.school3{background-color:#5BACD2;}
.timetable_box1 ul.page-link li.school4{background-color:#F7AC3B;}
.timetable_box1 ul.page-link li.school5{background-color:#00A99D;}
.timetable_box1 ul.page-link li.school6{background-color:#D04D6D;}
.timetable_box1 ul.page-link li.school7{background-color:#4278BF;}
.timetable_box1 ul.page-link li.school8{background-color:#F18C4E;}
.timetable_box1 ul.page-link li span{margin-right:5px; font-size:75%;}
.timetable {width:48%; margin-right:4%; float:left; margin-bottom:12%;}
.timetable_tbl {border-top:solid 1px #CCC; border-right:solid 1px #CCC; width:100%; margin-bottom:10%;}
.timetable_tbl caption.heading1 {border-top:solid 3px #B0CD49; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl caption.heading2 {border-top:solid 3px #E1859F; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl caption.heading3 {border-top:solid 3px #5BACD2; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl caption.heading4 {border-top:solid 3px #F7AC3B; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl caption.heading5 {border-top:solid 3px #00A99D; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl caption.heading6 {border-top:solid 3px #D04D6D; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl caption.heading7 {border-top:solid 3px #4278BF; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl caption.heading8 {border-top:solid 3px #F18C4E; padding:20px 0; font-size:113%; font-weight:bold;}
.timetable_tbl tr {border-bottom:solid 1px #CCC;}
.timetable_tbl tr.even {background-color: #F2F2F2;}
.timetable_tbl tr th {padding:10px 0; border-left:solid 1px #CCC; width:16.6%; text-align:center; font-size:75%; font-weight:bold; vertical-align:middle;}
.timetable_tbl tr th.class {background-color: #CCC; color: #FFF;}
.timetable_tbl tr th.week1{background-color:#B0CD49; border-left:solid 1px #FFF; color:#FFF;}
.timetable_tbl tr th.week2{background-color:#E1859F; border-left:solid 1px #FFF; color:#FFF;}
.timetable_tbl tr th.week3{background-color:#5BACD2; border-left:solid 1px #FFF; color:#FFF;}
.timetable_tbl tr th.week4{background-color:#F7AC3B; border-left:solid 1px #FFF; color:#FFF;}
.timetable_tbl tr th.week5{background-color:#00A99D; border-left:solid 1px #FFF; color:#FFF;}
.timetable_tbl tr th.week6{background-color:#D04D6D; border-left:solid 1px #FFF; color:#FFF;}
.timetable_tbl tr th.week7{background-color:#4278BF; border-left:solid 1px #FFF; color:#FFF;}
.timetable_tbl tr th.week8{background-color:#F18C4E; border-left:solid 1px #FFF; color:#FFF;}

.timetable_tbl tr td {position:relative; padding:10px 0; border-left:solid 1px #CCC; width:16.6%; text-align:center; font-size:75%; line-height:1.5; vertical-align:middle;}
.timetable_tbl tr td.nvt:before {display: block; position:absolute; padding:0; top:50%; left:50%; content:'満席'; font-size:16px; font-weight:bold; color:#FFF; line-height:1; -webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); filter:alpha(opacity=1); -moz-opacity:1; opacity:1;}
.timetable_tbl tr td.nvt {background-color:#FF0000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.timetable_box1 .annot p {font-size:75%; margin-left:1em; text-indent:-1em; line-height:1.5;}
.timetable_tbl tr td .annot {font-size:82%; color:#F00;}

/*--------------------------------------------------------------------------------------------
　　入室のご案内
--------------------------------------------------------------------------------------------*/

.guide_box1 {background:url(../images/common/line.png) 12px 10px repeat-y;}
.guide_box1 .title {background:url(../images/guide/img_guide01_bottom.png) left top no-repeat; margin-bottom:20px;}
.guide_box1 .title p {padding:0 5px 2px 48px; font-size:116%; font-weight:bold; color:#5BACD2;}
.guide_box1 .title p .small {font-size:69%; font-weight:normal;}
.guide_box1 p {font-size:75%; padding:0 20px 0 0;}
.guide_box1 .inner {padding-left:50px; margin:0 auto 8% auto; overflow:hidden;}
.guide_box1 .inner.fin {background:#FFF; padding-top:4%;}
.guide_box1 .inner img {float:right; margin:0 0 5% 4%; width:39%;}
.guide_box1 .inner p.catch {font-size:100%; font-weight:bold; line-height:1.4;}

.guide_box1 .guide_box2 {background:url(../images/guide/img_guide02.jpg) top right no-repeat;}
.guide_box1 .guide_box2 dl {overflow:hidden; width:70%; margin: 2% 0 0 0;}
.guide_box1 .guide_box2 dl dt, .guide_box1 .guide_box2 dl dt a {color:#5BACD2; line-height:1.5; padding:0;}
.guide_box1 .guide_box2 dl dt.classroom {width:7em; font-size:75%; float:left; margin:0 2% 0 0; padding:0;}
.guide_box1 .guide_box2 dl dd {font-size:75%; float:left; margin:2px 0 0 0; padding:0;}

.guide_box1 .guide_box2 dl dt.classroom a {text-decoration:underline; display:inline-block; white-space:nowrap;}
.guide_box1 .btn_form {background:#F7AC3B; padding:2% 3.5%; display:inline-block; margin:3% 0; color:#FFF; border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.guide_box1 .btn_form a { color: #FFF; }

@media screen and (max-width:768px){
.guide_box1 .guide_box2 {background:none;}
}

.guide_box1 .guide_box3 {float:left; width:56%;}
.guide_box1 .guide_box3 dl {margin:2% 0 0 0;}
.guide_box1 .guide_box3 dl dt, .guide_box1 .guide_box3 dl dd {font-size:75%; line-height:1.5;}
.guide_box1 .guide_box3 dl dt {font-weight:bold; line-height:1.4;}
.guide_box1 .guide_box3 dl dd {padding:0 0 2% 1em;}

.guide_box1 .inner p {padding:0 20px 0 0;}
.guide_box1 .title#guide1 {background-image:url(../images/guide/img_guide01_top.png);}
.guide_box1 .title#guide2 {background-image:url(../images/guide/img_guide01_bottom.png); background-position:left bottom; margin-bottom:0;}



/*--------------------------------------------------------------------------------------------
　　よくあるご質問
--------------------------------------------------------------------------------------------*/
.kazu_box1.guide{
	margin-bottom: 10px;
}
.guide_box3{
	margin-bottom: 40px;
}
.guide_box3 .faq_box1{
	padding-bottom: 70px;
}
.guide_box3 .faq_box1 .question{
	background: #e9eff2;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 30px;
	padding: 0.8em 0.5em 0.8em 3em;
	position: relative;
}
.guide_box3 .faq_box1 span{
	border-radius: 6px;
	color: #fff;
	font-size: 30px;
	font-weight: 800;
	padding: 0.2em;
	text-align: center;
	line-height: 30px;
	margin: 0 0.5em 0 0.5em;
	width: 40px;
	height: 40px;
	position: absolute;
}
.guide_box3 .faq_box1 .icon_q{
	background: #5bacd2;
	color: #fff;
	top: calc(50% - 20px);
	left: 0;
	line-height: 29px;
}
.guide_box3 .faq_box1 .question p{
	font-size: 16px;
	font-weight: 800;
	padding-left: 1em;
}
.guide_box3 .faq_box1 .answer{
	margin: 0;
	position: relative;
}
.guide_box3 .faq_box1 .icon_a{
	background: #e9eff2;
	color: #5bacd2;
	top: 5px;
}
.guide_box3 .faq_box1 .answer p{
	font-size: 14px;
	line-height: 2.0;
	padding: 0 0.5em 0 5em;
}

h3.title{
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 20px;
}
.green h3.title{
	color: #B0CD49;
}
.guide_box3.green .faq_box1 .question{
	background: #F2F4E6;
}
.guide_box3.green .faq_box1 .icon_q{
	background: #B0CD49;
}
.guide_box3.green .faq_box1 .icon_a{
	background: #F2F4E6;
	color: #B0CD49;
}


/*--------------------------------------------------------------------------------------------
　　体験教室
--------------------------------------------------------------------------------------------*/
.guide_box3.blue p,
.guide_box3.green p,
.system_box3.blue .title{
	margin-left: 0;
}
.blue h3.title{
	color: #5B9DC3;
}
h4.headline1{
	background: #5b9ac0;
	font-size: 16px;
	color: #fff;
	padding: 0 1em;
	margin-bottom: 1em;
	width: 100%;
	height: 34px;
	line-height: 34px;
}
.guide_box3 p{
	font-size: 13px;
}
.guide_box4{
	margin: 0 5% 30px;
}
.guide_box4 h4{
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 10px;
}
.guide_box4 .btn_form{
	background: #F2A73B;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 800;
	line-height: 42px;
	height: 42px;
	text-align: center;
	width: 100%;
	max-width: 566px;
	margin: 10px 0 0;
	position: relative;
}
.guide_box4 .btn_form a{
	color: #FFF;
}
.guide_box4 .btn_form span{
	font-size: 11px;
	position: absolute;
	right: 2%;
}

.guide_box4 p{
	font-size: 11px;
}
.guide_box4 .school_list{
	font-size: 13px;
	width: 100%;
	max-width: 200px;
	margin-top: 25px;
}
.guide_box4 .school_list dt{
	float: left;
	margin: 0.4em 0;
}
.guide_box4 .school_list dt span{
	color: #0059AB;
	font-size: 0.75em;
}
.guide_box4 .school_list dt a{
	color: #0059AB;
	text-decoration: underline;
}
.guide_box4 .school_list dd{
	margin-left: 100px;
	padding: 0.4em 0;
}
.guide_box1 a.form_class {
  padding: 3% 12%;

}


/*--------------------------------------------------------------------------------------------
　　保護者の声
--------------------------------------------------------------------------------------------*/
.kazu_box1 p{
	font-size: 14px;
}

.voice_box {
	border: 1px solid #d6d6d6;
	padding: 0 30px 30px 30px;
	margin-bottom: 40px;
}
.voice_box .title{
	color: #148DB2;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	padding: 30px 0 30px 40px;
	border-bottom: 1px dashed #666;
	background-image: url("../images/guide/icon_voice.jpg");
	background-position: left;
	background-repeat: no-repeat;
}

@media screen and (max-width:768px){
	.voice_box .title{background-position: left 30px;}
}

.voice_box p{
	padding-top: 30px;
	font-size: 13px;
	line-height: 2;
}

/*--------------------------------------------------------------------------------------------
　　ウォーミングアッププログラム
--------------------------------------------------------------------------------------------*/
.system_box4{
	margin-bottom: 20px;
}
.system_box4.blue p{
	font-size: 13px;
	line-height: 1.8;
}
.system_box4 .headline1 .sub{
	font-size: 12px;
	padding-left: 1em;
	vertical-align: top;
}

.system_box4 p{
	font-size: 13px;
	line-height: 2.0;

}

.system_box5{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 100px;
	position: relative;
}
@media screen and (max-width:450px){
	.system_box5{
		flex-wrap: wrap;
	}
}
.system_box5 .item{
	width: 33.333%;
	max-width: 220px;
	padding: 0 5px;
}
@media screen and (max-width:450px){
	.system_box5 .item{
		width: 100%;
		max-width: 400px;
		margin-bottom: 280px;
		padding: 0;
	}
}
.system_box5 .item:first-child{
	padding-left: 0;
}
@media screen and (max-width:450px){
	.system_box5 .item:first-child,
	.system_box5 .item:nth-child(2){
		margin-bottom: 40px;
	}
}
.system_box5 .item:last-child{
	padding-right: 0;
}
.system_box5 .item h5{
	margin-bottom: 0.5em;
	width: 100%;
	max-width: 213px;
}

@media screen and (max-width:450px){
	.system_box5 .item h5{
		max-width: 200px;
		width: 100%;
	}
}
.system_box5 .item table{
	border: 1px solid #333;
	width: 100%;
	max-width: 210px;
	margin: 0 auto;
}
@media screen and (max-width:450px){
	.system_box5 .item table{
		max-width: 380px;
	}
}
.system_box5 .item table tr th{
	padding: 1em 0;
	font-size: 12px;
	text-align: center;
	width: 35px;
	border-bottom: 1px solid #333;
}
@media screen and (max-width:450px){
	.system_box5 .item table tr th{
		width: 80px;
	}
}
.system_box5 .item.systemA table tr th{
	background: #ffe6ff;
}
.system_box5 .item.systemB table tr th{
	background: #f0fcef;
}
.system_box5 .item.systemC table tr th{
	background: #e6f0ff;
}
.system_box5 .item table tr td{
	font-size: 11px;
	padding: 1em 0.5em;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	line-height: 1.2;
}
.system_box5 .imgBox{
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 33.333%;
	max-width: 200px;
}
@media screen and (max-width:450px){
	.system_box5 .imgBox{
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column-reverse;
		width: 100%;
		max-width: 400px;
		bottom: 0;
	}
}
@media screen and (max-width:450px){
	.system_box5 .imgBox img{
		max-width: 200px;
		margin: 0 auto;
	}
}
@media screen and (max-width:450px){
	.system_box5 .imgBox dl{
		margin-bottom: 20px;
		}
}
.system_box5 .imgBox dl dd{
	font-size: 13px;

}
.system_box6{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width:450px){
	.system_box6{
	flex-wrap: wrap;
	}
}
.system_box6 .item{
	width: 48%;
	margin-right: 2%;
	margin-bottom: 60px
}
@media screen and (max-width:450px){
	.system_box6 .item{
	width: 100%;
	margin-right: 0;
	margin-bottom: 60px
}
}
.system_box6 .item:nth-child(even){
	margin-right: 0;
}
h4.headline2{
	border-left: 15px solid #205d91;
	background: #5b9ac0;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	height: 34px;
	line-height: 34px;
	padding: 0 0.2em;
	margin-bottom: 10px;
}
.system_box6 .item .subtitle{
	font-size: 15px;
	font-weight: 800;
	color: #0d597f;
	line-height: 1.2;
	margin-bottom: 10px;
}
.system_box6 .item p{
	font-size: 13px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.system_box6 .item .left{
	float: left;
	width: 60%;
	max-width: 180px;
}
@media screen and (max-width:768px){
	.system_box6 .item .left{
		float:none;
		width: 100%;
		max-width: 100%;
	}
}
.system_box6 .item dl{
	float: left;
	width: 60%;
	max-width: 180px;
	margin-top: 10px;
}
.system_box6 .item:first-child dl{
	margin-top: 30px;
}
@media screen and (max-width:768px){
	.system_box6 .item:first-child dl{
	margin-top: 10px;
	}
}
.system_box6 .item:last-child dl{
	margin-top: 40px;
}
@media screen and (max-width:768px){
	.system_box6 .item:last-child dl{
	margin-top: 10px;
	}
}
.system_box6 .item dl dd{
	font-size: 13px;
}
.system_box6 .item figure{
	font-size: 10px;
	width: 40%;
	max-width: 170px;
	margin-left: auto;
	padding-left: 10px;
}
@media screen and (max-width:450px){
	.system_box6 .item figure{
		width: 50%;
		max-width: 200px;
	}
}
@media screen and (max-width:450px){
	.system_box6 .item figure{
		max-width: 190px;
	}
}
.system_box6 .item figure figcaptioin{
	text-align: right;
}




/*--------------------------------------------------------------------------------------------
　　テストシステム
--------------------------------------------------------------------------------------------*/

.system .kazu_box1{
	margin-bottom: 10px;
}
.system .system_box4{
	position: relative;
	margin-bottom: 40px;;
}
.system_box4 .left{
	float: left;
	width: 70%;
	margin-bottom: 40px;
}
@media screen and (max-width:450px){
	.system_box4 .left{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
}
.system_box4 .right{
	width: 25%;
	max-width: 200px;
}
@media screen and (max-width:450px){
	.system_box4 .right{
		width: 100%;
		max-width: 200px;
		float: none;
		margin: 0 auto 20px;
		display: block;
	}
}
h3.imgTitle{
	width: 75%;
	max-width: 470px;
	padding: 10px 0;
}
@media screen and (max-width:450px){
	.system_box4 .imgTitle{
		width: 100%;
	}
}
.system_box4 .top{
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width:450px){
	.system_box4 .top{
		position: static;
	}
}
.system_box4 .shedule{
	margin-top: 40px;
}
@media screen and (max-width:450px){
	.system_box4 .shedule{
		margin-top: 0;
	}
}

.system_box4.kentei .imgBox{
	padding-top: 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media screen and (max-width:450px){
	.system_box4.kentei .imgBox{
		flex-wrap: wrap;
	}
}
.system_box4.kentei .imgBox img{
	width: 50%;
}
@media screen and (max-width:450px){
	.system_box4.kentei .imgBox img{
		width: 100%;
	}
}


/*--------------------------------------------------------------------------------------------
　　一日の流れ（小学1年生・2年生）
--------------------------------------------------------------------------------------------*/

.kazu_box1.day2{
	margin-bottom: 0;
}

#system_flow{
	background-image: url("../images/class/system_bg1.gif");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	max-width: 660px;
	height: 93px;
	padding: 14px 0 0 14px;
	margin-bottom: 50px;
}
@media screen and (max-width:960px){
	#system_flow{
		margin-bottom: 20px;
	}
}
@media screen and (max-width:768px){
	#system_flow{
		max-width: 800px;
		padding: 11px 0 0 14px;
	}
}

#system_flow a img {
	margin-right: 3.3%;
	max-width: 146px;
	width: 22%;
}
@media screen and (max-width:768px){
	#system_flow a img {
		max-width: 150px;
	}
}
#system_flow a:last-child img{
	margin-right: 0;
}

#system_box1 .system_box2{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-left: 3em;
	margin-bottom: 20px;
}
@media screen and (max-width:768px){
	#system_box1 .system_box2{
		flex-wrap: wrap;
	}
}
@media screen and (max-width:450px){
	#system_box1 .system_box2{
		padding-left: 0;
	}
}
#system_box1 .system_box2 .left{
	width: 60%;
	max-width: 400px;
	padding-right: 1em;
}
@media screen and (max-width:768px){
	#system_box1 .system_box2 .left{
		width: 100%;
		max-width: 600px;
		padding-right: 0;
	}
}
#system_box1 .system_box2 .imgBox{
	width: 40%;
	max-width: 300px;
}
@media screen and (max-width:768px){
		#system_box1 .system_box2 .imgBox{
		width: 100%;
		max-width: 400px;
			margin: 0.5em 2em 0 auto;
	}
}

h4.imgTitle{
	padding-bottom: 0.5em
}
#system_box1 .left{
	width: 60%;
	max-width: 380px;
	font-size: 13px;
}
#system_box1 .left p{
	font-size: 13px;
	float: left;
}
h3.imgTitle{
	width: 100%;
	max-width: 100%;
	padding-bottom: 20px;
}

#system_box1 .system_warmup {
	width: 100%;
	max-width: 660px;
	padding: 15px 15px 25px 15px;
	border-left: 1px solid #79B5E6;
	border-right: 1px solid #79B5E6;
	border-bottom: 1px solid #79B5E6;
	background: #FAFDFF;
	text-align: center;
}
@media screen and (max-width:740px){
	#system_box1 .system_warmup{
		width: 100%;
		max-width: 680px;
	}
}
#system_box1 .system_warmup .system_box2{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 20px;
	width: 100%;
	padding-left: 0;
}
@media screen and (max-width:960px){
	#system_box1 .system_warmup .system_box2{
		flex-wrap: wrap;
		padding-left: 0;
	}
	#system_box1 .system_warmup .system_box2 p{
		margin-bottom: 20px;
	}
}
#system_box1 .system_warmup .system_box2 .leftBox{
	padding-left: 0;
	padding-right: 10px;
	width: 50%;
}
@media screen and (max-width:960px){
	#system_box1 .system_warmup .system_box2 .leftBox{
		width: 100%;
		max-width: 630px;
		margin-bottom: 40px;
		padding-right: 0;
	}
}
@media screen and (max-width:960px){
	#system_box1 .system_warmup .system_box2 .leftBox{
		width: 100%;
		max-width: 630px;
		margin-bottom: 40px;
	}
}
@media screen and (max-width:768px){
	#system_box1 .system_warmup .system_box2 .leftBox img{
		width: 100%;
		max-width: 300px;
	}
}
#system_box1 .system_warmup .system_box2 .rightBox{
	width: 50%;
	padding-left: 10px;
}
@media screen and (max-width:960px){
	#system_box1 .system_warmup .system_box2 .rightBox{
		width: 90%;
		max-width: 630px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width:768px){
	#system_box1 .system_warmup .system_box2 .rightBox img{
		width: 100%;
		max-width: 300px;
	}
}
.system_arrow {
    text-align: center;
    margin: 20px 0 30px 0;
}
@media screen and (max-width:740px){
	.system_arrow {
		max-width: 210px;
		width: 100%;
		margin: 20px auto 30px;;
	}
}

#system_box2 h4.imgTitle,
#system_box4 h4.imgTitle{
	padding-left: 3em;
}
@media screen and (max-width:450px){
	#system_box2 h4.imgTitle,
#system_box4 h4.imgTitle{
		padding-left: 0;
	}
}
@media screen and (max-width:740px){
	#system_box1 h4.imgTitle img,
	#system_box2 h4.imgTitle img,
#system_box4 h4.imgTitle img{
	width: 100%;
	max-width: 300px;
	height: auto;
}
}
@media screen and (max-width:740px){
	#system_box1 h4.imgTitle img{
		width: 100%;
		max-width: 230px;
	}
	#system_box2 h4.imgTitle img{
		width: 100%;
		max-width: 300px;
	}
	#system_box4 h4.imgTitle img{
		width: 100%;
		max-width: 200px;
	}
}
#system_box2 .system_box2{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-left: 3em;
	margin-bottom: 40px;
}
@media screen and (max-width:740px){
	#system_box2 .system_box2{
		flex-wrap: wrap;
	}
}
@media screen and (max-width:450px){
	#system_box2 .system_box2{
		padding-left: 0;
	}
}
#system_box2 .system_box2 .left{
	width: 70%;
}
@media screen and (max-width:740px){
	#system_box2 .system_box2 .left{
	width: 100%;
		padding-bottom: 2em;
}
}
#system_box2 .system_box2 .right{
	width: 30%;
	margin-left: 20px;
}
@media screen and (max-width:740px){
	#system_box2 .system_box2 .right{
	width: 100%;
		max-width: 200px;
		margin: 0 auto;
}
}
#system_box2 .system_box3{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	padding-left: 3em;
}
@media screen and (max-width:960px){
	#system_box2 .system_box3{
		align-items: center;
	}
}
@media screen and (max-width:740px){
	#system_box2 .system_box3{
		flex-wrap: wrap;
	}
}
@media screen and (max-width:450px){
	#system_box2 .system_box3{
		padding-left: 0;
	}
}
@media screen and (max-width:960px){
#system_box2 .system_box3 .left{
	width: 100%;
	max-width: 330px;
	}
}
@media screen and (max-width:768px){
	#system_box2 .system_box3 .left{
	width: 60%;
	max-width: 600px;
}
}
@media screen and (max-width:740px){
	#system_box2 .system_box3 .left{
		width: 100%;
		max-width: 400px;
	}
}
#system_box2 .system_box3 .right{
	width: 40%;
	max-width: 220px;
	height: auto;
}
@media screen and (max-width:768px){
	#system_box2 .system_box3 .right{
	width: 40%;
	max-width: 400px;
}
}
@media screen and (max-width:740px){
	#system_box2 .system_box3 .right{
		width: 100%;
		max-width: 300px;
	}
}
#system_box2 .system_box3 .right .pointBox{
	display: flex;
	flex-wrap: nowrap;
}
@media screen and (max-width:960px){
	#system_box2 .system_box3 .right .pointBox{
		flex-wrap: wrap;
	}
}

#system_box2 .system_box3 .right img{
	padding-bottom: 0.5em;
}
@media screen and (max-width:768px){
	#system_box2 .system_box3 .right img{
		width: 100%;
		max-width: 500px;
	}
}
#system_box2 .system_box3 .right .pointBox .left{
	font-size: 12px;
	width: 55%;
}
@media screen and (max-width:960px){
	#system_box2 .system_box3 .right .pointBox .left{
		width: 100%;
	}
}
#system_box2 .system_box3 .right .pointBox .imgBox{
	width: 50%;
	margin-left: 0.5em;
}
@media screen and (max-width:960px){
	#system_box2 .system_box3 .right .pointBox .imgBox{
		width: 100%;
	}
}
@media screen and (max-width:768px){
	#system_box2 .system_box3 .right .pointBox .imgBox{
		max-width: 200px;
		margin: 0 auto;
		height: auto;
	}
}
@media screen and (max-width:450px){
	#system_box2 .system_box3 .right .pointBox .imgBox{
		margin: 0 0 0 auto;
		width: 55%;
		max-width: 200px;
		height: auto;
	}
}
#system_box3 .box{
	padding-left: 3em;
}
@media screen and (max-width:450px){
	#system_box3 .box{
		margin-bottom: 2em;
		padding-left: 0;
	}
}
#system_box3 .system_box3{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media screen and (max-width:450px){
	#system_box3 .system_box3{
		flex-wrap: wrap;

	}
}
#system_box3 .box p.math {
	width: 100%;
	max-width: 320px;
	font-size: 13px;
	line-height: 1.8;
}
#system_box3 .box>img{
    margin-bottom: 15px;
}
#system_box3 .box .imgBox{
	margin-left: 1em;
}
#system_box3 .box p.japa {
	width: 100%;
	max-width: 280px;
	font-size: 13px;
	line-height: 1.8;
}
#system_box4 .system_box3 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-left: 3em;
}
@media screen and (max-width:768px){
	#system_box4 .system_box3 {
		flex-wrap: wrap;
	}
}
@media screen and (max-width:768px){
	#system_box4 .system_box3 {
		padding-left: 0;
	}
}

#system_box4 .system_box3 .left{
	font-size: 13px;
	line-height: 1.8;
	width: 65%;
}
@media screen and (max-width:768px){
	#system_box4 .system_box3 .left{
		width: 100%;
		max-width: 600px;;
	}
}
#system_box4 .system_box3 .imgBox{
	width: 35%;
	max-width: 210px;
	padding-left: 0.5em;
}
@media screen and (max-width:768px){
	#system_box4 .system_box3 .imgBox{
		padding-left: 0;
		margin: 0 auto 2em;
		width: 100%;
		max-width: 300px;
	}
}

#system_box4 .box {
    background-image: url("../images/class/system_bg2.gif");
	background-repeat: no-repeat;
	background-size:99%;
    width: 100%;;
    height: 170px;
    margin-left: 3em;
	padding: 15px 2px 0 30%;
}
@media screen and (max-width:768px){
	#system_box4 .box {
		width: 100%;
		height: 190px;
		margin-left: 0;
	}
}
@media screen and (max-width:740px){
	#system_box4 .box {
		background-color: #F9FFFF;
		background-image: url("../images/class/system_bg3.png");
		background-repeat: no-repeat;
		background-position: center left;
		background-size: 170px;
		border: 1px solid #1187C4;
		border-radius: 10px;
		padding: 10px 10px 10px 150px;
		height: auto;
	}
}
@media screen and (max-width:450px){
	#system_box4 .box {
		background-position: center 90%;
		padding: 10px 10px 150px 10px;
	}
}
#system_box4 .box img {
    margin-bottom: 15px;
	width: 96%;
}
@media screen and (max-width:740px){
	#system_box4 .box img {

	}
}
#system_box4 .box p{
	width: 90%;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 10px 18px;
	font-size: 12px;
	line-height: 1.2;
}

/*--------------------------------------------------------------------------------------------
　　授業システム
--------------------------------------------------------------------------------------------*/
.system_box1 p{
	padding-top: 1em;
	margin-bottom: 1em;
}
.system_box1 p.catch {
	margin-bottom: 2em;
}
.system_box2 .item_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width:960px){
	.system_box2 .item_box{
		justify-content: space-around;
	}
}
.system_box2 .item_box .system1{
	width: 33%;
	max-width: 200px;
	margin-right: 1em;
	margin-bottom: 3em;
	position: relative;
}
.system_box2 .item_box .system1:nth-child(3),
.system_box2 .item_box .system1:nth-child(6){
	margin-right: 0;
}
@media screen and (max-width:960px){
	.system_box2 .item_box .system1{
		width: 46%;
		max-width: 300px;
		margin-right: 0;
	}
}
@media screen and (max-width:450px){
	.system_box2 .item_box .system1{
		width: 100%;
		max-width: 400px;
		margin-bottom: 60px;
	}
	.system_box2 .item_box .system1:first-child,
.system_box2 .item_box .system1:nth-child(2){
	margin-bottom: 70px;
}
}

.system_box2 .item_box .system1 h3{
	margin: 0 0 1em;
	width: 100%;
	font-weight: 800;
	padding: 0;
	height: 70px;
	position: relative;
	display: table;
}
@media screen and (max-width:450px){
	.system_box2 .item_box .system1 h3{
	height: 60px;
}
}
.system_box2 .item_box .system1 h3 .inner{
	display: table-cell;
	vertical-align: middle;
}
.system_box2 .system1 h3.single span{
	position: static;
}
.system_box2 .item_box .system1 p{
	margin-bottom: 40px;
}
	.system_box2 .item_box .system1:first-child p,
.system_box2 .item_box .system1:nth-child(2) p{
	margin-bottom: 0;
}

@media screen and (max-width:450px){
.system_box2 .item_box .system1 p{
	margin-bottom: 40px;
}

}
.system_box2 .item_box .system1 .btn_system{
	width: 100%;
	background: #dcdcdc;
	border-radius: 6px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	color: #000;
	display: block;
	position: absolute;
	bottom: 0;
}
.system_box2 .item_box .system1 .btn_system span{
	padding: 0.5em 1em;
}

.system_box3 .title1 {
	font-weight: 800;
	margin-bottom: 2em;
}

.system_box3 .item_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	max-width: 660px;
}
@media screen and (max-width:450px){
	.system_box3 .item_box{
	flex-wrap: wrap;
	}
}
.system_box3 .item_box .system2{
	width: 50%;
	margin-right: 0;
	margin-bottom: 2em;
}
.system_box3 .item_box .system2:nth-child(even){
	margin-right: 0;
}
@media screen and (max-width:960px){
	.system_box3 .item_box .system2{
		width: 50%;
		max-width: 250px;
		margin-right: 0.5em;
	}
}
@media screen and (max-width:768px){
	.system_box3 .item_box .system2{
		max-width: 200px;
		margin-right: 0.5em;
		margin-bottom: 2em;
	}
	.system_box3 .item_box .system2:nth-child(even){
	margin-right: 0.5em;
}
}
@media screen and (max-width:450px){
	.system_box3 .item_box .system2{
		width: 100%;
		max-width: 400px;
		margin-right: 0;

	}
}

.system_box3 .item_box .system2 p{
	padding: 1em 0 0 0;
}


/*--------------------------------------------------------------------------------------------
　　カリキュラム2009
--------------------------------------------------------------------------------------------*/
.curriculum_box2,.curriculum_box3 {
  margin-bottom: 9%;
}
.curriculum_box2 .title1.pink{
	border: dashed 1px #e1859f;
	background: #FFE7EE;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.curriculum_box2 .title1.pink h3{
	color: #e1859f;
	padding: 10px;
	display: inline-block;
	width: 80%;
	float: left;
	line-height: 1;
	font-weight: bold;
}
.curriculum_box2 .title1.pink .icon{
	display: inline-block;
	background: #e1859f url(../images/about/icon02.png) no-repeat 50% 40%;
	width: 10%;
	height: 40px;
	float: left;
}
.curriculum_box2{
	margin-bottom: 60px;;
}

.curriculum_box3  .title1.orange {
  position: relative;
}
.curriculum_box3  .title1.orange h3{
  font-size: 125%;
  padding: 0 0 0 30px;
  margin-bottom: 20px;
  line-height: 1;
  font-weight: bold;
}
.curriculum_box3 .title1.orange::before{
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #F17E19;
  left: 0;
}

.curriculum_box3 .curriculum1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .3);
  margin-bottom: 20px;
}
.curriculum_box3 .curriculum1 .inner_left {
  width: 39%;
}
.curriculum_box3 .curriculum1 .inner_right {
  padding: 2% 3% 0 3%;
  width: 60%;
}
.curriculum_box3 .curriculum1 h4 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 120%;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
}
.curriculum_box3 .curriculum1 p{
  font-size: 87%;
  margin-bottom: 5%;
  line-height: 1.1;
}
.curriculum_box3 .curriculum1 a {
  font-size: 87%;
  background-color: #F17E19;
  color: #fff;
  padding: 3% 5%;
}
.curriculum_box3 .curriculum1 a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.curriculum_box2  .title1.green h3{
  font-weight: bold;
  background-color: #76AA40;
  color: #fff;
  width: 255px;
  padding: 1% ;
  margin-bottom: 20px;
  text-align: center;
}

.curriculum_box2 .curriculum2 {
    width: 47%;
    margin-right: 5%;
    float: left;
}
.curriculum_box2 .curriculum2:last-child{
  margin-right: 0;
}
@media screen and (max-width:920px){
	.curriculum_box3 .curriculum1 .inner_right{
	padding: 1% 2% 0 2%;
}
  .curriculum_box3 .curriculum1 p {
    margin-bottom: 3%;
  }
  .curriculum_box3 .curriculum1 a {
    padding: 3% 6%;
    text-decoration: none;
    margin: 0 auto;
  }
	}
@media screen and (max-width:768px){
  .curriculum_box3 .curriculum1 .inner_left {
    width: 36%;
  }
  .curriculum_box3 .curriculum1 .inner_right {
    width: 64%;
    padding: 3% 3% 0 3%;
  }
  .curriculum_box3 .curriculum1 p {
    margin-bottom: 4%;
  }
}
@media screen and (max-width:740px){
  .curriculum_box2, .curriculum_box3 {
    margin-bottom: 20%;
  }
  .curriculum_box3 .curriculum1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .curriculum_box2 .curriculum1:last-child {
    margin-bottom: 0;
  }
  .curriculum_box3 .curriculum1 .inner_left {
    width: 100%;
  }
  .curriculum_box3 .curriculum1 .inner_right {
    width: 100%;
    padding: 5% 5% 8% 5%;
    text-align: center;
  }
  .curriculum_box3 .curriculum1 p {
    margin-bottom: 5%;
    line-height: 1.5;
    font-size: 90%;
  }
  .curriculum_box1 .catch {
    font-size: 125%;
  }
  .curriculum_box2 .curriculum2 {
    width: 96%;
      margin: 0 2% 10% 2%;
      float: none;
      overflow: hidden;
    }
}

/*--------------------------------------------------------------------------------------------
　　一日の流れ（幼児・小学生クラス）2009
--------------------------------------------------------------------------------------------*/
.day_box1 {
  background: transparent;
}
.day_box1 .catch,.day2_box1 .catch {
  font-size:150%; padding:10px 10px 12px 0; margin-bottom:20px; line-height:1; font-weight:bold; color:#F17E19; border-bottom: 2px solid #F17E19; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.day_box1 .title1.orange,.day2_box1 .title1.orange {
  position: relative;
}
.day_box1 .title1.orange::before,
.day2_box1 .title1.orange::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #F17E19;
  left: 0;
}

.day_box1 .title1.orange h3,
.day2_box1 .title1.orange h3 {
    font-size: 125%;
    padding: 0 0 0 30px;
    margin: 20px 0;
    line-height: 1;
    font-weight: bold;
}

@media screen and (max-width: 740px){
.day_box1 .catch,.day2_box1 .catch {
  font-size:130%;
  }
  .day_box1 .title1.orange h3,
  .day2_box1 .title1.orange h3  {
    font-size: 120%;
  }
}

/*--------------------------------------------------------------------------------------------
　　学年振り分け2009
--------------------------------------------------------------------------------------------*/
.gakunen_box1, .gakunen_box2 {
  margin-bottom: 50px;
}
.gakunen_box1 .gakunen_ttl,
.gakunen_box2 .gakunen_ttl{
  margin-bottom: 30px;
}
.g_box1_link ul, .g_box1_link ul
 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.g_box1_link li {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.g_box1_link .left_txt {
  width: 54.5%;
  text-align: center;

}
.g_box1_link .left_txt h3 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  text-align: center;
  font-size: 135%;
  margin-bottom: 15%;
}
.g_box1_link .left_txt a {
  padding: 5% 10%;
  background-color:#76ad40;
  color: #fff;
  text-decoration: none;
}
.g_box1_link .left_txt a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px){
  .gakunen_ttl img{
    width: 100%;
  }
  .g_box1_link .left_txt {
    width: 59%;
  }
}
@media screen and (max-width: 740px){
  .g_box1_link li {
    width: 100%;
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
  }
  .g_box1_link .left_txt h3 {
    font-size: 120%;
  }
  .g_box1_link .left_txt {
    width: 60%;
  }
  .g_box1_link .left_txt a {
    padding: 7% 12%;
  }
}
/*--------------------------------------------------------------------------------------------
　　授業システム2009
--------------------------------------------------------------------------------------------*/
.system_top p {
  text-shadow: none;
}
/*.system_box1 {
  margin-bottom: 50px;
}*/
.system_top .system_box1 p {
  font-size: 95%;
}
.system_box1 h2 {
  font-size:150%; padding:10px 10px 12px 0; line-height:1; font-weight:bold; color:#F17E19; border-bottom: 2px solid #F17E19; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.system_box2 {
  padding: 2%;
}
.box2_in {
  margin-bottom: 10%;
}
.box2_in2 {
  margin-bottom: 5%;
}
.system_box2 p {
  font-size: 80%;
  line-height: 1.4;
}
.flexbox {
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.box2_nensyo, .box2_syo {
  width: 48%;
}
.box2_nensyo h3,.box2_syo h3 {
  text-shadow: 0 0 3px white;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  padding: 0.5em 0.8em;
  margin-bottom: 30px;
  background: -webkit-repeating-linear-gradient(-45deg, #fae5cf, #fae5cf 2px,#fff 2px, #fff 5px);
  background: repeating-linear-gradient(-45deg, #fae5cf, #fae5cf 2px,#fff 2px, #fff 5px);
}
.box2_syo h3 {
  background: -webkit-repeating-linear-gradient(-45deg, #e2f1d3, #e2f1d3 2px,#fff 2px, #fff 5px);
  background: repeating-linear-gradient(-45deg, #e2f1d3, #e2f1d3 2px,#fff 2px, #fff 5px);
}
.box2_nensyo h4,.box2_syo h4 {
  border-bottom: 1px solid #ee781f;
  margin-bottom: 10px;
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.box2_syo h4 {
  border-bottom: 1px solid #007c36;
}
.box2_nensyo h4 .ttl_left,
.box2_syo h4 .ttl_left {
  background-color: #ee781f;
  color: #fff;
  padding: 5%;
  font-weight: bold;
  font-size: 15px;
}
.box2_syo h4 .ttl_left  {
  background-color: #007c36;
  padding: 5% 2%;
}
.syo_03 h4 .ttl_left {
  padding: 8% 2%;
}
.box2_nensyo h4 .ttl_right,
.box2_syo h4 .ttl_right {
  font-weight: bold;
  font-size: 16px;
  color: #ee781f;
  line-height: 1.2;
  padding-left: 2%;
}
.box2_syo h4 .ttl_right {
  color: #007c36;
  width: 71%;
  letter-spacing: -1.5px;
  padding-left: 1%;
  font-feature-settings: "palt";
}

.box2_nensyo h5,.box2_syo h5 {
  background-color: #fcead0;
  color: #000;
  padding: 3% 2%;
  margin-bottom: 3%;
}
.box2_syo h5 {
  background-color: #eaf2d7;
}
.box2_nensyo h5 span,
.box2_syo h5 span{
  font-weight: bold;
}
.box2_nensyo h5 em,
.box2_syo h5 em  {
  font-style: normal;
  float: right;
}
.box2_nensyo .fl_text,
.box2_syo .fl_text {
  width: 50%;
}
.box2_nensyo .fl_img {
  width: 47%;
}
.box2_syo .fl_img {
  width: 39%;
}
.box2_syo .box2_in2 .text {
  width: 91%;
}
.box2_nensyo .nensyo_03 .ttl_left {
  padding: 5% 4%;
}
.box2_syo .box2_in2 span {
  display: block;
  -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
  background-color: #007c36;
  color: #fff;
  width:8%;
 padding: 10% 1.3%;
}
.box2_syo .box2_in2 .rl_text {
  display: block;
  -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
  background-color: #007c36;
  color: #fff;
  width:8%;
 padding: 10% 1.3%;
}


.box2_syo .box2_in2 .fl_text p,
.box2_syo .box2_in2 .text p {
  text-indent: -1em;
  padding-left: 1em;
}
.box2_syo .syo_02,
.box2_syo .syo_04 {
  padding-top: 5%;
  border-top: 1px dotted #9d9d9e;
}
.box2_syo .syo_02 .text{
  padding-top: 3%;
}


.box2_syo .box2_in2.syo_02 span {
  padding:7% 1.3%;
}

.system_box3 {
  margin-bottom: 70px;
}
.system_box3 h2 {
  font-size: 150%;
    padding: 18px 0;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background-color: #0d3386;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.system_box3 .flexbox {
  padding: 0 2.5%;
  margin-bottom: 5%;
}
.system_box3 .box3_img {
  margin: auto;
  width: 96%;
}
.system_box3 .fl_left {
  width: 53%;
  padding-top: 2%;
}
.system_box3 .fl_right {
  width: 44%;
}
.system_box3 p {
  font-size: 90%;
  line-height: 1.4;
}
.system_top .system_box4 {
  margin-bottom: 50px;
}
.system_top .system_box4 h2{
  font-size: 150%;
    padding: 13px 0;
    margin-bottom: 5px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background-color: #0d3386;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.system_top .system_box4 h2 span {
  color: #ffe422;
}
.system_box4 h3 {
  color:#0d3386;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  padding: 10px 0;
  margin-bottom: 10px;
}
.system_box4 .box_4_1,
.system_box4 .box_4_2 {
  padding: 0 2%;
}
.system_box4 .box_4_1 .left {
  width:45%;
}
.system_box4 .box_4_1 .right {
  width: 54%;
  max-width:340px;
}
.system_box4 .box_4_1 p {
  font-size: 15px;
  line-height: 1.8;
  padding-top: 2%;
}
.system_box4 .box_4_2 .left,
.system_box4 .box_4_2 .right {
  width:48%;
    max-width: 300px;
}

.system_box4 .box_4_2 .left_in,
.system_box4 .box_4_2 .right_in {
  text-align: center;
}
.system_box4 .box_4_2 h3 {
  background-color: #d4ecf9;
  color: #000;
  padding:8px 0;
}
.system_box4 .box_4_2 p {
  max-width: 280px;
  font-size: 14px;
  margin: 10px auto 0;
  line-height: 1.5;
}

.system_top .system_box5 {
  display: block;
  padding: 5% 3% ;
  background-color: #eff7f9;
  border-radius: 10px;
  -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 0;
}
.system_box5 .title1.Navy {
  position: relative;
}
.system_box5 .title1.Navy::before {
  content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0d3386;
    left: 0;
}
.system_box5 .title1.Navy h3 {
    font-size: 125%;
    padding: 0 0 10px 30px;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: bold;
    border-bottom:1px solid #0d3386;

}
.system_box5 .title1.Navy h3 span {
  color: #0d3386;
}
.system_top .system_box5 .left {
  width: 48%;
}
.system_top .system_box5 .right {
  width: 49%;
}
.box2_syo h4 .min_sp {
  display: none;
}

@media screen and (max-width: 768px){
  .system_box1 {
    margin-bottom: 2%;
  }
  .system_box3 .left {
    width: 54%;
  }
  .system_box4 .box_4_1, .system_box4 .box_4_2 {
    padding: 0 6%;
  }

  .box2_syo .box2_in2 span {
    padding: 10% 1.7%;
  }
  .box2_syo .syo_02 span {
    padding:7% 1.7%;
  }
  .system_box4 .box_4_2 .left,
  .system_box4 .box_4_2 .right {
      max-width:inherit;
  }

}

@media screen and (max-width: 740px){
  .system_box1 h2 {
    font-size: 125%;
    padding: 4% 0;
  }
  .system_top .system_box1 p {
    font-size: 90%;
    line-height: 1.3;
  }
 .system_top .flexbox {
   -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
 }
 .system_top .system_box2 {
   padding: 0;
 }
 .box2_nensyo, .box2_syo {
   width:100%;
 }
  .box2_nensyo p, .box2_syo p {
    font-size: 88%;
  }
  .box2_syo .box2_in2 span {
    padding: 10% 1.5%;
  }
  .box2_syo .syo_02 span {
    padding:10% 1.5%;
  }

 .system_top .box2_nensyo .flexbox {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
 }
 .box2_nensyo h3, .box2_syo h3 {
   font-size: 120%;
 }
.box2_nensyo .fl_text, .box2_syo .fl_text,
.box2_nensyo .fl_img, .box2_syo .fl_img {
  width:100%;
}
.box2_nensyo .fl_text, .box2_syo .fl_text {
  margin-bottom: 3%;
}
.system_top .box2_syo .flexbox {
  -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.box2_syo .fl_text,.box2_syo .text  {
  width: 90%;
  padding-top: 2%;
}
.box2_syo .fl_img {
  margin-top: 3%;
}
.box2_syo h4 .ttl_right {
  letter-spacing: 0;
}
.system_box3 h2 {
  font-size: 125%;
  line-height: 1.3;
  padding:3% 0;
}
.system_top .system_box3 .flexbox {
  -webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.system_box3 .fl_left,
.system_box3 .fl_right {
  width: 100%;
}
.system_top .system_box4 h2 {
  font-size: 120%;
  line-height: 1.3;
  padding:2% 0;
}
.system_top  .system_box4 .box_4_1 {
  margin-bottom: 10%;
}
.system_top .system_box4 .box_4_1 .left,
.system_top .system_box4 .box_4_1 .right,
.system_top .system_box4 .box_4_2 .left,
.system_top .system_box4 .box_4_2 .right {
  width: 100%;
}
.system_top .system_box4 .left {
  margin-bottom: 10%;
}
.system_box5 .title1.Navy::before {
  content: none;
}
.system_box5 .title1.Navy h3 {
  font-size: 120%;
  text-align: center;
  padding: 0 0 10px 0;
  line-height: 1.3;
}
.system_top .system_box5 .left,
.system_top .system_box5 .right {
  width: 100%;
  margin-bottom: 5%;
}

}

@media screen and (max-width: 360px){
  .box2_nensyo .nensyo_03 .ttl_left,
  .box2_nensyo .nensyo_02 .ttl_left {
    padding: 5% 2%;
  }
.box2_syo h4 .ttl_left{
  padding: 7% 2%;
}
.box2_syo h4 .ttl_right {
  width: 69%;
}
.box2_syo h4 .min_sp {
  display: block;
}

}

/*--------------------------------------------------------------------------------------------
　　入室のご案内 追記2009
--------------------------------------------------------------------------------------------*/
.guide_box2 .free_dial {
  width: 305px;
  background: #76B340;
    padding: 2% 5%;
    margin: 3% 0 0 0;
    color: #FFF;
    line-height: 1.2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.guide_box2 .free_dial .tel-link {
  display: block;
  margin-left: 1.5em;
}

@media screen and (max-width: 740px) {
.guide_box2 .free_dial {
  width: 100%;
    background: #76B340;
    text-align: center;
    padding: 5%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 3% 0 0 0;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.guide_box2 .free_dial .tel-link {
  margin-left: 0;
}
.guide_box2 .free_dial a {text-decoration:none; color: #FFF;}

.guide_box2 .btn_form { padding:5% 5%; }

.guide_box1 .btn_form {
  width: 100%;
  margin: 8% 0 0 0;
	text-align: center;
}
}

/*--------------------------------------------------------------------------------------------
　　体験授業（体験教室） 追記2009
--------------------------------------------------------------------------------------------*/
.guide_box4 .free_dial {
  background: #76B340;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 42px;
    height: 42px;
    text-align: center;
    width: 100%;
    max-width: 566px;
    margin: 10px 0 0;
    position: relative;
}
.guide_box4 .btn_form_taiken {
  background: #fa7e19;
}

.guide_box4 .free_dial span {
    font-size: 11px;
    position: absolute;
    right: 2%;
}
.guide_box4 .free_dial .tell {
  position: relative;
  right: 0!important;
  margin-left: 1.5em;
}
.guide_box4 .free_dial .tel-link {
  position: relative!important;
    font-size: 16px;
}
.guide .taiken_jugyo_bnr {
  text-align: center;
  margin-bottom: 12%;
}

.taiken_jugyo_bnr p{
    background-color:#DC191C;
    color: #FFF;
    font-weight: bold;
    font-size:100%;
    text-decoration: none;
    text-align: center;
    text-shadow: none;
}

@media screen and (max-width: 740px) {
.guide_box4 .free_dial {
    background: #76B340;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 800;
    line-height: 42px;
    height: 42px;
    text-align: center;
    width: 100%;
    margin: 10px 0 0;
    position: relative;
    cursor: pointer;
}
.guide_box4 .free_dial .tell {
  position: relative;
  right: 0!important;
  margin-left: 0em;
  vertical-align: top;
}
.guide_box4 .free_dial .tel-link {
    font-size: 15px;
    margin-left: 0.2em;
    color: #FFF;
}
}

/*--------------------------------------------------------------------------------------------
　　HIレベル特訓
--------------------------------------------------------------------------------------------*/
	.course section { margin-top: 40px; }

	.course h3 {
		font-size: 150%;
    padding: 10px 10px 12px 0;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: bold;
    color: #F17E19;
    border-bottom: 2px solid #F17E19;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	.course .sub_ttl {
		font-size: 18px;
		font-weight: bold;
		color: #F17E19;
	}

	.course #point h4 {
		margin-bottom: 10px;
		font-weight: bold;
	}

	.course #point p { font-size: 14px; }

	.course #point .box {
		margin-bottom: 20px;
		padding: 30px;
		border: dashed 1px #f2a73b;
		border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
		background-color: #fffaf5;
	}

	.course table {
		width: 100%;
		border-bottom: #CCC 1px solid;
		border-right: #CCC 1px solid;
	}

	.course table th {
		width: 20%;
		text-align: center;
		background-color: #EEE;
	}

	.course table th,
	.course table td {
		padding: 20px;
		border-top: #CCC 1px solid;
		border-left: #CCC 1px solid;
	}

	.course table td .classroom {
		width: 100%;
		margin: 0;
    display: flex;
		flex-wrap: wrap;
	}

	.course table td .classroom li { line-height: 1.4; }
	.course table td .classroom li:last-child a::after { display: none; }

	.course table td .classroom li a::after {
		content: '\30FB';
		display: inline-block;
	}

	.course table td .classroom li a {
		margin: 0;
		padding: 0;
	}

@media screen and (max-width: 740px) {
	.course section:last-child { margin-bottom: 40px; }
	.course #point .box { padding: 20px; }
	.course table th { width: 100%; }

	.course table th,
	.course table td {
		display: block;
		padding: 10px;
	}

	.course table td .classroom { float: none; }

	}

/*--------------------------------------------------------------------------------------------
　　馬渕公開模試
--------------------------------------------------------------------------------------------*/
	.test section { margin-top: 40px; }

	.test h3 {
		font-size: 150%;
    padding: 10px 10px 12px 0;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: bold;
    color: #F17E19;
    border-bottom: 2px solid #F17E19;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	.test .system_box4 h3 {
		font-size: 100%;
		border-bottom: none;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
		;
	}

	.test .sub_ttl {
		font-size: 18px;
		font-weight: bold;
		color: #F17E19;
	}

	.test #point h4 {
		margin-bottom: 10px;
		font-weight: bold;
	}

	.test #point p { font-size: 14px; }

	.test #point .box {
		margin-bottom: 20px;
		padding: 30px;
		border: dashed 1px #f2a73b;
		border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
		background-color: #fffaf5;
	}

	.test table {
		width: 100%;
		border-bottom: #CCC 1px solid;
		border-right: #CCC 1px solid;
	}

		.test table th {
		width: 20%;
		text-align: center;
		background-color: #EEE;
	}

	.test table th,
	.test table td {
		padding: 20px;
		border-top: #CCC 1px solid;
		border-left: #CCC 1px solid;
		line-height: 1.4;
	}

	.test table td .classroom {
		width: 100%;
		margin: 0;
    display: flex;
		flex-wrap: wrap;
	}

	.test table td .classroom li { line-height: 1.4; }
	.test table td .classroom li:last-child a::after { display: none; }

	.test table td .classroom li a::after {
		content: '\30FB';
		display: inline-block;
	}

	.test table td .classroom li a {
		margin: 0;
		padding: 0;
	}
	
	.test .curriculum td span {
		display: block;
		margin-top: 0.8em;
		font-size: 12px;
	}

	.test .annot {
		margin-top: 1em;
		margin-left: 1em;
		text-indent: -1em;
		font-size: 13px;
		line-height: 1.4;
	}

@media screen and (max-width: 740px) {
	.test section:last-child { margin-bottom: 40px; }
	.test #point .box { padding: 20px; }
	.test table th { width: 100%; }

	.test table th,
	.test table td {
		display: block;
		padding: 10px;
	}

	.test table td .classroom { float: none; }

	.system_box4 .box_4_1,
	.system_box4 .box_4_2 { padding: 0; }

	.system_box4 .box_4_2 p { max-width: 100%; }

	.system_box4 .box_4_2 .left,
	.system_box4 .box_4_2 .right {
		display: block;
		width: 100%;
		margin-bottom: 2em;
	}

	}