@charset "utf-8";

/**
 * ***************************************
 * ページ全体に関わる共通CSSの設定
 * ***************************************
 */

html,
body {
  font-size: 15px;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  color: #1e1d1d;
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  letter-spacing: 0.9px;
  text-align: justify;

overflow-x: hidden;}

h1,
h2,
h3,
h4 {
  font-size: 22px;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  letter-spacing: 1px;
}

@media (max-width: 768px) {
  html,
  body {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  html,
  body {
    font-size: 14px;
  }

  h1,
  h2,
  h3,
  h4 {
    font-size: 20px;
  }
}

/* レスポンシブイメージと画像下スペース防止 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; /* 画像下のスペースを消す */
}
/**
 * ***************************************
 * 改行　共通
 * ***************************************
 */

@media screen and (max-width: 768px) {
  .br_pc-on {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .br_sp-on {
    display: none;
  }
}

/**
 * ***************************************
 * SP・PC指示
 * ***************************************
 */


.pc {
  display: block !important;
}
.sp {
  display: none !important;
}

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