@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/******************************
screen css
@media (min-width: 768px)
@media (min-width: 992px)
@media (min-width: 1200px)
*******************************/

/********************************

General Setting

*********************************/
body {
  background-color: #f5f4ed;
  font-family: "Helvetica Neue",
               Helvetica,
               Arial,
               Verdana,
               Roboto,
               "游ゴシック",
               "Yu Gothic",
               "游ゴシック体",
               "YuGothic",
               "ヒラギノ角ゴ Pro W3",
               "Hiragino Kaku Gothic Pro",
               "Meiryo UI",
               "メイリオ",
               Meiryo,
               "ＭＳ Ｐゴシック",
               "MS PGothic",
  sans-serif;
  font-size: 62.5%;
  line-height: 1.6;
  font-weight:500;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}

.color_1 { color:#c9baa4; }
.color_2 { color: #444; }
.color_3 { color: #ED5F7B; }
.color_4 { color: #1f8d9f; }
.j-font {
  font-family: 'Noto Sans Japanese',
  sans-serif;
}
.f_w { font-weight: bold; }
.f_120 { font-size: 110%; }
.break br { display: block; }
/*******************************

Common Layout

********************************/


.col_main {
  width: 100%;
}
.contents{
   margin-bottom: 50px; 
}
.contents:after{
   content: "";
   display: block;
   clear: both;
}
.contents h2 {
   margin-bottom: 20px;
   padding: 0px 10px;
   color: #000;
   font-size: 1.8em;
   background: url(../images/contents_line.png) repeat-x bottom;
   height: 35px;
}





.contents_img_left img {
   max-width: 100%;
   margin-bottom: 20px;
   border-radius: 5px;
}
.contents_img_left h3 {
   font-size: 1.7em;
   margin-bottom: 5px;
   color: #BD6822;
}
.contents_img_left p {
   font-size: 1.6em;
   margin-bottom: 16px;
}
.contents_img_left ul {
   margin: 0 0 15px 20px;
}
.contents_img_left li {
   font-size: 1.6em;
   margin-bottom: 10px;
}


.contents_img_right img {
  max-width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
}


.text_box {
  width: 98%;
  margin-left: 2%;
  margin-bottom: 20px;
}
.text_box h3 {
  font-size: 1.7em;
  margin-bottom: 15px;
}
.text_box p {
  font-size: 1.6em;
  margin-bottom: 15px;
}
.text_box ul {
  list-style-type: none;
  margin-left: 10px;
}
.text_box li {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.text_box li ul{
  margin-left: 20px;
}
.text_box li ul li{
  font-size: 16px!important;
}
.text_box a {
   color: #5d8a36;
  text-decoration: underline;
}
.text_box a:hover {
  text-decoration: none;
}


.contact_box {
  width: 100%;
  margin-bottom: 30px;
  float: left;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px;
  border-right: 5px;
}
.contact {
  float: left;
  width: 100%;
}
.contact h3{
  font-size: 1.8em;
  background-color: #9b876b;
  color: #fff;
  padding-left: 10px; 
  margin-bottom: 5px;
  border-radius: 5px 5px 0 0;
}
.contact p{
  font-size: 1.5em;
}
.contact img {
  max-width:100%;
  margin: 10px 0;
}
.contact_box:after,
.contact:after {
   content: "";
   display: block;
   clear: both;
}
.soroban_tag {
  background-color: #E8858D;
  border-radius: 5px;
  color: #fff; 
  margin-right: 10px; 
  padding: 2px 10px;
}
.syuzi_tag {
  background-color: #6DA9E8;
  border-radius: 5px;
  color: #fff;
  margin-right: 10px; 
  padding: 2px 10px;
}


#content1,
#content2,
#content3,
#content4,
#content5,
#content6,
#content7,
#content8,
#content9,
#content10 {
  margin-top: -100px;
  padding-top: 100px;
  display:block;
}



/*******************************

text_box

********************************/
.table_1 {
   border-collapse: collapse;
   border: none;
   width: 100%;
   margin-bottom: 20px;
}
.table_1 tr {
   border: 1px solid #999;
   font-size: 1.5em;
}
.table_1 th{
   border: 1px solid #999;
   padding: 3px 5px;
   white-space:nowrap;
   vertical-align: middle;
   font-weight: bold;
}
.table_1 td{
   background-color: #fff;
   padding: 3px 5px;
   text-align: center;
   border: 1px solid #999;
}
.table_1 td a{
   color: #4792AB;
   font-weight: bold;
   text-decoration: underline;
}
.table_1 td a:hover,
.table_1 td a:active {
   text-decoration: none;
}



.table_2 {
   border-collapse: collapse;
   border: none;
   width: 100%;
   margin-bottom: 20px;
}
.table_2 tr {
   border: 1px solid #999;
   font-size: 1.5em;
}
.table_2 th{
  border: 1px solid #999;
  padding: 2px 5px;
  white-space:nowrap;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
}
.table_2 td{
   background-color: #fff;
   padding: 2px 5px;
   text-align: left;
   border: 1px solid #999;
}
.table_2 td a{
   color: #4792AB;
   font-weight: bold;
   text-decoration: underline;
}
.table_2 td a:hover,
.table_2 td a:active {
   text-decoration: none;
}



.table_3 {
   border-collapse: collapse;
   border: none;
   width: 100%;
   margin-bottom: 20px;
}
.table_3 tr {
   border: 1px solid #999;
   font-size: 1.5em;
}
.table_3 th{
   border: 1px solid #999;
   padding: 3px 5px;
   white-space:nowrap;
   vertical-align: middle;
   font-weight: bold;
}
.table_3 td{
   background-color: #fff;
   padding: 3px 5px;
   text-align: center;
   border: 1px solid #999;
   vertical-align: middle;
}
.table_3 td a{
   color: #4792AB;
   font-weight: bold;
   text-decoration: underline;
}
.table_3 td a:hover,
.table_3 td a:active {
   text-decoration: none;
}


.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 25px;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}




.picture_box {
   width:100%;
   margin-bottom: 15px;
}
.picture_box ul {
   display: table;
   width:100%;
   table-layout: fixed;
}
.picture_box li {
   display: table-cell;
   text-align: left;
   *float: left;
   width:100%;
   padding: 0 3px;
}
.picture_box li img {
   width:100%;
   border-radius: 5px;
}
.picture_box p {
   font-size: 1.4em;
   margin: 0 3px 20px 3px;
}


/*******************************

widget

********************************/
.fixed_default {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0px 1px 3px #a0a0a0;
}



.mobile { display: block; }
.laptop { display: none; }
.menu_default { display: block; }
.menu { display: none; }
#top_nav { display: block; }
#top_nav_box { display: none; }
.bag { display: none; }



#thumb_box .slick-prev,
#thumb_box .slick-next {
    width: 40px;
    height: 40px;
}
#thumb_box .slick-prev:before,
#thumb_box .slick-next:before {
  color: #fff;
  font-size: 40px;
  line-height: 1.1;
}
#thumb_box .slick-next {
  right: 20px;
  z-index: 99;
}
#thumb_box .slick-prev {
  left: 20px;
  z-index: 100;
}
.thumb-item img,
.thumb-item-nav img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}
.thumb-item img {
  border: 2px solid #fff;
  box-sizing: border-box;
}
.thumb-item {
  max-width: 100%;
  margin: 0 auto 5px;
  padding: 0 5px;
}
.thumb-item-nav {
  max-width: 100%;
  margin: 0 auto;
}
.thumb-item-nav li{
  margin: 5px;
}



#pageTop_m span{
  display: block;
  overflow: hidden;
}
#pageTop_m:hover {
  transition: all .3s;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#pageTop_m{
  font-size: 2.5em;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #fff;
  background-color: #8dbd63;
  color:#fff;
  padding: 6px 18px;
  position:fixed;
  bottom: 17px;
  right: 17px;
  top: auto;
  left: auto;
  border-radius: 50%;
  opacity: 0.8;
}

/*******************************

header

********************************/
#top_nav {
  width: 100%;
}
.top_nav_b {
  float: right;
}

.top_nav_b li{
  float: left;
  list-style: none;
  margin: 10px 15px 10px 0; 
  font-size: 1.0em;
  background-color: #43b1c3;
  border-radius: 5px;
  box-shadow: 0 2px 2px #a0a0a0;
}
.top_nav_b li a{
  display: block;
  padding: 14px 5px 13px 5px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#header {
  width: 100%;
  margin: 0;
  padding: 0;
}
#header:after {
  content: "";
  display: block;
  clear: both;
}


#title {
  width: 100%;
}
#title:after {
  content: "";
  display: block;
  clear: both;
}
#title h1 img {
  margin: 10px 0 10px 15px;
  max-width: 200px;
  float: left;
}
#title a img {
  border: none;
  text-decoration: none;
}
#title h1 {
   text-align: center;
}

#main_index {
  width: 100%;
  margin:0 auto;
  box-sizing: border-box;
}
#main_index:after {
  content: "";
  display: block;
  clear: both;
}
.main_inedx_m {
  padding: 0 15px;
}

.col_main_info {
  float: left;
  width: 100%;
}

/*******************************

Common Parts

********************************/

#container_slider {
  width: 100%;
}
#container_slider img{
  max-width: 100%;
  height: auto;
  margin:0 auto;
  box-sizing: border-box;
}
#container_slider:after {
  content: "";
  display: block;
  clear: both;
}




#gnav{
  list-style-type: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#gnav:before,
#gnav:after {
  content: "";
  display: table;
}
#gnav:after{
  clear: both;
}
#gnav li{
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#gnav li a{
  display: block;
  font-size: 1.0em;
  padding: 10px 0 6px 0;
  background-color: #fff;
  color: #444;
  text-decoration: none;
  font-weight: bold;
  line-height: 16px;
}
#gnav li a:hover{
  background-color: #c0c0c0;
}
#gnav li ul {
  display: none;
}

#gnav li a .fa-home:before {
  content: "\f015\A";
  font-family: 'FontAwesome';
  white-space: pre;
  font-size: 2.0em;
  margin: -4px 0;
  font-weight: normal;
}
#gnav li a .fa-about:before {
  content: "\f19d\A";
  font-family: 'FontAwesome';
  white-space: pre;
  font-size: 2.0em;
  margin: -4px 0;
  font-weight: normal;
}
#gnav li a .fa-school:before {
  content: "\f040\A";
  font-family: 'FontAwesome';
  white-space: pre;
  font-size: 2.0em;
  margin: -4px 0;
  font-weight: normal;
}
#gnav li a .fa-admission:before {
  content: "\f024\A";
  font-family: 'FontAwesome';
  white-space: pre;
  font-size: 2.0em;
  margin: -4px 0;
  font-weight: normal;
}
#gnav li a .fa-info:before {
  content: "\f0e0\A";
  font-family: 'FontAwesome';
  white-space: pre;
  font-size: 2.0em;
  margin: -4px 0;
  font-weight: normal;
}

/*******************************

news

********************************/
#info {
  width: 100%;
  background-color: #fff;
  margin-bottom: 40px;
  box-sizing: border-box;
  padding: 15px 0;
}
#info:after {
   content: "";
   display: block;
   clear: both;
}
#info h2 {
  font-size: 1.8em;
  text-align: center;
  color: #333;
}
.info_list {
  width: 91%;
  margin: 0 auto;
  background-color: #f5f4ed;
}
.info_list h3 a {
  font-size: 1.5em;
  display: block;
  padding: 10px 0;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-color: #43b1c3;
  box-shadow: 0 2px 2px #a0a0a0;
  border-radius: 5px;
}
.info_list h3 a:after {
  content: "\00a0\00a0\f0da";
  font-family: 'FontAwesome';

}
.back_white {
  background-color: #f5f4ed!important;
}


/*******************************

info php

********************************/
.news_box {
  margin: 10px 0;
  width: 100%;
}
.news_box dl {
  font-size: 1.5em;
  font-weight: 500;
  border-bottom: 1px dotted #888;
  padding: 12px 15px;
}
.news_box dt {
  font-weight: bold;
  color: #555;
}
.news_box dl a{
  text-decoration: underline;
  color: #000;
}
.news_box dl a:hover{
  text-decoration: none;
}
.news_box dd h3{
  font-weight: normal;
  font-weight: 500;
}

.news_box dt.news_icon {
  background: url(../images/info.png) no-repeat 90px 2px;
  background-size: 80px;
  width: 200px;
}
.news_box dt.event_icon {
  background: url(../images/event.png) no-repeat 90px 2px;
  background-size: 80px;
  width: 200px;
}
.news_box dt.kentei_icon {
  background: url(../images/kentei.png) no-repeat 90px 2px;
  background-size: 80px;
  width: 200px;
}
.news_box dt.kyogi_icon {
  background: url(../images/kyogi.png) no-repeat 90px 2px;
  background-size: 80px;
  width: 200px;
}

/*******************************

Common Parts

********************************/
.topic {
   width:100%;
   margin-bottom: 30px;
}
.topic li {
   width:100%;
   box-sizing: border-box;
   padding: 0 25px; 
}
.topic li img {
   max-width:100%;
   margin: 10px 0;
   box-sizing: border-box;
   vertical-align: top;
}
.topic li a img {
  text-decoration: none;
  border: none;
}
.topic li a img:hover,
.topic li a img:active {
  opacity: 0.5;
}
.topic p {
   font-size: 1.3em;
}


/*******************************

footer php

********************************/
.footer_line {
  background: url(../images/footer_line.png) repeat-x;
  height: 10px;
  width: 100%;
}

#footer {
  background-color: #9b876b;
  margin:0;
}
.footer_nav {
  width: 100%;
  border-bottom: 3px dotted #c9baa4;
  margin-bottom: 20px; 
}
.footer_nav ul {
  list-style: none;
  margin: 0 auto;
  margin: 0 15px;
}
.footer_nav ul:after {
  content: "";
  display: block;
  clear: both;
}
.footer_nav li{
  float: left;
  margin: 6px 0;
  font-size: 1.4em;
}
.footer_next:after{
  content: "\00a0\00a0|\00a0\00a0";
  color: #fff;
}

.footer_nav li a {
   color: #fff;
   text-decoration: underline;
}
.footer_nav li a:hover{
   text-decoration: none;
}
.footer_nav li a .fa-angle-right:before {
  content: "\f105\00a0\00a0";
  font-family: 'FontAwesome';
}

.footer_box {
   width: 100%;
}
.footer_box ul{
  list-style-type: none;
}


.footer_box_col {
  width: 100%;
  overflow: hidden;
  background-color: #b4a288;
  color: #fff;
  font-weight: bold;
}
.footer_box_col_3 {
  float: left;
  width: calc(100% / 3);
  padding: 8px 0;
  border-bottom: 1px dotted #fff;
  box-sizing: border-box;
}
.footer_box_col_2 {
  float: left;
  width: 49.7%;
  padding: 8px 0; 
}
.footer_right {
  border-right: 1px dotted #fff;
}
.footer_box_col_2:after,
.footer_box_col_3:after {
   content: "";
   display: block;
   clear: both;
}

.footer_box_col li{
  list-style: none;
  text-align: center;
  font-size: 1.4em;
}
.footer_box_col li a {
   color: #000;
   text-decoration: none;
}
.footer_box_col li a:hover{
   text-decoration: underline;
}
.footer_box_col ul:after {
   content: "";
   display: block;
   clear: both;
}
.footer_box_col a {
   color: #fff;
   text-decoration: none;
}
.footer_box_col a:hover,
.footer_box_col a:active {
   text-decoration: underline;
}


.footer_box_col_title ul {
   margin:0 auto; 
   list-style: none;
   padding: 0;
}
.footer_box_col_title ul:after {
   content: "";
   display: block;
   clear: both;
}
.footer_box_col_title li{
   text-align: center;
   margin: 6px 0 20px 0;
}
.footer_box_col_title p{
   font-size: 1.4em;
   font-weight: bold;
   color: #fff;

}
.footer_box_col_title img {
  max-width: 250px;
  height: auto;
  margin-bottom: 5px;
  margin-right: 10px;
}
.footer_box_col_title p a img {
  border: none;
  text-decoration: none;
  margin-bottom: 10px;
}




.footer_bottom {
   text-align: center;
   margin: 0;
   padding: 20px 0;
  background-color: #f5f4ed;
}
.footer_bottom p {
   font-size: 1.3em;
}
.footer_bottom p a {
  text-decoration: underline;
  color: #555;
}
.footer_bottom p a:hover {
  text-decoration: none;
}


/*******************************

main contents

********************************/
.top_line {
  background: url(../images/top_line.png) repeat-x;
  height: 5px;
}

.main_contents_right {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.main_contents_right:after {
   content: "";
   display: block;
   clear: both;
}

.main_contents_right img {
  max-width: 100%;
  height: auto;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 10px;
}

.main_contents_text h3 {
  font-size: 1.8em;
  margin: 10px 15px 16px 15px;
  color: #d88119;
}
.main_contents_text p {
  font-size: 1.5em;
  margin: 0 15px 16px 15px;
}

.main_contents_text a {
   color: #5d8a36;
   font-weight: bold;
  text-decoration: underline;
}
.main_contents_text a:hover {
  text-decoration: none;
}

.main_contents_text ul {
  margin: 0 15px 16px 15px;
  list-style: none;
}
.main_contents_text li {
  font-size: 1.5em;
  margin-bottom: 10px;
}


/*******************************

pan

********************************/
#pan {
  margin: 15px 0;
  z-index: 1000;
  width: 100%;
}
#pan:after {
   content: "";
   display: block;
   clear: both;
}
#pan li {
   float: left;
   list-style-type: none;
   font-size: 1.3em;
}
#pan li a {
   text-decoration: underline;
   color: #5d8a36;
}
#pan li a:hover {
   text-decoration: none;
}
#pan li+li:before {
   content: '\00a0\f105\00a0\00a0\00a0';
   font-family: FontAwesome;
   color: #888;
}


.main_contents {
  width: 100%;
  margin-bottom: 50px;
}
.main_contents:after {
  content: "";
  display: block;
  clear: both;
}
.fb {
  width: 90%;
  margin: 0 5%;
  float: left;
}
.fb:after {
   content: "";
   display: block;
   clear: both;
}
.fb img {
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 5%;
  margin-top: 50px;
}








/*******************************

tablet Media Queries ▼

********************************/
@media (min-width: 768px) {
.main_contents {
  width: 90%;
  margin: 0 5% 50px 5%;
}
.main_contents:after {
  content: "";
  display: block;
  clear: both;
}
.fb {
  width: 50%;
  float: left;
  margin: 0 ;
}
.fb img {
  max-width: 100%;
  box-sizing: border-box;
  padding: 30px 0 0 20px;
  margin-top: 0;
}
/*******************************

Common Layout

********************************/
.topic {
   padding-top: 20px;
   width:90%;
   margin: 0 auto;
}
.topic ul {
   display: table;
   width:100%;
   table-layout: fixed;
}
.topic li {
   display: table-cell;
   text-align: left;
   width:100%;
   padding: 0 ;
}

.topic_odd {
   padding: 0 10px 0 0!important;
}
.topic_even {
   padding: 0 0 0 10px!important;
}

.topic li img {
   width:100%;
   box-sizing: border-box;
   vertical-align: top;
}
.topic li a img {
  text-decoration: none;
  border: none;
}
.topic li a img:hover,
.topic li a img:active {
  opacity: 0.5;
}
.topic p {
  font-size: 1.3em;
}


.main_contents_right {
  width: 90%;
  margin: 0 5%;
  margin-bottom: 50px;
}
.main_contents_right img {
  max-width: 37%;
  padding: 0;
  float: left;
  border: 5px solid #fff;
  box-shadow: 0 1px 3px #E3D7CC;
}
.main_contents_text h3 {
  font-size: 2.0em;
  margin: 10px 15px 16px 42%;
}
.main_contents_text p {
  font-size: 1.5em;
  margin: 0 15px 16px 42%;
}

.main_contents_text ul {
  margin: 0 15px 16px 42%;
}
.main_contents_text li {
  font-size: 1.5em;
}


.col_main {
  float: left;
}
.contents h2 {
  font-size: 1.9em;
}



#info {
  padding: 15px 30px;
}




.contents_img_left img {
  float: left;
  max-width: 38%;
  height:auto;
  margin-left: 20px;
  box-shadow: 0px 2px 2px #999;
  border: 4px solid #fff;
}
.contents_img_left h3 {
  margin: 0 0 20px 44%;
}
.contents_img_left p {
  margin: 0 0 15px 44%;
  font-size: 1.6em;
}
.contents_img_left ul {
  margin: 0 0 15px 46%;
}
.contents_img_left li {
  font-size: 1.5em;
}




.text_box ul {
  margin-left: 20px;
}

.movie iframe {
  width: 90% !important;
  height: 90% !important;
  margin: 0 5%;
}


.contents_img_right img {
  float: right;
  max-width: 44%;
  height:auto;
}


.table_1 {
  width: 50%;
  margin-left: 20px;
}
.table_2 {
  width: 50%;
  margin-left: 47%; 
}
.table_3 {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
  /*margin-left: 20px;*/
}

.contact_box {
  width: 48%;
  margin-bottom: 30px;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}

.footer_box_col_title {
  float: left;
}
.footer_box_col_title li{
   text-align: left;
   margin: 6px 0 20px 0;
}

.footer_img{
  float: right;
}
.footer_img img {
  width: 100%;
}

.footer_box_col_title {
  margin-left: 10px; 
}


.footer_tel {
  max-width: 100%;
  margin-right: 20px;
}
.footer_mobile {
  max-width: 100%;
  margin-right: 20px;
}
.footer_mail {
  max-width: 100%;
  vertical-align: bottom;
}


}



/*******************************

PC(small) Media Queries ▼

********************************/
@media (min-width: 992px) {

.main_contents {
  width: 100%;
  margin: 0 0 50px 0;
}
.main_contents:after {
  content: "";
  display: block;
  clear: both;
}



#content1,
#content2,
#content3,
#content4,
#content5,
#content6,
#content7,
#content8,
#content9,
#content10 {
  margin-top: -60px;
  padding-top: 60px;
  display:block;
}

.container {
  max-width: 1150px;
  margin:0 auto;
  padding: 0 15px;
}
.container:after {
  content: "";
  display: block;
  clear: both;
}


.mobile { display: none; }
.laptop { display: block; }
.menu_default { display: none; }
.menu { display: block; }

#top_nav { display: none; }
#top_nav_box { display: block; }
.bag { display: block; }
.break br { display: none; }


#top_nav_box {
  width: 100%;
}

#top_nav_box {
  width: 100%;
  border-top: 5px solid #a8ca01;
}
.top_nav_pc_width{
  width: 74%;
  float: left; 
}
.top_nav_message img{
  float: left;
  max-width: 63%;
  margin: 30px 0;
}

.top_nav_pc_b {
  float: right;
}

.top_nav_pc_b li{
  float: left;
  list-style: none;
  margin: 10px 15px 10px 0; 
  font-size: 1.4em;
}
.top_nav_pc_b li a{
  display: block;
  padding: 14px 5px;
  text-decoration: none;
  color: #555;
  font-weight: bold;
}
.fa-arrow:before {
  content: "\f0da\00a0\00a0";
  font-family: 'FontAwesome';
}



#header {
  width: 23%;
  margin-right: 3%;
  float: left;
}
#title h1 img {
  margin: 10px 0 0 0;
  max-width: 100%;
  float: left;
}



.menu{
  width: 100%;
}


#main_index {
  width: 74%;
  float: right;
  margin:0 ;
  padding: 0;
}
.main_inedx_m {
  padding: 0 ;
}
#container_slider img{
  border-radius: 5px;
}
.slick-dots {
  text-align: right;
}

#gnav{
  position: relative;
  z-index: 10000;
  margin-bottom: 10px;
}
#gnav li{
  text-align: left;
  float: none;
  list-style-type : none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#gnav li a{
  position: relative;
  display: block;
  padding: 15px 15px;
  border-bottom: 1px solid #d0d0d0;
  color: #0e2236;
  text-decoration: none;
  border-right: 0;
  font-size: 1.6em;
  color: #363636;
}
#gnav > li:hover > a{
  color: #363636;
  background-color: #cde06b;
}
#gnav ul li a:hover{
  color: #363636;
  background-color: #cde06b;
}
#gnav > li:hover > a:after{
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  right: 5px;
  width: 0px;
  height: 0px;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left-color: #222;
}
#gnav ul{
  display: none;
  position: absolute;
  top: 0px;
  right: -250px;
  width: 230px;
  margin: 0;
  padding: 20px 10px 20px 10px;
  border-radius: 0 0 3px 0;
  background-color: #f0f0f0;
  box-shadow: 3px 0px 3px #ccc inset;
}
#gnav li:hover ul{
  display: block;
}
#gnav ul.big{
  right: -417px;
  width: 400px;
}
#gnav ul.big li{
  float: left;
  width: 200px;
}
#gnav ul h3{
  padding: 5px 5px 5px 15px;
  margin: 0;
  color:#e47911;
  font-size: 16px;
  font-weight: bold;
}
#gnav ul li a{
  padding: 8px 15px;
}

.menu {
  z-index: 99999!important;
}



#gnav li a .fa-home:before {
  content: "\f015\00a0\00a0\00a0";
  font-family: 'FontAwesome';
  white-space: normal;
  font-size: 27px;
  vertical-align: bottom;
  color: #555;
}
#gnav li a .fa-about:before {
  content: "\f19d\00a0\00a0";
  font-family: 'FontAwesome';
  white-space: normal;
  font-size: 24px;
  vertical-align: bottom;
  color: #555;
}
#gnav li a .fa-school:before {
  content: "\f040\00a0\00a0\00a0";
  font-family: 'FontAwesome';
  white-space: normal;
  font-size: 27px;
  vertical-align: bottom;
  color: #555;
}
#gnav li a .fa-admission:before {
  content: "\f024\00a0\00a0\00a0";
  font-family: 'FontAwesome';
  white-space: normal;
  font-size: 25px;
  vertical-align: bottom;
  color: #555;
}
#gnav li a .fa-info:before {
  content: "\f0e0\00a0\00a0\00a0";
  font-family: 'FontAwesome';
  white-space: normal;
  font-size: 24px;
  vertical-align: bottom;
  color: #555;
}

.gnav_content {
  margin-bottom: 10px;
}
.gnav_content img {
  max-width: 100%;
  margin-bottom: 6px;
  border-radius: 5px;
}
.gnav_content a img {
  border: none;
  text-decoration: none;
}
.gnav_content a img:hover,
.gnav_content a img:active {
  opacity: 0.5;
}

.news_box dd h3{
  margin-left: 30%; 
}
.news_box dt.news_icon {
  background: url(../images/info.png) no-repeat 100px 3px;
  background-size: 80px;
  width: 200px;
}
.news_box dt.event_icon {
  background: url(../images/event.png) no-repeat 100px 3px;
  background-size: 80px;
  width: 200px;
}
.news_box dt.kentei_icon {
  background: url(../images/kentei.png) no-repeat 100px 3px;
  background-size: 80px;
  width: 200px;
}
.news_box dt.kyogi_icon {
  background: url(../images/kyogi.png) no-repeat 100px 3px;
  background-size: 80px;
  width: 200px;
}






/*******************************

main contents

********************************/



.bag {
  position: absolute;
  max-width: 140px!important;
  height: auto;
  left: 20px;
  top: 140px;
  border: 0!important;
  box-shadow: none!important;
}




.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 1px 3px #a0a0a0;
}

#pageTop_m,
#pageTop_m span {
  display: none;
}

#pageTop span {
  display: block;
  overflow: hidden;
}
#pageTop{
  font-size: 4.3em;
  text-decoration: none;
  font-weight: bold;
  background-color: #8dbd63;
  color:#fff;
  padding: 5px 26px;
  position:fixed;
  bottom: 20px;
  right: 20px;
  top: auto;
  left: auto;
  border-radius: 50%;
  border: 3px solid #fff;
}
#pageTop:hover {
  transition: all .3s;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#info {
  margin-bottom: 50px;
  padding: 15px 20px;
  box-shadow: 0 1px 2px #E3D7CC;
}
#info h2 {
  float: left;
  text-align: left;
  border-bottom: 4px solid #888;

}
.info_list_right {
  float: right;
  font-size: 1.3em;
}
.info_list_right a{
  text-decoration: none;
  color: #555;
  font-weight: bold;
}
.info_list_right a:hover{
  text-decoration: underline;
}
#info h2:after,
.info_list_right:after {
   content: "";
   display: block;
   clear: both; 
}
.news_box,
.news_box dt {
  float: left;
}


.footer_box_right {
  float: left;
  width: 60%;
}
.footer_box_col {
  width: 55%;
  border-radius: 10px;
}



.footer_box_col_3,
.footer_box_col_2 {
  width: 20%;
}


.main_contents_right {
  width: 100%;
  margin: 0;
  margin-bottom: 50px;
}



.topic {
   width:100%;
   margin-bottom: 30px;
}


.thumb-item {
  max-width: 90%;
}
.thumb-item-nav {
  max-width: 90%;
}




#thumb_box .slick-prev:before,
#thumb_box .slick-next:before {
  color: #333;
}
#thumb_box .slick-next {
  right: -40px;
}
#thumb_box .slick-prev {
  left: -40px;
}

.picture_box li {
   display: table-cell;
   text-align: left;
   *float: left;
   width:100%;
   padding: 0 10px;
}


}





/*******************************

PC(large) Media Queries ▼

********************************/
@media (min-width: 1200px) {


}




.info_nav {
  width: 100%;
  border-bottom: 3px dotted #c9baa4;
  margin-bottom: 20px; 
}
.info_nav ul {
  list-style: none;
  margin: 0 auto;
  margin: 0 15px;
}
.info_nav ul:after {
  content: "";
  display: block;
  clear: both;
}
.info_nav li{
  float: left;
  margin: 6px 0;
  font-size: 1.5em;
}
.info_nav li a:after{
  content: "\00a0\00a0>\00a0\00a0";
  color: #000;
}
.info_nav li a {
   color: #000;
   text-decoration: underline;
   margin-right:20px;
}
.info_nav li a:hover{
   text-decoration: none;
}
.info_nav li a .fa-angle-right:before {
  content: "\f105\00a0\00a0";
  font-family: 'FontAwesome';
}


.terms-page p {
  font-size: 1.5em;
}
.terms-page ul {
  margin-left: 30px;
  margin-bottom: 40px;
}
.terms-page ul > li {
  /*margin-bottom: 30px;*/
}
.terms-page h4 {
  font-size: 1.8em;
  font-weight: bold;
  margin-left: 10px;
}
.terms-page li {
  font-size: 1.5em;
}
.terms-page li ul li {
  font-size: 1em;
}
.terms-section {
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.terms-section:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #555;
  display: block;
  margin-left: 30px;
}

.terms-section h3 {
  font-size: 1.7em;
  font-weight: bold;
  color: #000;
}
@media (min-width: 768px) {
  .terms-section h3 {
    font-size: 1.8em;
  }
}
@media (min-width: 992px) {
  .terms-section h3 {
    font-size: 2.0em;
  }
}
@media (min-width: 1200px) {
  .terms-section h3 {
    font-size: 2.0em;
  }
}
.text-r {
  text-align: right;
}

.taiken-button-box {
  width: 100%;
  text-align: center;
}
.taiken-button a {
  width: 91%;
  margin: 0 auto;
  background-color: #43b1c3!important;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px #a0a0a0;
  font-size: 1.5em;
  text-decoration: none;
  padding: 15px 10px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .taiken-button a {
    font-size: 2.0em;
    width: 90%;
  }
}
.taiken-button a:hover {
  opacity: 0.5;
}

.taiken-button-box-w {
  width: 100%;
  text-align: center;
}
.taiken-button-w a {
  width: 70%;
  margin: 0 auto;
  background-color: #43b1c3!important;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px #a0a0a0;
  font-size: 1.5em;
  text-decoration: none;
  padding: 10px 10px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .taiken-button-w a {
    font-size: 2.0em;
    width: 70%;
  }
}
.taiken-button-w a:hover {
  opacity: 0.5;
}