html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%; }

a {
  text-decoration: none !important;
  transition: all 0.5s;
  color: #5a5a50; }

p {
  margin: 0; }

ul {
  margin: 0;
  padding: 0; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.mb150 {
  margin-bottom: 150px !important; }

html {
  font-size: 62.5%;
  position: relative; }
  html body {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.8;
    position: relative;
    text-align: center;
    color: #323232; }

p {
  transform: rotate(0.03deg); }

.pc-only {
  display: block !important; }

.tb-only {
  display: none !important; }

.sp-only {
  display: none !important; }

.bold {
  font-weight: 700; }

img {
  width: 100%;
  height: auto; }

.alJust {
  text-align: justify !important; }

.alCenter {
  text-align: center !important; }

.alRight {
  text-align: right; }

ul {
  list-style: none; }

footer {
  background: white;
  color: #5a5a5a;
  padding: 70px 0 10px 0; }

@media screen and (max-width: 1025px), screen and (orientation: portrait) {
  html {
    font-size: 52.5%; }
    html .pc-only {
      display: block !important; }
    html .tb-only {
      display: block !important; }
    html .sp-only {
      display: none !important; } }
@media screen and (max-width: 769px) {
  html {
    font-size: 52.5%; }
    html .pc-only {
      display: block !important; }
    html .tb-only {
      display: block !important; }
    html .sp-only {
      display: none !important; } }
@media screen and (max-width: 599px) {
  html {
    font-size: 52.5%; }
    html .pc-only {
      display: none !important; }
    html .tb-only {
      display: none !important; }
    html .sp-only {
      display: block !important; }

  footer {
    font-size: 1.4rem; } }
