/* 注入する header/footer は BOXIL全体のスタイル (static.boxil.jp の application*.css) に
   依存させない。saasaward の Studio 製LPは application*.css を持たず、
   注入するとLP全体が再スタイルされてフォントとレイアウトが本番と変わってしまうため
   (実測: LP本体の高さ 12,097px → 12,484px)。
   application*.css が担っていた box-sizing と font-family をここで自前指定する。 */
.boxil-simple-header,
.boxil-simple-header *,
.boxil-simple-footer,
.boxil-simple-footer * {
  box-sizing: border-box;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

.boxil-simple-header {
  z-index: 199;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.boxil-simple-header__container {
  max-width: 1240px;
  margin: 0 auto;
}

.boxil-simple-header__link {
  display: inline-block;
  line-height: 0;
}

.boxil-simple-header__logo {
  display: block;
  width: 119px;
  height: 36px;
}

@media (max-width: 767px) {
  .boxil-simple-header {
    height: 50px;
  }

  .boxil-simple-header__logo {
    width: 100px;
    height: 30px;
  }
}

.boxil-simple-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 32px;
  padding-inline: 16px;
  background: #004343;
}

.boxil-simple-footer__copy {
  /* <p> の既定マージンを打ち消して padding だけで上下対称にする。
     打ち消さないと application*.css の有無でマージンが変わり
     (Bootstrap由来の 0/10px か、ブラウザ既定の 1em) フッターの高さと
     文字の上下位置がページによってずれる。 */
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.boxil-navbar-height-fixer {
  display: none !important;
}