@charset "UTF-8";
/*base is →　! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

article, aside, footer, header, nav, section, figcaption, figure, main {
  display: block; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none;
  vertical-align: top; }

table {
  border-collapse: collapse; }

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

textarea {
  overflow: auto;
  resize: vertical; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

a, area, button, input, label, select, summary, textarea, [tabindex] {
  touch-action: manipulation; }

/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*テキストに使うフォントカラー*/
@media screen and (max-width: 800px) {
  body {
    font-family: Arial, "Noto Sans JP", sans-serif;
    font-weight: 400;
    color: #000000;
    background-color: #F1F4F9;
    line-height: 1.8;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    box-sizing: border-box;
    font-size: 12px; }
  img {
    max-width: 100%; }
  li {
    list-style: none; }
  a {
    text-decoration: none;
    color: #000000; }
  a:hover {
    opacity: .7; }
  button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px; }
  .header {
    width: 100%;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 15px -7px #777777; }
    .header .headerContents {
      padding: 15px 15px; }
      .header .headerContents .headerLogo {
        text-align: center; }
      .header .headerContents .headerLogin {
        margin-top: 8px;
        text-align: right; }
        .header .headerContents .headerLogin .headerLogoutBtn {
          color: #4095F4;
          font-weight: bold; }
  footer {
    background-color: #fff;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    footer p {
      color: #929292;
      font-size: 12px; }
  /* ココから下には記入禁止 */
  .forPC {
    display: none !important; } }

@media print, screen and (min-width: 801px) {
  body {
    font-family: Arial, "Noto Sans JP", sans-serif;
    font-weight: 400;
    color: #000000;
    background-color: #F1F4F9;
    line-height: 1.8;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    box-sizing: border-box;
    font-size: 14px; }
  img {
    max-width: 100%; }
  li {
    list-style: none; }
  a {
    text-decoration: none;
    color: #000000; }
  a:hover {
    opacity: .7; }
  button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 95%; }
  .header {
    width: 100%;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 15px -7px #777777; }
    .header .headerContents {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto;
      height: 100px;
      max-width: 1200px;
      width: 95%;
      position: relative;
      z-index: 10; }
      .header .headerContents .headerLogo {
        position: absolute;
        left: 0;
        top: calc(50% - 30px);
        right: 0;
        margin: 0 auto;
        width: 274px;
        z-index: -1; }
      .header .headerContents .headerLogin {
        display: flex;
        align-items: center;
        height: 100px; }
        .header .headerContents .headerLogin .headerLoginName {
          padding-right: 35px; }
        .header .headerContents .headerLogin .headerLogoutBtn {
          color: #4095F4;
          font-weight: bold; }
  footer {
    background-color: #fff;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    footer p {
      color: #929292;
      font-size: 12px; }
  /* ココから下には記入禁止 */
  .forSP {
    display: none !important; } }

/*# sourceMappingURL=map/common.css.map */