@charset "UTF-8";
/*============================================
  CSS Document: utility.css
  Description: 余白やテキストのユーティリティクラス
============================================*/
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

/*============================================
  CSS Document: components.css
  Description: コンポーネントスタイル
============================================*/
/*=================================
  CSS Document: default.css
  Description: 初期化用のリセットスタイル
=================================*/
html {
  height: 100%;
  font-size: 100%;
  scroll-padding-top: 140px; /* 固定ヘッダーの高さより少し広く */
  scroll-behavior: smooth;
}

body {
  height: 100%;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
}

*, *::after, *::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* html, */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, li, ol, dl, dt, dd, div, span, img, a, figure, table, tr, th, td, tbody, thead, tfoot, form, label, strong {
  border: none;
  font-weight: normal;
  /* vertical-align: baseline; */
  /* text-decoration: none; */
  /* outline: none; */
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
}

/* 画像の下にできる隙間をなくす */
img {
  vertical-align: bottom;
}

/* テキストを左寄せ */
/* body {
  text-align: left;
} */
/* 行の高さを揃える */
body {
  line-height: 1.5;
}

/* 文字間隔を揃える */
h1, h2, h3, h4, h5, h6, p, a, li, dt, dd, td, th, label, figcaption, blockquote {
  letter-spacing: 0.4px;
}

/* テーブルの線と線のずれをなくす */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, input, textarea, select {
  font-family: inherit; /* 必須 */
  font-size: 100%;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

/* 境界線・話題の区切り */
hr {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0 0 50px;
  height: 7px;
  background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
  background-size: 5px 5px;
}

/* リストスタイルなし */
li {
  list-style: none;
}

/* テキストの折り返しをinline-blockで整える */
.wb01 {
  display: inline-block;
  font-family: inherit;
}

/* スマホとPCサイトの文字サイズを固定する
viewportのinitial-scaleかmaximum-scaleの指定が必要 */
body {
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* ここからスマホとPC（タブレット）サイトで切り替え */
/* スマホ画面は非表示 */
/* .sp {
  display: none !important;
} */
/* パソコン（タブレット）画面は表示 */
/* .pc {
  display: block !important;
} */
/* スクリーンサイズ 768px以下で適用  */
/* @media screen and (max-width: 768px) { */
/* スマホ画面は表示 */
/* .sp {
  display: block !important;
} */
/* パソコン（タブレット）画面は非表示 */
/* .pc {
    display: none !important;
  }
} *//*# sourceMappingURL=default.css.map */