@charset "utf-8";


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

General Setting

*********************************/
body {
  background-color:#FFFDF7;
  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;
}

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

Layout

********************************/
.container {
  max-width: 1024px;
  margin:0 auto;
  padding: 0 ;
}
.container:after {
   content: "";
   display: block;
   clear: both;
}
.container_slider {
   margin-top: 10px;
   margin-bottom: 70px;
}
.container_slider img{
   max-width: 100%;
   height: auto;
   margin:0 auto;
}

#main_contents{
   width: 90%;
   margin: 0 auto;
   /**clear: right;*/
}
.col{
   float: left;
   /*width: 48.5%;*/
   margin-left: 3%;
   *clear: right;
}
.col:first-child {
   margin-left: 0;
   width: 75%;
}
.col:nth-child(2) {
   width: 22%;
}


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

widget

********************************/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 1px 3px #a0a0a0;
}
#sideber_fixed {
   margin-bottom: 300px;
}
.mobile {
   display: none;
}
.laptop {
   display: block;
}

#pageTop span,
#pageTop_m span{
  display: block;
  overflow: hidden;
}
#pageTop{
  font-size: 1.6em;
  text-decoration: none;
  font-weight: bold;
  border: 0px solid #000;
  background: #2C7DB8;
  /*text-shadow: 0 1px 0 #333;*/
  color:#fff;
  padding: 10px 22px 10px 22px;
  position:fixed;
  bottom: 20px;
  right: 20px;
  top: auto;
  left: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -icab-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 4px solid #0F446B;
}
#pageTop:hover,
#pageTop_m:hover {
  transition: all .3s;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#pageTop_m{
  font-size: 1.8em;
  text-decoration: none;
  font-weight: bold;
  border: 0px solid #000;
  background: #2C7DB8;
  /*text-shadow: 0 1px 0 #333;*/
  color:#fff;
  padding: 3px 8px;
  position:fixed;
  bottom: 10px;
  right: 10px;
  top: auto;
  left: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -icab-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  opacity: 0.8;
}

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

font-awesome

********************************/
.dropmenu li a .fa-home:before {
  content: "\f015\00a0\00a0";
  font-family: 'FontAwesome';
}
.dropmenu li a .fa-caret-right:before {
  content: "\f0da\00a0\00a0";
  font-family: 'FontAwesome';
}
.footer_nav li a .fa-angle-right:before {
  content: "\f105\00a0\00a0";
  font-family: 'FontAwesome';
}

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

custom design

********************************/
.event {
  /*background-color: #9AD59B;*/
  /*padding: 5px 15px;*/
  /*border-radius: 20px;*/
  font-weight: bold;
  font-size: 1.1em;
}
.f_w {
  font-weight: bold;
}
.color1 { color: #C44542; }
.color2 { color: #247D5D; }


.space { margin-bottom: 50px!important; }

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

header

********************************/
#header {
  width: 100%;
  background-color: #F4FCFF; 
  border-top: 5px solid #2C7DB8;
}
#header:after{
  content: "";
  display: block;
  clear: both;
}
#title{
  float: left;
}
#title p {
  font-size: 1.5em;
  margin: 12px 0 7px 0;
  color: #333;
  font-weight: 500;
}
#title h1{
  /*margin: 0;*/
  font-size: 3.2em;
  /*line-height: 1.3em;*/
}
#title h1 a{
  color: #266B9E;
  /*text-shadow: 1px 1px 0px #e0e0e0;*/
  text-decoration: none;
}
/*#title img{
  width: 50%;
}*/



#header_contact{
  float: right;
  margin: 10px 0;
  border-radius: 5px;
  padding: 5px 15px;
  background-color: #2C7DB8;
}
#header_contact i:after {
  content: "\00a0";
}
#header_contact p {
  font-weight: bold;
  color: #fff;
  margin: 0;
  font-size: 1.3em;
}
.tel {
  font-size: 1.5em;
  letter-spacing: 1px;
}
.tel:before {
  content: "\00a0\00a0";
}
/*#header #header_contact span#mail {
  font-size: 1.063em;
  float: right;
}*/
/*#header #header_contact span#mail img{
  float: left;
  max-width: 200px;
  vertical-align: bottom;
  margin-left: 3px; 
}*/
/*#header{
   *zoom:1;
}
*/





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

g-nav

********************************/
.menu{
  width:100%;
  background-color: #FFE975;
}

.dropmenu{
  /**zoom: 1;*/
  list-style-type: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.dropmenu:before,
.dropmenu:after {
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 11px 0;
  background-color: #FFE975;
  color: #40320E;
  font-size: 1.6em;
  text-decoration: none;
  font-weight: bold;
  border-right: 2px solid #fff;
}
.dropmenu .dor-left a{
  border-left: 2px solid #fff;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li a{
  padding: 15px 0 11px 15px;
  border-top: 1px solid #fff;
  background-color: #FFE592;
  text-align: left;
  font-size: 1.5em;
  /*border-right: none;*/
}
/*.dropmenu li ul li a{
  padding: 15px 0 11px 15px;
  border-top: 1px solid #fff;
  background-color: #FFE592;
  text-align: left;
  font-size: 1.5em;
}*/
.dropmenu li:hover > a{
  background-color: #FFE592;
  color:#40320E;
}
.dropmenu li a:hover{
  background-color: #FFC739;
  color:#40320E;
}
.dropmenu li ul li{
  width: 100%;
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 49px;
}



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

pan

********************************/
#pan {
  margin: 15px 0;
}
#pan ul {
   /*margin-left: -30px;*/
}
#pan li {
   float: left;
   list-style-type: none;
   font-size: 1.3em;
}
#pan li a {
   text-decoration: underline;
   color: #000;
}
#pan li a:hover {
   text-decoration: none;
}
#pan li+li:before {
   content: '\00a0\f105\00a0\00a0\00a0';
   font-family: FontAwesome;
   color: #888;
}
/*#pan a:not([href]){
   font-weight: bold;
   color: #888;
}
#pan ul:after, #pan ol:after {
   content: "";
   display: block;
   clear: both;
}
*/


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

message

********************************/
#message {
  width:100%;
  margin-bottom: 90px;
}
/*.message_box ul{
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.message_box li{
  display: table-cell;
  text-align: center;
  *float: left;
}*/

.message_content1,
.message_content2 {
  /*background-color: #f0f0f0;*/
  /*border: 2px solid #888;*/
  padding: 15px 0;
  /*margin: 10px;*/
  text-align: center;
  margin-bottom: 20px;
}
.message_content1 {
  width: 50%;
  float: left;
  /*margin-right: 1%;*/
  /*border-left: 2px solid #c0c0c0;*/
}
.message_content2 {
  width: 50%;
  float: right;
  /*margin-left: 1%;*/
  /*border-right: 2px solid #c0c0c0;*/
}
.message_content3 {
  float: left;
  width: 100%;
  /*border: 2px solid #888;*/
  padding: 15px;
  box-sizing: border-box;
  /*margin: 10px;*/
  text-align: center;
  background-color: #66b9f3;
  color: #fff;
}
/*.message_content3 a{
  color: #000;
  text-decoration: none;
}
.message_content3 a:hover{
  background-color: #888;
}*/
.message_content1 h2,
.message_content2 h2 {
  font-size: 1.8em;
  color: #266B9E;
}
.message_content1 p,
.message_content2 p {
  font-size: 1.6em;
  font-weight: bold;
}
.message_content3 h2{
  font-size: 2.1em;
  background-color: #fff;
  color: #266B9E;
  /*display: inline;*/
  text-align: center;
  padding: 5px 20px;
  margin-bottom: 15px;
}
.message_content3 p{
  font-size: 1.6em;
  font-weight: bold;
}

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

main_contents

********************************/
.main_contents_right,
.main_contents_left {
  width: 100%;
  /*background-color: #fff;*/
  padding: 0;
  margin-bottom: 60px;
}
.main_contents_right:after,
.main_contents_left:after {
   content: "";
   display: block;
   clear: both;
}

.main_contents_right img {
  float: right;
  max-width: 38%;
  height:auto;
  margin-left: 2%;
}
.main_contents_left img {
  float: left;
  max-width: 38%;
  height:auto;
  margin-right: 6%;
}

.main_contents_right h3,
.main_contents_left h3 {
  font-size: 2.2em;
  margin-bottom: 20px;
  border-left: 2px solid #335D72;
  /*line-height: 1.6;*/
  color: #2D4973;
  padding-left: 10px;
}
/*.main_contents_header1 {
}*/

.main_contents_text{
  float: left;
  width: 56%;
}
.main_contents_right p,
.main_contents_left p {
  font-size: 1.5em;
  margin-bottom: 15px;
  margin-left: 30px;
}






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

main_contents_banner

********************************/
.main_contents_banner1 {
  float: right;
  background-color: #68A1BF;
  font-weight: bold;
  font-size: 1.6em;
  margin-top: 20px;
  border-radius: 5px;
  border-bottom: 4px solid #335D72;
}
.main_contents_banner1 a {
  display: block;
  padding: 5px 15px; 
  text-decoration: none;
  color: #fff;
}
.main_contents_banner1 a:hover {
  color: #335D72;
}

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

info

********************************/
/*.news {
}*/

#topic {
  padding-top:40px;
  padding-bottom: 60px;
  overflow: hidden;
  float: left;
  width: 100%;
  background-color: #fff;
}
#topic h2 {
  font-size: 2.0em;
  /*padding: 0 0 0 8px;*/
  margin: 0;
  /*border-left: 4px solid #888;*/
}

.news_box {
  border-top: 2px solid #e0e0e0;
  margin-top: 10px; 
}
.news_box dl {
  margin: 16px 0;
  margin-left: 20px;
  font-size: 1.5em;
  font-weight: 500;
}
.news_box dl a{
  text-decoration: underline;
  color: #000;
}
.news_box dl a:hover{
  text-decoration: none;
}
.news_box dt {
  float: left;
}
.news_box dd {
  margin-left: 200px;
}
.news_box dd h3{
  font-weight: normal;
  font-weight: 500;
}
.news_box dt.note {
  background: url(../images/note.png) no-repeat 100px 1px;
  width: 200px;
}
.news_box dt.kyogi {
  background: url(../images/kyogi.png) no-repeat 100px 1px;
  width: 200px;
}
.news_box dt.kentei {
  background: url(../images/kentei.png) no-repeat 100px 1px;
  width: 200px;
}
.news_box dt.event_t {
  background: url(../images/event.png) no-repeat 100px 1px;
  width: 200px;
}
#topic:after {
   content: "";
   display: block;
   clear: both;
}


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

info

********************************/
#footer {
   background-color: #f0f0f0;
   width:100%;
   margin:0;
   padding: 20px 0;
}


.footer_nav {
   float: left;
   width: 23%;
   margin-right: 2%; 
   margin-top: 20px;
}
.footer_nav ul {
   margin: 0 auto; 
   list-style: none;
   padding: 0;
}
.footer_nav li{
   text-align: left;
   margin: 6px 0;
   font-size: 1.3em;
}
.footer_nav li a {
   color: #000;
   text-decoration: none;
}
.footer_nav li a:hover{
   text-decoration: underline;
}
.footer_nav ul:after {
   content: "";
   display: block;
   clear: both;
}


.footer_box {
   float: left;
   width: 75%;
   margin-top: 20px;
   /*background-color: #fff;*/
}
.footer_box ul{
  list-style-type: none;
}
.footer_box_col {
   float: left;
   width: 50%;
   /*background-color: #888;*/
}

.footer_box_col_width ul,
.footer_box_col ul {
   margin:0 auto; 
   list-style: none;
   padding: 0;
}
.footer_box_col_width ul:after {
   content: "";
   display: block;
   clear: both;
}
.footer_box_col_width li{
   text-align: left;
   margin: 6px 0;
   /*font-size: 1.3em;*/
}
.footer_box_col_width p{
   font-size: 1.5em;
   font-weight: bold;
}



.footer_box_col li{
   text-align: left;
   margin: 6px 0;
   font-size: 1.3em;
}
.footer_box_col li a {
   color: #000;
   text-decoration: none;
   /*font-size: 0.813em;*/
}
.footer_box_col li a:hover{
   text-decoration: underline;
}
.footer_box_col ul:after {
   content: "";
   display: block;
   clear: both;
}


.footer_bottom {
   text-align: center;
   margin: 0;
   padding: 30px 0;
   border-top: 2px solid #D9D6D1;
}
.footer_bottom p {
   font-size: 1.3em;
}
/*.footer_bottom p a {
   color: #606060;
   text-decoration: underline;
}
.footer_bottom p a:hover {
   text-decoration: none;
}*/




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

contents

********************************/
.contents{
   margin-bottom: 60px; 
}
.contents:after{
   content: "";
   display: block;
   clear: both;
}
.contents_left {
  margin-left: 2%;
  width: 98%;
}
.contents h2 {
   margin-bottom: 20px;
   padding: 5px 5px 5px 10px;
   background-color: #FBF4E6;
   border-left: 14px solid #D7C3B3;
   color: #000;
   font-size: 2.0em;
}
/*.contents_img_left {
  padding-left: 14px; 
}*/
.contents_img_left img {
   float: left;
   max-width: 34%;
   height:auto;
   border-radius: 5px;
}
.contents_img_left p {
   margin: 0 0 15px 40%;
   font-size: 1.5em;
}
.contents_img_left ul {
   margin: 0 0 15px 42%;
   /*font-size: 1.5em;*/
   /*list-style: disc;*/
}
.contents_img_left li {
   font-size: 1.5em;
   margin-bottom: 5px; 
}
.contents_img_left li ul{
   margin-left: 20px;
   list-style-type: none;
}
.contents_img_left li ul li{
   font-size: 1.0em;
   margin-bottom: 5px; 
}

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

sideber

********************************/
.sideber {
   background-color: #fff;
   margin-bottom: 20px;
   border: 3px solid #DBA2B9;
}
.sideber p {
   font-size: 1.6em;
   font-weight: bold;
}
.sideber a {
   color: #333;
   padding: 10px 15px;
   display: block;
   text-decoration: none; 
   /*border-radius: 4px;*/
}
.sideber a:hover {
   background-color: #DBA2B9;
   /*border: 3px solid #DBA2B9;*/
   color: #fff;
}
.sideber_img img {
    width: 100%;
}



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

school image

********************************/
#stage_1,
#stage_2 {
   position: relative;
   max-width: 100%;
   margin: 0 auto;
}

#r1,
#r2,
#r3,
#r4,
#r5,
#r6,
#r7,
#r8,
#r9,
#r10,
#r11,
#r12,
#r13,
#r14,
#r15,
#r16,
#r17,
#r18,
#r19,
#r20 {
   display: none;
}

#r1:checked ~ #photo1_image img,
#r2:checked ~ #photo2_image img,
#r3:checked ~ #photo3_image img,
#r4:checked ~ #photo4_image img,
#r5:checked ~ #photo5_image img,
#r6:checked ~ #photo6_image img,
#r7:checked ~ #photo7_image img,
#r8:checked ~ #photo8_image img,
#r9:checked ~ #photo9_image img,
#r10:checked ~ #photo10_image img,
#r11:checked ~ #photo11_image img,
#r12:checked ~ #photo12_image img,
#r13:checked ~ #photo13_image img,
#r14:checked ~ #photo14_image img,
#r15:checked ~ #photo15_image img,
#r16:checked ~ #photo16_image img,
#r17:checked ~ #photo17_image img,
#r18:checked ~ #photo18_image img,
#r19:checked ~ #photo19_image img,
#r20:checked ~ #photo20_image img {
   opacity: 1;
}

.photo_image {
   position: absolute;
   left: 0;
   top: 0;
}
.photo_image img {
   width:100%;
   opacity: 0;
   -webkit-transition: opacity 1s ease;
   transition: opacity 1s ease;
}

#thumbs {
   margin-left:3%;
}

#thumbs label img {
   width:19%;
   cursor: pointer;
}

.description {
   float: right;
   margin-top: 20px; 
   font-size: 1.2em;
}
.description a{
   font-size: 1em;
   color: #4792AB;
   font-weight: bold;
}
.description a:hover{
   text-decoration: none;
}




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

picture_box

********************************/
.picture_box {
   width:100%;
   /*background-color: #F5F5F5;*/
   margin-bottom: 15px;
   /*color: #000;*/
   /*border-top: 1px solid #888;*/
   /*border-bottom: 1px solid #888;*/
}
.picture_box ul {
   display: table;
   width:100%;
   table-layout: fixed;
/*   margin: 0;
   padding: 0;*/
}
.picture_box li {
   display: table-cell;
   text-align: left;
   *float: left;
   width:100%;
   padding: 0 10px;
}
.picture_box li img {
   /*margin-top: 3px;*/
   width:100%;
   border-radius: 5px;
   /*margin-left: 4%;*/
}
.picture_box p {
   font-size: 1.5em;
   margin: 0 10px 20px 10px;
}


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

text_box

********************************/
.text_box {
  width: 98%;
  margin-left: 2%;
  margin-bottom: 20px;
}
.text_box p {
  font-size: 1.5em;
  margin-bottom: 15px;
}

.text_box ul {
  margin-left: 18px;
  margin-bottom: 20px;
}
.text_box li {
  font-size: 1.5em;
}
.text_box li ul{
  margin-top: 10px;
  margin-bottom: 22px;
}
.text_box li ul li {
  font-size: 1.0em;
  margin-left: 0;
  list-style-type: none;
}




.table_1 {
   border-collapse: collapse;
   border: none;
   width: 100%;
   /*margin-left: 2%;*/
   margin-bottom: 20px;
}
.table_1 tr {
   border: 4px solid #FFFDF7;
   font-size: 1.5em;
}
.table_1 th{
   background-color: #F0F0F0;
   border: 4px solid #FFFDF7;
   padding: 5px 20px;
   white-space:nowrap;
   vertical-align: middle;
   font-weight: bold;
}
.table_1 td{
   background-color: #F7F7F7;
   padding: 5px 20px;
   /*text-align: left;*/
   /*font-weight: normal;*/
   border: 4px solid #FFFDF7;
}
.table_1 td a{
   color: #4792AB;
   font-weight: bold;
}
.table_1 td a:hover{
   text-decoration: none;
}
/*.table_1 td ul{
   margin: 3px 0 3px -10px;
}
.table_1 td ul li{
   font-size: 1em;
}
.table_1 th img {
   float: left;
   max-width: 48%;
   height:auto;
   margin:0 0 0 2%;
   vertical-align: bottom;  
}*/

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

contact

********************************/
.contact_box {
  width: 100%;
  margin-bottom: 30px;
  float: left;
}
.contact {
  float: left;
  width: 44%;
  margin-right: 4%;
  padding-left: 10px;
  border-left: 2px solid #888;
}
.contact_box:after,
.contact:after,
.map:after {
   content: "";
   display: block;
   clear: both;
}
.contact h3{
  font-size: 1.9em;
}
.contact p{
  font-size: 1.5em;
}
.map {
  float: right;
  width: 50%;
}

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

movie

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




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

moblie view-point

********************************/
@media (max-width: 767px){
.container {
   padding: 0 15px;
}

#title{
   float:none;
}
#title p,
#title h1 {
   text-align: center;
}
#title p {
   font-size: 13px;
}
#title h1 {
   font-size: 20px;
}

#header_contact{
  float: none;
}
#header_contact p {
  font-size: 12px;
  text-align: center;
}


.dropmenu li{
  width: 50%;
}
.dropmenu li:nth-child(5){
  width: 100%;
}
.dropmenu li a{
  font-size: 16px;
  padding: 13px 0;
  border-bottom: 1px solid #fff;
  border-right: none;
}
.dropmenu li:first-child a{
  border-left: none;
}
.dropmenu li:nth-child(odd) a{
  border-right: 1px solid #fff;
}
.dropmenu li ul li, 
.dropmenu li ul li a {
   display: none;
}

#thumbs {
   margin-left:1%;
}

#thumbs label img {
   width:18%;
   /*cursor: pointer;*/
}
/*.message_content3 {
  padding: 0 10px;
}*/


.container_slider img{
   max-width: 100%;
}
.message_content1,
.message_content2 {
  /*padding: 15px 0;*/
  text-align: left;
  /*margin-bottom: 20px;*/
}
.message_content1 {
  width: 100%;
  /*float: left;*/
}
.message_content2 {
  width: 100%;
  /*float: right;*/
}
.message_content3 {
  /*text-align: left;*/
}
.message_content1 h2,
.message_content2 h2 {
  font-size: 16px;
}
.message_content1 p,
.message_content2 p {
  font-size: 14px;
  /*font-weight: bold;*/
}
.message_content3 h2{
  font-size: 16px;
  margin: 0 10px;
}
.message_content3 p{
  font-size: 14px;
  margin: 0 10px;
  text-align: left;
  /*font-weight: bold;*/
}


#main_contents{
   width: 100%;
   /*margin: 0 auto;*/
   /**clear: right;*/
}
.main_contents_right img {
  float: none;
  max-width: 100%;
  margin-left: 0;
}
.main_contents_left img {
  float: none;
  max-width: 100%;
  margin-right: 0;
}
.main_contents_right h3,
.main_contents_left h3 {
  font-size: 18px;
  margin-bottom: 20px;
  /*line-height: 1.6;*/
}
.main_contents_right p,
.main_contents_left p {
  font-size: 16px;
  margin-bottom: 15px;
  margin-left: 0;
}



.main_contents_text {
  float: none;
  width: 100%;
}


.main_contents_banner1 {
  float: none;
  margin: 0 auto;
}

#topic h2 {
  font-size: 18px;
}
.news_box dl {
  margin-left: 0;
  font-size: 15px;
}
.news_box dt {
  font-weight: bold;
}
.news_box dd {
  clear: both;
  margin-left: 15px;
  line-height: 1.5;
}
.news_box dt.note {
  background: url(../images/note.png) no-repeat 80px 1px;
  width: 200px;
}
.news_box dt.kyogi {
  background: url(../images/kyogi.png) no-repeat 80px 1px;
  width: 200px;
}
.news_box dt.kentei {
  background: url(../images/kentei.png) no-repeat 80px 1px;
  width: 200px;
}
.news_box dt.event_t {
  background: url(../images/event.png) no-repeat 80px 1px;
  width: 200px;
}

.footer li{
   margin: 10px 0;
   font-size: 16px;
}
.footer li a {
   display: block;
}
.footer_nav {
   /*float: left;*/
   width: 100%;
   margin-right: 0;
   border-bottom: 1px solid #c0c0c0;
}
/*.footer_nav ul {
   margin: 0 auto; 
   list-style: none;
   padding: 0;
}*/
.footer_nav li{
/*   text-align: left;
   margin: 6px 0;*/
   font-size: 14px;
}
/*.footer_nav li a {
   color: #000;
   text-decoration: none;
}
.footer_nav li a:hover{
   text-decoration: underline;
}
.footer_nav ul:after {
   content: "";
   display: block;
   clear: both;
}*/
.footer_box {
   float: left;
   width: 100%;
   /*background-color: #fff;*/
}
.footer_box_col_width p{
   font-size: 14px;
   /*font-weight: bold;*/
}
.footer_box_col {
   /*float: left;*/
   width: 100%;
   /*background-color: #888;*/
   border-top: 1px solid #c0c0c0;
}
.footer_box_col li{
/*   text-align: left;
   margin: 6px 0;*/
   font-size: 14px;
}
.footer_bottom {
   /*text-align: center;*/
   /*margin: 0;*/
   padding: 10px 0;
   /*border-top: 2px solid #D9D6D1;*/
}
.footer_bottom p {
   font-size: 13px;
}


.col{
   /*float: left;*/
   /*width: 48.5%;*/
   margin-left: 0;
   /**clear: right;*/
}
.col:first-child {
   /*margin-left: 0;*/
   width: 100%;
}
.col:nth-child(2) {
   width: 100%;
}


#pan li a {
   font-size: 12px;
}
#pan li {
   font-size: 12px;
}

.contents h2 {
/*   margin-bottom: 20px;
   padding: 5px 5px 5px 10px;
   background-color: #FDF6EC;
   border-left: 14px solid #D7C3B3;
   color: #000;*/
   font-size: 18px;
   margin: 0 -15px;
   margin-bottom: 20px;
}
.contents_left {
  margin-left: 0;
  width: 100%;
}
.contents_img_left img {
   /*float: left;*/
   max-width: 100%;
   /*height:auto;*/
   /*border-radius: 5px;*/
   margin-bottom: 20px;
}
.contents_img_left p {
   margin: 0 0 15px 0;
   font-size: 16px;
}
.contents_img_left ul {
   margin: 0 0 15px 20px;
   /*font-size: 1.5em;*/
   /*list-style: disc;*/
   list-style-type: none;
}
.contents_img_left li {
   font-size: 16px;
   /*list-style-type: none;*/
   /*margin-bottom: 5px; */
}


.text_box {
  width: 100%;
  margin-left: 0;
  /*margin-bottom: 20px;*/
}
.text_box p {
  font-size: 15px;
}

.text_box ul {
  margin-left: 0;
}
.text_box li {
  font-size: 15px;
  margin-left: 20px;
}
/*.text_box li ul{
  margin-top: 10px;
  margin-bottom: 22px;
}*/
.text_box li ul li {
  font-size: 14px;
  /*margin-left: 30px;*/
}


#sideber_fixed {
   margin-bottom: 0;
}
.sideber p {
   font-size: 14px;
   /*font-weight: bold;*/
}


/*.table_1 {
   border-collapse: collapse;
   border: none;
   width: 100%;
}*/
.table_1 tr {
   /*border: 4px solid #fff;*/
   font-size: 14px;
}
.table_1 th{
/*   background-color: #F0F0F0;
   border: 4px solid #fff;*/
   padding: 3px 3px;
/*   white-space:nowrap;
   vertical-align: middle;
   font-weight: bold;*/
}
.table_1 td{
   /*background-color: #FAFAFA;*/
   padding: 3px 3px;
   /*text-align: left;*/
   /*font-weight: normal;*/
   /*border: 4px solid #fff;*/
}
/*.table_1 td a{
   color: #4792AB;
   font-weight: bold;
}
.table_1 td a:hover{
   text-decoration: none;
}*/
.contact {
  /*float: left;*/
  width: 100%;
  margin-right: 0; 
  margin-left: 0;
  border-left: none;
  margin-bottom: 20px;
}
.contact h3{
  font-size: 17px;
}
.contact p{
  font-size: 16px;
}
.map {
  /*float: right;*/
  width: 100%;
}


.picture_box {
   width:100%;
   margin-bottom: 30px;
}
.picture_box li {
   float: left;
   padding: 0;
}
.picture_box li img {
   width:100%;
   margin-left: 0;
}
.picture_box p {
   font-size: 15px;
}


.movie {
  margin-bottom: 40px;
}
.movie iframe {
  width: 100% !important;
  height: 100% !important;
}

.sideber a br{
   display: none;
}


#header {
   padding-bottom: 10px;
   padding-top: 10px;
}
.menu .container {
   padding: 0;
}
.menu{
   border-bottom: none;
}


.fixed {
    position: static;
/*    border-bottom: none;
    box-shadow: none;*/
}


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




















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




.line_1 {
   width: 100%;
   border-top: 1px solid #c0c0c0;
   margin:1.875em 0;
}
.line_2 {
   width: 100%;
   border-top: 1px solid #D9D6D1;
}

.sorostudy {
  margin-bottom: 30px;
}
.sorostudy img {
  width: 100%;
}
.sorostudy a:hover {
  opacity: 0.5;
}

.sorostudy-m {
  display: block;
}
@media (min-width: 768px) {
.sorostudy-m {
  display: none;
}
}
.sorostudy-pc {
  display: block;
}
@media (max-width: 768px) {
.sorostudy-pc {
  display: none;
}
}