@charset "UTF-8";
body {
  min-width: 320px;
}

article {
  font-weight: 400;
  position: relative;
}

@media screen and (min-width: 768px) {
  article .less-s {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  article .s-to-m {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  article .s-to-m {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  article .more-s {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  article .less-m {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  article .m-to-l {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  article .m-to-l {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  article .more-m {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  article .less-l {
    display: none;
  }
}

@media print, screen and (max-width: 1199px) {
  article .more-l {
    display: none;
  }
}

/* フォント */
.bebas-neue {
  font-family: bebas-neue, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-bold {
  font-weight: bold;
}

.font-medium {
  font-weight: 500;
}

a.text-link {
  text-decoration: underline;
}

a.text-link:hover {
  text-decoration: none;
}

/* ====================================
	1023px以下専用スタイル
===================================== */
@media screen and (max-width: 1023px) {
  article {
    font-size: 1.4rem;
  }
  article .base-width-sp {
    padding-left: 5%;
    padding-right: 5%;
  }
  article .base-width {
    padding-left: 5%;
    padding-right: 5%;
  }
  article .outer-base-width {
    padding-left: 0;
    padding-right: 0;
  }
  .sp-maxw240 {
    max-width: 240px;
  }
  .sp-maxw320 {
    max-width: 320px;
  }
  .sp-maxw480 {
    max-width: 480px;
  }
  .sp-maxw540 {
    max-width: 540px;
  }
  .sp-maxw768 {
    max-width: 768px;
  }
  .sp-ma {
    margin-left: auto;
    margin-right: auto;
  }
  .mts {
    margin-top: 2rem;
  }
}

/* ====================================
	1024px以上印刷専用スタイル
===================================== */
@media print, screen and (min-width: 1024px) {
  .pc-maxw750 {
    max-width: 750px;
  }
  .pc-maxw800 {
    max-width: 800px;
  }
  .pc-maxw900 {
    max-width: 900px;
  }
  .pc-maxw960 {
    max-width: 960px;
  }
  .pc-maxw1024 {
    max-width: 1024px;
  }
  .pc-ma {
    margin-left: auto;
    margin-right: auto;
  }
  .mts {
    margin-top: 4rem;
  }
  .mtm {
    margin-top: 10rem;
  }
}
/*# sourceMappingURL=common.css.map */