@charset "UTF-8";
@media print, screen and (min-width: 751px) { .mainImage { background: url("../img/course/main-image_pc.jpg") 50% 0 no-repeat; background-size: cover; }
  #access      { padding-top: 0px; margin: 0 auto 0; padding-bottom: 50px; text-align: center; overflow: hidden; }
  #access .map { width:1000px; height:550px; margin:0 auto 100px; }
  #access address  { font-style: normal; }
  #access address .name { font-size:30px; line-height:2; }
  #access address p { font-size:16px; line-height:2; }
  #access address .tel_fax { margin:10px auto 10px; font-size:16px; line-height:1.5; font-weight:bold }
  #access address .tel_fax span { font-size:26px; }
  #access .info { margin:100px auto; }
  #access .info_box { overflow:hidden; }
  #access .info_box .box { width: 306px; margin:0 13px; float:left;}
  #access .info_box p { font-size:16px; margin-top:20px;}
}

@media screen and (max-width: 750px) { .mainImage { background: url("../img/course/main-image_sp.jpg") 50% 0 no-repeat; background-size: cover; }
  #access { margin: 0 auto 0; text-align: center; overflow: hidden; }
  #access .map { width:100%; height:300px; margin:5% auto 10%; }
  #access address  { font-style: normal; }
  #access address .name { font-size:24px; line-height:2; }
  #access address p { font-size:16px; line-height:2; }
  #access address .tel_fax { margin:10px auto 10px; font-size:16px; line-height:1.5; font-weight:bold }
  #access address .tel_fax span { font-size:26px; }
  #access .info { margin:10% auto; }
  #access .info_box { margin:0 auto; overflow:hidden; text-align:center; }
  #access .info_box .box { width: 90%; margin:3% auto;}
  #access .info_box p { font-size:14px; margin:10px 0 6%;}
}