@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------------
ipad閲覧時・PC用グローバルメニュー非表示（1024px以下スクリーン）
-----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
  .global-menu {
    display: none;
  }
}

/*-----------------------------------------------------------------------------------------------------
スマホ用レイアウト（768px以下スクリーン）
-----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
  html {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  html,
  body {
    font-family: sans-serif;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }

  img {
    height: auto;
    max-width: 100%;
  }

  a {
    color: #39f;
    -webkit-tap-highlight-color: #fc6;
  }

  #container {
    position: relative;
    overflow: hidden;
  }

  #main {
    background-color: #fff;
  }

  #main-in {
    background-color: #fff;
    padding: 0em 0 1em;
    box-shadow: 0px 0px 1px #594a42;
  }

  #main-contents .contents {
    margin-bottom: 1.5em;
    padding: 0 10px;
  }

  #main-contents p {
    line-height: 1.8em;
  }

  #main-contents {
    font-size: 1.7em;
  }

  .header_inr {
    width: 100%;
    margin: 0 auto;
  }

  /*-----------------------------------------------------------------------------------------------------
  フッター部分
  -----------------------------------------------------------------------------------------------------*/
  #footer {
    padding: 2em 0em;
    margin-bottom: 0em;
    font-size: 1em;
    padding-bottom: calc(2em + 90px);
  }

  .fix_menu_smartphone {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10000;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .fix_menu_smartphone img {
    width: 100%;
    display: block;
    padding: 0;
  }

  .tel_left {
    display: block;
    background-color: transparent;
    float: left;
    width: 50%;
    padding: 0em 0;
  }

  .tel_right {
    display: block;
    background-color: transparent;
    float: left;
    width: 50%;
    padding: 0em 0;
  }

  /* LP18セクションのfont-sizeリセット */
  .lp18-wrap {
    font-size: 16px !important;
  }

  /* フォームセクションのfont-sizeリセット */
  .contact_inner .formrun {
    font-size: 15px !important;
  }
}