@media screen and (max-width:1200px){
  .sub_contents{width: 94%}
  .school_summery_bottom div p{float: none}
  .school_summery_bottom div ul{padding-left: 0;margin-left: 0}
  
}

@media screen and (max-width:1000px) {
  .title_section div{font-size: 22px;width: 696px}
  .sub0104 div{width: 496px}
  .sub010402 div{width: 374px;font-size: 26px}
  .school_summery_text p{font-size: 16px}
}

@media screen and (max-width:768px) {
  .title_section div{font-size: 16px;width: 550px}
  .sub0104 div{width: 380px}
  .sub010402 div{width: 374px;font-size: 26px}
  .greeting_area1 .img_box{float: none; width: 100%}
  .greeting_area1 .img_box img{margin: 0 auto;}
  .greeting_area1 .description_box{width: 100%; float: none;margin-top: 40px}

  .contents_table_section table td{font-size: 11px}

  .school_summery_text p{font-size: 14px}
}
@media screen and (max-width:600px) {
  .title_section div{font-size: 18px;width: 280px}
  .sub010402 div{width: 266px;font-size: 20px}
  .sub010402 p{font-size: 18px; line-height: 22px}
  .greeting_area1{margin-top: 40px}
  
  .description_box > ul > li li{font-size: 12px}

  .contents_table_section table td{font-size: 14px}
  .org_table1{float: none; width: 100%;margin-right: 0}
  .org_table2{float: none; width: 100%;margin-left: 0;margin-top: 40px}


  .school_summery_bottom div{width: 100%!important;margin: 20px 0 0 0}
  .school_summery_bottom div:first-child{margin-top: 0}
  .school_summery_bottom div p{float: left}
  .school_summery_bottom div ul{margin-left: 150px}
  .school_summery > div{float: none; width: 100%}
  .school_summery_text p{font-size: 18px}
  .history_list li a{font-size: 12px}

  .sitemap_section > ul > li{width: 45%}
  .sitemap_section > ul > li:last-child{height: 330px}
}
@media screen and (max-width:400px) {
  .contents_table_section table td{font-size: 12px}
  .school_summery_bottom div p{float: none}
  .school_summery_bottom div ul{margin-left: 0}
  .school_summery_text{width: 320px; margin-left: -160px}
  .school_summery_text p{font-size: 14px}
  .school_summery_bottom div ul{padding-bottom: 10px}
  .history_list li a{word-break: break-all;padding: 4px 10px}
  .history_contents::after{margin-left: 24%}
  .history_contents p{margin-left: 24%}

  .sitemap_section > ul > li{width: 100%;margin-right: 0; height: auto; margin-top: 50px}
  .sitemap_section > ul > li:last-child{height: auto;}
  .sitemap_section > ul > li:first-child{margin-top: 0}
  .sitemap_section > ul:last-child{margin-top: 50px}
}