@charset "UTF-8";

/*
 Theme Name: テーマテンプレート
 Version: 1.0
*/

/*====================
  Common
====================*/

:root {
  --base-font-family: "Zen Kaku Gothic New", sans-serif;
  --base-color: #10165e;
  --base-font-size: 1.8rem;

  --eg-font-family: "Poppins", sans-serif;
  --color-blue: #9DB8D2;
  --color-light-blue: #DEE8F2;
  --color-recruit-blue: #74CADB;
  --color-recruit-new: #7abfcd;
  --color-recruit-career: #10165e;

  --content-width: 1080px;
  --header_height: 93px;

  @media (max-width: 800px) {
    --header_height: 80px;
  }
}

html {
  font-size: 10px;
}

body {
  font-family: var(--base-font-family);
  font-weight: 500;
  font-size: var(--base-font-size);
  color: var(--base-color);
  letter-spacing: 1px;
  margin-top: var(--header_height);
}

a {
  text-decoration: none;

  &:hover {
    opacity: 0.8;
    transition: all .3s;

    @media (max-width: 800px) {
      opacity: 1;
      text-decoration: none;
    }
  }
}

/** フォント設定 **/


/** フォームリセット **/
input,
button,
textarea,
submit {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}