@charset "UTF-8";
/********************************/
@media (max-width: 600px) {
  img {
    max-width: 100%; }

  .ib {
    width: 100%;
    max-width: 100%; }

  .sp_content {
    display: block !important; }

  .pc_content {
    display: none !important; }

  iframe {
    max-width: 100%; }

  /********************************/
  header {
    height: 60px; }
    header h1 {
      font-size: 28px;
      padding-top: 10px;
      padding-left: 5px; }
    header .sns {
      width: 100px;
      top: 15px;
      right: 60px; }
    header .ib nav {
      width: 100%;
      background: #fff;
      display: none;
      right: 0;
      top: 60px; }
      header .ib nav a {
        width: 100%;
        display: block;
        padding: 20px;
        height: auto;
        border-bottom: 1px solid  #ccc; }
    header .ib .spbtn {
      position: absolute;
      width: 40px;
      height: 40px;
      top: 10px;
      right: 10px;
      display: block;
      cursor: pointer; }
      header .ib .spbtn:before {
        position: absolute;
        content: "\e3c7";
        font-family: material icons;
        font-size: 32px;
        top: 3px;
        left: 5px; }

  .topimg {
    margin-top: 60px;
    height: 320px; }
    .topimg .ib {
      padding: 30px 15px; }
      .topimg .ib h1 {
        padding-top: 50px;
        font-size: 24px;
        padding-left: 0; }

  .intro .ib {
    padding: 30px 15px 15px; }
    .intro .ib h2 {
      font-size: 24px; }
      .intro .ib h2 span {
        font-size: 16px; }
    .intro .ib p {
      width: 100%; }
      .intro .ib p br {
        display: none; }

  .topmov#topmov {
    height: 320px !important; }
    .topmov#topmov #tubular-container, .topmov#topmov #tubular-shield {
      height: 100% !important; }
    .topmov#topmov a.btn {
      position: absolute; }

  .trainer {
    height: 320px; }
    .trainer .ib {
      padding: 30px 15px; }
      .trainer .ib h2 {
        padding-top: 10px;
        font-size: 22px; }
      .trainer .ib a.btn {
        top: 220px;
        font-size: 12px;
        width: 100px;
        right: 15px;
        padding: 10px; }

  .seminar .ib {
    padding: 30px 15px; }
    .seminar .ib .s_con {
      width: 100%;
      margin-bottom: 0; }
      .seminar .ib .s_con .s_box {
        width: 100%; }

  .gallery .ib {
    padding: 30px 15px; }
    .gallery .ib .gal_con {
      width: 100%;
      margin: 30px 0; }
      .gallery .ib .gal_con span {
        width: 100%;
        margin-bottom: 10px; }
    .gallery .ib a.btn {
      width: 100%;
      font-size: 18px; }

  .page_tit {
    margin-top: 60px;
    height: 120px;
    padding: 20px 0; }
    .page_tit h1 {
      padding-top: 0; }

  .panlist .ib {
    padding: 10px; }

  .content .ib {
    padding: 30px 15px; }
  .content.about .gaiyo {
    width: 100%; }
  .content a.btn {
    max-width: 100%;
    padding: 15px; }

  .contact table {
    display: block;
    width: 100%; }
    .contact table tbody {
      display: block;
      width: 100%; }
    .contact table tr {
      display: block;
      width: 100%; }
      .contact table tr th {
        width: 100%;
        display: block;
        border: none !important;
        background: #f1f1f1;
        padding: 15px; }
      .contact table tr td {
        width: 100%;
        display: block;
        border: none !important;
        padding: 15px 0; }
        .contact table tr td .address input[type="text"] {
          width: 60%; }
        .contact table tr td .address input[type="button"] {
          width: 39%; }

  .content .intro_horita {
    flex-direction: column-reverse; }
    .content .intro_horita .detail {
      width: 100%; }
    .content .intro_horita .img {
      width: 100%; }
  .content .member .mem_con .mem_box {
    width: 100%; } }
/*600ここまで*/

/*# sourceMappingURL=style_sp.css.map */