@charset "UTF-8";
/*
====>> サイトの共通パーツに関するデフォルトスタイリング <<====

・このファイルはベースのスタイルに加え、サイト(案件)毎にスタイルを記述していく
・ヘッダー、ナビゲーション、フッター、パンくずなどの各ページに対して1つのパーツをスタイルするファイル

*/
/*		基本設定
-----------------------------------------------------*/
*, *:before, *:after {
  font-feature-settings: "palt";
}

html {
  font-size: 62.5%;
  background-color: var(--color-bg-main);
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-noto);
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: 0.22em;
  color: var(--color-base);
  word-break: auto-phrase;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
    letter-spacing: 0.18em;
  }
}

@media screen and (max-width: 767px) {
  .is-pc {
    display: none !important;
  }
}
.is-tb {
  display: none !important;
}
@media screen and (max-width: 820px) {
  .is-tb {
    display: block !important;
  }
}

@media screen and (max-width: 820px) {
  .is-tb {
    display: block !important;
  }
}
.is-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .is-sp {
    display: block !important;
  }
}

input {
  font-size: 1.6rem;
}

textarea {
  font-size: 1.6rem;
  resize: vertical;
}

/* フォーカスが当たった時の青枠を表示しない */
*:focus {
  outline: none;
}

::-moz-selection {
  /*ハイライトカラー指定*/
  color: #fff;
  background: cyan;
  background: var(--color-base);
}

::selection {
  /*ハイライトカラー指定*/
  color: #fff;
  background: cyan;
  background: var(--color-base);
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
figure {
  /*safariのoverflow不具合対策*/
  will-change: transform;
}

/*==========フェードイン==========*/
.js-scroll-up {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}

.js-scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/*		ヘッダー
-----------------------------------------------------*/

/*# sourceMappingURL=common.css.map */