@charset "UTF-8";

/* ------------------------
base
------------------------ */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

body {
  width: 100%;
  background: url(./img/main_bg.jpg) no-repeat top center / cover ;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0 auto;
  position: relative;
}

img {
  width: 100%;
  vertical-align: top;
}

@media screen and (min-width: 933px) {
  .sp-only {
    display: none !important;
  }
}

@media screen and (max-width: 932px) {
  .pc-only {
    display: none !important;
  }
}

@media print {
  .sp-only {
    display: none;
  }
}