@charset "utf-8";

.-fontColorBlue {
  color: #0e7ab6;
}

.-responsiveHeading {
  font-size: 31px;
  line-height: 1.5;
}

.-responsiveHeading2 {
  font-size: 36px;
  line-height: 1.5;
}

.nav-btn {
  display: none;
}

/* コンテンツ、フッター部分　width 768px 未満 */
@media all and (max-width: 767px) {
  #container {
    margin: 10px auto 0;
  }
  #body-top-text,
  .serviceNav {
    display: none !important;
  }
  .breadcrumbs {
    padding: 0 10px;
  }
  .breadcrumbs li:first-child a {
    padding-left: 10px;
  }
  * {
    box-sizing: border-box;
    max-width: 100%;
  }
  .content_ma3_omp_head {
    margin: 0 !important;
    padding: 0 10px;
    overflow: auto;
  }
  img {
    height: auto;
  }
  .-responsiveHeading {
    font-size: 24px;
  }
  .-responsiveHeading2 {
    font-size: 28px;
  }
  #ma3_omp_wrap .content {
    margin: 0 10px 50px;
  }
  .content div {
    float: none;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .content div:first-child:not(.inforegion) {
    padding-top: 30px;
  }
  .to-next {
    padding: 0 10px;
    line-height: 1.5;
  }
  #footer_menu_wrap > div {
    float: none;
    width: 100%;
    padding: 10px;
  }
  .footer_inner {
    margin: 20px 0 0;
  }
  .telinfomini {
    text-align: center;
    float: none;
    margin: 0 0 40px;
  }
  #body-bottom-text {
    display: none;
    margin: 0;
    padding: 0;
    height: 0;
  }
  #footer p {
    margin: 0;
    padding: 0 0 10px;
  }
}

/* ヘッダー部分　width 680px 以下 */
@media all and (max-width: 680px) {
  #header nav {
    display: none;
  }
  #header-logo {
    float: none;
    text-align: center;
    display: block;
    position: relative;
    margin: auto;
    z-index: 900;
  }
  #header-logo img {
    width: 90px;
  }
  .nav-btn {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
  }/* styled by nav-btn.css*/
}