@charset "UTF-8";
/* ================================================================================
   《目次》

       1. プロジェクトのベース（basis/*.scss）
            - リセットCSS
            - フォント設定
            - 文字色

       2. 共通スタイル（common/*.scss）
            body                  : body 要素
            .container            : コンテナ
            .inner                : コンテンツの幅
            .site-header          : ヘッダ
            .site-footer          : フッタ
            .btn                  : 汎用のボタン
            .btns                 : 下部のボタンエリア
            .page-title           : ページタイトル
            .lead                 : リード文
            .note-list            : 備考文言のリスト
            .success-list         : 正常終了時文言のリスト
            .error-list           : エラーリスト
            .error-msg            : エラーメッセージ（エラーリスト内ではなく入力フィールド部分の文言）
            .table-input          : テーブル（入力フォーム）
            .table-confirm        : テーブル（確認）
            .table-result         : テーブル（選定結果）
            .app-condition        : 入力フォームのApplicationの説明
            .product-img          : 製品画像エリア
            .check                : 完了画面のチェックマーク
            .loading              : ローディング画面
            form-input-text       : テキストフィールド
            form-input-with-text  : 固定テキストが付加されているテキストフィールド
            form-input-radio      : ラジオボタン
            form-input-checkbox   : チェックボックス
            form-input-file       : ファイル選択要素
            form-select           : select   要素
            form-textarea         : textarea 要素

       3. ページ固有スタイル（page/*.scss）
            body.page-thanks      : 完了画面用
            body.page-admin       : 管理画面用

       4. ユーティリティクラス（util/*.scss）　※本ファイル最下部の「留意事項」も参照のこと
            .w-*,  .sp-w-*                                     : 幅               _width.scss
            .m-*,  .sp-m-*                                     : マージン         _margin.scss
            .p-*,  .sp-p-*                                     : パディング       _padding.scss
            .lh-*, .sp-lh-*                                    : 行間             _line-height.scss
            .fs-*, .sp-fs-*                                    : 文字 サイズ      _font-size.scss
            .txt-*                                             : 文字 色          _font-color.scss
            .align-*                                           : 文字 揃え        _font-misc.scss
            .bold, .no-bold, .serif, .sans-serif, .mono        : 文字 スタイル    〃
            .palt, .no-palt, .break-all, .nowrap               : 文字 その他      〃
            ul.normal,     ol.normal,     dl.normal, dl.inline : リスト 一般      _list.scss
            ul.normal-min, ol.normal-min, dl.normal-min        : リスト 余白なし  〃
            ul.kome ※, ul.large-disc ●, ul.large-circle ○   : リスト 記号（ul）〃
            ol.kome ※1,  ol.decimal-circle ①                 : リスト 記号（ol）〃
            .hide,    .inline,    .block,    .inline-block     : 表示制御 PC/SP   _misc.scss
            .pc-hide, .pc-inline, .pc-block, .pc-inline-block  : 表示制御 PCのみ  〃
            .sp-hide, .sp-inline, .sp-block, .sp-inline-block  : 表示制御 SPのみ  〃
            .float-*                                           : フロート         〃
            .clearfix                                          : その他           〃

       5. 印刷用スタイル（common/print.scss）

   --------------------------------------------------------------------------------
   《補足》スタイル定義の競合を防ぐために

     - 当目次に記載したクラス名以外のクラス名（便宜上「子クラス」と呼ぶ）は単独で定義しないようにしてください
     - 区別のため子クラス名の先頭には「アンダースコア(_)」を付加します
     - このシンプルなルールによりスタイル定義の競合をかんたんに回避可能です
     - 目次に記載したクラス名はSASSファイル名と対応しているためファイル名を見るだけでクラス名の重複を防げます
   ================================================================================ */
/* ================================================================================
   1. プロジェクトのベース
   ================================================================================ */
/* --------------------------------------------------------------------------------
   リセットCSS
     - マージン、パディング、ボーダーはすべて0
     - フォントサイズは 16px（1.6rem） に揃える
     - 見出し、em、strong、b、th は太字にする
     - テーブルはボーダーあり
     - など
   --------------------------------------------------------------------------------
   ＜補足＞
     - Meyresweb CSS Reset に一部 Normalize.css を足した感じ
     - Meyersweb CSS Reset : https://meyerweb.com/eric/tools/css/reset/
     - Normalize.css: https://necolas.github.io/normalize.css/
   -------------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  font-size: 62.5%;
  /* rootフォントサイズを10pxにする（16px * 62.55 = 10px） */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  font-feature-settings: 'palt';
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Verdana, sans-serif;
  font-size: 1.6em;
  /* 16px（body で rem ではなく em を使うのはChromeのバグ対策） */
  line-height: 2;
  -webkit-text-size-adjust: 100%;
  /* スマホを横向きにしたとき等に文字サイズを自動調整しない（CSSの指定どおり） */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  line-height: 0;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  /* Chromeで画像がぼやける現象を回避 */
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.6rem;
  font-weight: bold;
}

b,
em,
strong {
  font-style: normal;
  font-weight: bold;
}

small {
  font-size: 80%;
}

/* sub/sup が行間に影響を及ぼすのを防ぐ (normalize.css) */
sub,
sup {
  position: relative;
  font-size: 77%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  border-top: 1px solid #ccc;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  line-height: 1;
}

/* アンカー */
a {
  color: #03c;
  text-decoration: underline;
}

a:visited {
  color: #60a;
  text-decoration: underline;
}

a:hover {
  color: #f00;
  text-decoration: none;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: none;
}

/* テーブル */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: .5em .8em;
  border: 1px solid #ddd;
}

th {
  font-weight: bold;
}

thead th {
  background-color: #e5e5e5;
}

/* フォーム */
label {
  cursor: pointer;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/* Firefox で button 要素に CSS で消せない padding と border がつくのを消す (normalize.css) */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: .5rem;
  font-size: 1.6rem;
  line-height: 1.5;
  border-radius: .3rem;
  border: 1px solid #ddd;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #aaa;
}

textarea {
  display: block;
  overflow: auto;
  vertical-align: top;
}

input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}

/* 画像リンクのホバー効果 */
a:hover img {
  opacity: 0.9;
}
a:hover img.noeffect img {
  opacity: inherit;
}

/* PCでは電話番号のリンク無効 */
@media screen and (min-width: 767px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/* HTML5非対応ブラウザ向け */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

audio[controls],
canvas,
video {
  display: inline-block;
}

@media only screen and (max-width: 1200px) {
  body {
    font-size: 1.4em;
    /* 14px（body で rem ではなく em を使うのはChromeのバグ対策） */
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 3.5vw;
    /* 14px（body で rem ではなく em を使うのはChromeのバグ対策） */
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 4vw;
  }

  th,
  td {
    padding: 1.25vw 2vw;
  }

  /* フォーム */
  input[type="text"],
  input[type="email"],
  textarea {
    padding: 1.25vw;
    font-size: 4vw;
    border-radius: 1vw;
  }
}
/* 印刷用 */
@media print {
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  h1,
  h2,
  h3 {
    page-break-after: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 1.2cm;
  }
}
/* --------------------------------------------------------------------------------
   フォントファミリー
     - -apple-system: MacとiOS用フォント SanFrancisco。ヒラギノに近いが欧文はヒラギノより良い
     - BlinkMacSystemFont: ChromeでSanFrancisoを使いたいときの指定
   -------------------------------------------------------------------------------- */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif;
}

body {
  font-size: 1.8em;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 4vw;
  }
}

/* --------------------------------------------------------------------------------
   文字色
   -------------------------------------------------------------------------------- */
body {
  color: #222;
}

a:link {
  color: #0842a6;
}

a:visited {
  color: #0842a6;
}

a:hover {
  color: #031b45;
}

/* ================================================================================
   2. 共通スタイル
     - ヘッダ、フッタ、ナビなどのページ共通／画面共通の要素
     - 見出し、リスト、テーブル、ボタン、フォームなどの繰り返し使用するパーツ
     - SASSファイル名は当該要素のクラス名と一致している
       → ファイル名だけでクラス名の重複を防げる
   ================================================================================ */
/* --------------------------------------------------------------------------------
   body                  : body 要素
   -------------------------------------------------------------------------------- */
body {
  display: grid;
  grid-template-rows: 15rem 1fr 10rem;
  grid-template-columns: 1fr;
  grid-gap: 8rem;
  min-height: 100vh;
  background-color: #DDE0E0;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
@media only screen and (max-width: 1200px) {
  body {
    grid-row-gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  body {
    grid-template-rows: 40vw 1fr 25vw;
    grid-row-gap: 0;
    max-width: 100%;
  }
}

/* --------------------------------------------------------------------------------
   .container            : コンテナ
   -------------------------------------------------------------------------------- */
.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 8rem;
  border-top: 0.5rem solid #0842a6;
  background-color: #fff;
}
.container > form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .container {
    width: 100%;
    padding-top: 12.5vw;
    border-top-width: 1.25vw;
  }
}

/* --------------------------------------------------------------------------------
   .inner           : コンテンツの幅
   -------------------------------------------------------------------------------- */
.inner {
  width: 90%;
  max-width: 90rem;
  margin: 0 auto auto;
}
@media only screen and (max-width: 767px) {
  .inner {
    width: 90vw;
  }
}

/* --------------------------------------------------------------------------------
   .site-header          : ヘッダ
   -------------------------------------------------------------------------------- */
.site-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5rem;
  background-color: #fff;
}
.site-header h1 {
  margin-right: 5rem;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.1;
  color: #0842a6;
}
.site-header ._links {
  display: flex;
  margin: 0 5rem 0 auto;
}
.site-header ._links li {
  margin: 0 1rem;
}
.site-header ._links li a {
  font-size: 1.6rem;
  text-decoration: none;
  white-space: nowrap;
}
.site-header ._links li a:hover {
  text-decoration: underline;
}
.site-header ._links li a::before {
  content: '\f105';
  margin-right: .5rem;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  line-height: 1;
}
.site-header ._logo {
  margin-top: 1rem;
  /* 天地中央に見えるように調整 */
}
@media only screen and (max-width: 767px) {
  .site-header {
    flex-direction: column-reverse;
    justify-content: center;
    padding: 0 0 7vw;
  }
  .site-header h1 {
    margin-right: 0;
    font-size: 6.5vw;
    font-weight: normal;
    text-align: center;
  }
  .site-header ._links {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8vw;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: rgba(8, 66, 166, 0.1);
  }
  .site-header ._links li {
    margin: 0 1em;
  }
  .site-header ._links li a {
    font-size: 3.5vw;
  }
  .site-header ._logo {
    margin: 0;
  }
  .site-header ._logo img {
    width: 40vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .site-header {
    /* IE11対応 */
    height: 15rem;
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767px) and (-ms-high-contrast: none) {
  .site-header {
    /* IE11対応 */
    height: 40vw;
    margin-bottom: 0;
  }
  .site-header ._logo {
    min-height: 0%;
  }
}

/* --------------------------------------------------------------------------------
   .site-footer          : フッタ
   -------------------------------------------------------------------------------- */
.site-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 13rem;
  text-align: center;
  color: #fff;
  background-color: #0842a6;
}
.site-footer a,
.site-footer a:visited {
  color: #fff;
}
.site-footer ._privacy {
  font-size: 1.3rem;
  line-height: 1;
}
.site-footer ._copyright {
  margin-top: .7em;
  font-size: 1.3rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .site-footer {
    min-height: 32vw;
  }
  .site-footer img {
    width: 30vw;
  }
  .site-footer ._copyright {
    margin-top: 2vw;
    font-size: 3vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .site-footer {
    /* IE11対応 */
    height: 10rem;
    margin-top: 8rem;
  }
  .site-footer p {
    min-height: 0%;
  }
}
@media screen and (max-width: 767px) and (-ms-high-contrast: none) {
  .site-footer {
    /* IE11対応 */
    height: 25vw;
    margin-top: 0;
  }
}

/* --------------------------------------------------------------------------------
   .btn                  : 汎用のボタン
   --------------------------------------------------------------------------------
    - ボタンは a か button 要素で利用可能です
    - 以下のバリエーションを用意しています
          1. 通常のボタン → a.btn または button.btn
          2. サイズ → ._large　例: a.btn._large
          3. 色 → ._blue, ._red, ._gray　例: a.btn._blue　※デフォルトは白
          4. 状態 → disabled属性
          5. ローディング → ._loading 付加でボタン文言をローディングアイコンに変更
             ※注： ._loading の付加だけではボタンとしての機能は活きている状態なので
                    disalbed 属性も JavaScript 等で付加すること
   -------------------------------------------------------------------------------- */
.btn,
a.btn {
  position: relative;
  display: inline-block;
  height: 5rem;
  padding: 0 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 4.8rem;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #0842a6;
  outline: 0;
  border-radius: .5rem;
  border: .1rem solid #ddd;
  background-color: #fff;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.btn i.fas,
a.btn i.fas {
  margin-left: .5rem;
  color: #fa5;
}
.btn:visited,
a.btn:visited {
  text-decoration: none;
  color: #0842a6;
}
.btn:hover, .btn:active,
a.btn:hover,
a.btn:active {
  border-color: #0842a6;
  transform: scale(1.05);
}
.btn._small,
a.btn._small {
  height: 4rem;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  line-height: 3.8rem;
}
.btn._large,
a.btn._large {
  height: 8rem;
  padding: 0 3rem;
  font-size: 2.4rem;
  line-height: 7.8rem;
}
.btn._gray,
a.btn._gray {
  background-color: #eee;
}
.btn._blue,
a.btn._blue {
  color: #fff;
  border-color: #0842a6;
  background-color: #0842a6;
}
.btn._red,
a.btn._red {
  color: #fff;
  border-color: #e33;
  background-color: #e33;
}
.btn:disabled,
a.btn:disabled {
  font-weight: normal;
  color: #999;
  cursor: default;
  border-color: #ddd;
  background-color: #ddd;
}
.btn:disabled i.fas,
a.btn:disabled i.fas {
  color: #999;
}
.btn:disabled:hover, .btn:disabled:active,
a.btn:disabled:hover,
a.btn:disabled:active {
  transform: none;
}
.btn._loading,
a.btn._loading {
  font-weight: normal;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  background-color: #ddd;
}
.btn._loading i.fas,
a.btn._loading i.fas {
  color: #ddd;
}
.btn._loading::after,
a.btn._loading::after {
  content: '\f110';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0842a6;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  color: #999;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn._loading:hover, .btn._loading:active,
a.btn._loading:hover,
a.btn._loading:active {
  transform: none;
}
@media only screen and (max-width: 767px) {
  .btn,
  a.btn {
    width: 100%;
    height: 12.5vw;
    padding: 0 5vw;
    font-size: 4vw;
    line-height: 12vw;
    border-radius: 1.25vw;
    border: 1px solid #ddd;
  }
  .btn i.fas,
  a.btn i.fas {
    margin-left: 1.25vw;
  }
  .btn._small,
  a.btn._small {
    height: 10vw;
    font-size: 3.5vw;
    padding: 0 3.5vw;
    line-height: 9.5vw;
  }
  .btn._large,
  a.btn._large {
    height: 20vw;
    padding: 0 7.5vw;
    font-size: 5vw;
    line-height: 19.5vw;
  }
}

/* --------------------------------------------------------------------------------
   .btns                 : 下部のボタンエリア
   -------------------------------------------------------------------------------- */
.btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  padding: 4rem;
  text-align: center;
  background-color: #F2F2F2;
}
.btns > * {
  margin: .7rem;
}
@media only screen and (max-width: 767px) {
  .btns {
    flex-direction: column-reverse;
    margin-top: 12.5vw;
    padding: 5vw 0 15vw;
  }
  .btns > * {
    margin: 1vw;
  }
}

/* --------------------------------------------------------------------------------
   .page-title           : ページタイトル
   -------------------------------------------------------------------------------- */
.page-title {
  margin-bottom: 3rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: .1em;
  text-align: center;
  color: #0842a6;
}
.page-title > span {
  display: inline-block;
  padding: 0 5rem 1rem;
  border-bottom: 1px solid #0842a6;
}
@media only screen and (max-width: 767px) {
  .page-title {
    margin-bottom: 10vw;
    font-size: 6vw;
  }
  .page-title > span {
    padding: 0 10vw 3vw;
  }
}

/* --------------------------------------------------------------------------------
   .lead                 : リード文
   -------------------------------------------------------------------------------- */
.lead {
  margin: 3rem 0;
  text-align: center;
  color: #0842a6;
}
@media only screen and (max-width: 767px) {
  .lead {
    margin: 10vw 0;
  }
}

/* --------------------------------------------------------------------------------
   .note-list            : 備考文言のリスト
   -------------------------------------------------------------------------------- */
.note-list {
  margin-bottom: 3rem;
  padding: 3rem 3rem 3rem 6rem;
  color: #0842a6;
  list-style: disc;
  border: 0.1rem solid rgba(8, 66, 166, 0.5);
  border-radius: .5rem;
}
@media only screen and (max-width: 767px) {
  .note-list {
    margin-bottom: 5vw;
    padding: 5vw 5vw 5vw 10vw;
    border-width: 1vw;
    border-radius: 1vw;
  }
}

/* --------------------------------------------------------------------------------
   .success-list            : 正常終了時文言のリスト
   -------------------------------------------------------------------------------- */
.success-list {
  margin-bottom: 3rem;
  padding: 3rem 3rem 3rem 6rem;
  color: #393;
  list-style: disc;
  border: 0.1rem solid rgba(51, 153, 51, 0.5);
  border-radius: .5rem;
}
@media only screen and (max-width: 767px) {
  .success-list {
    margin-bottom: 5vw;
    padding: 5vw 5vw 5vw 10vw;
    border-width: 1vw;
    border-radius: 1vw;
  }
}

/* --------------------------------------------------------------------------------
   .error-list           : エラーリスト
   -------------------------------------------------------------------------------- */
.error-list {
  margin-bottom: 3rem;
  padding: 3rem 3rem 3rem 6rem;
  color: #e33;
  list-style: disc;
  border: .3rem solid #e33;
  border-radius: .5rem;
}
@media only screen and (max-width: 767px) {
  .error-list {
    margin-bottom: 5vw;
    padding: 5vw 5vw 5vw 10vw;
    border-width: 1vw;
    border-radius: 1vw;
  }
}

/* --------------------------------------------------------------------------------
   .error-msg              : エラーメッセージ（エラーリスト内ではなく入力フィールド部分の文言）
   -------------------------------------------------------------------------------- */
.error-msg {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  line-height: 1.5;
  color: #e33;
}
.error-msg::before {
  content: '\f071';
  margin-right: .8rem;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  line-height: 1;
}

/* --------------------------------------------------------------------------------
   .table-input          : テーブル（入力フォーム）
   -------------------------------------------------------------------------------- */
.table-input {
  width: 100%;
}
.table-input td,
.table-input th {
  padding: 1.5rem;
  line-height: 1.5;
  border: 0;
}
.table-input th {
  text-align: left;
  color: #0842a6;
}
.table-input tr._has-error th {
  color: #e33;
}
@media only screen and (max-width: 767px) {
  .table-input tr {
    display: block;
    border-top: 1px solid rgba(8, 66, 166, 0.5);
  }
  .table-input td,
  .table-input th {
    display: block;
    border: 0;
  }
  .table-input th {
    padding: 4vw 5vw 2vw;
  }
  .table-input td {
    padding: 0 5vw 4vw;
  }
}

/* --------------------------------------------------------------------------------
   .table-confirm        : テーブル（確認）
   -------------------------------------------------------------------------------- */
.table-confirm {
  width: 100%;
}
.table-confirm td,
.table-confirm th {
  padding: 1rem;
  line-height: 1.5;
  color: #0842a6;
  border: 2rem solid #fff;
}
.table-confirm th {
  text-align: left;
}
.table-confirm td {
  padding: 1rem 2rem;
  background-color: #f2f2f2;
}
@media only screen and (max-width: 767px) {
  .table-confirm tr {
    display: block;
  }
  .table-confirm td,
  .table-confirm th {
    display: block;
    padding: 3vw 2vw;
    border: 0;
  }
  .table-confirm td {
    margin: 0 2vw 3vw;
  }
}

/* --------------------------------------------------------------------------------
   .table-result         : テーブル（選定結果）
   -------------------------------------------------------------------------------- */
.table-result {
  width: 100%;
  border-top: 1px solid rgba(8, 66, 166, 0.5);
}
.table-result td,
.table-result th {
  padding: 1.5rem;
  line-height: 1.5;
  color: #0842a6;
  border: 0;
  border-bottom: 1px solid rgba(8, 66, 166, 0.5);
}
.table-result th {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .table-result tr {
    display: block;
    border-top: 1px solid rgba(8, 66, 166, 0.5);
  }
  .table-result td,
  .table-result th {
    display: block;
    padding: 0 5vw;
    border: 0;
  }
  .table-result th {
    padding-top: 4vw;
  }
  .table-result td {
    padding-bottom: 4vw;
  }
}

/* --------------------------------------------------------------------------------
   .app-condition        : 入力フォームのApplicationの説明
   -------------------------------------------------------------------------------- */
.app-condition th,
.app-condition td {
  padding-top: 0;
  padding-bottom: 0;
}
.app-condition section {
  display: none;
}
.app-condition table {
  margin-bottom: 3rem;
  text-align: center;
  color: #0842a6;
}
.app-condition table caption {
  margin-bottom: .5rem;
  font-weight: bold;
}
.app-condition table th,
.app-condition table td {
  padding: .5rem 1rem;
  font-size: 1.4rem;
  line-height: 1.2;
  border: 1px solid rgba(8, 66, 166, 0.1);
}
.app-condition table thead th {
  text-align: center;
  background-color: rgba(8, 66, 166, 0.1);
}
.app-condition table thead th:first-child {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .table-input .app-condition {
    border-top: 0;
  }
  .app-condition table caption {
    text-align: left;
  }
  .app-condition table tr {
    display: table-row;
  }
  .app-condition table th,
  .app-condition table td {
    display: table-cell;
    padding: 2vw 0;
    font-size: 3.5vw;
    border-left: 0;
    border-right: 0;
  }
}

/* --------------------------------------------------------------------------------
   .product-img          : 製品画像エリア
   -------------------------------------------------------------------------------- */
.product-img {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 3rem;
}
.product-img > li {
  width: 49%;
  color: #0842a6;
}
.product-img dl {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-img dt {
  text-align: center;
}
.product-img dd {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .product-img {
    margin-bottom: 7.5vw;
  }
  .product-img dd {
    padding: 2.5vw;
  }
}

/* --------------------------------------------------------------------------------
   .check                : 完了画面のチェックマーク
   -------------------------------------------------------------------------------- */
.check {
  font-size: 7.2rem;
  text-align: center;
  color: #5a5;
}
@media only screen and (max-width: 767px) {
  .check {
    font-size: 16vw;
  }
}

/* --------------------------------------------------------------------------------
   .loading              : ローディング画面
   -------------------------------------------------------------------------------- */
.loading {
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.loading ._inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #0842a6;
}
.loading i.fas {
  font-size: 4.8rem;
}
.loading span {
  margin-top: 2rem;
  font-size: 1.6rem;
  color: #0842a6;
}
@media only screen and (max-width: 767px) {
  .loading i.fas {
    font-size: 10vw;
  }
  .loading span {
    font-size: 4vw;
  }
}

/* --------------------------------------------------------------------------------
   input[type="text"]      : テキストフィールド
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に ._has-error を付加）
        2. disabled 属性
   -------------------------------------------------------------------------------- */
input[type="text"],
input[type="password"] {
  max-width: 100%;
  height: 5rem;
  padding: 0 1.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  border: .1rem solid #ccc;
  border-radius: .5rem;
}
input[type="text"]:disabled,
input[type="password"]:disabled {
  color: #999;
  border-color: #ddd;
  background-color: #eee;
  opacity: 1;
}
input[type="text"]._has-error, ._has-error input[type="text"],
input[type="password"]._has-error, ._has-error
input[type="password"] {
  color: #e33;
  border-color: #e33;
  background-color: #fef3f3;
}
input[type="text"]._has-error:disabled, ._has-error input[type="text"]:disabled,
input[type="password"]._has-error:disabled, ._has-error
input[type="password"]:disabled {
  color: #999;
  border-color: #ddd;
  background-color: #eee;
}
@media only screen and (max-width: 767px) {
  input[type="text"],
  input[type="password"] {
    width: 100%;
    height: 12.5vw;
    padding: 0 4vw;
    font-size: 4.5vw;
    border-width: .25vw;
    border-radius: 1vw;
  }
}

/* --------------------------------------------------------------------------------
   .input-with-text      : 固定テキストが付加されているテキストフィールド
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に ._has-error を付加）
        2. disabled 属性
   -------------------------------------------------------------------------------- */
.input-with-text {
  display: flex;
  align-items: center;
  max-width: 100%;
  border: .1rem solid #ccc;
  border-radius: .5rem;
}
.input-with-text input[type="text"] {
  flex-grow: 1;
  border: 0;
}
.input-with-text > span {
  padding: 0 1.5rem;
  font-size: 1.8rem;
}
.input-with-text._disabled {
  color: #999;
  border-color: #ddd;
  background-color: #eee;
}
.input-with-text._has-error, ._has-error .input-with-text {
  color: #e33;
  border-color: #e33;
  background-color: #fef3f3;
}
.input-with-text._has-error._disabled, ._has-error .input-with-text._disabled {
  color: #999;
  border-color: #ddd;
  background-color: #eee;
}
@media only screen and (max-width: 767px) {
  .input-with-text {
    width: 100%;
    border-radius: 1vw;
    border: .25vw solid #ccc;
  }
  .input-with-text > span {
    padding: 0 4vw;
    font-size: 5vw;
  }
}

/* --------------------------------------------------------------------------------
   .radio                : ラジオボタン
   --------------------------------------------------------------------------------
    - 次のように記述することを想定（span 必須。ラベルテキストがない場合は空の span）
        <label class="radio">
          <input type="radio">
          <span>ラベル</span>
        </label>

    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に ._has-error を付加）
        2. disabled 属性
   -------------------------------------------------------------------------------- */
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + span {
  display: inline-block;
  padding-right: 1rem;
  font-size: 1.8rem;
  color: #0842a6;
}
.radio input[type="radio"] + span::before {
  content: '';
  position: relative;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .8rem;
  line-height: 0;
  vertical-align: -.4rem;
  border: .1rem solid #aaa;
  border-radius: 100%;
  transition: all .2s ease;
}
.radio input[type="radio"] + span:hover::before {
  border: 0.1rem solid #0842a6;
  background-color: rgba(8, 66, 166, 0.05);
}
.radio input[type="radio"]:checked + span::before {
  background-color: #0842a6;
  box-shadow: inset 0 0 0 4px #fff;
}
.radio input[type="radio"]:disabled + span {
  cursor: default;
  color: #999;
}
.radio input[type="radio"]:disabled + span::before {
  border-color: #ddd;
  background: #eee;
}
.radio input[type="radio"] + span:empty {
  padding-right: 0;
}
.radio input[type="radio"] + span:empty::before {
  margin-right: 0;
}
.radio._has-error input[type="radio"] + span, ._has-error .radio input[type="radio"] + span {
  color: #e33;
}
.radio._has-error input[type="radio"] + span::before, ._has-error .radio input[type="radio"] + span::before {
  border-color: #e33;
}
.radio._has-error input[type="radio"]:checked + span::before, ._has-error .radio input[type="radio"]:checked + span::before {
  border-color: #aaa;
}
.radio._has-error input[type="radio"]:disabled + span, ._has-error .radio input[type="radio"]:disabled + span {
  cursor: default;
  color: #999;
}
.radio._has-error input[type="radio"]:disabled + span::before, ._has-error .radio input[type="radio"]:disabled + span::before {
  border-color: #ddd;
  background: #eee;
}
.radio._has-error input[type="radio"] + span:empty, ._has-error .radio input[type="radio"] + span:empty {
  padding-right: 0;
}
.radio._has-error input[type="radio"] + span:empty::before, ._has-error .radio input[type="radio"] + span:empty::before {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .radio {
    display: block;
    margin: 3vw 0;
  }
  .radio input[type="radio"] + span {
    padding-right: 2.5vw;
    font-size: 4.5vw;
  }
  .radio input[type="radio"] + span::before {
    width: 8vw;
    height: 8vw;
    margin-right: 2vw;
    vertical-align: -2.5vw;
    border-width: 1px;
  }
}

/* --------------------------------------------------------------------------------
   form-input-checkbox   : チェックボックス
   --------------------------------------------------------------------------------
    - 次のように記述することを想定（span 必須。ラベルテキストがない場合は空の span）
        <label class="checkbox">
          <input type="checkbox">
          <span>ラベル</span>
        </label>

    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に ._has-error を付加）
        2. disabled 属性
   -------------------------------------------------------------------------------- */
.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.checkbox input[type="checkbox"] + span {
  display: inline-block;
  padding-right: 1rem;
  font-size: 1.8rem;
  color: #0842a6;
}
.checkbox input[type="checkbox"] + span::before {
  content: '';
  position: relative;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .8rem;
  line-height: 0;
  vertical-align: -.4rem;
  border: .1rem solid #aaa;
  border-radius: .4rem;
  transition: all .2s ease;
}
@media all and (-ms-high-contrast: none) {
  .checkbox input[type="checkbox"] + span::before {
    /* IE11対応 */
    border-radius: 0;
  }
}
.checkbox input[type="checkbox"] + span:hover::before {
  border: 0.1rem solid #0842a6;
  background-color: rgba(8, 66, 166, 0.05);
}
.checkbox input[type="checkbox"]:checked + span::before {
  background-color: #0842a6;
  box-shadow: inset 0 0 0 4px #fff;
}
.checkbox input[type="checkbox"]:disabled + span {
  cursor: default;
  color: #999;
}
.checkbox input[type="checkbox"]:disabled + span::before {
  border-color: #ddd;
  background: #eee;
}
.checkbox input[type="checkbox"] + span:empty {
  padding-right: 0;
}
.checkbox input[type="checkbox"] + span:empty::before {
  margin-right: 0;
}
.checkbox._has-error input[type="checkbox"] + span, ._has-error .checkbox input[type="checkbox"] + span {
  color: #e33;
}
.checkbox._has-error input[type="checkbox"] + span::before, ._has-error .checkbox input[type="checkbox"] + span::before {
  border-color: #e33;
}
.checkbox._has-error input[type="checkbox"]:checked + span::before, ._has-error .checkbox input[type="checkbox"]:checked + span::before {
  border-color: #aaa;
}
.checkbox._has-error input[type="checkbox"]:disabled + span, ._has-error .checkbox input[type="checkbox"]:disabled + span {
  cursor: default;
  color: #999;
}
.checkbox._has-error input[type="checkbox"]:disabled + span::before, ._has-error .checkbox input[type="checkbox"]:disabled + span::before {
  border-color: #ddd;
  background: #eee;
}
.checkbox._has-error input[type="checkbox"] + span:empty, ._has-error .checkbox input[type="checkbox"] + span:empty {
  padding-right: 0;
}
.checkbox._has-error input[type="checkbox"] + span:empty::before, ._has-error .checkbox input[type="checkbox"] + span:empty::before {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .checkbox {
    display: block;
    margin: 3vw 0;
  }
  .checkbox input[type="checkbox"] + span {
    padding-right: 2.5vw;
    font-size: 4.5vw;
  }
  .checkbox input[type="checkbox"] + span::before {
    width: 8vw;
    height: 8vw;
    margin-right: 2vw;
    vertical-align: -2.5vw;
    border-width: 1px;
  }
}

/* --------------------------------------------------------------------------------
   input[type="file"]      : ファイル選択
   --------------------------------------------------------------------------------
    - 次のように記述することを想定
        <label class="input-file">
          <input type="file" name="" id="">
          <span class="_value">クリックしてファイルを選択</span>
          <button type="button" class="_clear-btn"><i class="fas fa-times-circle"></i></button>
        </label>

    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に ._has-error を付加）
        2. サイズ → ._large, ._small
   -------------------------------------------------------------------------------- */
.input-file {
  position: relative;
}
.input-file ._clear-btn,
.input-file input[type="file"] {
  display: none;
}
.input-file ._value {
  display: inline-block;
  width: 30rem;
  padding: 0 4rem 0 1rem;
  font-size: 1.6rem;
  line-height: 4.8rem;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: .1rem solid #ccc;
  border-radius: .5rem;
  background-color: #eee;
  transition: all .1s linear;
}
.input-file ._value:hover {
  color: #0842a6;
  border-color: rgba(8, 66, 166, 0.5);
  background-color: #fff;
}
.input-file ._clear-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3rem;
  height: 5rem;
  font-size: 1.6rem;
  outline: 0;
  border: 0;
  margin: auto;
  background: none;
  transition: all .1s linear;
}
.input-file ._clear-btn:hover {
  color: #0842a6;
  transform: scale(1.3);
}
.input-file._small ._value {
  font-size: 1.4rem;
  line-height: 3.8rem;
}
.input-file._small ._clear-btn {
  height: 4rem;
  font-size: 1.4rem;
}
.input-file._large ._value {
  font-size: 2.4rem;
  line-height: 7.8rem;
}
.input-file._large ._clear-btn {
  width: 5rem;
  height: 8rem;
  font-size: 2rem;
}
.input-file._has-error ._value, ._has-error .input-file ._value {
  color: #e33;
  border-color: #e33;
  background-color: #fff9f9;
}
@media only screen and (max-width: 767px) {
  .input-file ._value {
    width: 50vw;
    padding: 0 10vw 0 2.5vw;
    font-size: 4vw;
    line-height: 12vw;
    border-width: 1px;
    border-radius: 1vw;
  }
  .input-file ._clear-btn {
    width: 10vw;
    height: 12.5vw;
    font-size: 4vw;
  }
  .input-file._small ._value {
    font-size: 3.5vw;
    line-height: 9.5vw;
  }
  .input-file._small ._clear-btn {
    height: 10vw;
    font-size: 3.5vw;
  }
  .input-file._large ._value {
    font-size: 6vw;
    line-height: 19.5vw;
  }
  .input-file._large ._clear-btn {
    width: 12.5vw;
    height: 20vw;
    font-size: 5vw;
  }
}

/* --------------------------------------------------------------------------------
   select      : select要素
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に ._has-error を付加）
        2. disabled 属性
   -------------------------------------------------------------------------------- */
select {
  max-width: 100%;
  min-width: 20rem;
  height: 5rem;
  padding: 0 3rem 0 1.5rem;
  font-size: 1.8rem;
  color: #000;
  border: 1px solid rgba(8, 66, 166, 0.5);
  border-radius: .5rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 背景グラデ＆三角の下矢印 */
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCgkgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2ODAgMjIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2ODAgMjIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yMTEuMyw0NmgyNTcuM2MxNy44LDAsMjYuNywyMS41LDE0LjEsMzQuMUwzNTQuMSwyMDguOGMtNy44LDcuOC0yMC41LDcuOC0yOC4zLDBMMTk3LjIsODAuMUMxODQuNiw2Ny41LDE5My41LDQ2LDIxMS4zLDQ2Cgl6Ii8+Cjwvc3ZnPgo=") no-repeat center right, linear-gradient(to bottom, #fff, #e2e2e2) repeat-x center;
  background-size: 3rem auto, auto 100%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
select:hover {
  color: #0842a6;
  border-color: #0842a6;
  background-color: #eee;
  opacity: 1;
}
select:disabled {
  color: #999;
  opacity: 1;
  cursor: default;
  border-color: #ddd;
  /* 少し薄い三角 */
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjgwIDIyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjgwIDIyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtvcGFjaXR5OjAuMzt9Cjwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIxMS4zLDQ2aDI1Ny4zYzE3LjgsMCwyNi43LDIxLjUsMTQuMSwzNC4xTDM1NC4xLDIwOC44Yy03LjgsNy44LTIwLjUsNy44LTI4LjMsMEwxOTcuMiw4MC4xQzE4NC42LDY3LjUsMTkzLjUsNDYsMjExLjMsNDZ6Ii8+PC9zdmc+"), linear-gradient(to bottom, #fff, #e2e2e2);
}
select._has-error, ._has-error select {
  color: #e33;
  border-color: #e33;
  background-color: #fef3f3;
}
select._has-error:disabled, ._has-error select:disabled {
  color: #999;
  border-color: #ddd;
}
@media all and (-ms-high-contrast: none) {
  select {
    /* IEのみ独自スタイル */
    padding: 0 0 0 0;
    background: linear-gradient(to bottom, #fff, #e2e2e2);
  }
  select::-ms-expand {
    width: 1.5rem;
    padding: 0 1rem;
    color: #fff;
    border: 0;
    border-radius: 0 .4rem .4rem 0;
    background-color: #0842a6;
  }
  select:disabled {
    color: #999;
    background: linear-gradient(to bottom, #fff, #e2e2e2);
  }
  select:disabled::-ms-expand {
    background-color: #ccc;
  }
}
@media only screen and (max-width: 767px) {
  select {
    width: 100%;
    height: 12.5vw;
    padding: 0 4vw;
    font-size: 4vw;
    border-width: .25vw;
    border-radius: 1vw;
  }
}

/* --------------------------------------------------------------------------------
   textarea      : textarea 要素
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に ._has-error を付加）
        2. disabled 属性
   -------------------------------------------------------------------------------- */
textarea {
  width: 100%;
  max-width: 100%;
  padding: 1rem 1.5rem;
  font-size: 1.8rem;
  color: #000;
  border: .1rem solid #ccc;
  border-radius: .5rem;
}
textarea:disabled {
  color: #999;
  border-color: #ddd;
  background-color: #eee;
  opacity: 1;
}
textarea._has-error, ._has-error textarea {
  color: #e33;
  border-color: #e33;
  background-color: #fef3f3;
}
textarea._has-error:disabled, ._has-error textarea:disabled {
  color: #999;
  border-color: #ddd;
  background-color: #eee;
}
@media only screen and (max-width: 767px) {
  textarea {
    padding: 3vw 4vw;
    font-size: 4.5vw;
    border-width: .25vw;
    border-radius: 1vw;
  }
}

/* ================================================================================
   3. ページ固有スタイル
     - 特定のページでしか使われないスタイル
     - 最初ここに定義していたものが、共通スタイルに格上げしたり、その逆もありうる
     - SASSファイル名先頭にページ別のプリフィクスがつく（例: top-*, hoge-*, ... など）
     - プリフィクス以降のSASSファイル名は、共通スタイルと同様、当該要素のクラス名と一致している
       → ファイル名だけでクラス名の重複を防げる
   ================================================================================ */
/* --------------------------------------------------------------------------------
   body.page-thanks      : 完了画面用
   -------------------------------------------------------------------------------- */
body.page-thanks .inner {
  margin: auto;
}
body.page-thanks .inner .lead {
  margin-bottom: 0 !important;
}

/* --------------------------------------------------------------------------------
   body.page-admin       : 管理画面用
   -------------------------------------------------------------------------------- */
body.page-admin .site-header h1 ._jp {
  margin-left: 2rem;
  padding-left: 2.5rem;
  font-size: 2.4rem;
  font-weight: normal;
  border-left: 1px solid #ddd;
}
body.page-admin .site-header ._link {
  margin-left: auto;
  margin-right: 4rem;
}
body.page-admin .site-header ._logout {
  margin-right: 4rem;
}
body.page-admin._top .site-header ._link {
  margin-right: 1rem;
}
body.page-admin._top .container {
  padding-bottom: 5rem;
}
body.page-admin ._instruction {
  font-size: 1.6rem;
  color: #0842a6;
}
body.page-admin h2 {
  margin-bottom: 3rem;
  padding: 0 2rem;
  font-size: 2rem;
  line-height: 5rem;
  color: #0842a6;
  background-color: rgba(8, 66, 166, 0.1);
}
body.page-admin .table-input td,
body.page-admin .table-input th {
  font-size: 1.6rem;
  line-height: 4rem;
  vertical-align: top;
}
body.page-admin ._note {
  margin-top: 1rem;
  padding: 2.5rem;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #0842a6;
  background-color: #f2f4f9;
}
body.page-admin ._note strong {
  color: #e33;
}
@media only screen and (max-width: 767px) {
  body.page-admin .site-header h1 ._en {
    font-weight: normal;
  }
  body.page-admin .site-header h1 ._jp {
    display: block;
    margin: 2vw 0 0;
    padding: 0;
    font-size: 4vw;
    border: 0;
  }
  body.page-admin .site-header ._link,
  body.page-admin .site-header ._logout {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10vw;
    margin: 0;
    outline: 0;
    border: 0;
    border-radius: 0;
    font-weight: normal;
    background-color: rgba(8, 66, 166, 0.1);
  }
  body.page-admin .site-header ._link:hover,
  body.page-admin .site-header ._logout:hover {
    transform: none;
  }
  body.page-admin .site-header ._link::before,
  body.page-admin .site-header ._logout::before {
    content: '\f105';
    margin-right: 2vw;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    line-height: 1;
  }
  body.page-admin ._instruction {
    font-size: 4vw;
    line-height: 1.7;
  }
  body.page-admin .inner {
    border: 1px solid rgba(8, 66, 166, 0.5);
  }
  body.page-admin .inner:first-child {
    border: 0;
  }
  body.page-admin h2 {
    margin-bottom: 0;
    padding: 0 5vw;
    font-size: 5vw;
    line-height: 12.5vw;
  }
  body.page-admin ._upload {
    display: flex;
  }
  body.page-admin ._note {
    margin-top: 5vw;
    padding: 6vw;
    font-size: 4vw;
  }
  body.page-admin ._note br {
    display: none;
  }
  body.page-admin .table-input {
    display: block;
    padding: 0 5vw 5vw;
  }
  body.page-admin .table-input col {
    width: 100%;
  }
  body.page-admin .table-input tbody,
  body.page-admin .table-input tr,
  body.page-admin .table-input th,
  body.page-admin .table-input td {
    display: block;
    border: 0;
    padding: 0;
    font-size: 4vw;
    line-height: 1.5;
  }
  body.page-admin .table-input tr {
    margin-top: 5vw;
  }
  body.page-admin._login .btns {
    margin-top: 0;
    padding: 0 5vw 30vw;
    background: none;
  }
  body.page-admin._top ._link {
    width: 50%;
  }
  body.page-admin._top ._logout {
    left: auto;
    right: 0;
    width: 50%;
  }
  body.page-admin._top .inner:last-child ._note {
    margin: 0 5vw 5vw;
  }
}

/* ================================================================================
   4. ユーティリティ
     - フォントサイズ、幅、マージン、色などHTMLへのクラス名付加により使えるユーティリティクラス
     - 例
       1. マージン .m-t50（上マージン50px） .m-v30（上下margin30px） .m-l1em（左マージン1em） など
       2. 幅 .w-10 .w-50 .w-300 .w-100p（100%） など
       3. フォント関連 .fs-12 .fs-14 .bold .serif .sans-serif など
       4. 表示制御 .hide .pc-hide .sp-hide .float-* .clearfix など
     - HTMLが煩雑になるので濫用しないこと。本ファイル下部の「留意事項」も参照のこと
   ================================================================================ */
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 幅 / .w-*, .sp-w-*
     - 単位 px → w-5,   w-10  ... w-100, w-110, w-120, ..., w-1000 // 100pxまでは5px刻み、以降は10px刻み
       ※実際の指定では px ではなく rem が使われている（10px = 1rem）
     - 単位 em → w-1em, w-2em ... w-10em
     - 単位 %  → w-5p,  w-10p ... w-100p
     - 単位 vw → w-5v,  w-10v ... w-100v
     - w- の前に sp- を付加するとスマホ用のクラスになる
   -------------------------------------------------------------------------------- */
.w-1em {
  width: 1em !important;
}

.w-2em {
  width: 2em !important;
}

.w-3em {
  width: 3em !important;
}

.w-4em {
  width: 4em !important;
}

.w-5em {
  width: 5em !important;
}

.w-6em {
  width: 6em !important;
}

.w-7em {
  width: 7em !important;
}

.w-8em {
  width: 8em !important;
}

.w-9em {
  width: 9em !important;
}

.w-10em {
  width: 10em !important;
}

.w-5 {
  width: 0.5rem !important;
}

.w-10 {
  width: 1rem !important;
}

.w-15 {
  width: 1.5rem !important;
}

.w-20 {
  width: 2rem !important;
}

.w-25 {
  width: 2.5rem !important;
}

.w-30 {
  width: 3rem !important;
}

.w-35 {
  width: 3.5rem !important;
}

.w-40 {
  width: 4rem !important;
}

.w-45 {
  width: 4.5rem !important;
}

.w-50 {
  width: 5rem !important;
}

.w-55 {
  width: 5.5rem !important;
}

.w-60 {
  width: 6rem !important;
}

.w-65 {
  width: 6.5rem !important;
}

.w-70 {
  width: 7rem !important;
}

.w-75 {
  width: 7.5rem !important;
}

.w-80 {
  width: 8rem !important;
}

.w-85 {
  width: 8.5rem !important;
}

.w-90 {
  width: 9rem !important;
}

.w-95 {
  width: 9.5rem !important;
}

.w-100 {
  width: 10rem !important;
}

.w-110 {
  width: 11rem !important;
}

.w-120 {
  width: 12rem !important;
}

.w-130 {
  width: 13rem !important;
}

.w-140 {
  width: 14rem !important;
}

.w-150 {
  width: 15rem !important;
}

.w-160 {
  width: 16rem !important;
}

.w-170 {
  width: 17rem !important;
}

.w-180 {
  width: 18rem !important;
}

.w-190 {
  width: 19rem !important;
}

.w-200 {
  width: 20rem !important;
}

.w-210 {
  width: 21rem !important;
}

.w-220 {
  width: 22rem !important;
}

.w-230 {
  width: 23rem !important;
}

.w-240 {
  width: 24rem !important;
}

.w-250 {
  width: 25rem !important;
}

.w-260 {
  width: 26rem !important;
}

.w-270 {
  width: 27rem !important;
}

.w-280 {
  width: 28rem !important;
}

.w-290 {
  width: 29rem !important;
}

.w-300 {
  width: 30rem !important;
}

.w-310 {
  width: 31rem !important;
}

.w-320 {
  width: 32rem !important;
}

.w-330 {
  width: 33rem !important;
}

.w-340 {
  width: 34rem !important;
}

.w-350 {
  width: 35rem !important;
}

.w-360 {
  width: 36rem !important;
}

.w-370 {
  width: 37rem !important;
}

.w-380 {
  width: 38rem !important;
}

.w-390 {
  width: 39rem !important;
}

.w-400 {
  width: 40rem !important;
}

.w-410 {
  width: 41rem !important;
}

.w-420 {
  width: 42rem !important;
}

.w-430 {
  width: 43rem !important;
}

.w-440 {
  width: 44rem !important;
}

.w-450 {
  width: 45rem !important;
}

.w-460 {
  width: 46rem !important;
}

.w-470 {
  width: 47rem !important;
}

.w-480 {
  width: 48rem !important;
}

.w-490 {
  width: 49rem !important;
}

.w-500 {
  width: 50rem !important;
}

.w-510 {
  width: 51rem !important;
}

.w-520 {
  width: 52rem !important;
}

.w-530 {
  width: 53rem !important;
}

.w-540 {
  width: 54rem !important;
}

.w-550 {
  width: 55rem !important;
}

.w-560 {
  width: 56rem !important;
}

.w-570 {
  width: 57rem !important;
}

.w-580 {
  width: 58rem !important;
}

.w-590 {
  width: 59rem !important;
}

.w-600 {
  width: 60rem !important;
}

.w-610 {
  width: 61rem !important;
}

.w-620 {
  width: 62rem !important;
}

.w-630 {
  width: 63rem !important;
}

.w-640 {
  width: 64rem !important;
}

.w-650 {
  width: 65rem !important;
}

.w-660 {
  width: 66rem !important;
}

.w-670 {
  width: 67rem !important;
}

.w-680 {
  width: 68rem !important;
}

.w-690 {
  width: 69rem !important;
}

.w-700 {
  width: 70rem !important;
}

.w-710 {
  width: 71rem !important;
}

.w-720 {
  width: 72rem !important;
}

.w-730 {
  width: 73rem !important;
}

.w-740 {
  width: 74rem !important;
}

.w-750 {
  width: 75rem !important;
}

.w-760 {
  width: 76rem !important;
}

.w-770 {
  width: 77rem !important;
}

.w-780 {
  width: 78rem !important;
}

.w-790 {
  width: 79rem !important;
}

.w-800 {
  width: 80rem !important;
}

.w-810 {
  width: 81rem !important;
}

.w-820 {
  width: 82rem !important;
}

.w-830 {
  width: 83rem !important;
}

.w-840 {
  width: 84rem !important;
}

.w-850 {
  width: 85rem !important;
}

.w-860 {
  width: 86rem !important;
}

.w-870 {
  width: 87rem !important;
}

.w-880 {
  width: 88rem !important;
}

.w-890 {
  width: 89rem !important;
}

.w-900 {
  width: 90rem !important;
}

.w-910 {
  width: 91rem !important;
}

.w-920 {
  width: 92rem !important;
}

.w-930 {
  width: 93rem !important;
}

.w-940 {
  width: 94rem !important;
}

.w-950 {
  width: 95rem !important;
}

.w-960 {
  width: 96rem !important;
}

.w-970 {
  width: 97rem !important;
}

.w-980 {
  width: 98rem !important;
}

.w-990 {
  width: 99rem !important;
}

.w-1000 {
  width: 100rem !important;
}

.w-5p {
  width: 5% !important;
}

.w-5v {
  width: 5vw !important;
}

.w-10p {
  width: 10% !important;
}

.w-10v {
  width: 10vw !important;
}

.w-15p {
  width: 15% !important;
}

.w-15v {
  width: 15vw !important;
}

.w-20p {
  width: 20% !important;
}

.w-20v {
  width: 20vw !important;
}

.w-25p {
  width: 25% !important;
}

.w-25v {
  width: 25vw !important;
}

.w-30p {
  width: 30% !important;
}

.w-30v {
  width: 30vw !important;
}

.w-35p {
  width: 35% !important;
}

.w-35v {
  width: 35vw !important;
}

.w-40p {
  width: 40% !important;
}

.w-40v {
  width: 40vw !important;
}

.w-45p {
  width: 45% !important;
}

.w-45v {
  width: 45vw !important;
}

.w-50p {
  width: 50% !important;
}

.w-50v {
  width: 50vw !important;
}

.w-55p {
  width: 55% !important;
}

.w-55v {
  width: 55vw !important;
}

.w-60p {
  width: 60% !important;
}

.w-60v {
  width: 60vw !important;
}

.w-65p {
  width: 65% !important;
}

.w-65v {
  width: 65vw !important;
}

.w-70p {
  width: 70% !important;
}

.w-70v {
  width: 70vw !important;
}

.w-75p {
  width: 75% !important;
}

.w-75v {
  width: 75vw !important;
}

.w-80p {
  width: 80% !important;
}

.w-80v {
  width: 80vw !important;
}

.w-85p {
  width: 85% !important;
}

.w-85v {
  width: 85vw !important;
}

.w-90p {
  width: 90% !important;
}

.w-90v {
  width: 90vw !important;
}

.w-95p {
  width: 95% !important;
}

.w-95v {
  width: 95vw !important;
}

.w-100p {
  width: 100% !important;
}

.w-100v {
  width: 100vw !important;
}

/* SP版：プリフィクス sp- を付加 */
@media screen and (max-width: 767px) {
  .sp-w-1em {
    width: 1em !important;
  }

  .sp-w-2em {
    width: 2em !important;
  }

  .sp-w-3em {
    width: 3em !important;
  }

  .sp-w-4em {
    width: 4em !important;
  }

  .sp-w-5em {
    width: 5em !important;
  }

  .sp-w-6em {
    width: 6em !important;
  }

  .sp-w-7em {
    width: 7em !important;
  }

  .sp-w-8em {
    width: 8em !important;
  }

  .sp-w-9em {
    width: 9em !important;
  }

  .sp-w-10em {
    width: 10em !important;
  }

  .w-5 {
    width: 0.5rem !important;
  }

  .w-10 {
    width: 1rem !important;
  }

  .w-15 {
    width: 1.5rem !important;
  }

  .w-20 {
    width: 2rem !important;
  }

  .w-25 {
    width: 2.5rem !important;
  }

  .w-30 {
    width: 3rem !important;
  }

  .w-35 {
    width: 3.5rem !important;
  }

  .w-40 {
    width: 4rem !important;
  }

  .w-45 {
    width: 4.5rem !important;
  }

  .w-50 {
    width: 5rem !important;
  }

  .w-55 {
    width: 5.5rem !important;
  }

  .w-60 {
    width: 6rem !important;
  }

  .w-65 {
    width: 6.5rem !important;
  }

  .w-70 {
    width: 7rem !important;
  }

  .w-75 {
    width: 7.5rem !important;
  }

  .w-80 {
    width: 8rem !important;
  }

  .w-85 {
    width: 8.5rem !important;
  }

  .w-90 {
    width: 9rem !important;
  }

  .w-95 {
    width: 9.5rem !important;
  }

  .w-100 {
    width: 10rem !important;
  }

  .w-110 {
    width: 11rem !important;
  }

  .w-120 {
    width: 12rem !important;
  }

  .w-130 {
    width: 13rem !important;
  }

  .w-140 {
    width: 14rem !important;
  }

  .w-150 {
    width: 15rem !important;
  }

  .w-160 {
    width: 16rem !important;
  }

  .w-170 {
    width: 17rem !important;
  }

  .w-180 {
    width: 18rem !important;
  }

  .w-190 {
    width: 19rem !important;
  }

  .w-200 {
    width: 20rem !important;
  }

  .w-210 {
    width: 21rem !important;
  }

  .w-220 {
    width: 22rem !important;
  }

  .w-230 {
    width: 23rem !important;
  }

  .w-240 {
    width: 24rem !important;
  }

  .w-250 {
    width: 25rem !important;
  }

  .w-260 {
    width: 26rem !important;
  }

  .w-270 {
    width: 27rem !important;
  }

  .w-280 {
    width: 28rem !important;
  }

  .w-290 {
    width: 29rem !important;
  }

  .w-300 {
    width: 30rem !important;
  }

  .w-310 {
    width: 31rem !important;
  }

  .w-320 {
    width: 32rem !important;
  }

  .w-330 {
    width: 33rem !important;
  }

  .w-340 {
    width: 34rem !important;
  }

  .w-350 {
    width: 35rem !important;
  }

  .w-360 {
    width: 36rem !important;
  }

  .w-370 {
    width: 37rem !important;
  }

  .w-380 {
    width: 38rem !important;
  }

  .w-390 {
    width: 39rem !important;
  }

  .w-400 {
    width: 40rem !important;
  }

  .w-410 {
    width: 41rem !important;
  }

  .w-420 {
    width: 42rem !important;
  }

  .w-430 {
    width: 43rem !important;
  }

  .w-440 {
    width: 44rem !important;
  }

  .w-450 {
    width: 45rem !important;
  }

  .w-460 {
    width: 46rem !important;
  }

  .w-470 {
    width: 47rem !important;
  }

  .w-480 {
    width: 48rem !important;
  }

  .w-490 {
    width: 49rem !important;
  }

  .w-500 {
    width: 50rem !important;
  }

  .w-510 {
    width: 51rem !important;
  }

  .w-520 {
    width: 52rem !important;
  }

  .w-530 {
    width: 53rem !important;
  }

  .w-540 {
    width: 54rem !important;
  }

  .w-550 {
    width: 55rem !important;
  }

  .w-560 {
    width: 56rem !important;
  }

  .w-570 {
    width: 57rem !important;
  }

  .w-580 {
    width: 58rem !important;
  }

  .w-590 {
    width: 59rem !important;
  }

  .w-600 {
    width: 60rem !important;
  }

  .w-610 {
    width: 61rem !important;
  }

  .w-620 {
    width: 62rem !important;
  }

  .w-630 {
    width: 63rem !important;
  }

  .w-640 {
    width: 64rem !important;
  }

  .w-650 {
    width: 65rem !important;
  }

  .w-660 {
    width: 66rem !important;
  }

  .w-670 {
    width: 67rem !important;
  }

  .w-680 {
    width: 68rem !important;
  }

  .w-690 {
    width: 69rem !important;
  }

  .w-700 {
    width: 70rem !important;
  }

  .w-710 {
    width: 71rem !important;
  }

  .w-720 {
    width: 72rem !important;
  }

  .w-730 {
    width: 73rem !important;
  }

  .w-740 {
    width: 74rem !important;
  }

  .w-750 {
    width: 75rem !important;
  }

  .w-760 {
    width: 76rem !important;
  }

  .w-770 {
    width: 77rem !important;
  }

  .w-780 {
    width: 78rem !important;
  }

  .w-790 {
    width: 79rem !important;
  }

  .w-800 {
    width: 80rem !important;
  }

  .w-810 {
    width: 81rem !important;
  }

  .w-820 {
    width: 82rem !important;
  }

  .w-830 {
    width: 83rem !important;
  }

  .w-840 {
    width: 84rem !important;
  }

  .w-850 {
    width: 85rem !important;
  }

  .w-860 {
    width: 86rem !important;
  }

  .w-870 {
    width: 87rem !important;
  }

  .w-880 {
    width: 88rem !important;
  }

  .w-890 {
    width: 89rem !important;
  }

  .w-900 {
    width: 90rem !important;
  }

  .w-910 {
    width: 91rem !important;
  }

  .w-920 {
    width: 92rem !important;
  }

  .w-930 {
    width: 93rem !important;
  }

  .w-940 {
    width: 94rem !important;
  }

  .w-950 {
    width: 95rem !important;
  }

  .w-960 {
    width: 96rem !important;
  }

  .w-970 {
    width: 97rem !important;
  }

  .w-980 {
    width: 98rem !important;
  }

  .w-990 {
    width: 99rem !important;
  }

  .w-1000 {
    width: 100rem !important;
  }

  .sp-w-5p {
    width: 5% !important;
  }

  .sp-w-5v {
    width: 5vw !important;
  }

  .sp-w-10p {
    width: 10% !important;
  }

  .sp-w-10v {
    width: 10vw !important;
  }

  .sp-w-15p {
    width: 15% !important;
  }

  .sp-w-15v {
    width: 15vw !important;
  }

  .sp-w-20p {
    width: 20% !important;
  }

  .sp-w-20v {
    width: 20vw !important;
  }

  .sp-w-25p {
    width: 25% !important;
  }

  .sp-w-25v {
    width: 25vw !important;
  }

  .sp-w-30p {
    width: 30% !important;
  }

  .sp-w-30v {
    width: 30vw !important;
  }

  .sp-w-35p {
    width: 35% !important;
  }

  .sp-w-35v {
    width: 35vw !important;
  }

  .sp-w-40p {
    width: 40% !important;
  }

  .sp-w-40v {
    width: 40vw !important;
  }

  .sp-w-45p {
    width: 45% !important;
  }

  .sp-w-45v {
    width: 45vw !important;
  }

  .sp-w-50p {
    width: 50% !important;
  }

  .sp-w-50v {
    width: 50vw !important;
  }

  .sp-w-55p {
    width: 55% !important;
  }

  .sp-w-55v {
    width: 55vw !important;
  }

  .sp-w-60p {
    width: 60% !important;
  }

  .sp-w-60v {
    width: 60vw !important;
  }

  .sp-w-65p {
    width: 65% !important;
  }

  .sp-w-65v {
    width: 65vw !important;
  }

  .sp-w-70p {
    width: 70% !important;
  }

  .sp-w-70v {
    width: 70vw !important;
  }

  .sp-w-75p {
    width: 75% !important;
  }

  .sp-w-75v {
    width: 75vw !important;
  }

  .sp-w-80p {
    width: 80% !important;
  }

  .sp-w-80v {
    width: 80vw !important;
  }

  .sp-w-85p {
    width: 85% !important;
  }

  .sp-w-85v {
    width: 85vw !important;
  }

  .sp-w-90p {
    width: 90% !important;
  }

  .sp-w-90v {
    width: 90vw !important;
  }

  .sp-w-95p {
    width: 95% !important;
  }

  .sp-w-95v {
    width: 95vw !important;
  }

  .sp-w-100p {
    width: 100% !important;
  }

  .sp-w-100v {
    width: 100vw !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - マージン / .m-*, .sp-m-*
     - 単位 px ※実際の指定では px ではなく rem が使われている（10px = 1rem）
         m-0,  m-5  ... m-150
         m-t0, m-t5 ... m-t150
         m-b0, m-b5 ... m-b150
         m-l0, m-l5 ... m-l150
         m-r0, m-r5 ... m-r150
         m-v0, m-v5 ... m-v150
         m-h0, m-h5 ... m-h150
     - 単位 em（0.5em から 0.5em 刻みで 10em まで）
         m-0em,  m-05em,  m-1em,  m-15em,  m-2em  ... m-95em  m-10em
         m-t0em, m-t05em, m-t1em, m-t15em, m-t2em ... m-t95em m-t10em
         m-b0em, m-b05em, m-b1em, m-b15em, m-b2em ... m-b95em m-b10em
         m-l0em, m-l05em, m-l1em, m-l15em, m-l2em ... m-l95em m-l10em
         m-r0em, m-r05em, m-r1em, m-r15em, m-r2em ... m-r95em m-r10em
         m-v0em, m-v05em, m-v1em, m-v15em, m-v2em ... m-v95em m-v10em
         m-h0em, m-h05em, m-h1em, m-h15em, m-h2em ... m-h95em m-h10em
     - m の前に sp- を付加するとスマホ用のクラスになる
   -------------------------------------------------------------------------------- */
/* 単位: px */
.m-0 {
  margin: 0rem !important;
}

.m-t0 {
  margin-top: 0rem !important;
}

.m-b0 {
  margin-bottom: 0rem !important;
}

.m-l0 {
  margin-left: 0rem !important;
}

.m-r0 {
  margin-right: 0rem !important;
}

.m-v0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.m-h0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.m-5 {
  margin: 0.5rem !important;
}

.m-t5 {
  margin-top: 0.5rem !important;
}

.m-b5 {
  margin-bottom: 0.5rem !important;
}

.m-l5 {
  margin-left: 0.5rem !important;
}

.m-r5 {
  margin-right: 0.5rem !important;
}

.m-v5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-h5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.m-10 {
  margin: 1rem !important;
}

.m-t10 {
  margin-top: 1rem !important;
}

.m-b10 {
  margin-bottom: 1rem !important;
}

.m-l10 {
  margin-left: 1rem !important;
}

.m-r10 {
  margin-right: 1rem !important;
}

.m-v10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-h10 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.m-15 {
  margin: 1.5rem !important;
}

.m-t15 {
  margin-top: 1.5rem !important;
}

.m-b15 {
  margin-bottom: 1.5rem !important;
}

.m-l15 {
  margin-left: 1.5rem !important;
}

.m-r15 {
  margin-right: 1.5rem !important;
}

.m-v15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-h15 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.m-20 {
  margin: 2rem !important;
}

.m-t20 {
  margin-top: 2rem !important;
}

.m-b20 {
  margin-bottom: 2rem !important;
}

.m-l20 {
  margin-left: 2rem !important;
}

.m-r20 {
  margin-right: 2rem !important;
}

.m-v20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-h20 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.m-25 {
  margin: 2.5rem !important;
}

.m-t25 {
  margin-top: 2.5rem !important;
}

.m-b25 {
  margin-bottom: 2.5rem !important;
}

.m-l25 {
  margin-left: 2.5rem !important;
}

.m-r25 {
  margin-right: 2.5rem !important;
}

.m-v25 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.m-h25 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.m-30 {
  margin: 3rem !important;
}

.m-t30 {
  margin-top: 3rem !important;
}

.m-b30 {
  margin-bottom: 3rem !important;
}

.m-l30 {
  margin-left: 3rem !important;
}

.m-r30 {
  margin-right: 3rem !important;
}

.m-v30 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-h30 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.m-35 {
  margin: 3.5rem !important;
}

.m-t35 {
  margin-top: 3.5rem !important;
}

.m-b35 {
  margin-bottom: 3.5rem !important;
}

.m-l35 {
  margin-left: 3.5rem !important;
}

.m-r35 {
  margin-right: 3.5rem !important;
}

.m-v35 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.m-h35 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.m-40 {
  margin: 4rem !important;
}

.m-t40 {
  margin-top: 4rem !important;
}

.m-b40 {
  margin-bottom: 4rem !important;
}

.m-l40 {
  margin-left: 4rem !important;
}

.m-r40 {
  margin-right: 4rem !important;
}

.m-v40 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-h40 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.m-45 {
  margin: 4.5rem !important;
}

.m-t45 {
  margin-top: 4.5rem !important;
}

.m-b45 {
  margin-bottom: 4.5rem !important;
}

.m-l45 {
  margin-left: 4.5rem !important;
}

.m-r45 {
  margin-right: 4.5rem !important;
}

.m-v45 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.m-h45 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.m-50 {
  margin: 5rem !important;
}

.m-t50 {
  margin-top: 5rem !important;
}

.m-b50 {
  margin-bottom: 5rem !important;
}

.m-l50 {
  margin-left: 5rem !important;
}

.m-r50 {
  margin-right: 5rem !important;
}

.m-v50 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.m-h50 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.m-55 {
  margin: 5.5rem !important;
}

.m-t55 {
  margin-top: 5.5rem !important;
}

.m-b55 {
  margin-bottom: 5.5rem !important;
}

.m-l55 {
  margin-left: 5.5rem !important;
}

.m-r55 {
  margin-right: 5.5rem !important;
}

.m-v55 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.m-h55 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.m-60 {
  margin: 6rem !important;
}

.m-t60 {
  margin-top: 6rem !important;
}

.m-b60 {
  margin-bottom: 6rem !important;
}

.m-l60 {
  margin-left: 6rem !important;
}

.m-r60 {
  margin-right: 6rem !important;
}

.m-v60 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.m-h60 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.m-65 {
  margin: 6.5rem !important;
}

.m-t65 {
  margin-top: 6.5rem !important;
}

.m-b65 {
  margin-bottom: 6.5rem !important;
}

.m-l65 {
  margin-left: 6.5rem !important;
}

.m-r65 {
  margin-right: 6.5rem !important;
}

.m-v65 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.m-h65 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.m-70 {
  margin: 7rem !important;
}

.m-t70 {
  margin-top: 7rem !important;
}

.m-b70 {
  margin-bottom: 7rem !important;
}

.m-l70 {
  margin-left: 7rem !important;
}

.m-r70 {
  margin-right: 7rem !important;
}

.m-v70 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.m-h70 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.m-75 {
  margin: 7.5rem !important;
}

.m-t75 {
  margin-top: 7.5rem !important;
}

.m-b75 {
  margin-bottom: 7.5rem !important;
}

.m-l75 {
  margin-left: 7.5rem !important;
}

.m-r75 {
  margin-right: 7.5rem !important;
}

.m-v75 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.m-h75 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.m-80 {
  margin: 8rem !important;
}

.m-t80 {
  margin-top: 8rem !important;
}

.m-b80 {
  margin-bottom: 8rem !important;
}

.m-l80 {
  margin-left: 8rem !important;
}

.m-r80 {
  margin-right: 8rem !important;
}

.m-v80 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.m-h80 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.m-85 {
  margin: 8.5rem !important;
}

.m-t85 {
  margin-top: 8.5rem !important;
}

.m-b85 {
  margin-bottom: 8.5rem !important;
}

.m-l85 {
  margin-left: 8.5rem !important;
}

.m-r85 {
  margin-right: 8.5rem !important;
}

.m-v85 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

.m-h85 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.m-90 {
  margin: 9rem !important;
}

.m-t90 {
  margin-top: 9rem !important;
}

.m-b90 {
  margin-bottom: 9rem !important;
}

.m-l90 {
  margin-left: 9rem !important;
}

.m-r90 {
  margin-right: 9rem !important;
}

.m-v90 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.m-h90 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.m-95 {
  margin: 9.5rem !important;
}

.m-t95 {
  margin-top: 9.5rem !important;
}

.m-b95 {
  margin-bottom: 9.5rem !important;
}

.m-l95 {
  margin-left: 9.5rem !important;
}

.m-r95 {
  margin-right: 9.5rem !important;
}

.m-v95 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

.m-h95 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.m-100 {
  margin: 10rem !important;
}

.m-t100 {
  margin-top: 10rem !important;
}

.m-b100 {
  margin-bottom: 10rem !important;
}

.m-l100 {
  margin-left: 10rem !important;
}

.m-r100 {
  margin-right: 10rem !important;
}

.m-v100 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.m-h100 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.m-105 {
  margin: 10.5rem !important;
}

.m-t105 {
  margin-top: 10.5rem !important;
}

.m-b105 {
  margin-bottom: 10.5rem !important;
}

.m-l105 {
  margin-left: 10.5rem !important;
}

.m-r105 {
  margin-right: 10.5rem !important;
}

.m-v105 {
  margin-top: 10.5rem !important;
  margin-bottom: 10.5rem !important;
}

.m-h105 {
  margin-left: 10.5rem !important;
  margin-right: 10.5rem !important;
}

.m-110 {
  margin: 11rem !important;
}

.m-t110 {
  margin-top: 11rem !important;
}

.m-b110 {
  margin-bottom: 11rem !important;
}

.m-l110 {
  margin-left: 11rem !important;
}

.m-r110 {
  margin-right: 11rem !important;
}

.m-v110 {
  margin-top: 11rem !important;
  margin-bottom: 11rem !important;
}

.m-h110 {
  margin-left: 11rem !important;
  margin-right: 11rem !important;
}

.m-115 {
  margin: 11.5rem !important;
}

.m-t115 {
  margin-top: 11.5rem !important;
}

.m-b115 {
  margin-bottom: 11.5rem !important;
}

.m-l115 {
  margin-left: 11.5rem !important;
}

.m-r115 {
  margin-right: 11.5rem !important;
}

.m-v115 {
  margin-top: 11.5rem !important;
  margin-bottom: 11.5rem !important;
}

.m-h115 {
  margin-left: 11.5rem !important;
  margin-right: 11.5rem !important;
}

.m-120 {
  margin: 12rem !important;
}

.m-t120 {
  margin-top: 12rem !important;
}

.m-b120 {
  margin-bottom: 12rem !important;
}

.m-l120 {
  margin-left: 12rem !important;
}

.m-r120 {
  margin-right: 12rem !important;
}

.m-v120 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.m-h120 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.m-125 {
  margin: 12.5rem !important;
}

.m-t125 {
  margin-top: 12.5rem !important;
}

.m-b125 {
  margin-bottom: 12.5rem !important;
}

.m-l125 {
  margin-left: 12.5rem !important;
}

.m-r125 {
  margin-right: 12.5rem !important;
}

.m-v125 {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}

.m-h125 {
  margin-left: 12.5rem !important;
  margin-right: 12.5rem !important;
}

.m-130 {
  margin: 13rem !important;
}

.m-t130 {
  margin-top: 13rem !important;
}

.m-b130 {
  margin-bottom: 13rem !important;
}

.m-l130 {
  margin-left: 13rem !important;
}

.m-r130 {
  margin-right: 13rem !important;
}

.m-v130 {
  margin-top: 13rem !important;
  margin-bottom: 13rem !important;
}

.m-h130 {
  margin-left: 13rem !important;
  margin-right: 13rem !important;
}

.m-135 {
  margin: 13.5rem !important;
}

.m-t135 {
  margin-top: 13.5rem !important;
}

.m-b135 {
  margin-bottom: 13.5rem !important;
}

.m-l135 {
  margin-left: 13.5rem !important;
}

.m-r135 {
  margin-right: 13.5rem !important;
}

.m-v135 {
  margin-top: 13.5rem !important;
  margin-bottom: 13.5rem !important;
}

.m-h135 {
  margin-left: 13.5rem !important;
  margin-right: 13.5rem !important;
}

.m-140 {
  margin: 14rem !important;
}

.m-t140 {
  margin-top: 14rem !important;
}

.m-b140 {
  margin-bottom: 14rem !important;
}

.m-l140 {
  margin-left: 14rem !important;
}

.m-r140 {
  margin-right: 14rem !important;
}

.m-v140 {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

.m-h140 {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.m-145 {
  margin: 14.5rem !important;
}

.m-t145 {
  margin-top: 14.5rem !important;
}

.m-b145 {
  margin-bottom: 14.5rem !important;
}

.m-l145 {
  margin-left: 14.5rem !important;
}

.m-r145 {
  margin-right: 14.5rem !important;
}

.m-v145 {
  margin-top: 14.5rem !important;
  margin-bottom: 14.5rem !important;
}

.m-h145 {
  margin-left: 14.5rem !important;
  margin-right: 14.5rem !important;
}

.m-150 {
  margin: 15rem !important;
}

.m-t150 {
  margin-top: 15rem !important;
}

.m-b150 {
  margin-bottom: 15rem !important;
}

.m-l150 {
  margin-left: 15rem !important;
}

.m-r150 {
  margin-right: 15rem !important;
}

.m-v150 {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

.m-h150 {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

/* 単位: em */
.m-05em {
  margin: 0.5em !important;
}

.m-t05em {
  margin-top: 0.5em !important;
}

.m-b05em {
  margin-bottom: 0.5em !important;
}

.m-l05em {
  margin-left: 0.5em !important;
}

.m-r05em {
  margin-right: 0.5em !important;
}

.m-v05em {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.m-h05em {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}

.m-1em {
  margin: 1em !important;
}

.m-t1em {
  margin-top: 1em !important;
}

.m-b1em {
  margin-bottom: 1em !important;
}

.m-l1em {
  margin-left: 1em !important;
}

.m-r1em {
  margin-right: 1em !important;
}

.m-v1em {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.m-h1em {
  margin-left: 1em !important;
  margin-right: 1em !important;
}

.m-15em {
  margin: 1.5em !important;
}

.m-t15em {
  margin-top: 1.5em !important;
}

.m-b15em {
  margin-bottom: 1.5em !important;
}

.m-l15em {
  margin-left: 1.5em !important;
}

.m-r15em {
  margin-right: 1.5em !important;
}

.m-v15em {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}

.m-h15em {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}

.m-2em {
  margin: 2em !important;
}

.m-t2em {
  margin-top: 2em !important;
}

.m-b2em {
  margin-bottom: 2em !important;
}

.m-l2em {
  margin-left: 2em !important;
}

.m-r2em {
  margin-right: 2em !important;
}

.m-v2em {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.m-h2em {
  margin-left: 2em !important;
  margin-right: 2em !important;
}

.m-25em {
  margin: 2.5em !important;
}

.m-t25em {
  margin-top: 2.5em !important;
}

.m-b25em {
  margin-bottom: 2.5em !important;
}

.m-l25em {
  margin-left: 2.5em !important;
}

.m-r25em {
  margin-right: 2.5em !important;
}

.m-v25em {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}

.m-h25em {
  margin-left: 2.5em !important;
  margin-right: 2.5em !important;
}

.m-3em {
  margin: 3em !important;
}

.m-t3em {
  margin-top: 3em !important;
}

.m-b3em {
  margin-bottom: 3em !important;
}

.m-l3em {
  margin-left: 3em !important;
}

.m-r3em {
  margin-right: 3em !important;
}

.m-v3em {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}

.m-h3em {
  margin-left: 3em !important;
  margin-right: 3em !important;
}

.m-35em {
  margin: 3.5em !important;
}

.m-t35em {
  margin-top: 3.5em !important;
}

.m-b35em {
  margin-bottom: 3.5em !important;
}

.m-l35em {
  margin-left: 3.5em !important;
}

.m-r35em {
  margin-right: 3.5em !important;
}

.m-v35em {
  margin-top: 3.5em !important;
  margin-bottom: 3.5em !important;
}

.m-h35em {
  margin-left: 3.5em !important;
  margin-right: 3.5em !important;
}

.m-4em {
  margin: 4em !important;
}

.m-t4em {
  margin-top: 4em !important;
}

.m-b4em {
  margin-bottom: 4em !important;
}

.m-l4em {
  margin-left: 4em !important;
}

.m-r4em {
  margin-right: 4em !important;
}

.m-v4em {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

.m-h4em {
  margin-left: 4em !important;
  margin-right: 4em !important;
}

.m-45em {
  margin: 4.5em !important;
}

.m-t45em {
  margin-top: 4.5em !important;
}

.m-b45em {
  margin-bottom: 4.5em !important;
}

.m-l45em {
  margin-left: 4.5em !important;
}

.m-r45em {
  margin-right: 4.5em !important;
}

.m-v45em {
  margin-top: 4.5em !important;
  margin-bottom: 4.5em !important;
}

.m-h45em {
  margin-left: 4.5em !important;
  margin-right: 4.5em !important;
}

.m-5em {
  margin: 5em !important;
}

.m-t5em {
  margin-top: 5em !important;
}

.m-b5em {
  margin-bottom: 5em !important;
}

.m-l5em {
  margin-left: 5em !important;
}

.m-r5em {
  margin-right: 5em !important;
}

.m-v5em {
  margin-top: 5em !important;
  margin-bottom: 5em !important;
}

.m-h5em {
  margin-left: 5em !important;
  margin-right: 5em !important;
}

.m-55em {
  margin: 5.5em !important;
}

.m-t55em {
  margin-top: 5.5em !important;
}

.m-b55em {
  margin-bottom: 5.5em !important;
}

.m-l55em {
  margin-left: 5.5em !important;
}

.m-r55em {
  margin-right: 5.5em !important;
}

.m-v55em {
  margin-top: 5.5em !important;
  margin-bottom: 5.5em !important;
}

.m-h55em {
  margin-left: 5.5em !important;
  margin-right: 5.5em !important;
}

.m-6em {
  margin: 6em !important;
}

.m-t6em {
  margin-top: 6em !important;
}

.m-b6em {
  margin-bottom: 6em !important;
}

.m-l6em {
  margin-left: 6em !important;
}

.m-r6em {
  margin-right: 6em !important;
}

.m-v6em {
  margin-top: 6em !important;
  margin-bottom: 6em !important;
}

.m-h6em {
  margin-left: 6em !important;
  margin-right: 6em !important;
}

.m-65em {
  margin: 6.5em !important;
}

.m-t65em {
  margin-top: 6.5em !important;
}

.m-b65em {
  margin-bottom: 6.5em !important;
}

.m-l65em {
  margin-left: 6.5em !important;
}

.m-r65em {
  margin-right: 6.5em !important;
}

.m-v65em {
  margin-top: 6.5em !important;
  margin-bottom: 6.5em !important;
}

.m-h65em {
  margin-left: 6.5em !important;
  margin-right: 6.5em !important;
}

.m-7em {
  margin: 7em !important;
}

.m-t7em {
  margin-top: 7em !important;
}

.m-b7em {
  margin-bottom: 7em !important;
}

.m-l7em {
  margin-left: 7em !important;
}

.m-r7em {
  margin-right: 7em !important;
}

.m-v7em {
  margin-top: 7em !important;
  margin-bottom: 7em !important;
}

.m-h7em {
  margin-left: 7em !important;
  margin-right: 7em !important;
}

.m-75em {
  margin: 7.5em !important;
}

.m-t75em {
  margin-top: 7.5em !important;
}

.m-b75em {
  margin-bottom: 7.5em !important;
}

.m-l75em {
  margin-left: 7.5em !important;
}

.m-r75em {
  margin-right: 7.5em !important;
}

.m-v75em {
  margin-top: 7.5em !important;
  margin-bottom: 7.5em !important;
}

.m-h75em {
  margin-left: 7.5em !important;
  margin-right: 7.5em !important;
}

.m-8em {
  margin: 8em !important;
}

.m-t8em {
  margin-top: 8em !important;
}

.m-b8em {
  margin-bottom: 8em !important;
}

.m-l8em {
  margin-left: 8em !important;
}

.m-r8em {
  margin-right: 8em !important;
}

.m-v8em {
  margin-top: 8em !important;
  margin-bottom: 8em !important;
}

.m-h8em {
  margin-left: 8em !important;
  margin-right: 8em !important;
}

.m-85em {
  margin: 8.5em !important;
}

.m-t85em {
  margin-top: 8.5em !important;
}

.m-b85em {
  margin-bottom: 8.5em !important;
}

.m-l85em {
  margin-left: 8.5em !important;
}

.m-r85em {
  margin-right: 8.5em !important;
}

.m-v85em {
  margin-top: 8.5em !important;
  margin-bottom: 8.5em !important;
}

.m-h85em {
  margin-left: 8.5em !important;
  margin-right: 8.5em !important;
}

.m-9em {
  margin: 9em !important;
}

.m-t9em {
  margin-top: 9em !important;
}

.m-b9em {
  margin-bottom: 9em !important;
}

.m-l9em {
  margin-left: 9em !important;
}

.m-r9em {
  margin-right: 9em !important;
}

.m-v9em {
  margin-top: 9em !important;
  margin-bottom: 9em !important;
}

.m-h9em {
  margin-left: 9em !important;
  margin-right: 9em !important;
}

.m-95em {
  margin: 9.5em !important;
}

.m-t95em {
  margin-top: 9.5em !important;
}

.m-b95em {
  margin-bottom: 9.5em !important;
}

.m-l95em {
  margin-left: 9.5em !important;
}

.m-r95em {
  margin-right: 9.5em !important;
}

.m-v95em {
  margin-top: 9.5em !important;
  margin-bottom: 9.5em !important;
}

.m-h95em {
  margin-left: 9.5em !important;
  margin-right: 9.5em !important;
}

.m-10em {
  margin: 10em !important;
}

.m-t10em {
  margin-top: 10em !important;
}

.m-b10em {
  margin-bottom: 10em !important;
}

.m-l10em {
  margin-left: 10em !important;
}

.m-r10em {
  margin-right: 10em !important;
}

.m-v10em {
  margin-top: 10em !important;
  margin-bottom: 10em !important;
}

.m-h10em {
  margin-left: 10em !important;
  margin-right: 10em !important;
}

/* SP版：プリフィクス sp- を付加 */
@media screen and (max-width: 767px) {
  /* 単位: px */
  .sp-m-0 {
    margin: 0rem !important;
  }

  .sp-m-t0 {
    margin-top: 0rem !important;
  }

  .sp-m-b0 {
    margin-bottom: 0rem !important;
  }

  .sp-m-l0 {
    margin-left: 0rem !important;
  }

  .sp-m-r0 {
    margin-right: 0rem !important;
  }

  .sp-m-v0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .sp-m-h0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .sp-m-5 {
    margin: 0.5rem !important;
  }

  .sp-m-t5 {
    margin-top: 0.5rem !important;
  }

  .sp-m-b5 {
    margin-bottom: 0.5rem !important;
  }

  .sp-m-l5 {
    margin-left: 0.5rem !important;
  }

  .sp-m-r5 {
    margin-right: 0.5rem !important;
  }

  .sp-m-v5 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .sp-m-h5 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .sp-m-10 {
    margin: 1rem !important;
  }

  .sp-m-t10 {
    margin-top: 1rem !important;
  }

  .sp-m-b10 {
    margin-bottom: 1rem !important;
  }

  .sp-m-l10 {
    margin-left: 1rem !important;
  }

  .sp-m-r10 {
    margin-right: 1rem !important;
  }

  .sp-m-v10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .sp-m-h10 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .sp-m-15 {
    margin: 1.5rem !important;
  }

  .sp-m-t15 {
    margin-top: 1.5rem !important;
  }

  .sp-m-b15 {
    margin-bottom: 1.5rem !important;
  }

  .sp-m-l15 {
    margin-left: 1.5rem !important;
  }

  .sp-m-r15 {
    margin-right: 1.5rem !important;
  }

  .sp-m-v15 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .sp-m-h15 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .sp-m-20 {
    margin: 2rem !important;
  }

  .sp-m-t20 {
    margin-top: 2rem !important;
  }

  .sp-m-b20 {
    margin-bottom: 2rem !important;
  }

  .sp-m-l20 {
    margin-left: 2rem !important;
  }

  .sp-m-r20 {
    margin-right: 2rem !important;
  }

  .sp-m-v20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .sp-m-h20 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .sp-m-25 {
    margin: 2.5rem !important;
  }

  .sp-m-t25 {
    margin-top: 2.5rem !important;
  }

  .sp-m-b25 {
    margin-bottom: 2.5rem !important;
  }

  .sp-m-l25 {
    margin-left: 2.5rem !important;
  }

  .sp-m-r25 {
    margin-right: 2.5rem !important;
  }

  .sp-m-v25 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .sp-m-h25 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .sp-m-30 {
    margin: 3rem !important;
  }

  .sp-m-t30 {
    margin-top: 3rem !important;
  }

  .sp-m-b30 {
    margin-bottom: 3rem !important;
  }

  .sp-m-l30 {
    margin-left: 3rem !important;
  }

  .sp-m-r30 {
    margin-right: 3rem !important;
  }

  .sp-m-v30 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .sp-m-h30 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .sp-m-35 {
    margin: 3.5rem !important;
  }

  .sp-m-t35 {
    margin-top: 3.5rem !important;
  }

  .sp-m-b35 {
    margin-bottom: 3.5rem !important;
  }

  .sp-m-l35 {
    margin-left: 3.5rem !important;
  }

  .sp-m-r35 {
    margin-right: 3.5rem !important;
  }

  .sp-m-v35 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .sp-m-h35 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  .sp-m-40 {
    margin: 4rem !important;
  }

  .sp-m-t40 {
    margin-top: 4rem !important;
  }

  .sp-m-b40 {
    margin-bottom: 4rem !important;
  }

  .sp-m-l40 {
    margin-left: 4rem !important;
  }

  .sp-m-r40 {
    margin-right: 4rem !important;
  }

  .sp-m-v40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .sp-m-h40 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .sp-m-45 {
    margin: 4.5rem !important;
  }

  .sp-m-t45 {
    margin-top: 4.5rem !important;
  }

  .sp-m-b45 {
    margin-bottom: 4.5rem !important;
  }

  .sp-m-l45 {
    margin-left: 4.5rem !important;
  }

  .sp-m-r45 {
    margin-right: 4.5rem !important;
  }

  .sp-m-v45 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .sp-m-h45 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }

  .sp-m-50 {
    margin: 5rem !important;
  }

  .sp-m-t50 {
    margin-top: 5rem !important;
  }

  .sp-m-b50 {
    margin-bottom: 5rem !important;
  }

  .sp-m-l50 {
    margin-left: 5rem !important;
  }

  .sp-m-r50 {
    margin-right: 5rem !important;
  }

  .sp-m-v50 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .sp-m-h50 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .sp-m-55 {
    margin: 5.5rem !important;
  }

  .sp-m-t55 {
    margin-top: 5.5rem !important;
  }

  .sp-m-b55 {
    margin-bottom: 5.5rem !important;
  }

  .sp-m-l55 {
    margin-left: 5.5rem !important;
  }

  .sp-m-r55 {
    margin-right: 5.5rem !important;
  }

  .sp-m-v55 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .sp-m-h55 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }

  .sp-m-60 {
    margin: 6rem !important;
  }

  .sp-m-t60 {
    margin-top: 6rem !important;
  }

  .sp-m-b60 {
    margin-bottom: 6rem !important;
  }

  .sp-m-l60 {
    margin-left: 6rem !important;
  }

  .sp-m-r60 {
    margin-right: 6rem !important;
  }

  .sp-m-v60 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .sp-m-h60 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .sp-m-65 {
    margin: 6.5rem !important;
  }

  .sp-m-t65 {
    margin-top: 6.5rem !important;
  }

  .sp-m-b65 {
    margin-bottom: 6.5rem !important;
  }

  .sp-m-l65 {
    margin-left: 6.5rem !important;
  }

  .sp-m-r65 {
    margin-right: 6.5rem !important;
  }

  .sp-m-v65 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .sp-m-h65 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }

  .sp-m-70 {
    margin: 7rem !important;
  }

  .sp-m-t70 {
    margin-top: 7rem !important;
  }

  .sp-m-b70 {
    margin-bottom: 7rem !important;
  }

  .sp-m-l70 {
    margin-left: 7rem !important;
  }

  .sp-m-r70 {
    margin-right: 7rem !important;
  }

  .sp-m-v70 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .sp-m-h70 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .sp-m-75 {
    margin: 7.5rem !important;
  }

  .sp-m-t75 {
    margin-top: 7.5rem !important;
  }

  .sp-m-b75 {
    margin-bottom: 7.5rem !important;
  }

  .sp-m-l75 {
    margin-left: 7.5rem !important;
  }

  .sp-m-r75 {
    margin-right: 7.5rem !important;
  }

  .sp-m-v75 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .sp-m-h75 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }

  .sp-m-80 {
    margin: 8rem !important;
  }

  .sp-m-t80 {
    margin-top: 8rem !important;
  }

  .sp-m-b80 {
    margin-bottom: 8rem !important;
  }

  .sp-m-l80 {
    margin-left: 8rem !important;
  }

  .sp-m-r80 {
    margin-right: 8rem !important;
  }

  .sp-m-v80 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .sp-m-h80 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .sp-m-85 {
    margin: 8.5rem !important;
  }

  .sp-m-t85 {
    margin-top: 8.5rem !important;
  }

  .sp-m-b85 {
    margin-bottom: 8.5rem !important;
  }

  .sp-m-l85 {
    margin-left: 8.5rem !important;
  }

  .sp-m-r85 {
    margin-right: 8.5rem !important;
  }

  .sp-m-v85 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .sp-m-h85 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }

  .sp-m-90 {
    margin: 9rem !important;
  }

  .sp-m-t90 {
    margin-top: 9rem !important;
  }

  .sp-m-b90 {
    margin-bottom: 9rem !important;
  }

  .sp-m-l90 {
    margin-left: 9rem !important;
  }

  .sp-m-r90 {
    margin-right: 9rem !important;
  }

  .sp-m-v90 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .sp-m-h90 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }

  .sp-m-95 {
    margin: 9.5rem !important;
  }

  .sp-m-t95 {
    margin-top: 9.5rem !important;
  }

  .sp-m-b95 {
    margin-bottom: 9.5rem !important;
  }

  .sp-m-l95 {
    margin-left: 9.5rem !important;
  }

  .sp-m-r95 {
    margin-right: 9.5rem !important;
  }

  .sp-m-v95 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .sp-m-h95 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }

  .sp-m-100 {
    margin: 10rem !important;
  }

  .sp-m-t100 {
    margin-top: 10rem !important;
  }

  .sp-m-b100 {
    margin-bottom: 10rem !important;
  }

  .sp-m-l100 {
    margin-left: 10rem !important;
  }

  .sp-m-r100 {
    margin-right: 10rem !important;
  }

  .sp-m-v100 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .sp-m-h100 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .sp-m-105 {
    margin: 10.5rem !important;
  }

  .sp-m-t105 {
    margin-top: 10.5rem !important;
  }

  .sp-m-b105 {
    margin-bottom: 10.5rem !important;
  }

  .sp-m-l105 {
    margin-left: 10.5rem !important;
  }

  .sp-m-r105 {
    margin-right: 10.5rem !important;
  }

  .sp-m-v105 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .sp-m-h105 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
  }

  .sp-m-110 {
    margin: 11rem !important;
  }

  .sp-m-t110 {
    margin-top: 11rem !important;
  }

  .sp-m-b110 {
    margin-bottom: 11rem !important;
  }

  .sp-m-l110 {
    margin-left: 11rem !important;
  }

  .sp-m-r110 {
    margin-right: 11rem !important;
  }

  .sp-m-v110 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .sp-m-h110 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }

  .sp-m-115 {
    margin: 11.5rem !important;
  }

  .sp-m-t115 {
    margin-top: 11.5rem !important;
  }

  .sp-m-b115 {
    margin-bottom: 11.5rem !important;
  }

  .sp-m-l115 {
    margin-left: 11.5rem !important;
  }

  .sp-m-r115 {
    margin-right: 11.5rem !important;
  }

  .sp-m-v115 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .sp-m-h115 {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
  }

  .sp-m-120 {
    margin: 12rem !important;
  }

  .sp-m-t120 {
    margin-top: 12rem !important;
  }

  .sp-m-b120 {
    margin-bottom: 12rem !important;
  }

  .sp-m-l120 {
    margin-left: 12rem !important;
  }

  .sp-m-r120 {
    margin-right: 12rem !important;
  }

  .sp-m-v120 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .sp-m-h120 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .sp-m-125 {
    margin: 12.5rem !important;
  }

  .sp-m-t125 {
    margin-top: 12.5rem !important;
  }

  .sp-m-b125 {
    margin-bottom: 12.5rem !important;
  }

  .sp-m-l125 {
    margin-left: 12.5rem !important;
  }

  .sp-m-r125 {
    margin-right: 12.5rem !important;
  }

  .sp-m-v125 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .sp-m-h125 {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }

  .sp-m-130 {
    margin: 13rem !important;
  }

  .sp-m-t130 {
    margin-top: 13rem !important;
  }

  .sp-m-b130 {
    margin-bottom: 13rem !important;
  }

  .sp-m-l130 {
    margin-left: 13rem !important;
  }

  .sp-m-r130 {
    margin-right: 13rem !important;
  }

  .sp-m-v130 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }

  .sp-m-h130 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }

  .sp-m-135 {
    margin: 13.5rem !important;
  }

  .sp-m-t135 {
    margin-top: 13.5rem !important;
  }

  .sp-m-b135 {
    margin-bottom: 13.5rem !important;
  }

  .sp-m-l135 {
    margin-left: 13.5rem !important;
  }

  .sp-m-r135 {
    margin-right: 13.5rem !important;
  }

  .sp-m-v135 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }

  .sp-m-h135 {
    margin-left: 13.5rem !important;
    margin-right: 13.5rem !important;
  }

  .sp-m-140 {
    margin: 14rem !important;
  }

  .sp-m-t140 {
    margin-top: 14rem !important;
  }

  .sp-m-b140 {
    margin-bottom: 14rem !important;
  }

  .sp-m-l140 {
    margin-left: 14rem !important;
  }

  .sp-m-r140 {
    margin-right: 14rem !important;
  }

  .sp-m-v140 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .sp-m-h140 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .sp-m-145 {
    margin: 14.5rem !important;
  }

  .sp-m-t145 {
    margin-top: 14.5rem !important;
  }

  .sp-m-b145 {
    margin-bottom: 14.5rem !important;
  }

  .sp-m-l145 {
    margin-left: 14.5rem !important;
  }

  .sp-m-r145 {
    margin-right: 14.5rem !important;
  }

  .sp-m-v145 {
    margin-top: 14.5rem !important;
    margin-bottom: 14.5rem !important;
  }

  .sp-m-h145 {
    margin-left: 14.5rem !important;
    margin-right: 14.5rem !important;
  }

  .sp-m-150 {
    margin: 15rem !important;
  }

  .sp-m-t150 {
    margin-top: 15rem !important;
  }

  .sp-m-b150 {
    margin-bottom: 15rem !important;
  }

  .sp-m-l150 {
    margin-left: 15rem !important;
  }

  .sp-m-r150 {
    margin-right: 15rem !important;
  }

  .sp-m-v150 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }

  .sp-m-h150 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }

  /* 単位: em */
  .sp-m-05em {
    margin: 0.5em !important;
  }

  .sp-m-t05em {
    margin-top: 0.5em !important;
  }

  .sp-m-b05em {
    margin-bottom: 0.5em !important;
  }

  .sp-m-l05em {
    margin-left: 0.5em !important;
  }

  .sp-m-r05em {
    margin-right: 0.5em !important;
  }

  .sp-m-v05em {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .sp-m-h05em {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }

  .sp-m-1em {
    margin: 1em !important;
  }

  .sp-m-t1em {
    margin-top: 1em !important;
  }

  .sp-m-b1em {
    margin-bottom: 1em !important;
  }

  .sp-m-l1em {
    margin-left: 1em !important;
  }

  .sp-m-r1em {
    margin-right: 1em !important;
  }

  .sp-m-v1em {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .sp-m-h1em {
    margin-left: 1em !important;
    margin-right: 1em !important;
  }

  .sp-m-15em {
    margin: 1.5em !important;
  }

  .sp-m-t15em {
    margin-top: 1.5em !important;
  }

  .sp-m-b15em {
    margin-bottom: 1.5em !important;
  }

  .sp-m-l15em {
    margin-left: 1.5em !important;
  }

  .sp-m-r15em {
    margin-right: 1.5em !important;
  }

  .sp-m-v15em {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .sp-m-h15em {
    margin-left: 1.5em !important;
    margin-right: 1.5em !important;
  }

  .sp-m-2em {
    margin: 2em !important;
  }

  .sp-m-t2em {
    margin-top: 2em !important;
  }

  .sp-m-b2em {
    margin-bottom: 2em !important;
  }

  .sp-m-l2em {
    margin-left: 2em !important;
  }

  .sp-m-r2em {
    margin-right: 2em !important;
  }

  .sp-m-v2em {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .sp-m-h2em {
    margin-left: 2em !important;
    margin-right: 2em !important;
  }

  .sp-m-25em {
    margin: 2.5em !important;
  }

  .sp-m-t25em {
    margin-top: 2.5em !important;
  }

  .sp-m-b25em {
    margin-bottom: 2.5em !important;
  }

  .sp-m-l25em {
    margin-left: 2.5em !important;
  }

  .sp-m-r25em {
    margin-right: 2.5em !important;
  }

  .sp-m-v25em {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .sp-m-h25em {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }

  .sp-m-3em {
    margin: 3em !important;
  }

  .sp-m-t3em {
    margin-top: 3em !important;
  }

  .sp-m-b3em {
    margin-bottom: 3em !important;
  }

  .sp-m-l3em {
    margin-left: 3em !important;
  }

  .sp-m-r3em {
    margin-right: 3em !important;
  }

  .sp-m-v3em {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .sp-m-h3em {
    margin-left: 3em !important;
    margin-right: 3em !important;
  }

  .sp-m-35em {
    margin: 3.5em !important;
  }

  .sp-m-t35em {
    margin-top: 3.5em !important;
  }

  .sp-m-b35em {
    margin-bottom: 3.5em !important;
  }

  .sp-m-l35em {
    margin-left: 3.5em !important;
  }

  .sp-m-r35em {
    margin-right: 3.5em !important;
  }

  .sp-m-v35em {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .sp-m-h35em {
    margin-left: 3.5em !important;
    margin-right: 3.5em !important;
  }

  .sp-m-4em {
    margin: 4em !important;
  }

  .sp-m-t4em {
    margin-top: 4em !important;
  }

  .sp-m-b4em {
    margin-bottom: 4em !important;
  }

  .sp-m-l4em {
    margin-left: 4em !important;
  }

  .sp-m-r4em {
    margin-right: 4em !important;
  }

  .sp-m-v4em {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .sp-m-h4em {
    margin-left: 4em !important;
    margin-right: 4em !important;
  }

  .sp-m-45em {
    margin: 4.5em !important;
  }

  .sp-m-t45em {
    margin-top: 4.5em !important;
  }

  .sp-m-b45em {
    margin-bottom: 4.5em !important;
  }

  .sp-m-l45em {
    margin-left: 4.5em !important;
  }

  .sp-m-r45em {
    margin-right: 4.5em !important;
  }

  .sp-m-v45em {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .sp-m-h45em {
    margin-left: 4.5em !important;
    margin-right: 4.5em !important;
  }

  .sp-m-5em {
    margin: 5em !important;
  }

  .sp-m-t5em {
    margin-top: 5em !important;
  }

  .sp-m-b5em {
    margin-bottom: 5em !important;
  }

  .sp-m-l5em {
    margin-left: 5em !important;
  }

  .sp-m-r5em {
    margin-right: 5em !important;
  }

  .sp-m-v5em {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .sp-m-h5em {
    margin-left: 5em !important;
    margin-right: 5em !important;
  }

  .sp-m-55em {
    margin: 5.5em !important;
  }

  .sp-m-t55em {
    margin-top: 5.5em !important;
  }

  .sp-m-b55em {
    margin-bottom: 5.5em !important;
  }

  .sp-m-l55em {
    margin-left: 5.5em !important;
  }

  .sp-m-r55em {
    margin-right: 5.5em !important;
  }

  .sp-m-v55em {
    margin-top: 5.5em !important;
    margin-bottom: 5.5em !important;
  }

  .sp-m-h55em {
    margin-left: 5.5em !important;
    margin-right: 5.5em !important;
  }

  .sp-m-6em {
    margin: 6em !important;
  }

  .sp-m-t6em {
    margin-top: 6em !important;
  }

  .sp-m-b6em {
    margin-bottom: 6em !important;
  }

  .sp-m-l6em {
    margin-left: 6em !important;
  }

  .sp-m-r6em {
    margin-right: 6em !important;
  }

  .sp-m-v6em {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .sp-m-h6em {
    margin-left: 6em !important;
    margin-right: 6em !important;
  }

  .sp-m-65em {
    margin: 6.5em !important;
  }

  .sp-m-t65em {
    margin-top: 6.5em !important;
  }

  .sp-m-b65em {
    margin-bottom: 6.5em !important;
  }

  .sp-m-l65em {
    margin-left: 6.5em !important;
  }

  .sp-m-r65em {
    margin-right: 6.5em !important;
  }

  .sp-m-v65em {
    margin-top: 6.5em !important;
    margin-bottom: 6.5em !important;
  }

  .sp-m-h65em {
    margin-left: 6.5em !important;
    margin-right: 6.5em !important;
  }

  .sp-m-7em {
    margin: 7em !important;
  }

  .sp-m-t7em {
    margin-top: 7em !important;
  }

  .sp-m-b7em {
    margin-bottom: 7em !important;
  }

  .sp-m-l7em {
    margin-left: 7em !important;
  }

  .sp-m-r7em {
    margin-right: 7em !important;
  }

  .sp-m-v7em {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .sp-m-h7em {
    margin-left: 7em !important;
    margin-right: 7em !important;
  }

  .sp-m-75em {
    margin: 7.5em !important;
  }

  .sp-m-t75em {
    margin-top: 7.5em !important;
  }

  .sp-m-b75em {
    margin-bottom: 7.5em !important;
  }

  .sp-m-l75em {
    margin-left: 7.5em !important;
  }

  .sp-m-r75em {
    margin-right: 7.5em !important;
  }

  .sp-m-v75em {
    margin-top: 7.5em !important;
    margin-bottom: 7.5em !important;
  }

  .sp-m-h75em {
    margin-left: 7.5em !important;
    margin-right: 7.5em !important;
  }

  .sp-m-8em {
    margin: 8em !important;
  }

  .sp-m-t8em {
    margin-top: 8em !important;
  }

  .sp-m-b8em {
    margin-bottom: 8em !important;
  }

  .sp-m-l8em {
    margin-left: 8em !important;
  }

  .sp-m-r8em {
    margin-right: 8em !important;
  }

  .sp-m-v8em {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .sp-m-h8em {
    margin-left: 8em !important;
    margin-right: 8em !important;
  }

  .sp-m-85em {
    margin: 8.5em !important;
  }

  .sp-m-t85em {
    margin-top: 8.5em !important;
  }

  .sp-m-b85em {
    margin-bottom: 8.5em !important;
  }

  .sp-m-l85em {
    margin-left: 8.5em !important;
  }

  .sp-m-r85em {
    margin-right: 8.5em !important;
  }

  .sp-m-v85em {
    margin-top: 8.5em !important;
    margin-bottom: 8.5em !important;
  }

  .sp-m-h85em {
    margin-left: 8.5em !important;
    margin-right: 8.5em !important;
  }

  .sp-m-9em {
    margin: 9em !important;
  }

  .sp-m-t9em {
    margin-top: 9em !important;
  }

  .sp-m-b9em {
    margin-bottom: 9em !important;
  }

  .sp-m-l9em {
    margin-left: 9em !important;
  }

  .sp-m-r9em {
    margin-right: 9em !important;
  }

  .sp-m-v9em {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .sp-m-h9em {
    margin-left: 9em !important;
    margin-right: 9em !important;
  }

  .sp-m-95em {
    margin: 9.5em !important;
  }

  .sp-m-t95em {
    margin-top: 9.5em !important;
  }

  .sp-m-b95em {
    margin-bottom: 9.5em !important;
  }

  .sp-m-l95em {
    margin-left: 9.5em !important;
  }

  .sp-m-r95em {
    margin-right: 9.5em !important;
  }

  .sp-m-v95em {
    margin-top: 9.5em !important;
    margin-bottom: 9.5em !important;
  }

  .sp-m-h95em {
    margin-left: 9.5em !important;
    margin-right: 9.5em !important;
  }

  .sp-m-10em {
    margin: 10em !important;
  }

  .sp-m-t10em {
    margin-top: 10em !important;
  }

  .sp-m-b10em {
    margin-bottom: 10em !important;
  }

  .sp-m-l10em {
    margin-left: 10em !important;
  }

  .sp-m-r10em {
    margin-right: 10em !important;
  }

  .sp-m-v10em {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .sp-m-h10em {
    margin-left: 10em !important;
    margin-right: 10em !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - パディング / .p-*, .sp-p-*
     - 単位 px ※実際の指定では px ではなく rem が使われている（10px = 1rem）
         p-0,  p-5  ... p-150
         p-t0, p-t5 ... p-t150
         p-b0, p-b5 ... p-b150
         p-l0, p-l5 ... p-l150
         p-r0, p-r5 ... p-r150
         p-v0, p-v5 ... p-v150
         p-h0, p-h5 ... p-h150
     - 単位 em（0.5em から 0.5em 刻みで 10em まで）
         p-0em,  p-05em,  p-1em,  p-15em,  p-2em  ... p-95em  p-10em
         p-t0em, p-t05em, p-t1em, p-t15em, p-t2em ... p-t95em p-t10em
         p-b0em, p-b05em, p-b1em, p-b15em, p-b2em ... p-b95em p-b10em
         p-l0em, p-l05em, p-l1em, p-l15em, p-l2em ... p-l95em p-l10em
         p-r0em, p-r05em, p-r1em, p-r15em, p-r2em ... p-r95em p-r10em
         p-v0em, p-v05em, p-v1em, p-v15em, p-v2em ... p-v95em p-v10em
         p-h0em, p-h05em, p-h1em, p-h15em, p-h2em ... p-h95em p-h10em
     - p の前に sp- を付加するとスマホ用のクラスになる
   -------------------------------------------------------------------------------- */
/* 単位: px */
.p-0 {
  margin: 0rem !important;
}

.p-t0 {
  margin-top: 0rem !important;
}

.p-b0 {
  margin-bottom: 0rem !important;
}

.p-l0 {
  margin-left: 0rem !important;
}

.p-r0 {
  margin-right: 0rem !important;
}

.p-v0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.p-h0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.p-5 {
  margin: 0.5rem !important;
}

.p-t5 {
  margin-top: 0.5rem !important;
}

.p-b5 {
  margin-bottom: 0.5rem !important;
}

.p-l5 {
  margin-left: 0.5rem !important;
}

.p-r5 {
  margin-right: 0.5rem !important;
}

.p-v5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.p-h5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.p-10 {
  margin: 1rem !important;
}

.p-t10 {
  margin-top: 1rem !important;
}

.p-b10 {
  margin-bottom: 1rem !important;
}

.p-l10 {
  margin-left: 1rem !important;
}

.p-r10 {
  margin-right: 1rem !important;
}

.p-v10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.p-h10 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.p-15 {
  margin: 1.5rem !important;
}

.p-t15 {
  margin-top: 1.5rem !important;
}

.p-b15 {
  margin-bottom: 1.5rem !important;
}

.p-l15 {
  margin-left: 1.5rem !important;
}

.p-r15 {
  margin-right: 1.5rem !important;
}

.p-v15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.p-h15 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.p-20 {
  margin: 2rem !important;
}

.p-t20 {
  margin-top: 2rem !important;
}

.p-b20 {
  margin-bottom: 2rem !important;
}

.p-l20 {
  margin-left: 2rem !important;
}

.p-r20 {
  margin-right: 2rem !important;
}

.p-v20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.p-h20 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.p-25 {
  margin: 2.5rem !important;
}

.p-t25 {
  margin-top: 2.5rem !important;
}

.p-b25 {
  margin-bottom: 2.5rem !important;
}

.p-l25 {
  margin-left: 2.5rem !important;
}

.p-r25 {
  margin-right: 2.5rem !important;
}

.p-v25 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.p-h25 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.p-30 {
  margin: 3rem !important;
}

.p-t30 {
  margin-top: 3rem !important;
}

.p-b30 {
  margin-bottom: 3rem !important;
}

.p-l30 {
  margin-left: 3rem !important;
}

.p-r30 {
  margin-right: 3rem !important;
}

.p-v30 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-h30 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.p-35 {
  margin: 3.5rem !important;
}

.p-t35 {
  margin-top: 3.5rem !important;
}

.p-b35 {
  margin-bottom: 3.5rem !important;
}

.p-l35 {
  margin-left: 3.5rem !important;
}

.p-r35 {
  margin-right: 3.5rem !important;
}

.p-v35 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.p-h35 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.p-40 {
  margin: 4rem !important;
}

.p-t40 {
  margin-top: 4rem !important;
}

.p-b40 {
  margin-bottom: 4rem !important;
}

.p-l40 {
  margin-left: 4rem !important;
}

.p-r40 {
  margin-right: 4rem !important;
}

.p-v40 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.p-h40 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.p-45 {
  margin: 4.5rem !important;
}

.p-t45 {
  margin-top: 4.5rem !important;
}

.p-b45 {
  margin-bottom: 4.5rem !important;
}

.p-l45 {
  margin-left: 4.5rem !important;
}

.p-r45 {
  margin-right: 4.5rem !important;
}

.p-v45 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.p-h45 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.p-50 {
  margin: 5rem !important;
}

.p-t50 {
  margin-top: 5rem !important;
}

.p-b50 {
  margin-bottom: 5rem !important;
}

.p-l50 {
  margin-left: 5rem !important;
}

.p-r50 {
  margin-right: 5rem !important;
}

.p-v50 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.p-h50 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.p-55 {
  margin: 5.5rem !important;
}

.p-t55 {
  margin-top: 5.5rem !important;
}

.p-b55 {
  margin-bottom: 5.5rem !important;
}

.p-l55 {
  margin-left: 5.5rem !important;
}

.p-r55 {
  margin-right: 5.5rem !important;
}

.p-v55 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.p-h55 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.p-60 {
  margin: 6rem !important;
}

.p-t60 {
  margin-top: 6rem !important;
}

.p-b60 {
  margin-bottom: 6rem !important;
}

.p-l60 {
  margin-left: 6rem !important;
}

.p-r60 {
  margin-right: 6rem !important;
}

.p-v60 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.p-h60 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.p-65 {
  margin: 6.5rem !important;
}

.p-t65 {
  margin-top: 6.5rem !important;
}

.p-b65 {
  margin-bottom: 6.5rem !important;
}

.p-l65 {
  margin-left: 6.5rem !important;
}

.p-r65 {
  margin-right: 6.5rem !important;
}

.p-v65 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.p-h65 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.p-70 {
  margin: 7rem !important;
}

.p-t70 {
  margin-top: 7rem !important;
}

.p-b70 {
  margin-bottom: 7rem !important;
}

.p-l70 {
  margin-left: 7rem !important;
}

.p-r70 {
  margin-right: 7rem !important;
}

.p-v70 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.p-h70 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.p-75 {
  margin: 7.5rem !important;
}

.p-t75 {
  margin-top: 7.5rem !important;
}

.p-b75 {
  margin-bottom: 7.5rem !important;
}

.p-l75 {
  margin-left: 7.5rem !important;
}

.p-r75 {
  margin-right: 7.5rem !important;
}

.p-v75 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.p-h75 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.p-80 {
  margin: 8rem !important;
}

.p-t80 {
  margin-top: 8rem !important;
}

.p-b80 {
  margin-bottom: 8rem !important;
}

.p-l80 {
  margin-left: 8rem !important;
}

.p-r80 {
  margin-right: 8rem !important;
}

.p-v80 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.p-h80 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.p-85 {
  margin: 8.5rem !important;
}

.p-t85 {
  margin-top: 8.5rem !important;
}

.p-b85 {
  margin-bottom: 8.5rem !important;
}

.p-l85 {
  margin-left: 8.5rem !important;
}

.p-r85 {
  margin-right: 8.5rem !important;
}

.p-v85 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

.p-h85 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.p-90 {
  margin: 9rem !important;
}

.p-t90 {
  margin-top: 9rem !important;
}

.p-b90 {
  margin-bottom: 9rem !important;
}

.p-l90 {
  margin-left: 9rem !important;
}

.p-r90 {
  margin-right: 9rem !important;
}

.p-v90 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.p-h90 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.p-95 {
  margin: 9.5rem !important;
}

.p-t95 {
  margin-top: 9.5rem !important;
}

.p-b95 {
  margin-bottom: 9.5rem !important;
}

.p-l95 {
  margin-left: 9.5rem !important;
}

.p-r95 {
  margin-right: 9.5rem !important;
}

.p-v95 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

.p-h95 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.p-100 {
  margin: 10rem !important;
}

.p-t100 {
  margin-top: 10rem !important;
}

.p-b100 {
  margin-bottom: 10rem !important;
}

.p-l100 {
  margin-left: 10rem !important;
}

.p-r100 {
  margin-right: 10rem !important;
}

.p-v100 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.p-h100 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.p-105 {
  margin: 10.5rem !important;
}

.p-t105 {
  margin-top: 10.5rem !important;
}

.p-b105 {
  margin-bottom: 10.5rem !important;
}

.p-l105 {
  margin-left: 10.5rem !important;
}

.p-r105 {
  margin-right: 10.5rem !important;
}

.p-v105 {
  margin-top: 10.5rem !important;
  margin-bottom: 10.5rem !important;
}

.p-h105 {
  margin-left: 10.5rem !important;
  margin-right: 10.5rem !important;
}

.p-110 {
  margin: 11rem !important;
}

.p-t110 {
  margin-top: 11rem !important;
}

.p-b110 {
  margin-bottom: 11rem !important;
}

.p-l110 {
  margin-left: 11rem !important;
}

.p-r110 {
  margin-right: 11rem !important;
}

.p-v110 {
  margin-top: 11rem !important;
  margin-bottom: 11rem !important;
}

.p-h110 {
  margin-left: 11rem !important;
  margin-right: 11rem !important;
}

.p-115 {
  margin: 11.5rem !important;
}

.p-t115 {
  margin-top: 11.5rem !important;
}

.p-b115 {
  margin-bottom: 11.5rem !important;
}

.p-l115 {
  margin-left: 11.5rem !important;
}

.p-r115 {
  margin-right: 11.5rem !important;
}

.p-v115 {
  margin-top: 11.5rem !important;
  margin-bottom: 11.5rem !important;
}

.p-h115 {
  margin-left: 11.5rem !important;
  margin-right: 11.5rem !important;
}

.p-120 {
  margin: 12rem !important;
}

.p-t120 {
  margin-top: 12rem !important;
}

.p-b120 {
  margin-bottom: 12rem !important;
}

.p-l120 {
  margin-left: 12rem !important;
}

.p-r120 {
  margin-right: 12rem !important;
}

.p-v120 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.p-h120 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.p-125 {
  margin: 12.5rem !important;
}

.p-t125 {
  margin-top: 12.5rem !important;
}

.p-b125 {
  margin-bottom: 12.5rem !important;
}

.p-l125 {
  margin-left: 12.5rem !important;
}

.p-r125 {
  margin-right: 12.5rem !important;
}

.p-v125 {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}

.p-h125 {
  margin-left: 12.5rem !important;
  margin-right: 12.5rem !important;
}

.p-130 {
  margin: 13rem !important;
}

.p-t130 {
  margin-top: 13rem !important;
}

.p-b130 {
  margin-bottom: 13rem !important;
}

.p-l130 {
  margin-left: 13rem !important;
}

.p-r130 {
  margin-right: 13rem !important;
}

.p-v130 {
  margin-top: 13rem !important;
  margin-bottom: 13rem !important;
}

.p-h130 {
  margin-left: 13rem !important;
  margin-right: 13rem !important;
}

.p-135 {
  margin: 13.5rem !important;
}

.p-t135 {
  margin-top: 13.5rem !important;
}

.p-b135 {
  margin-bottom: 13.5rem !important;
}

.p-l135 {
  margin-left: 13.5rem !important;
}

.p-r135 {
  margin-right: 13.5rem !important;
}

.p-v135 {
  margin-top: 13.5rem !important;
  margin-bottom: 13.5rem !important;
}

.p-h135 {
  margin-left: 13.5rem !important;
  margin-right: 13.5rem !important;
}

.p-140 {
  margin: 14rem !important;
}

.p-t140 {
  margin-top: 14rem !important;
}

.p-b140 {
  margin-bottom: 14rem !important;
}

.p-l140 {
  margin-left: 14rem !important;
}

.p-r140 {
  margin-right: 14rem !important;
}

.p-v140 {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

.p-h140 {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.p-145 {
  margin: 14.5rem !important;
}

.p-t145 {
  margin-top: 14.5rem !important;
}

.p-b145 {
  margin-bottom: 14.5rem !important;
}

.p-l145 {
  margin-left: 14.5rem !important;
}

.p-r145 {
  margin-right: 14.5rem !important;
}

.p-v145 {
  margin-top: 14.5rem !important;
  margin-bottom: 14.5rem !important;
}

.p-h145 {
  margin-left: 14.5rem !important;
  margin-right: 14.5rem !important;
}

.p-150 {
  margin: 15rem !important;
}

.p-t150 {
  margin-top: 15rem !important;
}

.p-b150 {
  margin-bottom: 15rem !important;
}

.p-l150 {
  margin-left: 15rem !important;
}

.p-r150 {
  margin-right: 15rem !important;
}

.p-v150 {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

.p-h150 {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

/* 単位: em */
.p-05em {
  margin: 0.5em !important;
}

.p-t05em {
  margin-top: 0.5em !important;
}

.p-b05em {
  margin-bottom: 0.5em !important;
}

.p-l05em {
  margin-left: 0.5em !important;
}

.p-r05em {
  margin-right: 0.5em !important;
}

.p-v05em {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.p-h05em {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}

.p-1em {
  margin: 1em !important;
}

.p-t1em {
  margin-top: 1em !important;
}

.p-b1em {
  margin-bottom: 1em !important;
}

.p-l1em {
  margin-left: 1em !important;
}

.p-r1em {
  margin-right: 1em !important;
}

.p-v1em {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.p-h1em {
  margin-left: 1em !important;
  margin-right: 1em !important;
}

.p-15em {
  margin: 1.5em !important;
}

.p-t15em {
  margin-top: 1.5em !important;
}

.p-b15em {
  margin-bottom: 1.5em !important;
}

.p-l15em {
  margin-left: 1.5em !important;
}

.p-r15em {
  margin-right: 1.5em !important;
}

.p-v15em {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}

.p-h15em {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}

.p-2em {
  margin: 2em !important;
}

.p-t2em {
  margin-top: 2em !important;
}

.p-b2em {
  margin-bottom: 2em !important;
}

.p-l2em {
  margin-left: 2em !important;
}

.p-r2em {
  margin-right: 2em !important;
}

.p-v2em {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.p-h2em {
  margin-left: 2em !important;
  margin-right: 2em !important;
}

.p-25em {
  margin: 2.5em !important;
}

.p-t25em {
  margin-top: 2.5em !important;
}

.p-b25em {
  margin-bottom: 2.5em !important;
}

.p-l25em {
  margin-left: 2.5em !important;
}

.p-r25em {
  margin-right: 2.5em !important;
}

.p-v25em {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}

.p-h25em {
  margin-left: 2.5em !important;
  margin-right: 2.5em !important;
}

.p-3em {
  margin: 3em !important;
}

.p-t3em {
  margin-top: 3em !important;
}

.p-b3em {
  margin-bottom: 3em !important;
}

.p-l3em {
  margin-left: 3em !important;
}

.p-r3em {
  margin-right: 3em !important;
}

.p-v3em {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}

.p-h3em {
  margin-left: 3em !important;
  margin-right: 3em !important;
}

.p-35em {
  margin: 3.5em !important;
}

.p-t35em {
  margin-top: 3.5em !important;
}

.p-b35em {
  margin-bottom: 3.5em !important;
}

.p-l35em {
  margin-left: 3.5em !important;
}

.p-r35em {
  margin-right: 3.5em !important;
}

.p-v35em {
  margin-top: 3.5em !important;
  margin-bottom: 3.5em !important;
}

.p-h35em {
  margin-left: 3.5em !important;
  margin-right: 3.5em !important;
}

.p-4em {
  margin: 4em !important;
}

.p-t4em {
  margin-top: 4em !important;
}

.p-b4em {
  margin-bottom: 4em !important;
}

.p-l4em {
  margin-left: 4em !important;
}

.p-r4em {
  margin-right: 4em !important;
}

.p-v4em {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

.p-h4em {
  margin-left: 4em !important;
  margin-right: 4em !important;
}

.p-45em {
  margin: 4.5em !important;
}

.p-t45em {
  margin-top: 4.5em !important;
}

.p-b45em {
  margin-bottom: 4.5em !important;
}

.p-l45em {
  margin-left: 4.5em !important;
}

.p-r45em {
  margin-right: 4.5em !important;
}

.p-v45em {
  margin-top: 4.5em !important;
  margin-bottom: 4.5em !important;
}

.p-h45em {
  margin-left: 4.5em !important;
  margin-right: 4.5em !important;
}

.p-5em {
  margin: 5em !important;
}

.p-t5em {
  margin-top: 5em !important;
}

.p-b5em {
  margin-bottom: 5em !important;
}

.p-l5em {
  margin-left: 5em !important;
}

.p-r5em {
  margin-right: 5em !important;
}

.p-v5em {
  margin-top: 5em !important;
  margin-bottom: 5em !important;
}

.p-h5em {
  margin-left: 5em !important;
  margin-right: 5em !important;
}

.p-55em {
  margin: 5.5em !important;
}

.p-t55em {
  margin-top: 5.5em !important;
}

.p-b55em {
  margin-bottom: 5.5em !important;
}

.p-l55em {
  margin-left: 5.5em !important;
}

.p-r55em {
  margin-right: 5.5em !important;
}

.p-v55em {
  margin-top: 5.5em !important;
  margin-bottom: 5.5em !important;
}

.p-h55em {
  margin-left: 5.5em !important;
  margin-right: 5.5em !important;
}

.p-6em {
  margin: 6em !important;
}

.p-t6em {
  margin-top: 6em !important;
}

.p-b6em {
  margin-bottom: 6em !important;
}

.p-l6em {
  margin-left: 6em !important;
}

.p-r6em {
  margin-right: 6em !important;
}

.p-v6em {
  margin-top: 6em !important;
  margin-bottom: 6em !important;
}

.p-h6em {
  margin-left: 6em !important;
  margin-right: 6em !important;
}

.p-65em {
  margin: 6.5em !important;
}

.p-t65em {
  margin-top: 6.5em !important;
}

.p-b65em {
  margin-bottom: 6.5em !important;
}

.p-l65em {
  margin-left: 6.5em !important;
}

.p-r65em {
  margin-right: 6.5em !important;
}

.p-v65em {
  margin-top: 6.5em !important;
  margin-bottom: 6.5em !important;
}

.p-h65em {
  margin-left: 6.5em !important;
  margin-right: 6.5em !important;
}

.p-7em {
  margin: 7em !important;
}

.p-t7em {
  margin-top: 7em !important;
}

.p-b7em {
  margin-bottom: 7em !important;
}

.p-l7em {
  margin-left: 7em !important;
}

.p-r7em {
  margin-right: 7em !important;
}

.p-v7em {
  margin-top: 7em !important;
  margin-bottom: 7em !important;
}

.p-h7em {
  margin-left: 7em !important;
  margin-right: 7em !important;
}

.p-75em {
  margin: 7.5em !important;
}

.p-t75em {
  margin-top: 7.5em !important;
}

.p-b75em {
  margin-bottom: 7.5em !important;
}

.p-l75em {
  margin-left: 7.5em !important;
}

.p-r75em {
  margin-right: 7.5em !important;
}

.p-v75em {
  margin-top: 7.5em !important;
  margin-bottom: 7.5em !important;
}

.p-h75em {
  margin-left: 7.5em !important;
  margin-right: 7.5em !important;
}

.p-8em {
  margin: 8em !important;
}

.p-t8em {
  margin-top: 8em !important;
}

.p-b8em {
  margin-bottom: 8em !important;
}

.p-l8em {
  margin-left: 8em !important;
}

.p-r8em {
  margin-right: 8em !important;
}

.p-v8em {
  margin-top: 8em !important;
  margin-bottom: 8em !important;
}

.p-h8em {
  margin-left: 8em !important;
  margin-right: 8em !important;
}

.p-85em {
  margin: 8.5em !important;
}

.p-t85em {
  margin-top: 8.5em !important;
}

.p-b85em {
  margin-bottom: 8.5em !important;
}

.p-l85em {
  margin-left: 8.5em !important;
}

.p-r85em {
  margin-right: 8.5em !important;
}

.p-v85em {
  margin-top: 8.5em !important;
  margin-bottom: 8.5em !important;
}

.p-h85em {
  margin-left: 8.5em !important;
  margin-right: 8.5em !important;
}

.p-9em {
  margin: 9em !important;
}

.p-t9em {
  margin-top: 9em !important;
}

.p-b9em {
  margin-bottom: 9em !important;
}

.p-l9em {
  margin-left: 9em !important;
}

.p-r9em {
  margin-right: 9em !important;
}

.p-v9em {
  margin-top: 9em !important;
  margin-bottom: 9em !important;
}

.p-h9em {
  margin-left: 9em !important;
  margin-right: 9em !important;
}

.p-95em {
  margin: 9.5em !important;
}

.p-t95em {
  margin-top: 9.5em !important;
}

.p-b95em {
  margin-bottom: 9.5em !important;
}

.p-l95em {
  margin-left: 9.5em !important;
}

.p-r95em {
  margin-right: 9.5em !important;
}

.p-v95em {
  margin-top: 9.5em !important;
  margin-bottom: 9.5em !important;
}

.p-h95em {
  margin-left: 9.5em !important;
  margin-right: 9.5em !important;
}

.p-10em {
  margin: 10em !important;
}

.p-t10em {
  margin-top: 10em !important;
}

.p-b10em {
  margin-bottom: 10em !important;
}

.p-l10em {
  margin-left: 10em !important;
}

.p-r10em {
  margin-right: 10em !important;
}

.p-v10em {
  margin-top: 10em !important;
  margin-bottom: 10em !important;
}

.p-h10em {
  margin-left: 10em !important;
  margin-right: 10em !important;
}

/* SP版：プリフィクス sp- を付加 */
@media screen and (max-width: 767px) {
  /* 単位: px */
  .sp-p-0 {
    margin: 0rem !important;
  }

  .sp-p-t0 {
    margin-top: 0rem !important;
  }

  .sp-p-b0 {
    margin-bottom: 0rem !important;
  }

  .sp-p-l0 {
    margin-left: 0rem !important;
  }

  .sp-p-r0 {
    margin-right: 0rem !important;
  }

  .sp-p-v0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .sp-p-h0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .sp-p-5 {
    margin: 0.5rem !important;
  }

  .sp-p-t5 {
    margin-top: 0.5rem !important;
  }

  .sp-p-b5 {
    margin-bottom: 0.5rem !important;
  }

  .sp-p-l5 {
    margin-left: 0.5rem !important;
  }

  .sp-p-r5 {
    margin-right: 0.5rem !important;
  }

  .sp-p-v5 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .sp-p-h5 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .sp-p-10 {
    margin: 1rem !important;
  }

  .sp-p-t10 {
    margin-top: 1rem !important;
  }

  .sp-p-b10 {
    margin-bottom: 1rem !important;
  }

  .sp-p-l10 {
    margin-left: 1rem !important;
  }

  .sp-p-r10 {
    margin-right: 1rem !important;
  }

  .sp-p-v10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .sp-p-h10 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .sp-p-15 {
    margin: 1.5rem !important;
  }

  .sp-p-t15 {
    margin-top: 1.5rem !important;
  }

  .sp-p-b15 {
    margin-bottom: 1.5rem !important;
  }

  .sp-p-l15 {
    margin-left: 1.5rem !important;
  }

  .sp-p-r15 {
    margin-right: 1.5rem !important;
  }

  .sp-p-v15 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .sp-p-h15 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .sp-p-20 {
    margin: 2rem !important;
  }

  .sp-p-t20 {
    margin-top: 2rem !important;
  }

  .sp-p-b20 {
    margin-bottom: 2rem !important;
  }

  .sp-p-l20 {
    margin-left: 2rem !important;
  }

  .sp-p-r20 {
    margin-right: 2rem !important;
  }

  .sp-p-v20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .sp-p-h20 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .sp-p-25 {
    margin: 2.5rem !important;
  }

  .sp-p-t25 {
    margin-top: 2.5rem !important;
  }

  .sp-p-b25 {
    margin-bottom: 2.5rem !important;
  }

  .sp-p-l25 {
    margin-left: 2.5rem !important;
  }

  .sp-p-r25 {
    margin-right: 2.5rem !important;
  }

  .sp-p-v25 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .sp-p-h25 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .sp-p-30 {
    margin: 3rem !important;
  }

  .sp-p-t30 {
    margin-top: 3rem !important;
  }

  .sp-p-b30 {
    margin-bottom: 3rem !important;
  }

  .sp-p-l30 {
    margin-left: 3rem !important;
  }

  .sp-p-r30 {
    margin-right: 3rem !important;
  }

  .sp-p-v30 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .sp-p-h30 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .sp-p-35 {
    margin: 3.5rem !important;
  }

  .sp-p-t35 {
    margin-top: 3.5rem !important;
  }

  .sp-p-b35 {
    margin-bottom: 3.5rem !important;
  }

  .sp-p-l35 {
    margin-left: 3.5rem !important;
  }

  .sp-p-r35 {
    margin-right: 3.5rem !important;
  }

  .sp-p-v35 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .sp-p-h35 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  .sp-p-40 {
    margin: 4rem !important;
  }

  .sp-p-t40 {
    margin-top: 4rem !important;
  }

  .sp-p-b40 {
    margin-bottom: 4rem !important;
  }

  .sp-p-l40 {
    margin-left: 4rem !important;
  }

  .sp-p-r40 {
    margin-right: 4rem !important;
  }

  .sp-p-v40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .sp-p-h40 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .sp-p-45 {
    margin: 4.5rem !important;
  }

  .sp-p-t45 {
    margin-top: 4.5rem !important;
  }

  .sp-p-b45 {
    margin-bottom: 4.5rem !important;
  }

  .sp-p-l45 {
    margin-left: 4.5rem !important;
  }

  .sp-p-r45 {
    margin-right: 4.5rem !important;
  }

  .sp-p-v45 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .sp-p-h45 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }

  .sp-p-50 {
    margin: 5rem !important;
  }

  .sp-p-t50 {
    margin-top: 5rem !important;
  }

  .sp-p-b50 {
    margin-bottom: 5rem !important;
  }

  .sp-p-l50 {
    margin-left: 5rem !important;
  }

  .sp-p-r50 {
    margin-right: 5rem !important;
  }

  .sp-p-v50 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .sp-p-h50 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .sp-p-55 {
    margin: 5.5rem !important;
  }

  .sp-p-t55 {
    margin-top: 5.5rem !important;
  }

  .sp-p-b55 {
    margin-bottom: 5.5rem !important;
  }

  .sp-p-l55 {
    margin-left: 5.5rem !important;
  }

  .sp-p-r55 {
    margin-right: 5.5rem !important;
  }

  .sp-p-v55 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .sp-p-h55 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }

  .sp-p-60 {
    margin: 6rem !important;
  }

  .sp-p-t60 {
    margin-top: 6rem !important;
  }

  .sp-p-b60 {
    margin-bottom: 6rem !important;
  }

  .sp-p-l60 {
    margin-left: 6rem !important;
  }

  .sp-p-r60 {
    margin-right: 6rem !important;
  }

  .sp-p-v60 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .sp-p-h60 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .sp-p-65 {
    margin: 6.5rem !important;
  }

  .sp-p-t65 {
    margin-top: 6.5rem !important;
  }

  .sp-p-b65 {
    margin-bottom: 6.5rem !important;
  }

  .sp-p-l65 {
    margin-left: 6.5rem !important;
  }

  .sp-p-r65 {
    margin-right: 6.5rem !important;
  }

  .sp-p-v65 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .sp-p-h65 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }

  .sp-p-70 {
    margin: 7rem !important;
  }

  .sp-p-t70 {
    margin-top: 7rem !important;
  }

  .sp-p-b70 {
    margin-bottom: 7rem !important;
  }

  .sp-p-l70 {
    margin-left: 7rem !important;
  }

  .sp-p-r70 {
    margin-right: 7rem !important;
  }

  .sp-p-v70 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .sp-p-h70 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .sp-p-75 {
    margin: 7.5rem !important;
  }

  .sp-p-t75 {
    margin-top: 7.5rem !important;
  }

  .sp-p-b75 {
    margin-bottom: 7.5rem !important;
  }

  .sp-p-l75 {
    margin-left: 7.5rem !important;
  }

  .sp-p-r75 {
    margin-right: 7.5rem !important;
  }

  .sp-p-v75 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .sp-p-h75 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }

  .sp-p-80 {
    margin: 8rem !important;
  }

  .sp-p-t80 {
    margin-top: 8rem !important;
  }

  .sp-p-b80 {
    margin-bottom: 8rem !important;
  }

  .sp-p-l80 {
    margin-left: 8rem !important;
  }

  .sp-p-r80 {
    margin-right: 8rem !important;
  }

  .sp-p-v80 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .sp-p-h80 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .sp-p-85 {
    margin: 8.5rem !important;
  }

  .sp-p-t85 {
    margin-top: 8.5rem !important;
  }

  .sp-p-b85 {
    margin-bottom: 8.5rem !important;
  }

  .sp-p-l85 {
    margin-left: 8.5rem !important;
  }

  .sp-p-r85 {
    margin-right: 8.5rem !important;
  }

  .sp-p-v85 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .sp-p-h85 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }

  .sp-p-90 {
    margin: 9rem !important;
  }

  .sp-p-t90 {
    margin-top: 9rem !important;
  }

  .sp-p-b90 {
    margin-bottom: 9rem !important;
  }

  .sp-p-l90 {
    margin-left: 9rem !important;
  }

  .sp-p-r90 {
    margin-right: 9rem !important;
  }

  .sp-p-v90 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .sp-p-h90 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }

  .sp-p-95 {
    margin: 9.5rem !important;
  }

  .sp-p-t95 {
    margin-top: 9.5rem !important;
  }

  .sp-p-b95 {
    margin-bottom: 9.5rem !important;
  }

  .sp-p-l95 {
    margin-left: 9.5rem !important;
  }

  .sp-p-r95 {
    margin-right: 9.5rem !important;
  }

  .sp-p-v95 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .sp-p-h95 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }

  .sp-p-100 {
    margin: 10rem !important;
  }

  .sp-p-t100 {
    margin-top: 10rem !important;
  }

  .sp-p-b100 {
    margin-bottom: 10rem !important;
  }

  .sp-p-l100 {
    margin-left: 10rem !important;
  }

  .sp-p-r100 {
    margin-right: 10rem !important;
  }

  .sp-p-v100 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .sp-p-h100 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .sp-p-105 {
    margin: 10.5rem !important;
  }

  .sp-p-t105 {
    margin-top: 10.5rem !important;
  }

  .sp-p-b105 {
    margin-bottom: 10.5rem !important;
  }

  .sp-p-l105 {
    margin-left: 10.5rem !important;
  }

  .sp-p-r105 {
    margin-right: 10.5rem !important;
  }

  .sp-p-v105 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .sp-p-h105 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
  }

  .sp-p-110 {
    margin: 11rem !important;
  }

  .sp-p-t110 {
    margin-top: 11rem !important;
  }

  .sp-p-b110 {
    margin-bottom: 11rem !important;
  }

  .sp-p-l110 {
    margin-left: 11rem !important;
  }

  .sp-p-r110 {
    margin-right: 11rem !important;
  }

  .sp-p-v110 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .sp-p-h110 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }

  .sp-p-115 {
    margin: 11.5rem !important;
  }

  .sp-p-t115 {
    margin-top: 11.5rem !important;
  }

  .sp-p-b115 {
    margin-bottom: 11.5rem !important;
  }

  .sp-p-l115 {
    margin-left: 11.5rem !important;
  }

  .sp-p-r115 {
    margin-right: 11.5rem !important;
  }

  .sp-p-v115 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .sp-p-h115 {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
  }

  .sp-p-120 {
    margin: 12rem !important;
  }

  .sp-p-t120 {
    margin-top: 12rem !important;
  }

  .sp-p-b120 {
    margin-bottom: 12rem !important;
  }

  .sp-p-l120 {
    margin-left: 12rem !important;
  }

  .sp-p-r120 {
    margin-right: 12rem !important;
  }

  .sp-p-v120 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .sp-p-h120 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .sp-p-125 {
    margin: 12.5rem !important;
  }

  .sp-p-t125 {
    margin-top: 12.5rem !important;
  }

  .sp-p-b125 {
    margin-bottom: 12.5rem !important;
  }

  .sp-p-l125 {
    margin-left: 12.5rem !important;
  }

  .sp-p-r125 {
    margin-right: 12.5rem !important;
  }

  .sp-p-v125 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .sp-p-h125 {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }

  .sp-p-130 {
    margin: 13rem !important;
  }

  .sp-p-t130 {
    margin-top: 13rem !important;
  }

  .sp-p-b130 {
    margin-bottom: 13rem !important;
  }

  .sp-p-l130 {
    margin-left: 13rem !important;
  }

  .sp-p-r130 {
    margin-right: 13rem !important;
  }

  .sp-p-v130 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }

  .sp-p-h130 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }

  .sp-p-135 {
    margin: 13.5rem !important;
  }

  .sp-p-t135 {
    margin-top: 13.5rem !important;
  }

  .sp-p-b135 {
    margin-bottom: 13.5rem !important;
  }

  .sp-p-l135 {
    margin-left: 13.5rem !important;
  }

  .sp-p-r135 {
    margin-right: 13.5rem !important;
  }

  .sp-p-v135 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }

  .sp-p-h135 {
    margin-left: 13.5rem !important;
    margin-right: 13.5rem !important;
  }

  .sp-p-140 {
    margin: 14rem !important;
  }

  .sp-p-t140 {
    margin-top: 14rem !important;
  }

  .sp-p-b140 {
    margin-bottom: 14rem !important;
  }

  .sp-p-l140 {
    margin-left: 14rem !important;
  }

  .sp-p-r140 {
    margin-right: 14rem !important;
  }

  .sp-p-v140 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .sp-p-h140 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .sp-p-145 {
    margin: 14.5rem !important;
  }

  .sp-p-t145 {
    margin-top: 14.5rem !important;
  }

  .sp-p-b145 {
    margin-bottom: 14.5rem !important;
  }

  .sp-p-l145 {
    margin-left: 14.5rem !important;
  }

  .sp-p-r145 {
    margin-right: 14.5rem !important;
  }

  .sp-p-v145 {
    margin-top: 14.5rem !important;
    margin-bottom: 14.5rem !important;
  }

  .sp-p-h145 {
    margin-left: 14.5rem !important;
    margin-right: 14.5rem !important;
  }

  .sp-p-150 {
    margin: 15rem !important;
  }

  .sp-p-t150 {
    margin-top: 15rem !important;
  }

  .sp-p-b150 {
    margin-bottom: 15rem !important;
  }

  .sp-p-l150 {
    margin-left: 15rem !important;
  }

  .sp-p-r150 {
    margin-right: 15rem !important;
  }

  .sp-p-v150 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }

  .sp-p-h150 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }

  /* 単位: em */
  .sp-p-05em {
    margin: 0.5em !important;
  }

  .sp-p-t05em {
    margin-top: 0.5em !important;
  }

  .sp-p-b05em {
    margin-bottom: 0.5em !important;
  }

  .sp-p-l05em {
    margin-left: 0.5em !important;
  }

  .sp-p-r05em {
    margin-right: 0.5em !important;
  }

  .sp-p-v05em {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .sp-p-h05em {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }

  .sp-p-1em {
    margin: 1em !important;
  }

  .sp-p-t1em {
    margin-top: 1em !important;
  }

  .sp-p-b1em {
    margin-bottom: 1em !important;
  }

  .sp-p-l1em {
    margin-left: 1em !important;
  }

  .sp-p-r1em {
    margin-right: 1em !important;
  }

  .sp-p-v1em {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .sp-p-h1em {
    margin-left: 1em !important;
    margin-right: 1em !important;
  }

  .sp-p-15em {
    margin: 1.5em !important;
  }

  .sp-p-t15em {
    margin-top: 1.5em !important;
  }

  .sp-p-b15em {
    margin-bottom: 1.5em !important;
  }

  .sp-p-l15em {
    margin-left: 1.5em !important;
  }

  .sp-p-r15em {
    margin-right: 1.5em !important;
  }

  .sp-p-v15em {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .sp-p-h15em {
    margin-left: 1.5em !important;
    margin-right: 1.5em !important;
  }

  .sp-p-2em {
    margin: 2em !important;
  }

  .sp-p-t2em {
    margin-top: 2em !important;
  }

  .sp-p-b2em {
    margin-bottom: 2em !important;
  }

  .sp-p-l2em {
    margin-left: 2em !important;
  }

  .sp-p-r2em {
    margin-right: 2em !important;
  }

  .sp-p-v2em {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .sp-p-h2em {
    margin-left: 2em !important;
    margin-right: 2em !important;
  }

  .sp-p-25em {
    margin: 2.5em !important;
  }

  .sp-p-t25em {
    margin-top: 2.5em !important;
  }

  .sp-p-b25em {
    margin-bottom: 2.5em !important;
  }

  .sp-p-l25em {
    margin-left: 2.5em !important;
  }

  .sp-p-r25em {
    margin-right: 2.5em !important;
  }

  .sp-p-v25em {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .sp-p-h25em {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }

  .sp-p-3em {
    margin: 3em !important;
  }

  .sp-p-t3em {
    margin-top: 3em !important;
  }

  .sp-p-b3em {
    margin-bottom: 3em !important;
  }

  .sp-p-l3em {
    margin-left: 3em !important;
  }

  .sp-p-r3em {
    margin-right: 3em !important;
  }

  .sp-p-v3em {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .sp-p-h3em {
    margin-left: 3em !important;
    margin-right: 3em !important;
  }

  .sp-p-35em {
    margin: 3.5em !important;
  }

  .sp-p-t35em {
    margin-top: 3.5em !important;
  }

  .sp-p-b35em {
    margin-bottom: 3.5em !important;
  }

  .sp-p-l35em {
    margin-left: 3.5em !important;
  }

  .sp-p-r35em {
    margin-right: 3.5em !important;
  }

  .sp-p-v35em {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .sp-p-h35em {
    margin-left: 3.5em !important;
    margin-right: 3.5em !important;
  }

  .sp-p-4em {
    margin: 4em !important;
  }

  .sp-p-t4em {
    margin-top: 4em !important;
  }

  .sp-p-b4em {
    margin-bottom: 4em !important;
  }

  .sp-p-l4em {
    margin-left: 4em !important;
  }

  .sp-p-r4em {
    margin-right: 4em !important;
  }

  .sp-p-v4em {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .sp-p-h4em {
    margin-left: 4em !important;
    margin-right: 4em !important;
  }

  .sp-p-45em {
    margin: 4.5em !important;
  }

  .sp-p-t45em {
    margin-top: 4.5em !important;
  }

  .sp-p-b45em {
    margin-bottom: 4.5em !important;
  }

  .sp-p-l45em {
    margin-left: 4.5em !important;
  }

  .sp-p-r45em {
    margin-right: 4.5em !important;
  }

  .sp-p-v45em {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .sp-p-h45em {
    margin-left: 4.5em !important;
    margin-right: 4.5em !important;
  }

  .sp-p-5em {
    margin: 5em !important;
  }

  .sp-p-t5em {
    margin-top: 5em !important;
  }

  .sp-p-b5em {
    margin-bottom: 5em !important;
  }

  .sp-p-l5em {
    margin-left: 5em !important;
  }

  .sp-p-r5em {
    margin-right: 5em !important;
  }

  .sp-p-v5em {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .sp-p-h5em {
    margin-left: 5em !important;
    margin-right: 5em !important;
  }

  .sp-p-55em {
    margin: 5.5em !important;
  }

  .sp-p-t55em {
    margin-top: 5.5em !important;
  }

  .sp-p-b55em {
    margin-bottom: 5.5em !important;
  }

  .sp-p-l55em {
    margin-left: 5.5em !important;
  }

  .sp-p-r55em {
    margin-right: 5.5em !important;
  }

  .sp-p-v55em {
    margin-top: 5.5em !important;
    margin-bottom: 5.5em !important;
  }

  .sp-p-h55em {
    margin-left: 5.5em !important;
    margin-right: 5.5em !important;
  }

  .sp-p-6em {
    margin: 6em !important;
  }

  .sp-p-t6em {
    margin-top: 6em !important;
  }

  .sp-p-b6em {
    margin-bottom: 6em !important;
  }

  .sp-p-l6em {
    margin-left: 6em !important;
  }

  .sp-p-r6em {
    margin-right: 6em !important;
  }

  .sp-p-v6em {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .sp-p-h6em {
    margin-left: 6em !important;
    margin-right: 6em !important;
  }

  .sp-p-65em {
    margin: 6.5em !important;
  }

  .sp-p-t65em {
    margin-top: 6.5em !important;
  }

  .sp-p-b65em {
    margin-bottom: 6.5em !important;
  }

  .sp-p-l65em {
    margin-left: 6.5em !important;
  }

  .sp-p-r65em {
    margin-right: 6.5em !important;
  }

  .sp-p-v65em {
    margin-top: 6.5em !important;
    margin-bottom: 6.5em !important;
  }

  .sp-p-h65em {
    margin-left: 6.5em !important;
    margin-right: 6.5em !important;
  }

  .sp-p-7em {
    margin: 7em !important;
  }

  .sp-p-t7em {
    margin-top: 7em !important;
  }

  .sp-p-b7em {
    margin-bottom: 7em !important;
  }

  .sp-p-l7em {
    margin-left: 7em !important;
  }

  .sp-p-r7em {
    margin-right: 7em !important;
  }

  .sp-p-v7em {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .sp-p-h7em {
    margin-left: 7em !important;
    margin-right: 7em !important;
  }

  .sp-p-75em {
    margin: 7.5em !important;
  }

  .sp-p-t75em {
    margin-top: 7.5em !important;
  }

  .sp-p-b75em {
    margin-bottom: 7.5em !important;
  }

  .sp-p-l75em {
    margin-left: 7.5em !important;
  }

  .sp-p-r75em {
    margin-right: 7.5em !important;
  }

  .sp-p-v75em {
    margin-top: 7.5em !important;
    margin-bottom: 7.5em !important;
  }

  .sp-p-h75em {
    margin-left: 7.5em !important;
    margin-right: 7.5em !important;
  }

  .sp-p-8em {
    margin: 8em !important;
  }

  .sp-p-t8em {
    margin-top: 8em !important;
  }

  .sp-p-b8em {
    margin-bottom: 8em !important;
  }

  .sp-p-l8em {
    margin-left: 8em !important;
  }

  .sp-p-r8em {
    margin-right: 8em !important;
  }

  .sp-p-v8em {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .sp-p-h8em {
    margin-left: 8em !important;
    margin-right: 8em !important;
  }

  .sp-p-85em {
    margin: 8.5em !important;
  }

  .sp-p-t85em {
    margin-top: 8.5em !important;
  }

  .sp-p-b85em {
    margin-bottom: 8.5em !important;
  }

  .sp-p-l85em {
    margin-left: 8.5em !important;
  }

  .sp-p-r85em {
    margin-right: 8.5em !important;
  }

  .sp-p-v85em {
    margin-top: 8.5em !important;
    margin-bottom: 8.5em !important;
  }

  .sp-p-h85em {
    margin-left: 8.5em !important;
    margin-right: 8.5em !important;
  }

  .sp-p-9em {
    margin: 9em !important;
  }

  .sp-p-t9em {
    margin-top: 9em !important;
  }

  .sp-p-b9em {
    margin-bottom: 9em !important;
  }

  .sp-p-l9em {
    margin-left: 9em !important;
  }

  .sp-p-r9em {
    margin-right: 9em !important;
  }

  .sp-p-v9em {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .sp-p-h9em {
    margin-left: 9em !important;
    margin-right: 9em !important;
  }

  .sp-p-95em {
    margin: 9.5em !important;
  }

  .sp-p-t95em {
    margin-top: 9.5em !important;
  }

  .sp-p-b95em {
    margin-bottom: 9.5em !important;
  }

  .sp-p-l95em {
    margin-left: 9.5em !important;
  }

  .sp-p-r95em {
    margin-right: 9.5em !important;
  }

  .sp-p-v95em {
    margin-top: 9.5em !important;
    margin-bottom: 9.5em !important;
  }

  .sp-p-h95em {
    margin-left: 9.5em !important;
    margin-right: 9.5em !important;
  }

  .sp-p-10em {
    margin: 10em !important;
  }

  .sp-p-t10em {
    margin-top: 10em !important;
  }

  .sp-p-b10em {
    margin-bottom: 10em !important;
  }

  .sp-p-l10em {
    margin-left: 10em !important;
  }

  .sp-p-r10em {
    margin-right: 10em !important;
  }

  .sp-p-v10em {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .sp-p-h10em {
    margin-left: 10em !important;
    margin-right: 10em !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 汎用リスト
   -------------------------------------------------------------------------------- */
ul.disc,
ul.normal {
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.7em;
}

ul.disc-min,
ul.normal-min {
  list-style-type: disc;
  padding-left: 1.3em;
}

ol.decimal,
ol.normal {
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 2em;
}

ol.decimal-min,
ol.normal-min {
  list-style-type: decimal;
  padding-left: 1.3em;
}

dl.normal {
  margin-top: 1em;
  margin-bottom: 1em;
}

dl.normal-min > dt,
dl.normal > dt {
  font-weight: bold;
}

dl.inline > dt {
  display: inline;
  margin-right: .5em;
  font-weight: bold;
}

dl.inline > dd {
  display: inline;
}

/* 米印（※）リスト */
ul.kome {
  margin-left: 1.2em;
}
ul.kome > li {
  text-indent: -1.2em;
}
ul.kome > li::before {
  content: '※';
  margin-right: .2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, monospace;
}

/* 大きな黒丸（●）リスト */
ul.large-disc {
  margin-left: 1.2em;
}
ul.large-disc > li {
  text-indent: -1.2em;
}
ul.large-disc > li::before {
  content: '●';
  margin-right: .2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, monospace;
}

/* 大きな白丸（○）リスト */
ul.large-circle {
  margin-left: 1.2em;
}
ul.large-circle > li {
  text-indent: -1.2em;
}
ul.large-circle > li::before {
  content: '○';
  margin-right: .2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, monospace;
}

/* 連番付き※印のリスト（※1, ※2, ...） */
/* 連番は2桁まで。3桁以上はリスト本文テキストと重なるので適宜調整のこと */
ol.kome {
  margin-left: 2.7em;
  list-style: none;
  counter-reset: number;
}
ol.kome > li {
  text-indent: -2.7em;
}
ol.kome > li::before {
  content: "※" counter(number);
  counter-increment: number;
  display: inline-block;
  width: 2.2em;
  margin-right: .5em;
  /* San Francisco や Segoe はリストマークがいまいちなので游ゴシック、ヒラギノ、メイリオを使用 */
  font-family: MyYuGothicM, YuGothic, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, monospace;
  line-height: 0;
  text-indent: 0;
  white-space: nowrap;
}

/* 丸数字リスト（最大20） */
ol.decimal-circle {
  margin-left: 1.2em;
}
ol.decimal-circle > li {
  text-indent: -1.2em;
}
ol.decimal-circle > li::before {
  margin-right: .2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, monospace;
}
ol.decimal-circle > li:nth-of-type(1)::before {
  content: '①';
}
ol.decimal-circle > li:nth-of-type(2)::before {
  content: '②';
}
ol.decimal-circle > li:nth-of-type(3)::before {
  content: '③';
}
ol.decimal-circle > li:nth-of-type(4)::before {
  content: '④';
}
ol.decimal-circle > li:nth-of-type(5)::before {
  content: '⑤';
}
ol.decimal-circle > li:nth-of-type(6)::before {
  content: '⑥';
}
ol.decimal-circle > li:nth-of-type(7)::before {
  content: '⑦';
}
ol.decimal-circle > li:nth-of-type(8)::before {
  content: '⑧';
}
ol.decimal-circle > li:nth-of-type(9)::before {
  content: '⑨';
}
ol.decimal-circle > li:nth-of-type(10)::before {
  content: '⑩';
}
ol.decimal-circle > li:nth-of-type(11)::before {
  content: '⑪';
}
ol.decimal-circle > li:nth-of-type(12)::before {
  content: '⑫';
}
ol.decimal-circle > li:nth-of-type(13)::before {
  content: '⑬';
}
ol.decimal-circle > li:nth-of-type(14)::before {
  content: '⑭';
}
ol.decimal-circle > li:nth-of-type(15)::before {
  content: '⑮';
}
ol.decimal-circle > li:nth-of-type(16)::before {
  content: '⑯';
}
ol.decimal-circle > li:nth-of-type(17)::before {
  content: '⑰';
}
ol.decimal-circle > li:nth-of-type(18)::before {
  content: '⑱';
}
ol.decimal-circle > li:nth-of-type(19)::before {
  content: '⑲';
}
ol.decimal-circle > li:nth-of-type(20)::before {
  content: '⑳';
}

/* --------------------------------------------------------------------------------
   ユーティリティクラス - フォントサイズ / .fs-*, .sp-fs-*
     - 単位: rem, vw
     - 1rem = 10px （リセットCSSで Root Font-size を 10px にしているので）
   -------------------------------------------------------------------------------- */
.fs-5 {
  font-size: 0.5rem !important;
}

.fs-6 {
  font-size: 0.6rem !important;
}

.fs-7 {
  font-size: 0.7rem !important;
}

.fs-8 {
  font-size: 0.8rem !important;
}

.fs-9 {
  font-size: 0.9rem !important;
}

.fs-10 {
  font-size: 1rem !important;
}

.fs-11 {
  font-size: 1.1rem !important;
}

.fs-12 {
  font-size: 1.2rem !important;
}

.fs-13 {
  font-size: 1.3rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.fs-15 {
  font-size: 1.5rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-17 {
  font-size: 1.7rem !important;
}

.fs-18 {
  font-size: 1.8rem !important;
}

.fs-19 {
  font-size: 1.9rem !important;
}

.fs-20 {
  font-size: 2rem !important;
}

.fs-21 {
  font-size: 2.1rem !important;
}

.fs-22 {
  font-size: 2.2rem !important;
}

.fs-23 {
  font-size: 2.3rem !important;
}

.fs-24 {
  font-size: 2.4rem !important;
}

.fs-25 {
  font-size: 2.5rem !important;
}

.fs-26 {
  font-size: 2.6rem !important;
}

.fs-27 {
  font-size: 2.7rem !important;
}

.fs-28 {
  font-size: 2.8rem !important;
}

.fs-29 {
  font-size: 2.9rem !important;
}

.fs-30 {
  font-size: 3rem !important;
}

.fs-31 {
  font-size: 3.1rem !important;
}

.fs-32 {
  font-size: 3.2rem !important;
}

.fs-33 {
  font-size: 3.3rem !important;
}

.fs-34 {
  font-size: 3.4rem !important;
}

.fs-35 {
  font-size: 3.5rem !important;
}

.fs-36 {
  font-size: 3.6rem !important;
}

.fs-37 {
  font-size: 3.7rem !important;
}

.fs-38 {
  font-size: 3.8rem !important;
}

.fs-39 {
  font-size: 3.9rem !important;
}

.fs-40 {
  font-size: 4rem !important;
}

.fs-41 {
  font-size: 4.1rem !important;
}

.fs-42 {
  font-size: 4.2rem !important;
}

.fs-43 {
  font-size: 4.3rem !important;
}

.fs-44 {
  font-size: 4.4rem !important;
}

.fs-45 {
  font-size: 4.5rem !important;
}

.fs-46 {
  font-size: 4.6rem !important;
}

.fs-47 {
  font-size: 4.7rem !important;
}

.fs-48 {
  font-size: 4.8rem !important;
}

.fs-49 {
  font-size: 4.9rem !important;
}

.fs-50 {
  font-size: 5rem !important;
}

.fs-51 {
  font-size: 5.1rem !important;
}

.fs-52 {
  font-size: 5.2rem !important;
}

.fs-53 {
  font-size: 5.3rem !important;
}

.fs-54 {
  font-size: 5.4rem !important;
}

.fs-55 {
  font-size: 5.5rem !important;
}

.fs-56 {
  font-size: 5.6rem !important;
}

.fs-57 {
  font-size: 5.7rem !important;
}

.fs-58 {
  font-size: 5.8rem !important;
}

.fs-59 {
  font-size: 5.9rem !important;
}

.fs-60 {
  font-size: 6rem !important;
}

.fs-61 {
  font-size: 6.1rem !important;
}

.fs-62 {
  font-size: 6.2rem !important;
}

.fs-63 {
  font-size: 6.3rem !important;
}

.fs-64 {
  font-size: 6.4rem !important;
}

.fs-1v {
  font-size: 1vw !important;
}

.fs-2v {
  font-size: 2vw !important;
}

.fs-3v {
  font-size: 3vw !important;
}

.fs-4v {
  font-size: 4vw !important;
}

.fs-5v {
  font-size: 5vw !important;
}

.fs-6v {
  font-size: 6vw !important;
}

.fs-7v {
  font-size: 7vw !important;
}

.fs-8v {
  font-size: 8vw !important;
}

.fs-9v {
  font-size: 9vw !important;
}

.fs-10v {
  font-size: 10vw !important;
}

.fs-11v {
  font-size: 11vw !important;
}

.fs-12v {
  font-size: 12vw !important;
}

.fs-13v {
  font-size: 13vw !important;
}

.fs-14v {
  font-size: 14vw !important;
}

.fs-15v {
  font-size: 15vw !important;
}

.fs-16v {
  font-size: 16vw !important;
}

.fs-17v {
  font-size: 17vw !important;
}

.fs-18v {
  font-size: 18vw !important;
}

.fs-19v {
  font-size: 19vw !important;
}

.fs-20v {
  font-size: 20vw !important;
}

.fs-21v {
  font-size: 21vw !important;
}

.fs-22v {
  font-size: 22vw !important;
}

.fs-23v {
  font-size: 23vw !important;
}

.fs-24v {
  font-size: 24vw !important;
}

.fs-25v {
  font-size: 25vw !important;
}

.fs-26v {
  font-size: 26vw !important;
}

.fs-27v {
  font-size: 27vw !important;
}

.fs-28v {
  font-size: 28vw !important;
}

.fs-29v {
  font-size: 29vw !important;
}

.fs-30v {
  font-size: 30vw !important;
}

.fs-31v {
  font-size: 31vw !important;
}

.fs-32v {
  font-size: 32vw !important;
}

.fs-33v {
  font-size: 33vw !important;
}

.fs-34v {
  font-size: 34vw !important;
}

.fs-35v {
  font-size: 35vw !important;
}

.fs-36v {
  font-size: 36vw !important;
}

.fs-37v {
  font-size: 37vw !important;
}

.fs-38v {
  font-size: 38vw !important;
}

.fs-39v {
  font-size: 39vw !important;
}

.fs-40v {
  font-size: 40vw !important;
}

.fs-41v {
  font-size: 41vw !important;
}

.fs-42v {
  font-size: 42vw !important;
}

.fs-43v {
  font-size: 43vw !important;
}

.fs-44v {
  font-size: 44vw !important;
}

.fs-45v {
  font-size: 45vw !important;
}

.fs-46v {
  font-size: 46vw !important;
}

.fs-47v {
  font-size: 47vw !important;
}

.fs-48v {
  font-size: 48vw !important;
}

.fs-49v {
  font-size: 49vw !important;
}

.fs-50v {
  font-size: 50vw !important;
}

.fs-51v {
  font-size: 51vw !important;
}

.fs-52v {
  font-size: 52vw !important;
}

.fs-53v {
  font-size: 53vw !important;
}

.fs-54v {
  font-size: 54vw !important;
}

.fs-55v {
  font-size: 55vw !important;
}

.fs-56v {
  font-size: 56vw !important;
}

.fs-57v {
  font-size: 57vw !important;
}

.fs-58v {
  font-size: 58vw !important;
}

.fs-59v {
  font-size: 59vw !important;
}

.fs-60v {
  font-size: 60vw !important;
}

.fs-61v {
  font-size: 61vw !important;
}

.fs-62v {
  font-size: 62vw !important;
}

.fs-63v {
  font-size: 63vw !important;
}

.fs-64v {
  font-size: 64vw !important;
}

.fs-65v {
  font-size: 65vw !important;
}

.fs-66v {
  font-size: 66vw !important;
}

.fs-67v {
  font-size: 67vw !important;
}

.fs-68v {
  font-size: 68vw !important;
}

.fs-69v {
  font-size: 69vw !important;
}

.fs-70v {
  font-size: 70vw !important;
}

.fs-71v {
  font-size: 71vw !important;
}

.fs-72v {
  font-size: 72vw !important;
}

.fs-73v {
  font-size: 73vw !important;
}

.fs-74v {
  font-size: 74vw !important;
}

.fs-75v {
  font-size: 75vw !important;
}

.fs-76v {
  font-size: 76vw !important;
}

.fs-77v {
  font-size: 77vw !important;
}

.fs-78v {
  font-size: 78vw !important;
}

.fs-79v {
  font-size: 79vw !important;
}

.fs-80v {
  font-size: 80vw !important;
}

.fs-81v {
  font-size: 81vw !important;
}

.fs-82v {
  font-size: 82vw !important;
}

.fs-83v {
  font-size: 83vw !important;
}

.fs-84v {
  font-size: 84vw !important;
}

.fs-85v {
  font-size: 85vw !important;
}

.fs-86v {
  font-size: 86vw !important;
}

.fs-87v {
  font-size: 87vw !important;
}

.fs-88v {
  font-size: 88vw !important;
}

.fs-89v {
  font-size: 89vw !important;
}

.fs-90v {
  font-size: 90vw !important;
}

.fs-91v {
  font-size: 91vw !important;
}

.fs-92v {
  font-size: 92vw !important;
}

.fs-93v {
  font-size: 93vw !important;
}

.fs-94v {
  font-size: 94vw !important;
}

.fs-95v {
  font-size: 95vw !important;
}

.fs-96v {
  font-size: 96vw !important;
}

.fs-97v {
  font-size: 97vw !important;
}

.fs-98v {
  font-size: 98vw !important;
}

.fs-99v {
  font-size: 99vw !important;
}

.fs-100v {
  font-size: 100vw !important;
}

/* SP版：プリフィクス sp- を付加 */
@media screen and (max-width: 767px) {
  .sp-fs-5 {
    font-size: 0.5rem !important;
  }

  .sp-fs-6 {
    font-size: 0.6rem !important;
  }

  .sp-fs-7 {
    font-size: 0.7rem !important;
  }

  .sp-fs-8 {
    font-size: 0.8rem !important;
  }

  .sp-fs-9 {
    font-size: 0.9rem !important;
  }

  .sp-fs-10 {
    font-size: 1rem !important;
  }

  .sp-fs-11 {
    font-size: 1.1rem !important;
  }

  .sp-fs-12 {
    font-size: 1.2rem !important;
  }

  .sp-fs-13 {
    font-size: 1.3rem !important;
  }

  .sp-fs-14 {
    font-size: 1.4rem !important;
  }

  .sp-fs-15 {
    font-size: 1.5rem !important;
  }

  .sp-fs-16 {
    font-size: 1.6rem !important;
  }

  .sp-fs-17 {
    font-size: 1.7rem !important;
  }

  .sp-fs-18 {
    font-size: 1.8rem !important;
  }

  .sp-fs-19 {
    font-size: 1.9rem !important;
  }

  .sp-fs-20 {
    font-size: 2rem !important;
  }

  .sp-fs-21 {
    font-size: 2.1rem !important;
  }

  .sp-fs-22 {
    font-size: 2.2rem !important;
  }

  .sp-fs-23 {
    font-size: 2.3rem !important;
  }

  .sp-fs-24 {
    font-size: 2.4rem !important;
  }

  .sp-fs-25 {
    font-size: 2.5rem !important;
  }

  .sp-fs-26 {
    font-size: 2.6rem !important;
  }

  .sp-fs-27 {
    font-size: 2.7rem !important;
  }

  .sp-fs-28 {
    font-size: 2.8rem !important;
  }

  .sp-fs-29 {
    font-size: 2.9rem !important;
  }

  .sp-fs-30 {
    font-size: 3rem !important;
  }

  .sp-fs-31 {
    font-size: 3.1rem !important;
  }

  .sp-fs-32 {
    font-size: 3.2rem !important;
  }

  .sp-fs-33 {
    font-size: 3.3rem !important;
  }

  .sp-fs-34 {
    font-size: 3.4rem !important;
  }

  .sp-fs-35 {
    font-size: 3.5rem !important;
  }

  .sp-fs-36 {
    font-size: 3.6rem !important;
  }

  .sp-fs-37 {
    font-size: 3.7rem !important;
  }

  .sp-fs-38 {
    font-size: 3.8rem !important;
  }

  .sp-fs-39 {
    font-size: 3.9rem !important;
  }

  .sp-fs-40 {
    font-size: 4rem !important;
  }

  .sp-fs-41 {
    font-size: 4.1rem !important;
  }

  .sp-fs-42 {
    font-size: 4.2rem !important;
  }

  .sp-fs-43 {
    font-size: 4.3rem !important;
  }

  .sp-fs-44 {
    font-size: 4.4rem !important;
  }

  .sp-fs-45 {
    font-size: 4.5rem !important;
  }

  .sp-fs-46 {
    font-size: 4.6rem !important;
  }

  .sp-fs-47 {
    font-size: 4.7rem !important;
  }

  .sp-fs-48 {
    font-size: 4.8rem !important;
  }

  .sp-fs-49 {
    font-size: 4.9rem !important;
  }

  .sp-fs-50 {
    font-size: 5rem !important;
  }

  .sp-fs-51 {
    font-size: 5.1rem !important;
  }

  .sp-fs-52 {
    font-size: 5.2rem !important;
  }

  .sp-fs-53 {
    font-size: 5.3rem !important;
  }

  .sp-fs-54 {
    font-size: 5.4rem !important;
  }

  .sp-fs-55 {
    font-size: 5.5rem !important;
  }

  .sp-fs-56 {
    font-size: 5.6rem !important;
  }

  .sp-fs-57 {
    font-size: 5.7rem !important;
  }

  .sp-fs-58 {
    font-size: 5.8rem !important;
  }

  .sp-fs-59 {
    font-size: 5.9rem !important;
  }

  .sp-fs-60 {
    font-size: 6rem !important;
  }

  .sp-fs-61 {
    font-size: 6.1rem !important;
  }

  .sp-fs-62 {
    font-size: 6.2rem !important;
  }

  .sp-fs-63 {
    font-size: 6.3rem !important;
  }

  .sp-fs-64 {
    font-size: 6.4rem !important;
  }

  .sp-fs-1v {
    font-size: 1vw !important;
  }

  .sp-fs-2v {
    font-size: 2vw !important;
  }

  .sp-fs-3v {
    font-size: 3vw !important;
  }

  .sp-fs-4v {
    font-size: 4vw !important;
  }

  .sp-fs-5v {
    font-size: 5vw !important;
  }

  .sp-fs-6v {
    font-size: 6vw !important;
  }

  .sp-fs-7v {
    font-size: 7vw !important;
  }

  .sp-fs-8v {
    font-size: 8vw !important;
  }

  .sp-fs-9v {
    font-size: 9vw !important;
  }

  .sp-fs-10v {
    font-size: 10vw !important;
  }

  .sp-fs-11v {
    font-size: 11vw !important;
  }

  .sp-fs-12v {
    font-size: 12vw !important;
  }

  .sp-fs-13v {
    font-size: 13vw !important;
  }

  .sp-fs-14v {
    font-size: 14vw !important;
  }

  .sp-fs-15v {
    font-size: 15vw !important;
  }

  .sp-fs-16v {
    font-size: 16vw !important;
  }

  .sp-fs-17v {
    font-size: 17vw !important;
  }

  .sp-fs-18v {
    font-size: 18vw !important;
  }

  .sp-fs-19v {
    font-size: 19vw !important;
  }

  .sp-fs-20v {
    font-size: 20vw !important;
  }

  .sp-fs-21v {
    font-size: 21vw !important;
  }

  .sp-fs-22v {
    font-size: 22vw !important;
  }

  .sp-fs-23v {
    font-size: 23vw !important;
  }

  .sp-fs-24v {
    font-size: 24vw !important;
  }

  .sp-fs-25v {
    font-size: 25vw !important;
  }

  .sp-fs-26v {
    font-size: 26vw !important;
  }

  .sp-fs-27v {
    font-size: 27vw !important;
  }

  .sp-fs-28v {
    font-size: 28vw !important;
  }

  .sp-fs-29v {
    font-size: 29vw !important;
  }

  .sp-fs-30v {
    font-size: 30vw !important;
  }

  .sp-fs-31v {
    font-size: 31vw !important;
  }

  .sp-fs-32v {
    font-size: 32vw !important;
  }

  .sp-fs-33v {
    font-size: 33vw !important;
  }

  .sp-fs-34v {
    font-size: 34vw !important;
  }

  .sp-fs-35v {
    font-size: 35vw !important;
  }

  .sp-fs-36v {
    font-size: 36vw !important;
  }

  .sp-fs-37v {
    font-size: 37vw !important;
  }

  .sp-fs-38v {
    font-size: 38vw !important;
  }

  .sp-fs-39v {
    font-size: 39vw !important;
  }

  .sp-fs-40v {
    font-size: 40vw !important;
  }

  .sp-fs-41v {
    font-size: 41vw !important;
  }

  .sp-fs-42v {
    font-size: 42vw !important;
  }

  .sp-fs-43v {
    font-size: 43vw !important;
  }

  .sp-fs-44v {
    font-size: 44vw !important;
  }

  .sp-fs-45v {
    font-size: 45vw !important;
  }

  .sp-fs-46v {
    font-size: 46vw !important;
  }

  .sp-fs-47v {
    font-size: 47vw !important;
  }

  .sp-fs-48v {
    font-size: 48vw !important;
  }

  .sp-fs-49v {
    font-size: 49vw !important;
  }

  .sp-fs-50v {
    font-size: 50vw !important;
  }

  .sp-fs-51v {
    font-size: 51vw !important;
  }

  .sp-fs-52v {
    font-size: 52vw !important;
  }

  .sp-fs-53v {
    font-size: 53vw !important;
  }

  .sp-fs-54v {
    font-size: 54vw !important;
  }

  .sp-fs-55v {
    font-size: 55vw !important;
  }

  .sp-fs-56v {
    font-size: 56vw !important;
  }

  .sp-fs-57v {
    font-size: 57vw !important;
  }

  .sp-fs-58v {
    font-size: 58vw !important;
  }

  .sp-fs-59v {
    font-size: 59vw !important;
  }

  .sp-fs-60v {
    font-size: 60vw !important;
  }

  .sp-fs-61v {
    font-size: 61vw !important;
  }

  .sp-fs-62v {
    font-size: 62vw !important;
  }

  .sp-fs-63v {
    font-size: 63vw !important;
  }

  .sp-fs-64v {
    font-size: 64vw !important;
  }

  .sp-fs-65v {
    font-size: 65vw !important;
  }

  .sp-fs-66v {
    font-size: 66vw !important;
  }

  .sp-fs-67v {
    font-size: 67vw !important;
  }

  .sp-fs-68v {
    font-size: 68vw !important;
  }

  .sp-fs-69v {
    font-size: 69vw !important;
  }

  .sp-fs-70v {
    font-size: 70vw !important;
  }

  .sp-fs-71v {
    font-size: 71vw !important;
  }

  .sp-fs-72v {
    font-size: 72vw !important;
  }

  .sp-fs-73v {
    font-size: 73vw !important;
  }

  .sp-fs-74v {
    font-size: 74vw !important;
  }

  .sp-fs-75v {
    font-size: 75vw !important;
  }

  .sp-fs-76v {
    font-size: 76vw !important;
  }

  .sp-fs-77v {
    font-size: 77vw !important;
  }

  .sp-fs-78v {
    font-size: 78vw !important;
  }

  .sp-fs-79v {
    font-size: 79vw !important;
  }

  .sp-fs-80v {
    font-size: 80vw !important;
  }

  .sp-fs-81v {
    font-size: 81vw !important;
  }

  .sp-fs-82v {
    font-size: 82vw !important;
  }

  .sp-fs-83v {
    font-size: 83vw !important;
  }

  .sp-fs-84v {
    font-size: 84vw !important;
  }

  .sp-fs-85v {
    font-size: 85vw !important;
  }

  .sp-fs-86v {
    font-size: 86vw !important;
  }

  .sp-fs-87v {
    font-size: 87vw !important;
  }

  .sp-fs-88v {
    font-size: 88vw !important;
  }

  .sp-fs-89v {
    font-size: 89vw !important;
  }

  .sp-fs-90v {
    font-size: 90vw !important;
  }

  .sp-fs-91v {
    font-size: 91vw !important;
  }

  .sp-fs-92v {
    font-size: 92vw !important;
  }

  .sp-fs-93v {
    font-size: 93vw !important;
  }

  .sp-fs-94v {
    font-size: 94vw !important;
  }

  .sp-fs-95v {
    font-size: 95vw !important;
  }

  .sp-fs-96v {
    font-size: 96vw !important;
  }

  .sp-fs-97v {
    font-size: 97vw !important;
  }

  .sp-fs-98v {
    font-size: 98vw !important;
  }

  .sp-fs-99v {
    font-size: 99vw !important;
  }

  .sp-fs-100v {
    font-size: 100vw !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 文字関連
   -------------------------------------------------------------------------------- */
/* 行揃え */
.align-left,
.align-l {
  text-align: left !important;
}

.align-right,
.align-r {
  text-align: right !important;
}

.align-center,
.align-c {
  text-align: center !important;
}

.align-justify,
.align-j {
  text-align: justify !important;
}

/* スタイル */
.bold {
  font-weight: bold;
}

.no-bold {
  font-weight: normal;
}

.sans-serif {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Verdana, sans-serif;
}

.serif {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.mono {
  font-family: monospace;
}

.break-all {
  word-break: break-all;
}

.nowrap {
  white-space: nowrap;
}

.palt {
  /* 文字を詰める */
  font-feature-settings: 'palt';
}

.no-palt {
  /* 文字を詰めない */
  font-feature-settings: normal;
}

/* --------------------------------------------------------------------------------
   ユーティリティクラス - 文字色
   -------------------------------------------------------------------------------- */
/* 明るめの色（フラットデザインにマッチする色） */
.txt-red {
  color: #E34;
  /* 赤 */
}

.txt-orange {
  color: #E80;
  /* 橙 */
}

.txt-yellow {
  color: #EC3;
  /* 黄 */
}

.txt-lime {
  color: #8C3;
  /* 緑 */
}

.txt-aqua {
  color: #4BF;
  /* 青 */
}

.txt-purple {
  color: #95E;
  /* 紫 */
}

.txt-pink {
  color: #F6A;
  /* ピンク */
}

/* 暗めの色 */
.txt-maroon {
  color: #A11;
  /* エンジ */
}

.txt-blue {
  color: #05B;
  /* 紺 */
}

.txt-green {
  color: #490;
  /* 深緑 */
}

.txt-khaki {
  color: #A82;
  /* カーキ */
}

.txt-brown {
  color: #740;
  /* 茶 */
}

/* 黒・白 */
.txt-black {
  color: #000 !important;
}

.txt-white {
  color: #fff !important;
}

/* グレースケール */
.txt-gray-5 {
  color: #0d0d0d !important;
}

.txt-gray-10 {
  color: #1a1a1a !important;
}

.txt-gray-15 {
  color: #262626 !important;
}

.txt-gray-20 {
  color: #333333 !important;
}

.txt-gray-25 {
  color: #404040 !important;
}

.txt-gray-30 {
  color: #4d4d4d !important;
}

.txt-gray-35 {
  color: #595959 !important;
}

.txt-gray-40 {
  color: #666666 !important;
}

.txt-gray-45 {
  color: #737373 !important;
}

.txt-gray-50 {
  color: gray !important;
}

.txt-gray-55 {
  color: #8c8c8c !important;
}

.txt-gray-60 {
  color: #999999 !important;
}

.txt-gray-65 {
  color: #a6a6a6 !important;
}

.txt-gray-70 {
  color: #b3b3b3 !important;
}

.txt-gray-75 {
  color: #bfbfbf !important;
}

.txt-gray-80 {
  color: #cccccc !important;
}

.txt-gray-85 {
  color: #d9d9d9 !important;
}

.txt-gray-90 {
  color: #e6e6e6 !important;
}

.txt-gray-95 {
  color: #f2f2f2 !important;
}

/* --------------------------------------------------------------------------------
   ユーティリティクラス - line-height / .lh-*, .sp-lh-*
     - lh-1, lh-11, lh-12, ... , lh-99, lh-10
     - sp-lh-1, sp-lh-11, sp-lh-12, ... , sp-lh-99, sp-lh-10
     - それぞれ line-height: 1, 1.1, 1.2, ... , 9.9, 10
   -------------------------------------------------------------------------------- */
.lh-1 {
  line-height: 1 !important;
}

.lh-11 {
  line-height: 1.1 !important;
}

.lh-12 {
  line-height: 1.2 !important;
}

.lh-13 {
  line-height: 1.3 !important;
}

.lh-14 {
  line-height: 1.4 !important;
}

.lh-15 {
  line-height: 1.5 !important;
}

.lh-16 {
  line-height: 1.6 !important;
}

.lh-17 {
  line-height: 1.7 !important;
}

.lh-18 {
  line-height: 1.8 !important;
}

.lh-19 {
  line-height: 1.9 !important;
}

.lh-2 {
  line-height: 2 !important;
}

.lh-21 {
  line-height: 2.1 !important;
}

.lh-22 {
  line-height: 2.2 !important;
}

.lh-23 {
  line-height: 2.3 !important;
}

.lh-24 {
  line-height: 2.4 !important;
}

.lh-25 {
  line-height: 2.5 !important;
}

.lh-26 {
  line-height: 2.6 !important;
}

.lh-27 {
  line-height: 2.7 !important;
}

.lh-28 {
  line-height: 2.8 !important;
}

.lh-29 {
  line-height: 2.9 !important;
}

.lh-3 {
  line-height: 3 !important;
}

.lh-31 {
  line-height: 3.1 !important;
}

.lh-32 {
  line-height: 3.2 !important;
}

.lh-33 {
  line-height: 3.3 !important;
}

.lh-34 {
  line-height: 3.4 !important;
}

.lh-35 {
  line-height: 3.5 !important;
}

.lh-36 {
  line-height: 3.6 !important;
}

.lh-37 {
  line-height: 3.7 !important;
}

.lh-38 {
  line-height: 3.8 !important;
}

.lh-39 {
  line-height: 3.9 !important;
}

.lh-4 {
  line-height: 4 !important;
}

.lh-41 {
  line-height: 4.1 !important;
}

.lh-42 {
  line-height: 4.2 !important;
}

.lh-43 {
  line-height: 4.3 !important;
}

.lh-44 {
  line-height: 4.4 !important;
}

.lh-45 {
  line-height: 4.5 !important;
}

.lh-46 {
  line-height: 4.6 !important;
}

.lh-47 {
  line-height: 4.7 !important;
}

.lh-48 {
  line-height: 4.8 !important;
}

.lh-49 {
  line-height: 4.9 !important;
}

.lh-5 {
  line-height: 5 !important;
}

.lh-51 {
  line-height: 5.1 !important;
}

.lh-52 {
  line-height: 5.2 !important;
}

.lh-53 {
  line-height: 5.3 !important;
}

.lh-54 {
  line-height: 5.4 !important;
}

.lh-55 {
  line-height: 5.5 !important;
}

.lh-56 {
  line-height: 5.6 !important;
}

.lh-57 {
  line-height: 5.7 !important;
}

.lh-58 {
  line-height: 5.8 !important;
}

.lh-59 {
  line-height: 5.9 !important;
}

.lh-6 {
  line-height: 6 !important;
}

.lh-61 {
  line-height: 6.1 !important;
}

.lh-62 {
  line-height: 6.2 !important;
}

.lh-63 {
  line-height: 6.3 !important;
}

.lh-64 {
  line-height: 6.4 !important;
}

.lh-65 {
  line-height: 6.5 !important;
}

.lh-66 {
  line-height: 6.6 !important;
}

.lh-67 {
  line-height: 6.7 !important;
}

.lh-68 {
  line-height: 6.8 !important;
}

.lh-69 {
  line-height: 6.9 !important;
}

.lh-7 {
  line-height: 7 !important;
}

.lh-71 {
  line-height: 7.1 !important;
}

.lh-72 {
  line-height: 7.2 !important;
}

.lh-73 {
  line-height: 7.3 !important;
}

.lh-74 {
  line-height: 7.4 !important;
}

.lh-75 {
  line-height: 7.5 !important;
}

.lh-76 {
  line-height: 7.6 !important;
}

.lh-77 {
  line-height: 7.7 !important;
}

.lh-78 {
  line-height: 7.8 !important;
}

.lh-79 {
  line-height: 7.9 !important;
}

.lh-8 {
  line-height: 8 !important;
}

.lh-81 {
  line-height: 8.1 !important;
}

.lh-82 {
  line-height: 8.2 !important;
}

.lh-83 {
  line-height: 8.3 !important;
}

.lh-84 {
  line-height: 8.4 !important;
}

.lh-85 {
  line-height: 8.5 !important;
}

.lh-86 {
  line-height: 8.6 !important;
}

.lh-87 {
  line-height: 8.7 !important;
}

.lh-88 {
  line-height: 8.8 !important;
}

.lh-89 {
  line-height: 8.9 !important;
}

.lh-9 {
  line-height: 9 !important;
}

.lh-91 {
  line-height: 9.1 !important;
}

.lh-92 {
  line-height: 9.2 !important;
}

.lh-93 {
  line-height: 9.3 !important;
}

.lh-94 {
  line-height: 9.4 !important;
}

.lh-95 {
  line-height: 9.5 !important;
}

.lh-96 {
  line-height: 9.6 !important;
}

.lh-97 {
  line-height: 9.7 !important;
}

.lh-98 {
  line-height: 9.8 !important;
}

.lh-99 {
  line-height: 9.9 !important;
}

.lh-10 {
  line-height: 10 !important;
}

/* SP版：プリフィクス sp- を付加 */
@media screen and (max-width: 767px) {
  .sp-lh-1 {
    line-height: 1 !important;
  }

  .sp-lh-11 {
    line-height: 1.1 !important;
  }

  .sp-lh-12 {
    line-height: 1.2 !important;
  }

  .sp-lh-13 {
    line-height: 1.3 !important;
  }

  .sp-lh-14 {
    line-height: 1.4 !important;
  }

  .sp-lh-15 {
    line-height: 1.5 !important;
  }

  .sp-lh-16 {
    line-height: 1.6 !important;
  }

  .sp-lh-17 {
    line-height: 1.7 !important;
  }

  .sp-lh-18 {
    line-height: 1.8 !important;
  }

  .sp-lh-19 {
    line-height: 1.9 !important;
  }

  .sp-lh-2 {
    line-height: 2 !important;
  }

  .sp-lh-21 {
    line-height: 2.1 !important;
  }

  .sp-lh-22 {
    line-height: 2.2 !important;
  }

  .sp-lh-23 {
    line-height: 2.3 !important;
  }

  .sp-lh-24 {
    line-height: 2.4 !important;
  }

  .sp-lh-25 {
    line-height: 2.5 !important;
  }

  .sp-lh-26 {
    line-height: 2.6 !important;
  }

  .sp-lh-27 {
    line-height: 2.7 !important;
  }

  .sp-lh-28 {
    line-height: 2.8 !important;
  }

  .sp-lh-29 {
    line-height: 2.9 !important;
  }

  .sp-lh-3 {
    line-height: 3 !important;
  }

  .sp-lh-31 {
    line-height: 3.1 !important;
  }

  .sp-lh-32 {
    line-height: 3.2 !important;
  }

  .sp-lh-33 {
    line-height: 3.3 !important;
  }

  .sp-lh-34 {
    line-height: 3.4 !important;
  }

  .sp-lh-35 {
    line-height: 3.5 !important;
  }

  .sp-lh-36 {
    line-height: 3.6 !important;
  }

  .sp-lh-37 {
    line-height: 3.7 !important;
  }

  .sp-lh-38 {
    line-height: 3.8 !important;
  }

  .sp-lh-39 {
    line-height: 3.9 !important;
  }

  .sp-lh-4 {
    line-height: 4 !important;
  }

  .sp-lh-41 {
    line-height: 4.1 !important;
  }

  .sp-lh-42 {
    line-height: 4.2 !important;
  }

  .sp-lh-43 {
    line-height: 4.3 !important;
  }

  .sp-lh-44 {
    line-height: 4.4 !important;
  }

  .sp-lh-45 {
    line-height: 4.5 !important;
  }

  .sp-lh-46 {
    line-height: 4.6 !important;
  }

  .sp-lh-47 {
    line-height: 4.7 !important;
  }

  .sp-lh-48 {
    line-height: 4.8 !important;
  }

  .sp-lh-49 {
    line-height: 4.9 !important;
  }

  .sp-lh-5 {
    line-height: 5 !important;
  }

  .sp-lh-51 {
    line-height: 5.1 !important;
  }

  .sp-lh-52 {
    line-height: 5.2 !important;
  }

  .sp-lh-53 {
    line-height: 5.3 !important;
  }

  .sp-lh-54 {
    line-height: 5.4 !important;
  }

  .sp-lh-55 {
    line-height: 5.5 !important;
  }

  .sp-lh-56 {
    line-height: 5.6 !important;
  }

  .sp-lh-57 {
    line-height: 5.7 !important;
  }

  .sp-lh-58 {
    line-height: 5.8 !important;
  }

  .sp-lh-59 {
    line-height: 5.9 !important;
  }

  .sp-lh-6 {
    line-height: 6 !important;
  }

  .sp-lh-61 {
    line-height: 6.1 !important;
  }

  .sp-lh-62 {
    line-height: 6.2 !important;
  }

  .sp-lh-63 {
    line-height: 6.3 !important;
  }

  .sp-lh-64 {
    line-height: 6.4 !important;
  }

  .sp-lh-65 {
    line-height: 6.5 !important;
  }

  .sp-lh-66 {
    line-height: 6.6 !important;
  }

  .sp-lh-67 {
    line-height: 6.7 !important;
  }

  .sp-lh-68 {
    line-height: 6.8 !important;
  }

  .sp-lh-69 {
    line-height: 6.9 !important;
  }

  .sp-lh-7 {
    line-height: 7 !important;
  }

  .sp-lh-71 {
    line-height: 7.1 !important;
  }

  .sp-lh-72 {
    line-height: 7.2 !important;
  }

  .sp-lh-73 {
    line-height: 7.3 !important;
  }

  .sp-lh-74 {
    line-height: 7.4 !important;
  }

  .sp-lh-75 {
    line-height: 7.5 !important;
  }

  .sp-lh-76 {
    line-height: 7.6 !important;
  }

  .sp-lh-77 {
    line-height: 7.7 !important;
  }

  .sp-lh-78 {
    line-height: 7.8 !important;
  }

  .sp-lh-79 {
    line-height: 7.9 !important;
  }

  .sp-lh-8 {
    line-height: 8 !important;
  }

  .sp-lh-81 {
    line-height: 8.1 !important;
  }

  .sp-lh-82 {
    line-height: 8.2 !important;
  }

  .sp-lh-83 {
    line-height: 8.3 !important;
  }

  .sp-lh-84 {
    line-height: 8.4 !important;
  }

  .sp-lh-85 {
    line-height: 8.5 !important;
  }

  .sp-lh-86 {
    line-height: 8.6 !important;
  }

  .sp-lh-87 {
    line-height: 8.7 !important;
  }

  .sp-lh-88 {
    line-height: 8.8 !important;
  }

  .sp-lh-89 {
    line-height: 8.9 !important;
  }

  .sp-lh-9 {
    line-height: 9 !important;
  }

  .sp-lh-91 {
    line-height: 9.1 !important;
  }

  .sp-lh-92 {
    line-height: 9.2 !important;
  }

  .sp-lh-93 {
    line-height: 9.3 !important;
  }

  .sp-lh-94 {
    line-height: 9.4 !important;
  }

  .sp-lh-95 {
    line-height: 9.5 !important;
  }

  .sp-lh-96 {
    line-height: 9.6 !important;
  }

  .sp-lh-97 {
    line-height: 9.7 !important;
  }

  .sp-lh-98 {
    line-height: 9.8 !important;
  }

  .sp-lh-99 {
    line-height: 9.9 !important;
  }

  .sp-lh-10 {
    line-height: 10 !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - その他
     - クリアフィクス
     - display 制御
     - フロート
   -------------------------------------------------------------------------------- */
/* クリアフィクス */
.clearfix {
  *zoom: 1;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

/* display制御 */
.hide {
  display: none;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

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

  .sp-inline {
    display: inline !important;
  }

  .sp-block {
    display: block !important;
  }

  .sp-inline-block {
    display: inline-block !important;
  }
}
@media screen and (min-width: 767px) {
  .pc-hide {
    display: none !important;
  }

  .pc-inline {
    display: inline !important;
  }

  .pc-block {
    display: block !important;
  }

  .pc-inline-block {
    display: inline-block !important;
  }
}
/* フロート */
.float-left,
.float-l {
  float: left;
}

.float-right,
.float-r {
  float: right;
}

/* ================================================================================
   《留意事項》ユーティリティクラスの利用について

   - ユーティリティクラスは下記のメリット・デメリットがあるため濫用を避けること
   - 原則として、ユーティリティクラスに頼らないスタイリングを主とし、
     ユーティリティクラスの利用は臨時的、即時的、例外的で、その場限りの用途を主とする
   - メリット
       a. CSSをいじらずHTMLのみでスタイリングできる
       b. 再利用のなさそうな要素のスタイリングによるCSSの肥大化を抑えられる
       c. HTMLをメインで触る作業者には利便性が高い
       d. たとえば以下のケースなど、CSSをあまり触らずにスタイリングしたい場合に有用
         - テンプレートを渡してプログラマが各画面の実装を行うケース
         - テンプレートを用意してクライアントがサイトの運営・更新を行うケース
   - デメリット
       a. HTMLとCSSの分離が困難になる
       b. HTMLが肥大化し、可読性を損なう
         例：<div class="font18 lh2 bold red w300 mT50 mB15">あいうえお</div>
       c. HTMLのみで完結できる反面、クラス名の付与ルールを覚える必要がある
   ================================================================================ */
/* ================================================================================
   5. 印刷用スタイル
   ================================================================================ */
/* --------------------------------------------------------------------------------
   印刷用スタイルをまとめておく場所
   -------------------------------------------------------------------------------- */
@media print {
  html {
    font-size: 7px;
  }

  body {
    display: block;
    background-color: #fff;
  }

  .site-header,
  .site-footer {
    display: none;
  }

  .container {
    max-width: none;
    padding-top: 0;
    border-top: 0;
  }

  .inner {
    width: 100%;
    max-width: none;
  }

  .btns {
    display: none;
  }

  .js-open-input-condition {
    text-align: left;
    border: 0;
    border-bottom: 1px solid #0842a6;
    background: none !important;
  }
  .js-open-input-condition span {
    font-size: 2.4rem !important;
  }
  .js-open-input-condition i.fas {
    display: none;
  }
  .js-open-input-condition::before {
    content: '● ';
    font-size: 2.4rem !important;
  }

  .product-img + .align-center {
    display: none;
  }
}

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