/* 
  ページ特有のスタイルを記載
  ページ名_page の形式でクラス名を付与する
 */

.static_pages_home_page {
  .logo {
    display: block;
    margin: 1em auto;
  }
}

.tools_stamina_calculations_show_page {
  .form {
    margin-top: 2em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 2em;
    gap: 15px 5px;

    .label {
      @media screen and (max-width: 860px) {
        font-size: smaller;
      }
    }

    .number_field {
      width: 100%;
      height: 100%;
    }

    .submit {
      grid-column: 1 / -1;
      padding: 0 2em;
      justify-self: center;
      background-color: var(--color-juo-sena);
      border: var(--color-fujita-kotone) 1px solid;
    }
  }

  .link_to_tools {
    margin-top: 1.5em;
  }
}