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

#top_main{width:100%; margin:0 auto 2% auto; padding-top:107.2%; height:0; background-image:url("../../img/sp/main_sp.png"); background-repeat:no-repeat; background-size:contain; overflow:hidden; text-indent:100%; white-space:nowrap; }

#top1{width:100%; margin:0 auto; padding:0; border-bottom:0;}
#top1 h2.main_text{width:90%; height:0; background-image:url("../../img/pc/main_text.jpg"); background-repeat:no-repeat; background-size:contain; margin:4% auto 0 auto; padding-top:5.9%; overflow:hidden; text-indent:100%; white-space:nowrap; text-align:center;}
#top1 p{font-size:90%; color:#393939; line-height:170%; text-align:center; margin:3% auto 0 auto; padding:0;}
#top1 p.sign{width:30%; background-image:url("../../img/pc/sign.png"); background-repeat:no-repeat; background-size:contain; margin:5% auto 0 auto; padding-top:22.78%; overflow:hidden; text-indent:100%; white-space:nowrap;}
#top1 .movie{width:96%; margin:-15% auto 0 auto; padding:0;}
#top2{width:100%; margin:0 auto; padding:0; border-bottom:0;} 
#top2 ul.top2_ul{width:100%; margin:5% auto 0 auto; padding:0; list-style:none;}
#top2 ul.top2_ul li.news{width:100%; margin:0; padding:0; float:none;}
#top2 ul.top2_ul li.news h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 0 0; margin:0 0 2% 0; letter-spacing:7px; line-height:100%; height:41px;}
#top2 ul.top2_ul li.news ul.news_ul{width:96%; margin:0 auto 0 auto; padding:0; list-style:none;}
#top2 ul.top2_ul li.news ul.news_ul:last-child{width:96%;  margin:0 auto 0 auto; padding:0; list-style:none;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li{width:100%; margin:0 0 0 0; padding:0;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li .news_box .li_l{width:22%; margin:1% 0 0 2%; padding:0; float:left;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li .news_box .li_l img{width:100%; height:90%;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li .news_box .li_r{width:73%; margin:0 0 0 3%; padding:0; float:left; height:120px;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li .news_box .li_r p.news_text1{font-size:80%; color:#896607; text-align:left; margin:1% 0 1% 0; padding:0; line-height:160%;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li .news_box .li_r p.news_text2{font-size:80%; color:#393939; text-align:left; margin:1%0 5% 0; padding:0; line-height:160%;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li .news_box .li_r p.news_text2 a{color:#393939; text-decoration:underline;}
#top2 ul.top2_ul li.news ul.news_ul li.news_li .news_box .li_r p.news_text2 a:hover{color:#0076FF; text-decoration:underline;}
#top2 li.fb{width:100%; margin:0; padding:0; float:none;}
#top2 li.fb h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 3% 0; margin:0; letter-spacing:7px; line-height:100%; height:30px;}
#top2 li.fb .fb_plugin_res{width:100%; max-width:400px; margin:0 auto;}
#top2 li.fb .line{width:96%; margin:4% auto 2% auto;}
#top2 li.fb .insta{width:96%; margin:2% auto 0 auto;}

#top3{width:100%; margin:5% auto 0 auto; padding:0; border-bottom:0;}
#top3 h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 0 0; margin:0; letter-spacing:7px; line-height:100%; height:30px;}
#top3 p{font-size:90%; color:#393939; line-height:170%; text-align:left; margin:3% auto; padding:0; width:94%;}
#top3 ul{width:100%; margin:6% auto 0 auto; padding:0; list-style:none; position:relative;}
#top3 li{width:80%; margin:0 auto 0 auto; padding:0; float:none; position:relative;}
#top3 li:nth-child(2){width:80%; margin:2% auto 5% auto; padding:0; float:none; position:relative;}
#top3 li span a{display:block; left:0; top:0; width:100%; height:70%; text-decoration:none;}
#top3 li span a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.9; text-decoration:none;}
#top3 li .top3_pict{width:100%; overflow:hidden; transition:1s all;}
#top3 li .top3_pict img:hover{transform:scale(1.05,1.05); transition:0.3s all;}
#top3 li h4{font-size:100%; color:#896607; font-weight:normal; line-height:170%; text-align:center; margin:0 auto 0 auto; padding:0; width:100%;}
#top3 li .btn{width:40%; margin:2.5% auto 0 auto; padding:0;}

#top4{width:100%; margin:0 auto 0 auto; padding:0; border-bottom:0;}
#top4 h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 0 0; margin:0; letter-spacing:7px; line-height:100%; height:30px;}
#top4 p{font-size:90%; color:#393939; line-height:170%; text-align:left; margin:3% auto 0 auto; padding:0; width:94%;}
#top4 p.top4_text1{font-size:90%; color:#393939; line-height:170%; text-align:left; margin:3% auto 0 auto; padding:0; width:94%;}
#top4 ul{width:100%; margin:0 auto 0 auto; padding:0; list-style:none; position:relative;}
#top4 li{width:80%; margin:5% auto; padding:0; float:none; position:relative;}
#top4 li:nth-child(2){width:80%; margin:5% auto; padding:0; float:none; position:relative;}
#top4 li:nth-child(3n){width:80%; margin:5% auto; padding:0; float:none; position:relative;}
#top4 li span a{display:block; left:0; top:0; width:100%; height:90%; text-decoration:none;}
#top4 li span a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.9; text-decoration:none;}
#top4 li span.course_ico1{position:absolute; top:12px; left:12px; background:url(../../img/pc/child_ico.png) no-repeat; width:93px; height:36px; overflow:hidden; text-indent:100%; white-space:nowrap;}
#top4 li span.course_ico1_2{position:absolute; top:12px; left:12px; background-color:#fff; width:90px; font-size:70%; text-align:center; padding:2.6% 0 2% 0; color:#333; line-height:100%;}
#top4 li span.course_ico2{position:absolute; top:12px; left:12px; background:url(../../img/pc/otona_ico.png) no-repeat; width:93px; height:36px; overflow:hidden; text-indent:100%; white-space:nowrap;}
#top4 li span.course_ico2_2{position:absolute; top:12px; left:12px; background-color:#fff; width:90px; font-size:70%; text-align:center; padding:2.6% 0 2% 0; color:#333; line-height:100%;}
#top4 li h4{font-size:100%; color:#896607; font-weight:normal; line-height:170%; text-align:center; margin:1% auto 0 auto; padding:0; width:100%;}
#top4 li .top4_pict{width:100%; overflow:hidden; transition:1s all;}
#top4 li .top4_pict img:hover{transform:scale(1.05,1.05); transition:0.3s all;}
#top4 li p.top4_text2{font-size:80%; color:#393939; line-height:170%; text-align:left; margin:0 auto 0 auto; padding:0; width:100%;}
#top4 li .btn{width:40%; margin:3% auto 0 auto; padding:0;}

#top5{width:100%; margin:0 auto 0 auto; padding:0; border-bottom:0;}
#top5 h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 0 0; margin:0; letter-spacing:7px; line-height:100%; height:30px;}
#top5 p.top5_text1{font-size:90%; color:#393939; line-height:170%; text-align:left; margin:3% auto 0 auto; padding:0; width:94%;}
#top5 ul{width:100%; margin:5% auto 0 auto; padding:0; list-style:none;}
#top5 li{margin:0; padding:0; border-bottom:1px solid #e2e2e2;}
#top5 li:last-child{border-bottom:none;}
#top5 li .box{width:100%; margin:4% 0 0 0; padding:0;}
#top5 li .box .top5_li_l{width:60%; margin:0 auto; padding:0; float:none;}
#top5 li .box .top5_li_l img{width:237px; height:238px; margin:0; padding:0;}
#top5 li .box .top5_li_l img:hover{transform:scale(1.03,1.03); transition:0.3s all;}
#top5 li .box .top5_li_l img a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.9; text-decoration:none;}
#top5 li .box .top5_li_r{width:94%; margin:1.5% auto 0 auto; padding:0; float:none;}
#top5 li .box .top5_li_r p.top5_text2{font-size:110%; color:#896607; line-height:180%; text-align:center; margin:1% auto 0 auto; padding:0;}
#top5 li .box .top5_li_r p.top5_text2 a{color:#896607; margin:0; padding:0; text-decoration:none;}
#top5 li .box .top5_li_r p.top5_text2 a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.6; text-decoration:none;}
#top5 li .box .top5_li_r p.top5_text3{font-size:80%; color:#393939; line-height:180%; text-align:left; margin:1% auto 0 auto; padding:0;}
#top5 li .box .top5_li_r .btn{width:33%; margin:3% auto; padding:0;}
#top5 li .box .top5_li_r .btn img{width:100%; height:100%; margin:2% auto; padding-left:0;}
#top5 .teacher_btn{width:70%; margin:0 auto 0 auto; padding:0;}

#top6{width:100%; margin:5% auto 0 auto; padding:0; border-bottom:0;}
#top6 h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 0 0; margin:0; letter-spacing:7px; line-height:100%; height:30px;}
#top6 p.top6_text1{font-size:90%; color:#393939; line-height:170%; text-align:left; margin:3% auto 0 auto; padding:0; width:94%;}
#top6 ul{width:100%; margin:5% auto 0 auto; padding:0; list-style:none;}
#top6 ul li{margin:0; padding:0; border-bottom:1px solid #999;}
#top6 ul li:first-child{border-top:1px solid #949494;}
#top6 ul li .event_box{width:100%; margin:4% 0 0 0; padding:0;}
#top6 ul li .event_box .li_l{width:60%; margin:0 auto; padding:0; float:none;}
#top6 ul li .event_box .li_l img{width:235px; height:auto; margin:0; padding:0;}
#top6 ul li .event_box .li_r{width:94%; margin:1.5% auto 0 auto; padding:0; float:none;}
#top6 ul li .event_box .li_r h4{font-size:80%; margin:0; padding:0; text-align:center; line-height:170%; color:#685113; font-weight:normal; text-decoration:none; width:100%;}
#top6 ul li .event_box .li_r h4 a{margin:0; padding:0; color:#685113; text-decoration:none;}
#top6 ul li .event_box .li_r h4 a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#top6 ul li .event_box .li_r p.event_text1{font-size:90%; line-height:150%; color:#685113; margin:2% 0 0 0; padding:0; text-align:left; border-bottom:0;}
#top6 ul li .event_box .li_r p.event_text2{font-size:80%; line-height:170%; color:#393939; margin:3% 0 0 0; padding:0; text-align:left;}
#top6 ul li .event_box .li_r p{font-size:80%; line-height:170%; color:#393939; margin:3% 0 0 0; padding:0; text-align:left;}
#top6 ul li .event_box .li_r .detail_btn{width:33%; margin:3% auto 5% auto; padding:0; text-align:center;}
#top6 ul li .event_box .li_r .detail_btn img{width:100%; height:95%; margin:2% auto; padding-left:0;}
#top6 .event_btn{width:70%; margin:5% auto; padding:0;}
#top6 ul li .event_box .li_r p a.more-link{display:none;}

#top7{width:100%; margin:5% auto 0 auto; padding:0; border-bottom:0; display: none}
#top7 h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 0 0; margin:0; letter-spacing:0; line-height:100%; height:30px;}
#top7 .top7_pict{width:96%; margin:5% auto 0 auto;}
#top7 p{font-size:90%; color:#393939; line-height:170%; text-align:left; margin:4% auto; padding:0; width:94%;}
#top7 p a{color:#a7271f; text-decoration:underline;}
#top7 p a:hover{color:#a7271f; font-weight:bold;}