@charset "UTF-8";
/*
******************************

SP・タブレット対応用のCSS

******************************
*/
.flex, .pc_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sp {
  display: none;
}
.pc {
  display: inline-block;
}
.img_100 {
  width: 100%;
}
@media screen and (max-width: 939px) {
  .sp_ml0 {
    margin-left: 0 !important;
  }
  body {
    width: 100%;
    box-sizing: border-box;
  }
  body * {
    box-sizing: border-box;
  }
  body header {
    height: auto;
    background-size: contain;
  }
  body header h1 {
    position: static;
    width: 100%;
  }
  body header h1 img {
    width: 200px;
    height: auto;
  }
  body header address {
    position: static;
    width: 100%;
    padding-left: 8px;
    padding-bottom: 8px;
  }
  body header address + ul {
    right: 6px;
    top: 8px;
  }
  body header > ul li a img {
    width: 140px;
    height: auto;
  }
  body header .tel {
    position: static;
    font-size: 12px;
  }
  body header > ul {}
  body header > ul li {
    float: none;
  }
  nav {
    position: static;
  }
  nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  nav ul li {
    width: 20%;
    float: none;
    white-space: nowrap;
  }
  nav ul li:first-child, nav ul li:last-child {
    width: 17%;
  }
  nav ul li:nth-child(3) {
    width: 26%;
  }
  nav ul li a {
    width: 100%;
    font-size: 10px;
    height: auto;
  }
  .bx-wrapper {
    display: none;
  }
  #contents {
    width: 100%;
    padding: 0 8px;
  }
  section {
    width: 98%;
    margin-left: 1%;
  }
  section > h1 {
    width: 100%;
  }
  section img {
    width: 100%;
    max-width: 100%;
  }
  .scr {
    margin-right: 0;
    margin-left: 0;
    height: 300px;
    border-bottom: solid 1px #ccc;
  }
  #subMenu, #bana , #sideMenu {
    position: static;
    width: 100%;
  }
  #bana {
    margin-top: 24px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #bana > a {
    width: 48%;
  }
  #bana > a img {
    width: 100%;
  }
  .pc_flex {
    display: block;
  }
  .pc {
    display: none;
  }
  .sp {
    display: inline-block;
  }
  .privacy {
    margin-right: 0;
    float: none;
  }
  footer {
    margin-bottom: 0;
    height: auto;
  }
  footer small {
    float: none;
  }
  .info, .info table ,.notice .info {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .syoukoukai .info, .syoukoukai .info img {
    margin: 0 !important;
  }
  .syoukoukai .info > ul {
    margin-left: 24px !important;
  }
  .syoukoukai .info table th {
    width: auto;
  }
  article.courseName1 {
    width: 100%;
    margin-left: 0;
  }
  article.courseName1 h1 {
    margin-left: 0;
    margin-bottom: 30px;
  }
  article.courseName1 p {
    margin-left: 0;
  }
  article.courseName1 h1 small {
    position: static;
    width: auto;
    display: block;
    text-align: left;
    margin-top: 4px;
  }
  article.courseName1 img {
    position: static;
    margin-top: 4px;
    margin-bottom: 24px;
    height: auto;
  }
  #meibo {
    width: 100%;
    margin-left: 0;
  }
  #meibo table {
    margin-left: 0;
  }
  .privacy_policy h1 {
    height: auto;
    margin-bottom: 30px;
  }
  .privacy_policy h1 span {
    display: inline-block;
  }
  /* flex box（PCのみ）内にGoogleMap */
  .gmap_box {
    width: 100%;
  }
  .gmap_box + * {
    width: 100%;
    padding-left: 0;
  }
	
  /* inzai.html 画像flex */
  .images {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .images div {
    margin: 10px 50px;
  }
}
@media screen and (max-width: 599px) {
  .images {
    display: block;
  }
}