@charset "utf-8";

#main #content #boxSubVisual.school {
  background:url("../img/bg_visual.jpg") no-repeat center center;
  background-size:cover;
}

#main #content #boxSubVisual h1 {
  right:70px;
  text-align:right;
}
#main #content .map {
  padding-top:50px;
  width:100%;
  text-align:center;
}
#main #content .map img {
  width:80%;
}

#main #content #body h3 {
  color:#192f72;
}
#main #content #body h4 {
  padding-left:9px;
  color:#192f72;
  font-size:20px;
  line-height:1.0em;
  border-left:4px solid #192f72;
}
#main #content #body p {
  padding-bottom:12px;
}
#main #content #body .itemSecImage {
  padding-bottom:24px;
}
#main #content #body .itemSecImage img {
  width:100%;
}

#main #content #body dl.schoolList {
  margin:15px 0 30px 20px;  
  font-size:18px;
  line-height:1.3em;
}
#main #content #body dl.schoolList dt {
}
#main #content #body dl.schoolList dd {
  margin-top:-1.3em;
  margin-left:180px;
  margin-bottom:6px;
}

#tableSchool tr td.item1 {
  width:30%;
}
#tableSchool tr td.item2 {
  width:32%;
}
#tableSchool tr td.item3 {
  width:38%;
}

p.small {
  display:block;
  padding:9px 0;
  font-size:15px;
  line-height:1.3em;
}




/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#main #content #boxSubVisual h1 {
  text-align:center;
}

#main #content #body dl.schoolList {
  margin:15px 0 30px 0;  
  font-size:15px;
  line-height:1.3em;
}
#main #content #body dl.schoolList dt {
}
#main #content #body dl.schoolList dd {
  margin-top:0.3em;
  margin-left:0;
  margin-bottom:1.0em;
}

.schoolBox {
  font-size:15px;
}

#tableSchool {
}
#tableSchool tr th,
#tableSchool tr td {
  display:block;
}
#tableSchool tr td.item1,
#tableSchool tr td.item2,
#tableSchool tr td.item3 {
  width:100%;
}
#tableSchool tr td.item1 {
  font-size:18px;
}
#tableSchool tr td.item3 {
  padding-bottom:12px;
}

#main #content .map img {
  width:100%;
}


}