html {
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
}
body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  overflow-y: scroll;
  font-size: 10px;
  /* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif; */
  /* font-weight: 500; */
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  background: var(--colW);
}

a {
  display: inline-block;
}

main {
  overflow: hidden;
}

h1 {
}
h2 {
  font-size: 2.5rem;
  line-height: 1.56em;
  letter-spacing: 0.05em;
  margin: 3em 0 1.1em;
}
h3 {
  font-size: 2.5rem;
  line-height: 1.56em;
  letter-spacing: 0.05em;
}
h4 {
  font-size: 2rem;
  line-height: 1.7em;
  letter-spacing: 0.05em;
}
p {
  font-size: 1.5rem;
  line-height: 2em;
  letter-spacing: 0.05em;
}

/* 1200pxで1remが10pxになる。それ以降は大きくならない。
  1200px以下で自動でサイズが小さくなる。計算式＝10px / 1200px x 1000 */
/* @media screen and (max-width: 1200px) {
  html {
    font-size: 0.8333vw;
  }
} */

@media screen and (min-width: 767px) {
  h2 {
    font-size: 3.3rem;
    line-height: 1.6em;
    letter-spacing: 0.05em;
   margin: 3em 0 1.1em;
  }
  h3 {
    font-size: 3.3rem;
    line-height: 1.6em;
    letter-spacing: 0.05em;
  }

  h4 {
    font-size: 2.5rem;
    line-height: 1.56em;
    letter-spacing: 0.05em;
  }
  p {
    font-size: 1.7rem;
    line-height: 2.2em;
    letter-spacing: 0.05em;
  }
}

/*=========================================================
 共通設定
 =========================================================*/
:root {
  --main_color: #000000;
  --sub_color: #ffffff;
  --colK: #5C5254;
  --colW: #ffffff;
  --bgCont: #f7f0e4;
  --bgSub: #eeeeee;
}

/*=========================================================
 ヘルパークラス
 =========================================================*/
@media screen and (min-width: 768px) {
  /* 769px以降は.hp_pcでパソコン表示、.hp_spでスマホ非表示 */
  .hp_pc {
    display: block;
  }
  .hp_sp {
    display: none !important;
  }
}

.no-image{
	display: none;
}

@media screen and (max-width: 767px) {
  /* 768pxまでは.hp_pcでパソコン非表示、.hp_spでスマホ表示 */
  .hp_pc {
    display: none !important;
  }
  .hp_sp {
    display: block;
  }
}

.hp_flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.wrapper {
}

.hp_pL10 {
  padding: 0 0 0 10%;
}
.hp_pR10 {
  padding: 0 10% 0 0;
}
.hp_pL5 {
  padding: 0 0 0 5%;
}
.hp_pR5 {
  padding: 0 5% 0 0;
}
.hp_pLR10 {
  padding: 0 10% 0;
}
.hp_pLR5 {
  padding: 0 5% 0;
}

.hp_bgW {
  background: var(--colW);
}
.hp_bgMain {
  background: var(--colK);
}
.hp_bgCont {
  background: var(--bgCont);
}

/* 画像hoverで拡大 */
.hp_img_wrap {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.hp_img_wrap img {
  width: 100%;
  height: auto;
  transition-duration: 0.5s;
}
.hp_img_wrap:hover img {
  transform: scale(1.2);
  transition-duration: 0.5s;
}

.no-image{
	display: none;
}


/* PCでTELクリック無効 */
a[href^="tel:"] {
  pointer-events: none;
}