@charset "UTF-8";
/* --------------------------------------------------------------------------------
   ブレークポイント
----------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
   リセット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;
  box-sizing: border-box;
}

*,
::before,
::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
  -webkit-font-feature-settings: "palt";
  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;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  /* -webkit-text-size-adjust: 100%; */ /* スマホを横向きにしたとき等に文字サイズを自動調整しない（CSSの指定どおり） */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  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 が行間に影響を及ぼすのを防ぐ */
sub,
sup {
  position: relative;
  margin-left: 0.3em;
  margin-right: 0.3em;
  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;
}

/* アンカー */
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: 0.8rem 1.2rem;
  border: 1px solid #ddd;
}

th {
  font-weight: bold;
  text-align: left;
}

thead th {
  text-align: center;
  background-color: #DEE2E6;
}

tbody th {
  background-color: #f9f9f9;
}

/* フォーム */
[disabled] {
  cursor: default;
}

button,
input,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: 100%;
}

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

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

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  /* 上で消したボーダーを outline として表示 */
  outline: 1px dotted ButtonText;
}

input[type=text],
input[type=email],
textarea {
  width: 100%;
  padding: 0.5rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  border-radius: 0.3rem;
  border: 1px solid #ddd;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  outline: #140a9a auto 2px;
}

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

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

select {
  /* Style select like a standard input */
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

progress {
  /* Chrome, Firefox, Opera における調整 */
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  /* Correct the cursor style of increment and decrement buttons in Chrome */
  height: auto;
}

[type=search] {
  /* Correct the odd appearance in Chrome and Safari */
  -webkit-appearance: textfield;
  /* Correct the outline style in Safari */
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  /* Remove the inner padding in Chrome and Safari on macOS */
  -webkit-appearance: none;
}

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

/* アクセシビリティ */
[aria-busy=true] {
  /* Specify the progress cursor of updating elements */
  cursor: progress;
}

[aria-controls] {
  /* Specify the pointer cursor of trigger elements */
  cursor: pointer;
}

[aria-disabled=true] {
  /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
  cursor: default;
}

/* 印刷用 */
@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;
  }
}
html {
  height: 100%;
}

@media all and (display-mode: standalone) {
  html {
    height: 100lvh;
  }
}
/* --------------------------------------------------------------------------------
   フォント
   --------------------------------------------------------------------------------
    - -apple-system: Mac と iOS 用フォント SanFrancisco。ヒラギノに近いが欧文はヒラギノより良い
    - BlinkMacSystemFont: Chrome で SanFranciso を使いたいときの指定
----------------------------------------------------------------------------------- */
body {
  font-family: "Noto Sans JP", "Segoe UI", "メイリオ", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Helvetica, Arial, sans-serif;
  font-size: 1.6em; /* 14px（body で rem ではなく em を使うのはChromeのバグ対策） */
  line-height: 1.5;
  color: #1b232a;
}

/* --------------------------------------------------------------------------------
   基本文字色
----------------------------------------------------------------------------------- */
a:link {
  color: #33b9e7;
}

a:visited {
  color: #33b9e7;
}

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

em {
  color: #1b232a;
}

strong {
  color: #1b232a;
}

/* --------------------------------------------------------------------------------
   iOS の Chrome で10桁程度の数字が勝手に電話番号認識される件の対処
   - meta タグの指定を無視してリンクされる
   - 先手を打ってaタグで囲み、pointer-events: none としている
   - テキスト選択が効かなくなるので本来は js で return false などとするのがベター
----------------------------------------------------------------------------------- */
a.c-no-tel {
  pointer-events: none;
  text-decoration: none;
  color: #1b232a;
}

/* --------------------------------------------------------------------------------
   ベースのスタイル
   --------------------------------------------------------------------------------
    - 要素セレクタの初期値を定義
    - リセットCSSを上書きするイメージ
----------------------------------------------------------------------------------- */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 100rem;
  background-color: #f6f6f6;
  position: relative;
}
body > * {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
body.no-scroll {
  overflow: hidden;
}
body.has-modal {
  overflow: hidden;
}
body.page-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    padding: 2rem 4.8rem;
    background: url(../images/bg-login.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

/* --------------------------------------------------------------------------------
   .l-chatbot : チャットボックス
----------------------------------------------------------------------------------- */
.l-chatbot {
  z-index: 10;
  position: fixed;
  right: 0;
  top: 10rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 40rem;
  height: calc(100% - 10rem);
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
}
.l-chatbot__header {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4.8rem;
  flex: 0 0 4.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #08043e;
}
.l-chatbot__header h2 {
  font-size: 1.8rem;
  color: #ffffff;
}
.l-chatbot__header__close, .l-chatbot__header__refresh {
  position: absolute;
  top: 0;
  height: 100%;
  padding: 0 2rem;
  color: #ffffff;
  border: 0;
  background: none;
}
.l-chatbot__header__close > span, .l-chatbot__header__refresh > span {
  font-size: 3.2rem;
}
.l-chatbot__header__close:hover, .l-chatbot__header__refresh:hover {
  opacity: 0.8;
}
.l-chatbot__header__close {
  left: 0;
}
.l-chatbot__header__refresh {
  right: 0;
}
.l-chatbot__log {
  z-index: 11;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow-y: auto;
  /* スクロールバー */
  -webkit-overflow-scrolling: touch;
}
.l-chatbot__log::-webkit-scrollbar {
  width: 0.6rem;
}
.l-chatbot__log::-webkit-scrollbar-track {
  background-color: transparent;
}
.l-chatbot__log::-webkit-scrollbar-track:hover {
  background-color: #e4e6e6;
}
.l-chatbot__log::-webkit-scrollbar-thumb {
  border-radius: 0.6rem;
  background-color: #c7cacd;
}
.l-chatbot__log::-webkit-scrollbar-thumb:hover {
  background-color: #8f969a;
}
.l-chatbot__log__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 2rem 2rem 0;
}
.l-chatbot__log__item {
  display: grid;
  grid-gap: 0.8rem 0;
  gap: 0.8rem 0;
}
.l-chatbot__log__info {
  display: grid;
  grid-template-columns: 4rem 1fr;
  grid-column: 1/span 3;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 0 0.8rem;
  gap: 0 0.8rem;
}
.l-chatbot__log__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: #3366cc;
}
.l-chatbot__log__icon .material-icons-round {
  font-size: 2.8rem;
  color: #ffffff;
}
.l-chatbot__log__text {
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.4;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  grid-column: 1/span 3;
}
.l-chatbot__log__item.is-user .l-chatbot__log__icon {
  background-color: #ffc82f;
}
.l-chatbot__log__item.is-user .l-chatbot__log__text {
  border-color: #e4e6e6;
  background-color: #f6f6f6;
}
.l-chatbot__log__time {
  font-size: 1.2rem;
  color: #a5abaf;
  text-align: right;
  grid-column: 1/span 3;
}
.l-chatbot__suggest {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: auto;
}
.l-chatbot__suggest:not(:has(.l-chatbot__suggest__btn)) {
  display: none;
}
.l-chatbot__suggest > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.l-chatbot__suggest__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  height: 4rem;
  padding: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: left;
  color: #08043e;
  border: 0.1rem solid #99ccff;
  border-radius: 0.4rem;
  background: #e2f2ff;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.l-chatbot__suggest__btn .material-icons-round {
  font-size: 2rem;
}
.l-chatbot__suggest__btn:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.l-chatbot__input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 7.2rem;
  padding: 1.6rem 2rem;
}
.l-chatbot__input__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 4rem;
  max-height: 12rem;
}
.l-chatbot__input__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7.2rem;
  flex: 0 0 7.2rem;
  height: auto !important;
}

/* --------------------------------------------------------------------------------
   .l-chatbot : 幅300px version
----------------------------------------------------------------------------------- */
.l-chatbot.w-300 {
  width: 30rem;
}
.l-chatbot.w-300 .l-chatbot__log__info {
  grid-template-columns: 3.2rem 1fr;
}
.l-chatbot.w-300 .l-chatbot__log__icon {
  width: 32px;
  height: 32px;
}
.l-chatbot.w-300 .l-chatbot__log__icon .material-icons-round {
  font-size: 2rem;
}
.l-chatbot.w-300 .l-chatbot__suggest__btn {
  font-size: 1.2rem;
}
.l-chatbot.w-300 .l-chatbot__suggest__btn.material-icons-round {
  font-size: 1.8rem;
}
.l-chatbot.w-300 .l-chatbot__input__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 5.2rem;
  flex: 0 0 5.2rem;
}

/* --------------------------------------------------------------------------------
   .l-container : コンテナ
----------------------------------------------------------------------------------- */
.l-container {
  width: 100%;
  padding: 0 2rem;
}

/* --------------------------------------------------------------------------------
   .l-dialog : ダイアログ
----------------------------------------------------------------------------------- */
.l-dialog {
  z-index: 200;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2rem 4rem;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(27, 35, 42, 0.5);
  /* 表示中 */
  /* ダイアログ本体のフレーム */
  /* ダイアログタイトル */
  /* ヘッダの閉じるボタン */
  /* ボディ */
  /* エラー文言 */
}
.l-dialog.is-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-dialog__container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 72rem;
  max-height: 100%;
  border-radius: 0.8rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  /* ヘッダ */
  /* フッタ */
}
.l-dialog.is-360 .l-dialog__container {
  width: 36rem;
}
.l-dialog.is-720 .l-dialog__container {
  width: 72rem;
}
.l-dialog.is-960 .l-dialog__container {
  width: 96rem;
}
.l-dialog__container > header {
  z-index: 200;
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4.8rem;
  min-height: 4.8rem;
  padding: 0 2rem;
  border-bottom: 0.1rem solid #c7cacd;
  border-radius: 0.8rem 0.8rem 0 0;
  background-color: #ffffff;
}
.l-dialog__container > footer {
  position: sticky;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 1.2rem 2rem;
  border-top: 0.1rem solid #c7cacd;
  background-color: #ffffff;
  border-radius: 0 0 0.8rem 0.8rem;
}
.l-dialog__title {
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
}
.l-dialog__close {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 4.8rem;
  padding: 0 2rem;
  font-size: 3.2rem;
  border: 0;
  background: none;
  color: #6e757a;
}
.l-dialog__close:hover {
  color: #140a9a;
}
.l-dialog__body {
  padding: 2rem;
  overflow-y: auto;
}
.l-dialog__body .note {
  font-size: 1.4rem;
}
.l-dialog__error {
  display: none;
  margin-top: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #ff0000;
}
.l-dialog__error.isActive {
  display: block;
}

/* --------------------------------------------------------------------------------
   ログイン画面で表示するダイアログのデザイン（エラーロックダイアログを除く）
----------------------------------------------------------------------------------- */

.l-dialog-login__container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 72rem;
    max-height: 100%;
    border-radius: 0.8rem;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    overflow: hidden;
    /* ヘッダ */
    /* フッタ */
}

.l-dialog.is-960 .l-dialog-login__container {
    width: 96rem;
}

.l-dialog-login__container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.l-dialog-login__container > header {
    z-index: 200;
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.8rem;
    min-height: 4.8rem;
    padding: 30px 30px 30px;
    background-color: #ffffff;
    border-radius: 0.8rem 0.8rem 0 0;
}
.l-dialog-login-header__img {
    width: 100px;
    height: auto;
}
.l-dialog-login-header__spacer {
    flex: 1;
}

.l-dialog-login-body-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: calc(100vh - 300px);
    min-height: 0;
    overflow-y: auto;
}

.l-dialog-login-body-split__left,
.l-dialog-login-body-split__right {
    flex: 1;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
}

.l-dialog-login-body-split__divider {
    width: 1px;
    background: #ccc;
    margin: 0 8px;
}

.l-dialog-login-body-split__title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 15px;
}

.l-dialog-login__container > footer {
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 1.2rem 2rem;
    border-radius: 0 0 0.8rem 0.8rem;
}

/* --------------------------------------------------------------------------------
   .l-gnav : グロナビ
----------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
   .l-header : サイトヘッダ
----------------------------------------------------------------------------------- */
.l-header {
  z-index: 100;
  position: sticky;
  top: 0;
  width: 100%;
  min-width: 100rem;
  /* ホバー中は表示 */
}
.l-header__upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4.8rem;
  color: #ffffff;
  background-color: #140a9a;
}
.l-header__upper a,
.l-header__upper a:visited,
.l-header__upper a:hover {
  color: #ffffff;
  text-decoration: none;
}
.l-header__logo {
  padding: 0 1.2rem;
}
.l-header__logo img {
  height: 3.7rem;
}
.l-header__util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  margin-left: auto;
}
.l-header__util > li {
  position: relative;
}
.l-header__util__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.l-header__util__item.is-open, .l-header__util__item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.l-header__util__item__icon {
  margin-right: 0.8rem;
  font-size: 1.8rem;
}
.l-header__util__item__arrow {
  font-size: 2.4rem;
}
.l-header__util__item.has-badge .l-header__util__item__icon {
  position: relative;
}
.l-header__util__item.has-badge .l-header__util__item__icon::after {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background-color: #ff0000;
}
.l-header__util-sub {
  z-index: 110;
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% - 0.6rem);
  min-width: 20rem;
  padding: 0.8rem 0;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #1b232a;
  /*overflow: hidden;*/
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
}
.l-header__util-sub.is-open {
  display: block;
}
.l-header__util-sub a,
.l-header__util-sub a:visited,
.l-header__util-sub a:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0.6rem 1.6rem;
  text-decoration: none;
  color: #08043e;
}
.l-header__util-sub a:hover,
.l-header__util-sub a:visited:hover,
.l-header__util-sub a:hover:hover {
  background-color: #f6f6f6;
}
.l-header__util-sub__new {
  font-size: 2rem;
  color: #ff0000;
}
.l-header__util-sub__heading {
  margin-top: 1.2rem;
  padding: 1.2rem 1.6rem 0.8rem;
  font-weight: bold;
  border-top: 0.1rem solid #c7cacd;
}
.l-header__util-sub:hover, .l-header__util__item.is-open + .l-header__util-sub {
  display: block;
}

.l-header__util-subsub {
    z-index: 120;
    display: none;
    position: absolute;
    right: 100%; /* 左側に表示 */
    min-width: 11rem;
    padding: 0.8rem 0;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #1b232a;
    overflow: hidden;
    border: 0.1rem solid #c7cacd;
    border-radius: 0.4rem;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
}

.l-header__util-subsub.is-open {
    display: block;
}

.l-header__util-subsub a,
.l-header__util-subsub a:visited,
.l-header__util-subsub a:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0.6rem 1.6rem;
    text-decoration: none;
    color: #08043e;
}

.l-header__util-subsub a:hover,
.l-header__util-subsub a:visited:hover,
.l-header__util-subsub a:hover:hover {
    background-color: #f6f6f6;
}

.l-header__util-subsub:hover, .l-header__util-sub__item.is-open + .l-header__util-subsub {
    display: block;
}

.l-header__util-sub a.l-header__util-sub__item,
.l-header__util-sub a.l-header__util-sub__item:visited,
.l-header__util-sub a.l-header__util-sub__item:hover {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.4rem;
}

.l-header__util-sub__item__icon {
    margin-left: -0.3rem;
    font-size: 1.6rem;
}

.l-header__lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.2rem;
  color: #140a9a;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0.3rem 0.6rem rgba(27, 35, 42, 0.16);
}
.l-header__lower a,
.l-header__lower a:visited,
.l-header__lower a:hover {
  color: #140a9a;
  text-decoration: none;
}
.l-header__toggle-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 6.8rem;
  height: 100%;
  padding: 0 2rem;
  color: #140a9a;
  border: 0;
  background: none;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.l-header__toggle-btn span {
  font-size: 2.8rem;
}
.l-header__toggle-btn::after {
  content: "";
  position: absolute;
  right: 0;
  margin-left: 2.8rem;
  width: 0.1rem;
  height: 1.8rem;
  background-color: #c7cacd;
}
.l-header__toggle-btn:hover {
  background-color: #f6f6f6;
}
.l-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.l-header__nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  height: 100%;
  padding: 0 0 0 2.8rem;
  font-size: 1.8rem;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
html[lang="en"] .l-header__nav a {
  padding: 0 0 0 clamp(1.0rem, 1.8vw, 2.8rem);
  font-size: clamp(1.2rem, 1.2vw, 1.8rem);
  word-break: normal;
}
.l-header__nav a::after {
  content: "";
  margin-left: 2.8rem;
  width: 0.1rem;
  height: 1.8rem;
  background-color: #c7cacd;
}
html[lang="en"] .l-header__nav a::after {
  margin-left: clamp(1.0rem, 1.8vw, 2.8rem);
}
.l-header__nav a:hover {
  background-color: #f6f6f6;
}
.l-header__nav__icon {
  font-size: 2.2rem;
}
.l-header__nav .is-selected {
  position: relative;
  font-weight: bold;
}
.l-header__nav .is-selected::after {
  content: "";
  width: 100%;
  height: 3px;
  background: #ffc82f;
  position: absolute;
  bottom: 0;
  border-radius: 10px;
}
.l-header__right {
  height: 100%;
  margin-left: auto;
}
.l-header__right a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  padding: 0 1.2rem;
  height: 100%;
  margin-left: auto;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.l-header__right a:hover {
  background-color: #f6f6f6;
}
@media print, screen and (max-width: 1280px) {
  .l-header__right__text {
    display: none;
  }
}

/* --------------------------------------------------------------------------------
   .l-main : メイン
----------------------------------------------------------------------------------- */
.l-main {
  position: relative;
  padding: 0 0 2rem 22rem;
}
body.has-sidebar-mini .l-main {
  padding-left: 6.8rem;
}
body:not(:has(.l-sidebar)) .l-main {
  padding-left: 0;
}
body.has-chatbot-full .l-main {
  padding-right: 30rem;
}
.l-main.has-overlay::after {
  content: "";
  z-index: 6; /* .l-page-bottom より上 */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 35, 42, 0.35);
}
@media print, screen and (max-width: 1280px) {
  .l-main {
    padding-left: 0;
  }
}

/* --------------------------------------------------------------------------------
   .l-page-bottom : ページ下部固定のエリア
----------------------------------------------------------------------------------- */
.l-page-bottom {
  z-index: 5;
  position: sticky;
  left: 0;
  bottom: 0;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 7.6rem;
  padding: 2rem;
  background-color: #ffffff;
}
.l-page-bottom.is-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.has-sidebar-full .l-page-bottom {
  left: 22rem;
  width: calc(100% - 22rem);
}
body.has-sidebar-mini .l-page-bottom {
  left: 6.8rem;
  width: calc(100% - 6.8rem);
}
body:not(:has(.l-sidebar)) .l-page-bottom {
  left: 0;
  width: 100%;
}
.l-page-bottom__seperator {
  width: 0.1rem;
  margin: 0 0.8rem;
  background-color: #c7cacd;
}

/* --------------------------------------------------------------------------------
   .l-page-header : ページヘッダ
----------------------------------------------------------------------------------- */
.l-page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 6.8rem;
}
.l-page-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  margin-left: auto;
}

/* --------------------------------------------------------------------------------
   .l-sidebar : サイドバー
----------------------------------------------------------------------------------- */
.l-sidebar {
  z-index: 20;
  position: fixed;
  left: 0;
  top: 10rem;
  width: 22rem;
  height: calc(100% - 10rem);
  padding: 2rem 0;
  color: #1b232a;
  background-color: #ffffff;
  overflow-y: auto;
  /* スクロールバー */
  -webkit-overflow-scrolling: touch;
  /* セクション */
  /* セクション見出し */
  /* 表示機械切替 */
  /* メニュー */
  /* サブメニュー */
  /* disabled の項目 */
}
.l-sidebar a,
.l-sidebar a:visited,
.l-sidebar a:hover,
.l-sidebar em {
  font-weight: inherit;
  text-decoration: none;
  color: #08043e;
}
.l-sidebar::-webkit-scrollbar {
  width: 0.4rem;
}
.l-sidebar::-webkit-scrollbar-track {
  background-color: transparent;
}
.l-sidebar::-webkit-scrollbar-track:hover {
  background-color: #e4e6e6;
}
.l-sidebar::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #c7cacd;
}
.l-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #8f969a;
}
.l-sidebar__section {
  margin-top: 1.6rem;
}
.l-sidebar__section:first-child {
  margin-top: 0;
}
.l-sidebar h2 {
  margin: 0 1.6rem;
  padding-bottom: 0.8rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #c7cacd;
}
.l-sidebar__change-machine {
  padding: 1.6rem;
}
.l-sidebar__change-machine .c-tab-3__item {
  padding: 0;
}
.l-sidebar__change-machine .p-form-item {
  gap: 0.4rem;
}
.l-sidebar__change-machine .c-btn {
  border-color: #c7cacd;
}
.l-sidebar__change-machine__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.6rem;
  padding-top: 1.2rem;
  border-top: 0.1rem solid #c7cacd;
}
.l-sidebar__nav {
  margin: 1.2rem 0;
  /* サブメニュー展開中 */
}
.l-sidebar__nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  padding: 1.2rem 1.6rem;
  font-size: 1.4rem;
  line-height: 1.4;
}
.l-sidebar__nav__item:hover {
  color: #140a9a;
  background-color: #f6f6f6;
}
.l-sidebar__nav__item:hover em,
.l-sidebar__nav__item:hover span {
  color: #140a9a;
}
.l-sidebar__nav__item em {
  font-weight: normal;
}
.l-sidebar__nav__item.is-selected {
  color: #140a9a;
  background-color: #f6f6f6;
}
.l-sidebar__nav__item.is-selected em {
  font-weight: bold;
  color: #140a9a;
}
.l-sidebar__nav__icon {
  width: 1.8rem;
  font-size: 1.8rem;
}
.l-sidebar__nav__arrow {
  margin-left: auto;
  font-size: 2.8rem;
  color: #6e757a;
}
.l-sidebar__nav__item.is-open .l-sidebar__nav__arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.l-sidebar__nav-child a {
  display: block;
  width: 100%;
  padding: 1.2rem 1.6rem 1.2rem 4.4rem;
  font-size: 1.4rem;
  line-height: 1.4;
}
.l-sidebar__nav-child a:hover {
  color: #140a9a;
  background-color: #f6f6f6;
}
.l-sidebar__nav-child a.is-selected {
  font-weight: bold;
  color: #140a9a;
  background-color: #f6f6f6;
}
.l-sidebar a.is-disabled, .l-sidebar a.is-disabled:hover,
.l-sidebar a.is-disabled em,
.l-sidebar a.is-disabled span {
  cursor: default;
  color: #8f969a;
  background-color: transparent;
}
.l-sidebar.is-mini {
  width: 6.8rem;
}
.l-sidebar.is-mini h2,
.l-sidebar.is-mini .l-sidebar__section:first-child,
.l-sidebar.is-mini .l-sidebar__nav__item > em,
.l-sidebar.is-mini .l-sidebar__nav__arrow,
.l-sidebar.is-mini .l-sidebar__nav-child {
  display: none !important;
}
.l-sidebar.is-mini .l-sidebar__section {
  margin: 0;
}
.l-sidebar.is-mini .l-sidebar__nav {
  margin: 0;
}
.l-sidebar.is-mini .l-sidebar__nav__item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (max-width: 1280px) {
  .l-sidebar {
    display: none;
  }
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* --------------------------------------------------------------------------------
   sliderのレイアウト
----------------------------------------------------------------------------------- */
.page-dashboard-daialog {
  overflow: hidden;
}
.page-dashboard-daialog .l-dialog__body {
  padding: 2rem 2rem 0;
}
.page-dashboard-daialog .l-dialog__body {
  overflow: hidden;
}
.page-dashboard-daialog .wedgit_name {
  font-size: 16px;
  text-indent: 1.5em;
  position: relative;
  color: #08043e;
}
.page-dashboard-daialog .wedgit_name::before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffc82f;
  margin: auto;
  top: 0;
  bottom: 0;
}
.page-dashboard-daialog .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.page-dashboard-daialog .slick-dots {
  position: relative;
  bottom: auto;
  bottom: initial;
  height: 6.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-dashboard-daialog .slick-dots::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 4rem);
  height: 1px;
  background-color: #c7cacd;
  top: 0;
  left: -2rem;
}
.page-dashboard-daialog .slick-dots li button:before {
  font-size: 30px;
}

/* --------------------------------------------------------------------------------
   .c-bar : 表中などにある横バーのグラフ
----------------------------------------------------------------------------------- */
.c-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.2rem;
  margin: 1.2rem auto 0;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.2rem;
  background-color: #ffffff;
}
.c-bar__num {
  position: absolute;
  left: 0;
  top: -1.8rem;
  width: 100%;
  height: 1.8rem;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}
.c-bar__ratio {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 0.2rem 0 0 0.2rem;
  background-color: #a5abaf;
}
.c-bar.is-blue .c-bar__ratio {
  background-color: #00a7e1;
}
.c-bar.is-red .c-bar__ratio {
  background-color: #ff0000;
}
.c-bar.is-orange .c-bar__ratio {
  background-color: #f37021;
}
.c-bar.is-error {
  border-color: #ff0000;
}
.c-bar.is-error .c-bar__num {
  font-weight: bold;
  color: #ff0000;
}
.c-bar.is-disabled {
  background-color: #e4e6e6;
}
.c-bar.is-disabled .c-bar__num {
  color: #a5abaf;
}

/* --------------------------------------------------------------------------------
   .c-box : 汎用のボックス
----------------------------------------------------------------------------------- */
.c-box {
  margin: 2rem 0;
  padding: 2rem;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  /* 最初の要素がボックスタイトルの場合のパディング調整 */
}
.l-page-header + .c-box, .c-title-1 + .c-box, .c-box:first-child {
  margin-top: 0;
}
.c-box:last-child {
  margin-bottom: 0;
}
.c-box:has(> .c-title-2:first-child) {
  padding-top: 0;
}
.c-box > .c-title-2 {
  margin-left: -2rem;
  margin-right: -2rem;
}

/* --------------------------------------------------------------------------------
   .c-btn-icon : アイコンのみボタン
----------------------------------------------------------------------------------- */
.c-btn-icon,
a.c-btn-icon {
  padding: 0;
  font-size: 2.4rem;
  line-height: 1;
  border: 0;
  background: none;
  /* 個別の設定 */
}
.c-btn-icon:hover,
a.c-btn-icon:hover {
  opacity: 0.8;
}
.c-btn-icon__on,
a.c-btn-icon__on {
  display: none;
}
.c-btn-icon.is-on .c-btn-icon__off,
a.c-btn-icon.is-on .c-btn-icon__off {
  display: none;
}
.c-btn-icon.is-on .c-btn-icon__on,
a.c-btn-icon.is-on .c-btn-icon__on {
  display: inline-block;
  color: #140a9a;
}
.c-btn-icon.is-sm .material-icons-round,
a.c-btn-icon.is-sm .material-icons-round {
  font-size: 2rem;
}
.c-btn-icon.is-checkbox.is-on .c-btn-icon__on,
a.c-btn-icon.is-checkbox.is-on .c-btn-icon__on {
  color: #ffc82f;
}

/* --------------------------------------------------------------------------------
   .c-btn : 汎用のボタン
   --------------------------------------------------------------------------------
    - ボタンは a か button 要素で利用可能です
----------------------------------------------------------------------------------- */
.c-btn,
a.c-btn {
  /* 基本スタイル（セカンダリボタン） */
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 0.4rem;
  max-width: 100%;
  height: 3.6rem;
  padding: 0 1.1rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #140a9a;
  outline: 0;
  border-radius: 0.4rem;
  border: 0.1rem solid #140a9a;
  background-color: #ffffff;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  /* サイズ */
  /* プライマリボタン */
  /* disabled */
}
.c-btn > span,
a.c-btn > span {
  font-size: 1.6rem; /* アイコン */
  padding-top: 0.1rem;
}
.c-btn:visited,
a.c-btn:visited {
  text-decoration: none;
  color: #ffffff;
}
.c-btn:not(:disabled):hover, .c-btn:not(:disabled):active,
a.c-btn:not(:disabled):hover,
a.c-btn:not(:disabled):active {
  color: #ffffff;
  background-color: #253fc8;
}
.c-btn.is-lg,
a.c-btn.is-lg {
  height: 4.4rem;
  font-size: 1.6rem;
}
.c-btn.is-lg > span,
a.c-btn.is-lg > span {
  font-size: 2rem; /* アイコン */
}
.c-btn.is-sm,
a.c-btn.is-sm {
  height: 2.8rem;
}
.c-btn.is-narrow,
a.c-btn.is-narrow {
  width: 4.4rem;
}
.c-btn.is-primary,
a.c-btn.is-primary {
  color: #ffffff;
  background-color: #140a9a;
}
.c-btn.is-primary:not(:disabled):hover, .c-btn.is-primary:not(:disabled):active,
a.c-btn.is-primary:not(:disabled):hover,
a.c-btn.is-primary:not(:disabled):active {
  background-color: #253fc8;
}
.c-btn:disabled,
a.c-btn:disabled {
  color: #ffffff;
  cursor: default;
  border-color: #a5abaf;
  background-color: #a5abaf;
}

/* toggleスイッチのボタン */
.filter-box .c-btn .toggle-switch {
    width: 4.8rem;
    height: 2.8rem;
    position: relative;
    border-radius: 20px;
    background: #140a9a;
    margin-left: 0.8rem;
}
.filter-box .c-btn .toggle-switch::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 4px;
}
.filter-box .c-btn .toggle-switch.off {
  background: #E4E6E6;
}
.filter-box .c-btn .toggle-switch.off::before {
  right: auto;
  left: 4px;
}

.c-change-log {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #c7cacd;
  padding: 7px 11px 7px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
}
.c-change-log .c-btn {
  height: 28px;
}
.c-change-log span {
  font-size: 14px;
}

/* --------------------------------------------------------------------------------
   .c-chart : グラフのラッパー
-----------------------------------------------------------------------------------
   - グラフ（画像）のデフォルトサイズは幅100%、高さ成り行き
   - サイズ調整する場合は img 要素にユーティリティクラス等でサイズ指定する
       例： <img src="..." class="u-h-400">
   - .c-chart ではなく配下の画像に対してサイズ指定すること
----------------------------------------------------------------------------------- */
.c-chart {
  margin: 1.2rem 0;
  text-align: center;
}
.c-chart:first-child {
  margin-top: 0;
}
.c-chart:last-child {
  margin-bottom: 0;
}
.c-chart > img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
}

/* --------------------------------------------------------------------------------
   .c-column : 段組み
----------------------------------------------------------------------------------- */
.c-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin: 2rem 0;
}
.c-column > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}
.c-column:first-child, .l-page-header + .c-column {
  margin-top: 0;
}
.c-column:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
   .c-ellipsis : 長いテキストを ... で省略

   NOTE: 幅は個別に設定する必要あり
----------------------------------------------------------------------------------- */
.c-ellipsis {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* --------------------------------------------------------------------------------
   .c-flex : カラム
----------------------------------------------------------------------------------- */
.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.2rem;
  /* p 要素など要素自体に上下マージンが設定されている場合は邪魔なのでキャンセルする（余白は gap でとる） */
  /* 幅に応じてカラム落ちさせる */
  /* シュリンクしない */
  /* 方向 */
  /* 揃え方 - justify */
  /* 揃え方 - justify（PCのみ） */
  /* 揃え方 - align */
  /* 揃え方 - 上下中央 */
  /* 揃え方 - 上下トップ */
  /* 揃え方 - 上下ストレッチ */
  /* gap */
  /* gap（タテヨコ別） */
  /* 子要素の幅を揃える */
}
.c-flex > :first-child {
  margin-top: 0;
  margin-bottom: 0;
}
.c-flex > :last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.c-flex.is-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-flex__no-shrink {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.c-flex.is-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c-flex.is-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.c-flex.is-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.c-flex.is-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.c-flex.is-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.c-flex.is-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-flex.is-pc-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.c-flex.is-pc-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.c-flex.is-pc-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-flex.is-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-flex.is-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-flex.is-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.c-flex.is-start-center {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-flex.is-end-center {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-flex.is-center-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-flex.is-between-center {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-flex.is-start-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-flex.is-end-top {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-flex.is-center-top {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-flex.is-between-top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-flex.is-start-stretch {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.c-flex.is-end-stretch {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.c-flex.is-center-stretch {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.c-flex.is-between-stretch {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.c-flex.is-gap-0 {
  gap: 0;
}
.c-flex.is-gap-4 {
  gap: 0.4rem;
}
.c-flex.is-gap-8 {
  gap: 0.8rem;
}
.c-flex.is-gap-10 {
  gap: 1rem;
}
.c-flex.is-gap-12 {
  gap: 1.2rem;
}
.c-flex.is-gap-16 {
  gap: 1.6rem;
}
.c-flex.is-gap-20 {
  gap: 2rem;
}
.c-flex.is-gap-24 {
  gap: 2.4rem;
}
.c-flex.is-gap-30 {
  gap: 3rem;
}
.c-flex.is-gap-40 {
  gap: 4rem;
}
.c-flex.is-gap-50 {
  gap: 5rem;
}
.c-flex.is-gap-60 {
  gap: 6rem;
}
.c-flex.is-gap-70 {
  gap: 7rem;
}
.c-flex.is-gap-80 {
  gap: 8rem;
}
.c-flex.is-gap-90 {
  gap: 9rem;
}
.c-flex.is-gap-100 {
  gap: 10rem;
}
.c-flex.is-gap-0-0 {
  gap: 0 0;
}
.c-flex.is-gap-0-4 {
  gap: 0 0.4rem;
}
.c-flex.is-gap-0-8 {
  gap: 0 0.8rem;
}
.c-flex.is-gap-0-10 {
  gap: 0 1rem;
}
.c-flex.is-gap-0-12 {
  gap: 0 1.2rem;
}
.c-flex.is-gap-0-16 {
  gap: 0 1.6rem;
}
.c-flex.is-gap-0-20 {
  gap: 0 2rem;
}
.c-flex.is-gap-0-24 {
  gap: 0 2.4rem;
}
.c-flex.is-gap-0-30 {
  gap: 0 3rem;
}
.c-flex.is-gap-0-40 {
  gap: 0 4rem;
}
.c-flex.is-gap-4-0 {
  gap: 0.4rem 0;
}
.c-flex.is-gap-4-4 {
  gap: 0.4rem 0.4rem;
}
.c-flex.is-gap-4-8 {
  gap: 0.4rem 0.8rem;
}
.c-flex.is-gap-4-10 {
  gap: 0.4rem 1rem;
}
.c-flex.is-gap-4-12 {
  gap: 0.4rem 1.2rem;
}
.c-flex.is-gap-4-16 {
  gap: 0.4rem 1.6rem;
}
.c-flex.is-gap-4-20 {
  gap: 0.4rem 2rem;
}
.c-flex.is-gap-4-24 {
  gap: 0.4rem 2.4rem;
}
.c-flex.is-gap-4-30 {
  gap: 0.4rem 3rem;
}
.c-flex.is-gap-4-40 {
  gap: 0.4rem 4rem;
}
.c-flex.is-gap-8-0 {
  gap: 0.8rem 0;
}
.c-flex.is-gap-8-4 {
  gap: 0.8rem 0.4rem;
}
.c-flex.is-gap-8-8 {
  gap: 0.8rem 0.8rem;
}
.c-flex.is-gap-8-10 {
  gap: 0.8rem 1rem;
}
.c-flex.is-gap-8-12 {
  gap: 0.8rem 1.2rem;
}
.c-flex.is-gap-8-16 {
  gap: 0.8rem 1.6rem;
}
.c-flex.is-gap-8-20 {
  gap: 0.8rem 2rem;
}
.c-flex.is-gap-8-24 {
  gap: 0.8rem 2.4rem;
}
.c-flex.is-gap-8-30 {
  gap: 0.8rem 3rem;
}
.c-flex.is-gap-8-40 {
  gap: 0.8rem 4rem;
}
.c-flex.is-gap-12-0 {
  gap: 1.2rem 0;
}
.c-flex.is-gap-12-4 {
  gap: 1.2rem 0.4rem;
}
.c-flex.is-gap-12-8 {
  gap: 1.2rem 0.8rem;
}
.c-flex.is-gap-12-10 {
  gap: 1.2rem 1rem;
}
.c-flex.is-gap-12-12 {
  gap: 1.2rem 1.2rem;
}
.c-flex.is-gap-12-16 {
  gap: 1.2rem 1.6rem;
}
.c-flex.is-gap-12-20 {
  gap: 1.2rem 2rem;
}
.c-flex.is-gap-12-24 {
  gap: 1.2rem 2.4rem;
}
.c-flex.is-gap-12-30 {
  gap: 1.2rem 3rem;
}
.c-flex.is-gap-12-40 {
  gap: 1.2rem 4rem;
}
.c-flex.is-gap-16-0 {
  gap: 1.6rem 0;
}
.c-flex.is-gap-16-4 {
  gap: 1.6rem 0.4rem;
}
.c-flex.is-gap-16-8 {
  gap: 1.6rem 0.8rem;
}
.c-flex.is-gap-16-10 {
  gap: 1.6rem 1rem;
}
.c-flex.is-gap-16-12 {
  gap: 1.6rem 1.2rem;
}
.c-flex.is-gap-16-16 {
  gap: 1.6rem 1.6rem;
}
.c-flex.is-gap-16-20 {
  gap: 1.6rem 2rem;
}
.c-flex.is-gap-16-24 {
  gap: 1.6rem 2.4rem;
}
.c-flex.is-gap-16-30 {
  gap: 1.6rem 3rem;
}
.c-flex.is-gap-16-40 {
  gap: 1.6rem 4rem;
}
.c-flex.is-gap-20-0 {
  gap: 2rem 0;
}
.c-flex.is-gap-20-4 {
  gap: 2rem 0.4rem;
}
.c-flex.is-gap-20-8 {
  gap: 2rem 0.8rem;
}
.c-flex.is-gap-20-10 {
  gap: 2rem 1rem;
}
.c-flex.is-gap-20-12 {
  gap: 2rem 1.2rem;
}
.c-flex.is-gap-20-16 {
  gap: 2rem 1.6rem;
}
.c-flex.is-gap-20-20 {
  gap: 2rem 2rem;
}
.c-flex.is-gap-20-24 {
  gap: 2rem 2.4rem;
}
.c-flex.is-gap-20-30 {
  gap: 2rem 3rem;
}
.c-flex.is-gap-20-40 {
  gap: 2rem 4rem;
}
.c-flex.is-gap-24-0 {
  gap: 2.4rem 0;
}
.c-flex.is-gap-24-4 {
  gap: 2.4rem 0.4rem;
}
.c-flex.is-gap-24-8 {
  gap: 2.4rem 0.8rem;
}
.c-flex.is-gap-24-10 {
  gap: 2.4rem 1rem;
}
.c-flex.is-gap-24-12 {
  gap: 2.4rem 1.2rem;
}
.c-flex.is-gap-24-16 {
  gap: 2.4rem 1.6rem;
}
.c-flex.is-gap-24-20 {
  gap: 2.4rem 2rem;
}
.c-flex.is-gap-24-24 {
  gap: 2.4rem 2.4rem;
}
.c-flex.is-gap-24-30 {
  gap: 2.4rem 3rem;
}
.c-flex.is-gap-24-40 {
  gap: 2.4rem 4rem;
}
.c-flex.is-equal > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* --------------------------------------------------------------------------------
   .c-form-calender : 日付、時間の入力フォーム
----------------------------------------------------------------------------------- */
.c-form-calendar {
  position: relative;
  cursor: pointer;
}
.c-form-calendar input {
  pointer-events: none;
  background: #fff;
}
.c-form-calendar::before {
  font-family: "Material Icons Round";
  content: "calendar_month";
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.8rem;
  color: #6e757a;
}
.c-form-calendar.is-time::before {
  content: "watch_later";
}
/* MCC追加 */
.c-form-calendar:hover:not(:has(:disabled)) {
  outline: #140a9a auto 0.1rem;
}
.c-form-calendar:has(:disabled) {
    cursor: default;
}

/* air-datepicker.js のカスタマイズ */
.air-datepicker {
  font-family: "Noto Sans JP", "Segoe UI", "メイリオ", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
}

.air-datepicker.-inline- {
  width: 100%;
  border: 0;
}

.air-datepicker-body--day-name {
  font-size: 1.6rem;
  color: #1b232a;
  font-weight: bold;
}
.air-datepicker-body--day-name.-weekend- {
  color: #006487;
}
.air-datepicker-body--day-name.-weekend-:first-child {
  color: #c00567;
}

/* 年月等が入るタイトル欄 */
.air-datepicker-nav {
  border: 0;
}

.air-datepicker-nav--title {
  font-weight: bold;
}
.air-datepicker-nav--title i {
  line-height: 2;
  color: var(--color-blackGray);
}

/* 日付・全般 */
.air-datepicker-body--cells.-days-, .air-datepicker-body--cells.-months-, .air-datepicker-body--cells.-years- {
  grid-auto-rows: 38px;
  font-size: 1.6rem;
  color: #1b232a;
}

/* カレンダー日付セルを常に6行分の高さに固定（月切替時のダイアログサイズ変動を防止） */
.air-datepicker-body--cells.-days- {
  min-height: calc(38px * 6);
}

/* 日付・個別セル */
.air-datepicker-cell.-current- {
  font-weight: bold;
  color: #0086b4;
}
.air-datepicker-cell.-current-.-selected- {
  color: #ffffff;
}
.air-datepicker-cell.-day-.-other-month-, .air-datepicker-cell.-year-.-other-decade- {
  color: #6e757a;
}

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

    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に .is-error を付加）
        2. disabled 属性
----------------------------------------------------------------------------------- */
.c-form-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* エラー時のスタイル */
  /* ラベルテキストがないとき */
}
.c-form-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.c-form-checkbox input[type=checkbox] + span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  margin-right: 1em;
  padding-right: 0.1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #1b232a;
  cursor: pointer;
}
.c-form-checkbox input[type=checkbox] + span::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 0;
  border: 0.1rem solid #a5abaf;
  border-radius: 0.4rem;
  background-color: #ffffff;
  background-position: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.c-form-checkbox input[type=checkbox] + span:hover::before {
  border: 0.1rem solid #140a9a;
  background-color: rgba(20, 10, 154, 0.05);
}
.c-form-checkbox input[type=checkbox]:checked + span::before {
  background-color: #140a9a;
  background: #140a9a url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.615%22%20height%3D%2216.272%22%20viewBox%3D%220%200%2021.615%2016.272%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3590%22%20data-name%3D%22%E3%83%91%E3%82%B9%203590%22%20d%3D%22M11.625-10.111l-4.48-4.48a1.317%2C1.317%2C0%2C0%2C0-1.816%2C0%2C1.317%2C1.317%2C0%2C0%2C0%2C0%2C1.816l5.389%2C5.389a1.213%2C1.213%2C0%2C0%2C0%2C1.816%2C0L26.217-21.07a1.316%2C1.316%2C0%2C0%2C0%2C0-1.816%2C1.317%2C1.317%2C0%2C0%2C0-1.816%2C0Z%22%20transform%3D%22translate(-4.965%2023.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
  background-size: 1.8rem;
}
.c-form-checkbox input[type=checkbox]:disabled + span {
  cursor: default;
  color: #a5abaf;
}
.c-form-checkbox input[type=checkbox]:disabled + span::before {
  border-color: #a5abaf;
  background: #e4e6e6;
}
.c-form-checkbox input[type=checkbox]:disabled:checked + span::before {
  background-color: #a5abaf;
  -webkit-box-shadow: inset 0 0 0 0.4rem #ffffff;
  box-shadow: inset 0 0 0 0.4rem #ffffff;
}
.c-form-checkbox.is-error input[type=checkbox] + span, .is-error .c-form-checkbox input[type=checkbox] + span {
  color: #ff0000;
}
.c-form-checkbox.is-error input[type=checkbox] + span::before, .is-error .c-form-checkbox input[type=checkbox] + span::before {
  border-color: #ff0000;
  background-color: #ffffff;
}
.c-form-checkbox.is-error input[type=checkbox]:checked + span::before, .is-error .c-form-checkbox input[type=checkbox]:checked + span::before {
  border-color: #ff0000;
  background-color: #ff0000;
}
.c-form-checkbox.is-error input[type=checkbox] + span:empty, .is-error .c-form-checkbox input[type=checkbox] + span:empty {
  padding-right: 0;
}
.c-form-checkbox.is-error input[type=checkbox] + span:empty::before, .is-error .c-form-checkbox input[type=checkbox] + span:empty::before {
  margin-right: 0;
}
.c-form-checkbox input[type=checkbox] + span:empty {
  margin-right: 0;
  padding-right: 0;
}
.c-form-checkbox input[type=checkbox] + span:empty::before {
  margin-right: 0;
}

/* --------------------------------------------------------------------------------
   .c-form-custom-select : カスタムの select 要素
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に .is-error を付加）
        2. disabled 属性
        3. サイズ（is-sm, is-lg）
----------------------------------------------------------------------------------- */
.c-form-custom-select {
  position: relative;
  /* エラー時のスタイル */
  /* disabled */
  /* サイズ */
  /* 選択肢のリスト */
}
.c-form-custom-select__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  padding: 0 3rem 0 1.5rem;
  font-size: 1.6rem;
  color: #0c065c;
  border: 0.1rem solid #253fc8;
  border-radius: 0.4rem;
  background-color: #ffffff;
  /* 三角の下矢印と、修正有りマークの２つ（後者はノーマル時はサイズゼロとする） */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20300%20170%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M%2020.186%200%20L%20279.814%200%20C%20297.776%200%20306.756%2021.672%20294.042%2034.373%20L%20164.278%20164.103%20C%20156.407%20171.966%20143.593%20171.966%20135.722%20164.103%20L%205.959%2034.373%20C%20-6.756%2021.672%202.225%200%2020.186%200%20Z%22%20style%3D%22fill%3A%20rgb(26%2C%2059%2C%20105)%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"), url(./../images/icon-exclamation.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: calc(100% - 0.6rem) center, calc(100% - 2.4rem) center;
  background-size: 1rem, 0;
}
.c-form-custom-select__label.c-form-custom-select__updated {
  background-size: 1rem, 1.6rem;
}
.c-form-custom-select__label:hover {
  outline: #140a9a auto 0.1rem;
}
.c-form-custom-select__label:focus {
  outline: #140a9a auto 0.2rem;
}
.c-form-custom-select__label.is-error, .c-form-custom-select__label.is-error:focus, .is-error .c-form-custom-select__label, .is-error .c-form-custom-select__label:focus {
  -webkit-box-shadow: 0 0 0 0.2rem #ff0000;
  box-shadow: 0 0 0 0.2rem #ff0000;
}
.c-form-custom-select__label.is-error:disabled, .c-form-custom-select__label.is-error:focus:disabled, .is-error .c-form-custom-select__label:disabled, .is-error .c-form-custom-select__label:focus:disabled {
  color: #3366cc;
  outline: 0;
}
.c-form-custom-select__label:disabled {
  color: #253fc8;
  cursor: default;
  outline: 0;
  border-color: #253fc8;
  background-color: #ffffff;
  /* 少し薄い三角 */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20300%20170%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M%2020.186%200%20L%20279.814%200%20C%20297.776%200%20306.756%2021.672%20294.042%2034.373%20L%20164.278%20164.103%20C%20156.407%20171.966%20143.593%20171.966%20135.722%20164.103%20L%205.959%2034.373%20C%20-6.756%2021.672%202.225%200%2020.186%200%20Z%22%20style%3D%22fill%3A%20rgb(218%2C%20228%2C%20237)%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.c-form-custom-select__label.is-lg {
  height: 4.8rem;
}
.c-form-custom-select__label.is-sm {
  height: 3.2rem;
  padding: 0 2rem 0 1rem;
  font-size: 1.3rem;
}
.c-form-custom-select > ul {
  z-index: 1;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  max-height: 30rem;
  overflow: auto;
  margin: 0;
  border-radius: 0.8rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(27, 35, 42, 0.24);
  box-shadow: 0 0.3rem 0.6rem rgba(27, 35, 42, 0.24);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
.c-form-custom-select > ul::-webkit-scrollbar {
  width: 0.8rem;
}
.c-form-custom-select > ul::-webkit-scrollbar-track {
  width: 0.8rem;
  border-radius: 0.8rem;
  background-color: #6699ff;
}
.c-form-custom-select > ul::-webkit-scrollbar-thumb {
  border-radius: 0.8rem;
  background-color: #253fc8;
}
.c-form-custom-select > ul::-webkit-scrollbar-thumb:hover {
  background-color: #140a9a;
}
.c-form-custom-select > ul button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  padding: 0 3rem 0 1.5rem;
  font-size: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #0c065c;
  outline: none;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  /* 選択中のチェックマークと、修正有りマークの２つ（通常時はサイズゼロとする） */
  background-image: url(./../images/icon-check.svg), url(./../images/icon-exclamation.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 0.8rem center, calc(100% - 0.8rem) center;
  background-size: 0, 0;
}
.c-form-custom-select > ul button.is-selected {
  background-size: 1.2rem, 0;
  background-size: 0, 0;
}
.c-form-custom-select > ul button.c-form-custom-select__updated {
  background-size: 0, 1.6rem;
}
.c-form-custom-select > ul button.is-selected.c-form-custom-select__updated {
  background-size: 1.2rem, 1.6rem;
}
.c-form-custom-select > ul button:hover, .c-form-custom-select > ul button:focus {
  background-color: #6699ff;
}
.c-form-custom-select.is-open > ul {
  display: block;
}

/* --------------------------------------------------------------------------------
   .c-form-password : 表示切り替え付きのパスワードフィールド
   --------------------------------------------------------------------------------
    - 基本的なスタイルは .c-form-text で定義
    - ここでは切り替えボタンのみを定義する
----------------------------------------------------------------------------------- */
.c-form-password {
  position: relative;
}
.c-form-password input[type=text].c-form-text,
.c-form-password input[type=password].c-form-text {
  width: 100%;
  padding-right: 4rem;
}
.c-form-password input[type=text].c-form-text::-ms-reveal,
.c-form-password input[type=password].c-form-text::-ms-reveal {
  display: none;
}
.c-form-password__btn {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4rem;
  height: 100%;
  cursor: pointer;
}
.c-form-password__btn:hover {
  opacity: 0.7;
}
.c-form-password__btn .c-form-password__on,
.c-form-password__btn .c-form-password__off {
  color: #6e757a;
}
.c-form-password__btn .c-form-password__off {
  display: none;
}
.c-form-password.is-visible .c-form-password__on {
  display: inline;
}
.c-form-password.is-visible .c-form-password__off {
  display: none;
}

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

    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に .is-error を付加）
        2. disabled 属性
----------------------------------------------------------------------------------- */
.c-form-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* エラー時のスタイル */
  /* ラベルテキストがないとき */
}
.c-form-radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.c-form-radio input[type=radio] + span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  margin-right: 1em;
  padding-right: 0.1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #1b232a;
  cursor: pointer;
}
.c-form-radio input[type=radio] + span::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 0;
  border: 0.1rem solid #a5abaf;
  border-radius: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.c-form-radio input[type=radio] + span:hover::before {
  border: 0.1rem solid #140a9a;
  background-color: rgba(20, 10, 154, 0.05);
}
.c-form-radio input[type=radio]:checked + span::before {
  background-color: #140a9a;
  -webkit-box-shadow: inset 0 0 0 0.4rem #ffffff;
  box-shadow: inset 0 0 0 0.4rem #ffffff;
}
.c-form-radio input[type=radio]:disabled + span {
  cursor: default;
  color: #a5abaf;
}
.c-form-radio input[type=radio]:disabled + span::before {
  border-color: #a5abaf;
  background: #e4e6e6;
}
.c-form-radio input[type=radio]:disabled:checked + span::before {
  background-color: #a5abaf;
  -webkit-box-shadow: inset 0 0 0 0.4rem #ffffff;
  box-shadow: inset 0 0 0 0.4rem #ffffff;
}
.c-form-radio.is-error input[type=radio] + span, .is-error .c-form-radio input[type=radio] + span {
  color: #ff0000;
}
.c-form-radio.is-error input[type=radio] + span::before, .is-error .c-form-radio input[type=radio] + span::before {
  border-color: #ff0000;
  background-color: #ffffff;
}
.c-form-radio.is-error input[type=radio]:checked + span::before, .is-error .c-form-radio input[type=radio]:checked + span::before {
  border-color: #ff0000;
  background-color: #ff0000;
}
.c-form-radio.is-error input[type=radio] + span:empty, .is-error .c-form-radio input[type=radio] + span:empty {
  padding-right: 0;
}
.c-form-radio.is-error input[type=radio] + span:empty::before, .is-error .c-form-radio input[type=radio] + span:empty::before {
  margin-right: 0;
}
.c-form-radio input[type=radio] + span:empty {
  margin-right: 0;
  padding-right: 0;
}
.c-form-radio input[type=radio] + span:empty::before {
  margin-right: 0;
}

/* --------------------------------------------------------------------------------
   .c-form-select : select要素
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に .is-error を付加）
        2. disabled 属性
----------------------------------------------------------------------------------- */
.c-form-select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  height: 4.4rem;
  padding: 0 4.3rem 0 0.8rem;
  font-size: 1.6rem;
  color: #1b232a;
  border: 0.1rem solid #a5abaf;
  border-radius: 0.4rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 三角の下矢印 */
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%236E757A%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8.71%2011.71l2.59%202.59c.39.39%201.02.39%201.41%200l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89%200-1.33%201.08-.7%201.71z%22%2F%3E%3C%2Fsvg%3E") no-repeat right center;
  background-size: 4.3rem auto;
  /* エラー時のスタイル */
  /* disabled */
  /* サイズ */
}
.c-form-select:hover {
  background-color: #f6f6f6;
}
.c-form-select:focus {
  outline: #140a9a auto 0.2rem;
}
.c-form-select.is-error, .c-form-select.is-error:focus, .is-error .c-form-select, .is-error .c-form-select:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ff0000;
  -webkit-box-shadow: 0 0 0 0.2rem #ff0000;
  box-shadow: 0 0 0 0.2rem #ff0000;
}
.c-form-select.is-error:disabled, .c-form-select.is-error:focus:disabled, .is-error .c-form-select:disabled, .is-error .c-form-select:focus:disabled {
  color: #a5abaf;
  outline: 0;
}
.c-form-select:disabled {
  cursor: default;
  color: #a5abaf;
  background-color: #e4e6e6;
  outline: 0;
}
.c-form-select.is-lg {
  height: 4.8rem;
}
.c-form-select.is-sm {
  height: 3.2rem;
  padding: 0 2rem 0 1rem;
  font-size: 1.4rem;
}

/* jsライブラリ select2 のカスタマイズ */
.select2-container .select2-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  min-height: 4.4rem;
  padding: 0.2rem 3.2rem 0.2rem 0.8rem;
  /* 三角の下矢印 */
  background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%236E757A%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8.71%2011.71l2.59%202.59c.39.39%201.02.39%201.41%200l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89%200-1.33%201.08-.7%201.71z%22%2F%3E%3C%2Fsvg%3E") no-repeat right center;
  background-size: 4.3rem auto;
  /* 複数選択 */
}
.select2-container .select2-selection .select2-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  line-height: 1.1;
  white-space: wrap;
  color: #1b232a;
}
.select2-container .select2-selection .select2-selection__rendered span {
  white-space: wrap;
}
.select2-container .select2-selection .select2-selection__rendered .material-icons-round {
  color: #ff0000;
}
.select2-container .select2-selection--multiple {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding: 0.2rem 3.2rem 0.2rem 0.2rem;
}
.select2-container--default.select2-container--focus .select2-container .select2-selection--multiple {
  border-color: #c7cacd;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
}
.select2-container .select2-selection--multiple .select2-selection__rendered > li {
  margin: 0.1rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.select2-container .select2-selection--multiple .select2-selection__choice__display {
  font-size: 1.4rem;
  line-height: 1.1;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  width: 2rem;
  height: 100%;
  padding: 0 0 0 0.1rem;
  font-size: 1.2rem;
  line-height: 1;
  border: 0;
}
.select2-container .select2-selection--multiple .select2-search__field {
  display: none;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  border-color: #c7cacd;
}

.select2-selection__arrow {
  display: none;
}

.select2-results__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.1;
}
.select2-results__option .material-icons-round {
  color: #ff0000;
}
/* 未設定の項目の表示つぶれの対応*/
.select2-results__option {
    min-height: 30px;
}

.select2-container--default.select2-container--disabled .select2-selection .select2-selection__rendered {
  color: #a5abaf !important;
}

.c-form-select.is-error + .select2 .select2-selection {
  -webkit-box-shadow: 0 0 0 0.2rem #ff0000;
  box-shadow: 0 0 0 0.2rem #ff0000;
}
.c-form-select.is-error + .select2 .select2-selection .select2-selection__rendered {
  color: #ff0000;
}

/* サイズ（本体） */
.c-form-select.is-sm + .select2-container .select2-selection {
  min-height: 3.2rem;
  font-size: 1.4rem;
}

/* サイズ（プルダウンの選択肢） NOTE: 隣接セレクタで特定できないので、個別に指定が必要 */
.page-dashboard .select2-container .select2-results__option {
  font-size: 1.4rem;
}

/* --------------------------------------------------------------------------------
   .c-form-text : テキストフィールド
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に .is-error を付加）
        2. disabled 属性
----------------------------------------------------------------------------------- */
input[type=text].c-form-text,
input[type=email].c-form-text,
input[type=password].c-form-text {
  max-width: 100%;
  height: 4.4rem;
  padding: 0 0.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 1px solid #a5abaf;
  border-radius: 0.4rem;
  /* エラー時のスタイル */
  /* disabled */
  /* readonly */
}
input[type=text].c-form-text::-webkit-input-placeholder, input[type=email].c-form-text::-webkit-input-placeholder, input[type=password].c-form-text::-webkit-input-placeholder {
  color: #a5abaf;
}
input[type=text].c-form-text::-moz-placeholder, input[type=email].c-form-text::-moz-placeholder, input[type=password].c-form-text::-moz-placeholder {
  color: #a5abaf;
}
input[type=text].c-form-text::-ms-input-placeholder, input[type=email].c-form-text::-ms-input-placeholder, input[type=password].c-form-text::-ms-input-placeholder {
  color: #a5abaf;
}
input[type=text].c-form-text::placeholder,
input[type=email].c-form-text::placeholder,
input[type=password].c-form-text::placeholder {
  color: #a5abaf;
}
input[type=text].c-form-text:hover,
input[type=email].c-form-text:hover,
input[type=password].c-form-text:hover {
  outline: #140a9a auto 0.1rem;
}
input[type=text].c-form-text:focus,
input[type=email].c-form-text:focus,
input[type=password].c-form-text:focus {
  outline: #140a9a auto 0.1rem;
}
input[type=text].c-form-text.is-error, input[type=text].c-form-text.is-error:focus, .is-error input[type=text].c-form-text, .is-error input[type=text].c-form-text:focus,
input[type=email].c-form-text.is-error,
input[type=email].c-form-text.is-error:focus,
.is-error input[type=email].c-form-text,
.is-error input[type=email].c-form-text:focus,
input[type=password].c-form-text.is-error,
input[type=password].c-form-text.is-error:focus,
.is-error input[type=password].c-form-text,
.is-error input[type=password].c-form-text:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ff0000;
  -webkit-box-shadow: 0 0 0 0.2rem #ff0000;
  box-shadow: 0 0 0 0.2rem #ff0000;
}
input[type=text].c-form-text.is-error:disabled, input[type=text].c-form-text.is-error:focus:disabled, .is-error input[type=text].c-form-text:disabled, .is-error input[type=text].c-form-text:focus:disabled,
input[type=email].c-form-text.is-error:disabled,
input[type=email].c-form-text.is-error:focus:disabled,
.is-error input[type=email].c-form-text:disabled,
.is-error input[type=email].c-form-text:focus:disabled,
input[type=password].c-form-text.is-error:disabled,
input[type=password].c-form-text.is-error:focus:disabled,
.is-error input[type=password].c-form-text:disabled,
.is-error input[type=password].c-form-text:focus:disabled {
  color: #a5abaf;
  outline: 0;
}
input[type=text].c-form-text:disabled,
input[type=email].c-form-text:disabled,
input[type=password].c-form-text:disabled {
  color: #a5abaf;
  background-color: #e4e6e6;
  outline: 0;
}
input[type=text].c-form-text[readonly],
input[type=email].c-form-text[readonly],
input[type=password].c-form-text[readonly] {
  cursor: default;
  color: #1b232a;
  background-color: #e4e6e6;
  outline: 0;
}

/* --------------------------------------------------------------------------------
   .c-form-textarea : テキストエリア
   --------------------------------------------------------------------------------
    - 以下のバリエーションを用意しています
        1. エラー時（当該要素、または先祖要素に .is-error を付加）
        2. disabled 属性
----------------------------------------------------------------------------------- */
.c-form-textarea {
  max-width: 100%;
  padding: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 1px solid #a5abaf;
  border-radius: 0.4rem;
  /* エラー時のスタイル */
  /* disabled */
  /* readonly */
}
.c-form-textarea::-webkit-input-placeholder {
  color: #a5abaf;
}
.c-form-textarea::-moz-placeholder {
  color: #a5abaf;
}
.c-form-textarea::-ms-input-placeholder {
  color: #a5abaf;
}
.c-form-textarea::placeholder {
  color: #a5abaf;
}
.c-form-textarea:hover {
  outline: #140a9a auto 0.1rem;
}
.c-form-textarea:focus {
  outline: #140a9a auto 0.1rem;
}
.c-form-textarea.is-error, .c-form-textarea.is-error:focus, .is-error .c-form-textarea, .is-error .c-form-textarea:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ff0000;
  -webkit-box-shadow: 0 0 0 0.2rem #ff0000;
  box-shadow: 0 0 0 0.2rem #ff0000;
}
.c-form-textarea.is-error:disabled, .c-form-textarea.is-error:focus:disabled, .is-error .c-form-textarea:disabled, .is-error .c-form-textarea:focus:disabled {
  color: #a5abaf;
  outline: 0;
}
.c-form-textarea:disabled {
  color: #a5abaf;
  background-color: #e4e6e6;
  outline: 0;
}
.c-form-textarea[readonly] {
  cursor: default;
  color: #1b232a;
  background-color: #e4e6e6;
  outline: 0;
}

/* --------------------------------------------------------------------------------
   .c-form-time : 時間の入力フォーム
----------------------------------------------------------------------------------- */
.c-form-time {
  position: relative;
  width: 100%;
  height: 4.4rem;
}
.c-form-time::before {
  content: "watch_later";
  position: absolute;
  top: 50%;
  right: 1.2rem;
  font-family: "Material Icons Round";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.8rem;
  color: #6e757a;
  pointer-events: none;
}
.c-form-time__select {
  width: 100%;
  height: 100%;
  padding: 0 2.4rem 0 0.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #1b232a;
  cursor: pointer;
  border: 0.1rem solid #a5abaf;
  border-radius: 0.4rem;
  background-color: #ffffff;
}
.c-form-time__select:hover, .c-form-time__select:focus {
  outline: #140a9a auto 0.1rem;
}

/* --------------------------------------------------------------------------------
   .c-legend : 凡例
----------------------------------------------------------------------------------- */
.c-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.4rem;
  white-space: nowrap;
}
.c-legend > img {
  width: 1.5rem;
}
.c-legend.is-sm {
  font-size: 1.2rem;
  gap: 0.2rem;
}

/* --------------------------------------------------------------------------------
   .c-link-external : 外部リンク
----------------------------------------------------------------------------------- */
.c-link-external::after {
  content: "\e895";
  display: inline-block;
  margin-left: 0.4rem;
  font-family: "Material Icons Round";
  vertical-align: -0.2rem;
  text-decoration: none;
}

/* --------------------------------------------------------------------------------
   .c-mini-info : 小さな情報ボックス
----------------------------------------------------------------------------------- */
.c-mini-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 6.4rem;
  padding: 0 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  color: #1b232a;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
}
.c-mini-info dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
}
.c-mini-info dt::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.2rem;
  background-color: #ffc82f;
}
.c-mini-info dd em {
  margin-right: 0.4rem;
  font-size: 2.4rem;
  vertical-align: -0.1rem;
}
.c-mini-info.is-secondary dt::before {
  display: none;
}

/* --------------------------------------------------------------------------------
   .c-pager : ページャー
----------------------------------------------------------------------------------- */
.c-pager {
  position: relative;
  margin: 2rem 0;
  /* 基本のボタンスタイル */
  /* 前後ボタン */
  /* カレントボタン */
  /* 非活性ボタン */
  /* caution付きのボタン */
  /* ページ番号 */
}
.c-pager:first-child {
  margin-top: 0;
}
.c-pager:last-child {
  margin-bottom: 0;
}
.l-page-bottom .c-pager {
  margin: 0;
}
.c-pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}
.c-pager ul li:not(:last-child) {
  margin-right: 1rem;
}
.c-pager a,
.c-pager .is-ellipsis span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  font-size: 1.6rem;
  text-decoration: none;
  color: #1b232a;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.c-pager a:visited {
  text-decoration: none;
  color: #1b232a;
}
.c-pager a:hover {
  color: #140a9a;
  text-decoration: none;
  border-color: #140a9a;
  background-color: #f6f6f6;
}
.c-pager__prev a, .c-pager__next a {
  font-size: 2rem;
  color: #6e757a;
}
.c-pager__page.is-current a {
  font-weight: bold;
  color: #140a9a;
  border-color: #140a9a;
}
.c-pager .is-disabled a {
  cursor: default;
  color: #c7cacd;
  border-color: #c7cacd;
  background-color: #e4e6e6;
}
.c-pager .is-caution a::after {
  content: "\e000";
  position: absolute;
  right: -0.6rem;
  top: -0.6rem;
  font-family: "Material Icons Round";
  font-size: 2.4rem;
  line-height: 1;
  color: #ff0000;
}
.c-pager__counter {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-align: right;
}
@media print, screen and (max-width: 1440px) {
  .c-pager__counter {
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    margin-top: 1.6rem;
    text-align: center;
  }
}

/* --------------------------------------------------------------------------------
   .c-scrollbox-x : 横スクロールボックス
   --------------------------------------------------------------------------------
     - 中身がはみ出す場合に横スクロールさせるラッパー要素
----------------------------------------------------------------------------------- */
.c-scrollbox-x {
  overflow-x: scroll;
}
.c-scrollbox-x::-webkit-scrollbar {
  display: block;
  -webkit-overflow-scrolling: touch;
}

/* --------------------------------------------------------------------------------
   .c-status : ステータス
----------------------------------------------------------------------------------- */
.c-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
  height: 2.2rem;
  padding: 0 0.4rem;
  font-size: 1.2rem;
  line-height: 1;
  color: #ffffff;
  border-radius: 0.2rem;
  /* 大きいサイズ */
}
.c-status .material-icons-round {
  font-size: 1.4rem;
}
.c-status.is-normal {
  background-color: #2bb673;
}
.c-status.is-production {
  background-color: #253fc8;
}
.c-status.is-leave {
  background-color: #ffc82f;
}
.c-status.is-setup {
  background-color: #f37021;
}
.c-status.is-hoshu-kakunin {
    color: #ff0000;
    border: 0.1rem solid #f37021;
    background-color: #ffffff;
}
.c-status.is-buhin-koukan {
    color: #f37021;
    border: 0.1rem solid #f37021;
    background-color: #ffffff;
}
.c-status.is-online {
  background-color: #0086B4;
}
.c-status.is-alert {
  background-color: #ff0000;
}
.c-status.is-warning {
  background-color: #f37021;
}
.c-status.is-lg {
  width: 90%;
  min-height: 2.8rem;
  height: 7dvh;
  padding: 0.8rem;
  font-size: max(16px, 1.3vw);
  border-radius: 0.4rem;
}
.c-status.is-lg .material-icons-round {
  font-size: max(16px, 1.3vw);
}

/* --------------------------------------------------------------------------------
   .c-tab-1 : タブ
----------------------------------------------------------------------------------- */
.c-tab-1-wrapper {
  position: relative;
}
.c-tab-1-wrapper .filter-box {
  position: absolute;
  top: -12px;
  right: 0;
}

.c-tab-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  margin: 4rem -2rem 2rem;
  padding: 0 2rem;
  border-bottom: 0.1rem solid #140a9a;
  /* タブボタン */
  /* 小さいサイズ */
}
.l-page-header + .c-tab-1, .c-title-1 + .c-tab-1, .c-tab-1:first-child {
  margin-top: 0;
}
.c-tab-1:last-child {
  margin-bottom: 0;
}
.c-tab-1 > li {
  position: relative;
  min-width: 16.8rem;
}
.c-tab-1 > li:has(> .is-selected) {
  z-index: 1; /* 選択中タブを下線より前面に配置 */
}
.c-tab-1__item {
  position: relative; /* ::after疑似要素の配置基準 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: #140a9a;
  border: 0.1rem solid #c7cacd;
  border-bottom: 0;
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: #e4e6e6;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.c-tab-1__item:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.c-tab-1__item.is-selected {
  color: #140a9a;
  border-color: #140a9a;
  background-color: #f6f6f6;
}
/* 選択中タブの下線を隠すマスク（サブピクセルズレに依存しない根本対策） */
.c-tab-1__item.is-selected::after {
  content: '';
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  right: 0;
  height: 0.3rem;
  background-color: #f6f6f6;
}
.c-tab-1.is-sm .c-tab-1__item {
  height: 4rem;
}

/* --------------------------------------------------------------------------------
   .c-tab-2 : タブ（.c-box の上にくっつくタイプ）
----------------------------------------------------------------------------------- */
.c-tab-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  width: 100%;
  margin: 4rem 0 0;
  border-bottom: 0.1rem solid #140a9a;
  /* タブボタン */
}
.c-title-1 + .c-tab-2, .c-tab-2:first-child {
  margin-top: 0;
}
.c-tab-2 > li {
  position: relative;
  min-width: 16.8rem;
}
.c-tab-2 > li:has(> .is-selected) {
  z-index: 1; /* 選択中タブを下線より前面に配置 */
}
.c-tab-2__item {
  position: relative; /* ::after疑似要素の配置基準 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: #140a9a;
  border: 0.1rem solid #c7cacd;
  border-bottom: 0;
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: #e4e6e6;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.c-tab-2__item:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.c-tab-2__item.is-selected {
  color: #140a9a;
  border-color: #140a9a;
  background-color: #ffffff;
}
/* 選択中タブの下線を隠すマスク（サブピクセルズレに依存しない根本対策） */
.c-tab-2__item.is-selected::after {
  content: '';
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  right: 0;
  height: 0.3rem;
  background-color: #ffffff;
}

/* --------------------------------------------------------------------------------
   .c-tab-3 : タブ（小さなボタンタイプ）
----------------------------------------------------------------------------------- */
.c-tab-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  margin: 2rem 0;
  /* タブボタン */
}
.c-title-1 + .c-tab-3, .c-tab-3:first-child {
  margin-top: 0;
}
.c-flex > .c-tab-3 {
  margin-bottom: 2rem;
}
.c-tab-3__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 2.8rem;
  padding: 0 1.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: #140a9a;
  border: 0;
  border-radius: 2.8rem;
  background-color: transparent;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.c-tab-3__item:hover {
  text-decoration: none;
  background-color: #e4e6e6;
}
.c-tab-3__item.is-selected {
  color: #ffffff;
  background-color: #140a9a;
}

/* --------------------------------------------------------------------------------
   .c-tab-content : タブのコンテンツ
----------------------------------------------------------------------------------- */
.c-tab-content {
  position: relative;
  display: none;
}
.c-tab-content.is-selected {
  display: block;
}

.tooltip_wrapper {
  position: relative;
}
.tooltip_wrapper .tooltip {
  position: absolute;
  background-color: #e2f2ff;
  border-radius: 4px;
  padding: 10px;
  width: 200px;
  font-size: 12px;
  z-index: 1000;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
  opacity: 0;
  display: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.tooltip_wrapper .th-tool-text {
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* --------------------------------------------------------------------------------
   .c-tbl-sort : ソートボタン
----------------------------------------------------------------------------------- */
.c-tbl-sort {
  width: 1.6rem;
  padding: 0;
  line-height: 1;
  vertical-align: -0.15rem;
  color: #6e757a;
  border: 0;
  background: none;
}
.c-tbl-sort .material-icons-round {
  font-size: 1.6rem;
}
.c-tbl-sort:hover {
  color: #140a9a;
}

/* --------------------------------------------------------------------------------
   .c-tbl-wrapper : テーブルのスクロールラッパー
----------------------------------------------------------------------------------- */
.c-tbl-wrapper {
  position: relative;
  overflow: auto;
  margin-top: 1.2rem;
  border-radius: 0.4rem;
  /* テーブルエリアの高さ（稼働掲示板、予知保全以外） */
  max-height: 60dvh;
  /* テーブルエリアの高さ（稼働掲示板）※なるべく大きく表示するので別扱い */
  /* テーブルエリアの高さ（稼働掲示板：ページャー非表示時）※なるべく大きく表示するので別扱い */
  /* テーブルエリアの高さ（特自検対象機械一覧）※なるべく大きく表示するので別扱い */
  /* テーブルエリアの高さ（特自検対象機械一覧：ページャー非表示時）※なるべく大きく表示するので別扱い */
  /* テーブルエリアの高さ（予知保全）※なるべく大きく表示するので別扱い */
  /* テーブルエリアの高さ（予知保全：ページャー非表示時）※なるべく大きく表示するので別扱い */
  /* theadの固定 */
  /* スクロールバー */
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-height: 800px) {
  body.has-page-bottom .c-tbl-wrapper {
    max-height: calc(100dvh - 24.4rem);
  }
}
@media screen and (max-height: 800px) and (max-width: 1440px) {
  body.has-page-bottom .c-tbl-wrapper {
    max-height: calc(100dvh - 28.4rem);
  }
}
@media screen and (min-height: 801px) {
  body.has-page-bottom.page-kadou-keijiban .c-tbl-wrapper {
    max-height: calc(100dvh - 31rem);
    -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  }
}
@media screen and (max-height: 800px) {
  body.has-page-bottom.page-kadou-keijiban .c-tbl-wrapper {
    max-height: calc(100dvh - 31rem);
  }
}
@media screen and (min-height: 801px) {
  body.has-page-bottom.hide-pager.page-kadou-keijiban .c-tbl-wrapper {
    max-height: calc(100dvh - 24.4rem);
  }
}
@media screen and (max-height: 800px) {
  body.has-page-bottom.hide-pager.page-kadou-keijiban .c-tbl-wrapper {
    max-height: calc(100dvh - 24.4rem);
  }
}
@media screen and (min-height: 801px) {
    body.has-page-bottom.page-hoyu-kikai .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
        -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
        box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.page-hoyu-kikai .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.hide-pager.page-hoyu-kikai .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.hide-pager.page-hoyu-kikai .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (min-height: 801px) {
  body.has-page-bottom.page-machine-list .c-tbl-wrapper {
    max-height: calc(100dvh - 25.5rem);
    -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  }
}
@media screen and (max-height: 800px) {
  body.has-page-bottom.page-machine-list .c-tbl-wrapper {
    max-height: calc(100dvh - 25.5rem);
  }
}
@media screen and (min-height: 801px) {
  body.has-page-bottom.hide-pager.page-machine-list .c-tbl-wrapper {
    max-height: calc(100dvh - 18.8rem);
  }
}
@media screen and (max-height: 800px) {
  body.has-page-bottom.hide-pager.page-machine-list .c-tbl-wrapper {
    max-height: calc(100dvh - 18.8rem);
  }
}
@media screen and (min-height: 801px) {
  body.has-page-bottom.page-yochi-hozen .c-tbl-wrapper {
    max-height: calc(100dvh - 41rem);
    -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  }
}
@media screen and (min-height: 801px) and (max-width: 1440px) {
  body.has-page-bottom.page-yochi-hozen .c-tbl-wrapper {
    max-height: calc(100dvh - 45rem);
  }
}
@media screen and (max-height: 800px) {
  body.has-page-bottom.page-yochi-hozen .c-tbl-wrapper {
    max-height: calc(100dvh - 41rem);
  }
}
@media screen and (max-height: 800px) and (max-width: 1440px) {
  body.has-page-bottom.page-yochi-hozen .c-tbl-wrapper {
    max-height: calc(100dvh - 45rem);
  }
}
@media screen and (min-height: 801px) {
  body.has-page-bottom.hide-pager.page-yochi-hozen .c-tbl-wrapper {
    max-height: calc(100dvh - 30.5rem);
  }
}
@media screen and (min-height: 801px) and (max-width: 1440px) {
  body.has-page-bottom.hide-pager.page-yochi-hozen .c-tbl-wrapper {
    max-height: calc(100dvh - 30.5rem);
  }
}
@media screen and (max-height: 800px) {
  body.has-page-bottom.hide-pager.page-yochi-hozen .c-tbl-wrapper {
    max-height: calc(100dvh - 30.5rem);
  }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.page-sv-maintenance-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
        -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
        box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.page-sv-maintenance-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.hide-pager.page-sv-maintenance-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.hide-pager.page-sv-maintenance-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}
/*TWC機種対応が廃止のためコメントアウト ここから*/
/*@media screen and (min-height: 801px) {
    body.has-page-bottom.page-twc-water-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
        -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
        box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.page-twc-water-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.hide-pager.page-twc-water-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.hide-pager.page-twc-water-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}*/
/*TWC機種対応が廃止のためコメントアウト ここまで*/


@media screen and (min-height: 801px) {
    body.has-page-bottom.page-program-change-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
        -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
        box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.page-program-change-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.hide-pager.page-program-change-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.hide-pager.page-program-change-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.page-predict-ldm-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
        -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
        box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.page-predict-ldm-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.hide-pager.page-predict-ldm-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.hide-pager.page-predict-ldm-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.page-mainte-contract-mmplan-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
        -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
        box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.page-mainte-contract-mmplan-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.hide-pager.page-mainte-contract-mmplan-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.hide-pager.page-mainte-contract-mmplan-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}
@media screen and (min-height: 801px) {
    body.has-page-bottom.page-predict-mail
 .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
        -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
        box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.page-predict-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 31rem);
    }
}

@media screen and (min-height: 801px) {
    body.has-page-bottom.hide-pager.page-predict-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

@media screen and (max-height: 800px) {
    body.has-page-bottom.hide-pager.page-predict-mail .c-tbl-wrapper {
        max-height: calc(100dvh - 24.4rem);
    }
}

.c-tbl-wrapper > .c-tbl {
  border-top: 0;
}
.c-tbl-wrapper > .c-tbl thead th {
  z-index: 1;
  position: sticky;
  top: 0;
}
.c-tbl-wrapper > .c-tbl tbody tr:last-child th,
.c-tbl-wrapper > .c-tbl tbody tr:last-child td {
  border-bottom: 0;
}
.c-tbl-wrapper::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}
.c-tbl-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}
.c-tbl-wrapper::-webkit-scrollbar-track:hover {
  background-color: #e4e6e6;
}
.c-tbl-wrapper::-webkit-scrollbar-thumb {
  border-radius: 0.6rem;
  background-color: #c7cacd;
}
.c-tbl-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #8f969a;
}

/* --------------------------------------------------------------------------------
   .c-tbl : テーブル

  MEMO:
   - 罫線がセルの上下左右まで伸びているか？（他セルの文字数が増えたり2行になったとき注意）
   - 最大文字数が入ったときセル幅がずれないか
   - theadはソートボタンの有無で高さが変わったりしないか
   - ウィンドウを素早く拡大、縮小したときの挙動（素早く縮小するとテーブル幅が追従しきれない場合がある）
----------------------------------------------------------------------------------- */
.c-tbl {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 1.2rem 0;
  border-top: 0.1rem solid #c7cacd;
  border-left: 0.1rem solid #c7cacd;
  border-bottom: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  border-collapse: separate;
  /* データなしのセル（グレーのセル） */
  /* セル枠いっぱいのボタンセル（チェックボックスやブックマークなど） */
  /* マルチカラムのセル */
  /* 列ドラッグ可能なテーブルの thead カーソル変更 */
  /* 列ドラッグ中の要素 */
  /* thead の「No.」列だけのスタイル */
}
.c-tbl.bt-none {
  border-top: none;
}
.c-tbl.bb-none {
  border-bottom: none;
}
.c-tbl:first-child {
  margin-top: 0;
}
.c-tbl:last-child {
  margin-bottom: 0;
}
.c-tbl th,
.c-tbl td {
  height: 4rem;
  padding: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.4;
  vertical-align: middle;
  border: 0;
  border-right: 1px solid #c7cacd;
  border-bottom: 1px solid #c7cacd;
  background-color: #ffffff;
}
.c-tbl thead th {
  height: 6rem;
  padding: 0.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  color: #08043e;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 0.1rem solid #c7cacd;
  background-color: #e2f2ff;
}
.c-tbl thead tr:first-child > th:first-child {
  border-top-left-radius: 0.4rem;
}
.c-tbl thead tr:first-child > th:last-child {
  border-top-right-radius: 0.4rem;
}
.c-tbl tbody tr:nth-child(2n+1) th,
.c-tbl tbody tr:nth-child(2n+1) td:not(.c-tbl__no-data) {
  background-color: #f6f6f6;
}
.c-tbl tbody tr:first-child > td {
  border-top: 0;
}
.c-tbl tbody tr:last-child > td:first-child {
  border-bottom-left-radius: 0.4rem;
}
.c-tbl tbody tr:last-child > td:last-child {
  border-bottom-right-radius: 0.4rem;
}
.c-tbl td[data-label=編集] button.c-btn:disabled,
.c-tbl td[data-label=削除] button.c-btn:disabled {
  background-color: #ffffff;
}
.c-tbl td[data-label=編集] button.c-btn:disabled span,
.c-tbl td[data-label=削除] button.c-btn:disabled span {
  color: #a5abaf;
}
.c-tbl td.c-tbl__no-data {
  color: #a5abaf;
  background-color: #e4e6e6;
}
.c-tbl th.c-tbl__full-size-btn,
.c-tbl td.c-tbl__full-size-btn {
  padding: 0;
}
.c-tbl th.c-tbl__full-size-btn > button,
.c-tbl td.c-tbl__full-size-btn > button {
  width: 100%;
  height: 100%;
}
.c-tbl th:has(.c-tbl__multi-row),
.c-tbl td:has(.c-tbl__multi-row) {
  padding: 0;
}
.c-tbl__multi-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.c-tbl__multi-row > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4rem;
}
.c-tbl__multi-row > div:has(.c-tbl__multi-col) {
  padding: 0;
}
.c-tbl__multi-row > div:not(:first-child) {
  border-top: 1px solid #c7cacd;
}
.c-tbl__multi-row > div.u-txt-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-tbl__multi-row > div.u-txt-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.c-tbl th:has(.c-tbl__multi-col),
.c-tbl td:has(.c-tbl__multi-col) {
  padding: 0;
}
.c-tbl__multi-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.c-tbl__multi-col > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4rem;
}
.c-tbl__multi-col > div:not(:last-child) {
  border-right: 1px solid #c7cacd;
}
.c-tbl__multi-col > div.u-txt-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-tbl__multi-col > div.u-txt-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.c-tbl__multi-col.has-no-border > div {
  padding: 0;
  border: 0;
}
.c-tbl thead .c-tbl__multi-row > div,
.c-tbl thead .c-tbl__multi-col > div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-tbl.is-col-reorder thead {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.c-tbl.is-col-reorder.DTCR_clonedTable {
  z-index: 201;
}
.c-tbl.is-col-reorder.DTCR_clonedTable thead {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.c-tbl thead [data-label="No."] .c-tbl-sort {
  margin-left: -0.8rem;
}
@media print, screen and (max-width: 1440px) {
  .c-tbl td, .c-tbl__multi-row > div, .c-tbl__multi-col > div {
    padding: 0.2rem;
  }
}

/* --------------------------------------------------------------------------------
   .c-text : 段落
----------------------------------------------------------------------------------- */
.c-text {
  margin: 0.8rem 0;
  font-size: 1.6rem;
}
.c-text.is-sm {
  margin: 0.6rem 0;
  font-size: 1.4rem;
}
.c-text.is-xs {
  margin: 0.4rem 0;
  font-size: 1.2rem;
}
.c-text:first-child {
  margin-top: 0;
}
.c-text:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
   .c-th-kadou-status : 棒グラフの入るセルのヘッダセル
----------------------------------------------------------------------------------- */
.c-th-kadou-status {
  min-width: 12rem;
  padding: 0 !important;
}
.c-th-kadou-status__th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.c-th-kadou-status__th > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 2.4rem;
  text-align: center;
}
.c-th-kadou-status__th > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.6rem 0.2rem 0;
  font-size: 1.2rem;
  font-weight: normal;
  border-top: 0.1rem solid #c7cacd;
}
.c-th-kadou-status__graph {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.c-th-kadou-status__graph > img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 2.2rem;
}
.c-th-kadou-status__graph::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px; /* 絶対値を使用 */
  height: 100%;
  background-color: #c7cacd;
}

/* --------------------------------------------------------------------------------
   .c-title-1 : 見出し（レベル1）
----------------------------------------------------------------------------------- */
.c-title-1 {
  padding: 2rem 0 2.4rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  color: #1b232a;
}

/* --------------------------------------------------------------------------------
   .c-title-2 : 見出し（レベル2）
----------------------------------------------------------------------------------- */
.c-title-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
  margin-bottom: 2rem;
  padding: 0 2rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  color: #1b232a;
  border-bottom: 0.1rem solid #c7cacd;
}

/* --------------------------------------------------------------------------------
   .c-title-3 : 見出し（レベル3）
----------------------------------------------------------------------------------- */
.c-title-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  margin-top: 4rem;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  color: #1b232a;
}
.c-title-3:first-child, .c-title-1 + .c-title-3, .c-title-2 + .c-title-3 {
  margin-top: 0;
}
.c-title-3::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.2rem;
  background-color: #ffc82f;
}

/* --------------------------------------------------------------------------------
   .c-title-4 : 見出し（レベル4）
----------------------------------------------------------------------------------- */
.c-title-4 {
  margin-top: 1.2rem;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #1b232a;
}
.c-title-4:first-child, .c-title-2 + .c-title-4 {
  margin-top: 0;
}
.c-title-4 > span.text-required {
    color: #ff0000;
}

/* --------------------------------------------------------------------------------
   .p-box : ボックス
----------------------------------------------------------------------------------- */
.p-box {
  margin: 3.2rem auto;
  padding: 2.4rem;
  border: 0.1rem solid #140a9a;
  border-radius: 0.4rem;
  background-color: #ffffff;
}
.p-box:first-child {
  margin-top: 0;
}
.p-box:last-child {
  margin-bottom: 0;
}
.p-box__ttl {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
  border-radius: 0;
}
.p-box__ttl:first-child {
  margin-top: -2.5rem !important;
  border-radius: 0.4rem 0.4rem 0 0;
}

/* --------------------------------------------------------------------------------
   .p-btns : 横並びのボタンエリア
----------------------------------------------------------------------------------- */
.p-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.p-btns.is-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-btns.is-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.p-btns:first-child {
  margin-top: 0;
}
.p-btns:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
   .p-chart-box : 残存寿命グラフなどグラフが入る小さなボックス
----------------------------------------------------------------------------------- */
.p-chart-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 27rem;
  overflow: hidden;
  border: 0.1rem solid #8f969a;
  border-radius: 0.4rem;
  background-color: #ffffff;
}
.p-chart-box > header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3.6rem;
  flex: 0 0 3.6rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
  padding: 0 0.8rem 0 1.2rem;
  background-color: #e2f2ff;
}
.p-chart-box > header > h4 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.1;
  color: #08043e;
}
.p-chart-box__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 3.6rem);
  padding: 0.8rem;
  position: relative;
}
.p-chart-box__content > img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 100% !important; /* どんなサイズの画像でもコンテナの高さを超えないように */
}
.p-chart-box__content > p {
  font-size: 1.4rem;
}
.p-chart-box__content > p.days {
  font-size: 1.2rem;
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
}

/* --------------------------------------------------------------------------------
   .p-chatbot-button : ログイン画面で使用されるchatbotボタン
----------------------------------------------------------------------------------- */
.p-chatbot-button {
  position: absolute;
  bottom: 4.8rem;
  right: 4.8rem;
  width: 14rem;
  height: 14rem;
}

.p-chatbot-button__toggle {
  background-color: #ffffff;
  border: 1px solid #140a9a;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  display: block;
  text-decoration: none;
  padding: 2rem 1.4rem;
}

.p-chatbot-button__img {
  margin: 0 1rem;
}

.p-chatbot-button__text {
  margin-top: 0.6rem;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #140a9a;
}

/* --------------------------------------------------------------------------------
   .p-dashboard-container : ダッシュボードのコンテナ
----------------------------------------------------------------------------------- */
.p-dashboard-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
  /* ウィジェットの数によりレイアウトを変える */
}
.p-dashboard-container.is-view-mode > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(auto-fit, calc((100% - 1.6rem) / 3));
}
.p-dashboard-container.is-view-mode > ul > li {
  width: 100%;
  height: 100%;
}
.p-dashboard-container.is-edit-mode {
  position: relative;
}
.p-dashboard-container.is-edit-mode > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(auto-fit, calc((100% - 1.6rem) / 3));
}
.p-dashboard-container.is-edit-mode > ul > li {
  width: auto;
  height: auto;
}
.p-dashboard-container.is-edit-mode > ul > li:nth-child(1) {
  grid-area: 1/1/2/2;
}
.p-dashboard-container.is-edit-mode > ul > li:nth-child(2) {
  grid-area: 1/2/2/4;
}
.p-dashboard-container.is-edit-mode > ul > li:nth-child(3) {
  grid-area: 2/1/4/2;
}
.p-dashboard-container.is-edit-mode > ul > li:nth-child(4) {
  grid-area: 2/2/3/3;
}
.p-dashboard-container.is-edit-mode > ul > li:nth-child(5) {
  grid-area: 2/3/3/4;
}
.p-dashboard-container.is-edit-mode > ul > li:nth-child(6) {
  grid-area: 3/2/4/3;
}
.p-dashboard-container.is-edit-mode > ul > li:nth-child(7) {
  grid-area: 3/3/4/4;
}
.p-dashboard-container.is-edit-mode > ul > li.blue_border {
  border: 2px solid #6699FF;
  position: relative;
  border-radius: 6px;
}
.p-dashboard-container.is-edit-mode > ul > li.blue_border::before {
  content: "";
  border-radius: 12px;
  width: 10px;
  height: 10px;
  background-color: #6699FF;
  position: absolute;
  margin: auto;
  display: block;
  z-index: 3;
}
.p-dashboard-container.is-edit-mode > ul > li.blue_border.point_right::before {
  top: 0;
  bottom: 0;
  right: -6px;
}
.p-dashboard-container.is-edit-mode > ul > li.blue_border.point_left::before {
  top: 0;
  bottom: 0;
  left: -6px;
}
.p-dashboard-container.is-edit-mode > ul > li.blue_border.point_top::before {
  top: -6px;
  left: 0;
  right: 0;
}
.p-dashboard-container.is-edit-mode > ul > li.blue_border.point_bottom::before {
  bottom: -6px;
  left: 0;
  right: 0;
}
.p-dashboard-container > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.8rem;
  width: 100%;
  height: 100%;
}
.p-dashboard-container > ul > li {
  /* デフォルトのウィジェットレイアウト（3 * 3） */
  width: calc((100% - 1.6rem) / 3);
  height: calc((100% - 1.6rem) / 3);
}
.p-dashboard-container > ul > li:nth-child(-n+3) .baloon-text {
  z-index: 1;
  top: 40px;
}
.p-dashboard-container[data-item-count="9"] > ul > li, .p-dashboard-container[data-item-count="8"] > ul > li, .p-dashboard-container[data-item-count="7"] > ul > li {
  width: calc((100% - 1.6rem) / 3);
  height: calc((100% - 1.6rem) / 3);
}
.p-dashboard-container[data-item-count="6"] > ul > li, .p-dashboard-container[data-item-count="5"] > ul > li {
  width: calc((100% - 1.6rem) / 3);
  height: calc((100% - 1.6rem) / 2);
}
.p-dashboard-container[data-item-count="4"] > ul > li {
  width: calc((100% - 0.8rem) / 2);
  height: calc((100% - 0.8rem) / 2);
}
.p-dashboard-container[data-item-count="3"] > ul {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-dashboard-container[data-item-count="3"] > ul > li {
  width: calc((100% - 1.6rem) / 3);
  height: 100%;
}
.p-dashboard-container[data-item-count="2"] > ul {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-dashboard-container[data-item-count="2"] > ul > li {
  width: calc((100% - 0.8rem) / 2);
  height: 100%;
}
.p-dashboard-container[data-item-count="1"] > ul > li {
  width: 100%;
  height: 100%;
}

/* --------------------------------------------------------------------------------
   .p-dashboard-item : ダッシュボードのアイテム
----------------------------------------------------------------------------------- */
.p-dashboard-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
}
.p-dashboard-item:empty {
  border: 1px dashed #c7cacd;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.p-dashboard-item > header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4rem;
  flex: 0 0 4rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 1.2rem;
  border-bottom: 0.1rem solid #c7cacd;
  position: relative;
}
.p-dashboard-item > header > span.baloon-text {
  position: absolute;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -40px;
  padding: 10px;
  line-height: 1.2;
  font-size: 14px;
  white-space: wrap;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 4px;
  background-color: #e2f2ff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.p-dashboard-item > header > span.baloon-text.active {
  visibility: visible;
  opacity: 1;
}
.p-dashboard-item > header:has(> .p-dashboard-item__handle) {
  padding: 0 1.2rem 0 5rem;
}
.p-dashboard-item > header > h2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
  line-height: 1.1;
  overflow: hidden;
}
.p-dashboard-item > header > h2 > span.tooltip-text {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
}
.p-dashboard-item > header > h2 > span.tooltip-text.clamp::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  background-color: #ffffff;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.p-dashboard-item > header > h2 > span.tooltip-text.clamp::after {
  content: "...";
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.is-dragging .p-dashboard-item > header > h2 {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.p-dashboard-item > header .select2-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100% !important;
}
.p-dashboard-item > header .select2-container .selection {
  width: 100%;
}
.p-dashboard-item__handle {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5rem;
  height: 100%;
  color: #6e757a;
  cursor: -webkit-grab;
  cursor: grab;
}
.is-dragging .p-dashboard-item__handle {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  color: #140a9a;
}
.p-dashboard-item__handle > .material-icons-round {
  font-size: 2.6rem;
}
.p-dashboard-item__handle:hover {
  color: #140a9a;
}
.p-dashboard-item__edit, .p-dashboard-item__open, .p-dashboard-item__close {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3.2rem;
  flex: 0 0 3.2rem;
  padding: 0;
  color: #6e757a;
  border: 0;
  background: none;
}
.p-dashboard-item__edit > .material-icons-round, .p-dashboard-item__open > .material-icons-round, .p-dashboard-item__close > .material-icons-round {
  font-size: 2.2rem;
}
.p-dashboard-item__edit:hover, .p-dashboard-item__open:hover, .p-dashboard-item__close:hover {
  color: #140a9a;
}
.p-dashboard-item__close > .material-icons-round {
  font-size: 2.6rem;
}
.p-dashboard-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: calc(100% - 5.2rem);
  padding: 0.8rem;
}
.p-dashboard-item__content.slider-content {
  padding: 0 0 0.8rem;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper {
  overflow: hidden;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dotted.slick-slider {
  margin-bottom: 0;
  height: 100%;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dotted.slick-slider .slick-list {
  height: calc(100% - 25px);
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dotted.slick-slider .slick-list .slick-track {
  height: 100%;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dotted.slick-slider .slick-list .slick-track .slick-slide {
  height: calc(100% - 97px);
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dotted.slick-slider .slick-list .slick-track .slider-header {
  padding: 1rem 1.2rem;
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #c7cacd;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dotted.slick-slider .slick-list .slick-track .wedgit_img {
  padding: 0 0.8rem;
  height: 100%;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dotted.slick-slider .slick-list .slick-track .wedgit_img img {
  width: 100%;
  height: 100%;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dots {
  position: relative;
  bottom: auto;
  bottom: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-dashboard-item__content.slider-content .slide-wedget-wrapper .slick-dots li button:before {
  font-size: 30px;
}
.p-dashboard-item__content.is-center {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.p-dashboard-item__content > img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/* --------------------------------------------------------------------------------
   .p-datepicker : Datepickerのラッパー
----------------------------------------------------------------------------------- */
.p-datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 1.2rem;
  /* 上にカレンダー、下に時刻指定があるパターン */
  /* 矢印 */
  /* 時間帯指定 */
}
.p-datepicker > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%; /* iPadでFromかToどちらかが年月指定になっても幅が縮まらないように */
}
.p-datepicker:not(.is-times):has(> .p-datepicker.is-times), .p-datepicker:not(.is-times):has(> .c-form-time) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-datepicker:not(.is-times):has(> .p-datepicker.is-times) > *, .p-datepicker:not(.is-times):has(> .c-form-time) > * {
  -ms-flex-preferred-size: initial;
  flex-basis: initial;
}
.p-datepicker__arrow {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  background: url(../images/icon-calendar-arrow.svg) no-repeat center;
}
.p-datepicker.is-times .p-datepicker__arrow {
  background-size: auto 3rem;
}
.p-datepicker + .p-datepicker.is-times {
  padding-top: 2rem;
  border-top: 0.1rem solid #c7cacd;
}
.p-datepicker[data-calendar-type=dateTimes] > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.2rem;
}
.p-datepicker[data-calendar-type=dateTimes] > div > .c-form-time {
  margin-top: auto;
}

/* --------------------------------------------------------------------------------
   .p-form-error-text : フォームエラーテキスト
----------------------------------------------------------------------------------- */
.p-form-error {
  text-align: center;
}

.p-form-error__text {
  display: inline-block;
  color: #ff0000;
  font-weight: bold;
  margin-bottom: 1.6rem;
  padding-left: 2.4rem;
  background: url(../images/icon-error.svg) center left/24px no-repeat;
}

/* --------------------------------------------------------------------------------
   .p-form-item : フォームアイテム（ラベルとフォーム要素の１セット）
----------------------------------------------------------------------------------- */
.p-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
}
.p-form-item > label {
  font-size: 1.4rem;
  font-weight: bold;
}
.p-form-item__counter {
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: 1.4rem;
  line-height: 1;
}

/* --------------------------------------------------------------------------------
   .p-kadou-joukyou : 稼働状況
----------------------------------------------------------------------------------- */
.p-kadou-joukyou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4.8rem;
  width: 100%;
}
.p-kadou-joukyou__chart {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-top: 0.4rem;
  height: 19rem;
}
.p-kadou-joukyou__chart img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 19rem;
}
.p-kadou-joukyou__list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28rem;
  flex: 0 0 28rem;
  font-size: 1.4rem;
  line-height: 1.15;
}
.p-kadou-joukyou__list > li {
  border-bottom: 0.1rem solid #c7cacd;
}
.p-kadou-joukyou__list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.2rem;
  width: 100%;
  height: 3.1rem;
  padding: 0.4rem 0;
}
.p-kadou-joukyou__list dl > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  font-weight: normal;
}
.p-kadou-joukyou__list dl > dt::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.1rem;
}
.p-kadou-joukyou__list dl > dd {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-weight: bold;
  text-align: right;
}
.p-kadou-joukyou__list dl > dd em {
  font-size: 1.6rem;
}
.p-kadou-joukyou__list dl > dd span {
  display: inline-block;
  min-width: 5.4rem;
  margin-left: 0.4rem;
  text-align: left;
}
.p-kadou-joukyou__item-1 dt::before {
  background-color: #2bb673;
}
.p-kadou-joukyou__item-2 dt::before {
  background-color: #140a9a;
}
.p-kadou-joukyou__item-3 dt::before {
  background-color: #ffc82f;
}
.p-kadou-joukyou__item-4 dt::before {
  background-color: #f37021;
}
.p-kadou-joukyou__item-5 dt::before {
  background-color: #ff0000;
}

/* --------------------------------------------------------------------------------
   .p-kafuka-monitor-container : 過負荷モニタのアイテムのコンテナ
----------------------------------------------------------------------------------- */
.p-kafuka-monitor-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.p-kafuka-monitor-container > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 2rem;
  width: 100%;
  height: 100%;
  /* アイテム数が3つのとき */
}
.p-kafuka-monitor-container > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  width: calc(50% - 1rem);
  height: 37rem;
}
.p-kafuka-monitor-container > ul:has(> li:nth-child(3)):not(:has(> li:nth-child(4))) > li:first-child {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.p-kafuka-monitor-container > ul:has(> li:nth-child(3)):not(:has(> li:nth-child(4))) > li:first-child > .p-kafuka-monitor-item {
  width: calc(50% - 1rem);
}

/* --------------------------------------------------------------------------------
   .p-kafuka-monitor-item : 過負荷モニタのアイテム
----------------------------------------------------------------------------------- */
.p-kafuka-monitor-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
}
.p-kafuka-monitor-item > header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4.8rem;
  flex: 0 0 4.8rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
  padding: 0 2rem;
  border-bottom: 0.1rem solid #c7cacd;
}
.p-kafuka-monitor-item > header > h2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  line-height: 1.1;
  color: #08043e;
}
.p-kafuka-monitor-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: calc(100% - 4.8rem);
  padding: 2rem;
}
.p-kafuka-monitor-item__content > img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100% !important; /* どんなサイズの画像でもコンテナの高さを超えないように */
}

/* --------------------------------------------------------------------------------
   .p-kikai-info : 機械稼働状況などの機械情報
----------------------------------------------------------------------------------- */
.p-kikai-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 0.8rem 1.2rem;
  border: 0.2rem solid #140a9a;
  border-radius: 0.4rem;
  background-color: #ffffff;
}
.p-kikai-info__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8rem;
  flex: 0 0 8rem;
}
.p-kikai-info > ul {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.15;
  color: #08043e;
}
.p-kikai-info > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.p-kikai-info > ul dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.p-kikai-info > ul dl > dt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.8rem 0.4rem;
  font-weight: normal;
  border-bottom: 0.1rem solid #c7cacd;
}
.p-kikai-info > ul dl > dd {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0.8rem 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
}

/* --------------------------------------------------------------------------------
   .p-kikai-summary : ダッシュボードの機械情報
----------------------------------------------------------------------------------- */
.p-kikai-summary {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  margin-bottom: 0.8rem;
  padding: 2rem;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  width: 100%;
}
.p-kikai-summary .status-box {
  gap: 0.8rem;
}
.p-kikai-summary .status-box .c-status {
  height: 1.8rem;
}
.p-kikai-summary__star {
  position: absolute;
  left: 0.6rem;
  top: -1rem;
  width: 3.5rem;
  height: 4rem;
  padding: 0;
  font-size: 2.8rem;
  color: #a5abaf;
  border: 0;
  background: none;
  background: url(../images/bg-ribon-off.svg) no-repeat center;
  background-size: contain;
}
.p-kikai-summary__star.is-on {
  color: #ffffff;
  background-image: url(../images/bg-ribon-on.svg);
}
.p-kikai-summary__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80px;
  height: 72px;
}
.p-kikai-summary__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.8rem;
  width: 22rem;
}
.p-kikai-summary__info__title {
  font-size: 1.4rem;
  font-weight: bold;
}
.p-kikai-summary__info > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
}
.p-kikai-summary__info > ul > li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.p-kikai-summary__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.4rem;
}
.p-kikai-summary__location .material-icons-round {
  font-size: 1.6rem;
  color: #6e757a;
}
.p-kikai-summary__chart {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.6rem;
  padding-left: 2rem;
  border-left: 0.1rem solid #c7cacd;
}
.p-kikai-summary__chart__title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 7.2rem;
  font-size: 1.4rem;
  text-align: right;
}
.p-kikai-summary__chart__title li {
  height: 50%;
}
.p-kikai-summary__chart__img {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.p-kikai-summary__chart__img img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 7.2rem;
}
.p-kikai-summary__chart__legend {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.2;
}
.p-kikai-summary__layout {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  padding-left: 2rem;
  border-left: 0.1rem solid #c7cacd;
}
.p-kikai-summary__layout__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #08043e;
  height: 50%;
}
.p-kikai-summary__layout__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  width: 11rem;
}
.p-kikai-summary__layout__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-kikai-summary__layout__type li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* --------------------------------------------------------------------------------
   .p-login-error : ログイン(エラーロック時) モーダル内のコンテンツ
----------------------------------------------------------------------------------- */
.p-login-error__img {
  text-align: center;
  margin-bottom: 1.2rem;
}

.p-login-error__heading {
  color: #ff0000;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.2rem;
}

.p-login-error__text {
  text-align: center;
}

/* --------------------------------------------------------------------------------
   .p-login : ログインボックス
----------------------------------------------------------------------------------- */
.p-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 45.2rem;
  height: 100%;
  max-height: 86.4rem;
  padding: 4.8rem 3.2rem;
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0.8);
}

.p-login#many-elements {
  max-height: none !important;
}

.p-login > header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8rem;
  height: 2.5rem;
}
.p-login > header .logo-en {
  height: 100%;
}
.p-login > h1 {
  text-align: center;
  margin-bottom: 5.2rem;
}
.p-login > h1:has(+ .p-form-error) {
  margin-bottom: 1.1rem;
}
.p-login__form {
  width: 30rem;
  margin: 0 auto 2rem;
}
.p-login__form > .p-form-item {
  margin-bottom: 1.2rem;
}
.p-login__form__lang-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  gap: 1.2rem;
  width: 100%;
  margin: 2.4rem 0;
}
.p-login__form__lang-date > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}
.p-login footer {
  margin-top: auto;
}
.p-login footer > p {
  font-size: 1.2rem;
  text-align: center;
  color: #4c5459;
}
.p-login .p-login__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}
.p-login .p-login__links > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.4rem;
  line-height: 1;
  color: #1b232a;
  text-decoration: none;
}
.p-login .p-login__links > a span.material-icons-round {
  font-size: 1.6rem;
}
.p-login .p-login__links > a > span:not(.material-icons-round) {
  text-decoration: underline;
}
.p-login .p-login__links > a:visited {
  color: #1b232a;
}
.p-login .p-login__links > a:hover {
  color: #1b232a;
}
.p-login .p-login__links > a:hover > span:not(.material-icons-round) {
  text-decoration: none;
}
@media screen and (max-height: 860px) {
  .p-login {
    padding: 3.2rem;
  }
  .p-login > header {
    height: 2.5rem;
    margin-bottom: 3.2rem;
  }
  .p-login > h1 {
    margin: 0 auto 2.4rem;
  }
}

.p-form-item > label.icon_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

/* --------------------------------------------------------------------------------
   .p-nippou-kadou-joukyou : 日報レポートの稼働状況グラフ
----------------------------------------------------------------------------------- */
/*
.p-nippou-kadou-joukyou {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 944px;
    margin-inline: auto;
    gap: 1.6rem;
    width: 100%;
}
.p-nippou-kadou-joukyou__chart {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.p-nippou-kadou-joukyou__chart > img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
}
.p-nippou-kadou-joukyou__chart.is-1 {
  -ms-flex-preferred-size: 20.5rem;
  flex-basis: 20.5rem;
  margin-right: -1.6rem;
}
.p-nippou-kadou-joukyou__chart.is-1 > img {
  height: 126rem;
}
.p-nippou-kadou-joukyou__chart.is-1 > p {
  font-size: 1.4rem;
}
.p-nippou-kadou-joukyou__chart.is-2 {
  -ms-flex-preferred-size: 27.2rem;
  flex-basis: 27.2rem;
  padding-top: 1.6rem;
}
.p-nippou-kadou-joukyou__chart.is-2 > img {
  height: 122rem;
}
.p-nippou-kadou-joukyou__tooltip {
  position: absolute;
  top: 17%;
  left: 52%;
}
.p-nippou-kadou-joukyou__tooltip img {
  width: auto;
  height: auto;
  max-width: none;
}
.p-nippou-kadou-joukyou__time {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  padding-top: 3.9rem;
}
.p-nippou-kadou-joukyou__time > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4.4rem;
  flex: 0 0 4.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}
.p-nippou-kadou-joukyou__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.6rem;
  flex: 0 0 33.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  padding-top: 3.8rem;
}
*/

/* --------------------------------------------------------------------------------
   .p-oshirase-list : お知らせリスト
----------------------------------------------------------------------------------- */
.p-oshirase-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.2;
  border-bottom: 0.1rem solid #a5abaf;
}
.p-oshirase-list__date {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24%;
}
/* --------------------------------------------------------------------------------
   .p-pager-toggle : テーブル項目にチェックを入れるとトグルで切り替わるぺージャー
----------------------------------------------------------------------------------- */
.p-pager-toggle {
  width: 100%;
  margin: 2rem 0;
  /* ページ番号 */
}
.p-pager-toggle:first-child {
  margin-top: 0;
}
.p-pager-toggle:last-child {
  margin-bottom: 0;
}
.p-pager-toggle__selected {
  position: relative;
  display: none;
}
.p-pager-toggle__counter {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-align: right;
}
@media print, screen and (max-width: 1440px) {
  .p-pager-toggle__counter {
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    margin-top: 1.6rem;
    text-align: center;
  }
}

/* --------------------------------------------------------------------------------
   .p-seisan-kouritsu : 生産効率
----------------------------------------------------------------------------------- */
.p-seisan-kouritsu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
}
.p-seisan-kouritsu__chart {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 25.4rem;
}
.p-seisan-kouritsu__chart__img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 25.4rem;
}
.p-seisan-kouritsu__list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28rem;
  flex: 0 0 28rem;
  max-height: 28.2rem;
  padding: 1.2rem;
  line-height: 1.3;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  overflow-y: auto;
  /* スクロールバー */
  -webkit-overflow-scrolling: touch;
}
.p-seisan-kouritsu__list::-webkit-scrollbar {
  width: 0.4rem;
}
.p-seisan-kouritsu__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.p-seisan-kouritsu__list::-webkit-scrollbar-track:hover {
  background-color: #e4e6e6;
}
.p-seisan-kouritsu__list::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #c7cacd;
}
.p-seisan-kouritsu__list::-webkit-scrollbar-thumb:hover {
  background-color: #8f969a;
}
.p-seisan-kouritsu__list > li > dl > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
}
.p-seisan-kouritsu__list > li > dl > dt::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.1rem;
  background-color: #140a9a;
}
.p-seisan-kouritsu__ratio dd {
  text-align: right;
}
.p-seisan-kouritsu__ratio em {
  font-size: 2rem;
}
.p-seisan-kouritsu__count {
  margin-top: 0.8rem;
}
.p-seisan-kouritsu__count dd {
  margin-top: 0;
  text-align: right;
  font-weight: bold;
}
.p-seisan-kouritsu__count em {
  font-size: 2rem;
}
.p-seisan-kouritsu__count small {
  font-size: 1.6rem;
}
.p-seisan-kouritsu__count__detail {
  margin-top: 0.4rem;
}
.p-seisan-kouritsu__count__detail dl {
  padding: 0.8rem 0;
  border-bottom: 0.1rem solid #c7cacd;
}
.p-seisan-kouritsu__count__detail dt {
  font-weight: normal;
  text-align: left;
  color: #a5abaf;
}

/* --------------------------------------------------------------------------------
   .p-toggle-tbl-col : テーブル列の表示切替ボタン
----------------------------------------------------------------------------------- */
.p-toggle-tbl-col {
  position: relative;
}
.p-toggle-tbl-col ul {
  z-index: 6; /* ページャーより上 */
  position: absolute;
  right: 0;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* jsで初期非表示にする */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.2rem;
  min-width: 16rem;
  max-height: 32rem;
  padding: 1.2rem;
  overflow-y: auto;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  /* スクロールバー */
  -webkit-overflow-scrolling: touch;
}
.p-toggle-tbl-col ul::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}
.p-toggle-tbl-col ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.p-toggle-tbl-col ul::-webkit-scrollbar-track:hover {
  background-color: #e4e6e6;
}
body.page-kadou-keijiban .p-toggle-tbl-col ul::-webkit-scrollbar-track {
  background-color: #f6f6f6;
}
body.page-hoyu-kikai .p-toggle-tbl-col ul::-webkit-scrollbar-track {
    background-color: #f6f6f6;
}
.p-toggle-tbl-col ul::-webkit-scrollbar-thumb {
  border-radius: 0.6rem;
  background-color: #c7cacd;
}
.p-toggle-tbl-col ul::-webkit-scrollbar-thumb:hover {
  background-color: #8f969a;
}
.p-toggle-tbl-col ul li {
  vertical-align: top;
}
.p-toggle-tbl-col ul label {
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
}
.p-toggle-tbl-col ul label span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
}

/* --------------------------------------------------------------------------------
   .p-widget : ウィジェット
----------------------------------------------------------------------------------- */
.p-widget {
  display: block;
  width: 100%;
}
.p-widget.is-scroll {
  overflow-y: auto;
}
.p-widget .c-tbl {
  height: auto;
}
.p-widget .c-tbl th,
.p-widget .c-tbl td {
  font-size: 1.2rem;
  height: 2.8rem;
}
.p-widget .c-tbl thead th {
  position: static;
  height: 2.4rem;
}
.p-widget .c-tbl thead th .material-icons-round {
  font-size: 1.6rem;
}
.p-widget .c-tbl .c-tbl__multi-row > div {
  min-height: 2.4rem;
}
.p-widget.is-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.p-widget.is-chart .p-widget__chart {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 0;
}
.p-widget.is-chart .p-widget__chart img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.p-widget.is-chart > .c-flex {
  gap: 0.2rem 0.6rem;
}
.p-widget.is-hoshu-kanri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}
.p-widget.is-hoshu-kanri > ul {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.p-widget.is-hoshu-kanri > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  height: 100%;
  padding: 0.6rem 1.2rem 1.2rem;
  border-radius: 0.4rem;
  background-color: #f6f6f6;
}
.p-widget.is-hoshu-kanri > ul > li h3 {
  font-size: 1.4rem;
  line-height: 1;
  color: #08043e;
}
.p-widget.is-toujitsu-seisan-kaisuu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}
.p-widget.is-toujitsu-seisan-kaisuu > ul {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.p-widget.is-toujitsu-seisan-kaisuu > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  height: 100%;
  padding: 0.6rem 1.2rem 1.2rem;
  border-radius: 0.4rem;
  background-color: #f6f6f6;
}
.p-widget.is-toujitsu-seisan-kaisuu > ul > li h3 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  color: #08043e;
}
.p-widget.is-toujitsu-seisan-kaisuu > ul > li p {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
}
.p-widget.is-toujitsu-seisan-kaisuu > ul > li p small {
  font-size: 1.6rem;
}
.p-widget.is-seisan-joukyou .c-tbl [data-label="注番/品番"] {
  width: 24rem;
}
.p-widget.is-seisan-joukyou .c-tbl [data-label="注番/品番"] .c-ellipsis {
  width: 24rem;
}
.p-widget.is-seisan-joukyou .c-tbl [data-label=日時] {
  line-height: 0.8;
}
.p-widget.is-seisan-joukyou .c-tbl [data-label=日時] small {
  display: block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.p-widget.is-hoshu-ippan .c-tbl thead th, .p-widget.is-hoshu-user .c-tbl thead th, .p-widget.is-hoshu-service .c-tbl thead th, .p-widget.is-event-history .c-tbl thead th {
  white-space: normal;
  white-space: initial;
}
.p-widget.is-event-history .c-status.is-alert,
.p-widget.is-event-history .c-status.is-warning {
  height: 2.9rem;
}
.p-widget__seisan-jikan-uchiwake-legend {
  display: grid;
  grid-template-columns: repeat(2, 40%);
  grid-gap: 0 20% !important;
  gap: 0 20% !important;
  width: 40rem;
  margin: 0 auto;
}
.p-widget__seisan-jikan-uchiwake-legend > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -0.2rem !important;
}
.p-widget__seisan-jikan-uchiwake-legend > li:nth-child(1) {
  grid-column: 1/3;
  padding-right: 60%;
}
.p-widget__seisan-jikan-uchiwake-legend > li em {
  font-size: 1.6rem;
  -webkit-transform: translateY(-0.15rem);
  transform: translateY(-0.15rem);
}
.p-widget__seisan-jikan-uchiwake-legend > li em small {
  margin-left: 0.2rem;
  font-size: 1.2rem;
}
@media print, screen and (max-width: 1440px) {
  .p-widget.is-seisan-joukyou .c-tbl [data-label="注番/品番"] {
    width: 18rem;
  }
  .p-widget.is-seisan-joukyou .c-tbl [data-label="注番/品番"] span {
    max-width: 18rem;
  }
  .p-widget__seisan-jikan-uchiwake-legend {
    grid-template-columns: repeat(2, 46%);
    gap: 0 8% !important;
    width: 30rem;
  }
  .p-widget__seisan-jikan-uchiwake-legend > li:nth-child(1) {
    padding-right: 54%;
  }
}
@media print, screen and (max-width: 1280px) {
  .p-widget.is-seisan-joukyou .c-tbl [data-label="注番/品番"] {
    width: 12rem;
  }
  .p-widget.is-seisan-joukyou .c-tbl [data-label="注番/品番"] span {
    max-width: 12rem;
  }
}

.u-cl-blue-1 {
  color: #e2f2ff !important;
}

.u-cl-blue-2 {
  color: #99ccff !important;
}

.u-cl-blue-3 {
  color: #6699ff !important;
}

.u-cl-blue-4 {
  color: #3366cc !important;
}

.u-cl-blue-5 {
  color: #253fc8 !important;
}

.u-cl-blue-6 {
  color: #140a9a !important;
}

.u-cl-blue-7 {
  color: #0c065c !important;
}

.u-cl-blue-8 {
  color: #08043e !important;
}

.u-cl-blue-9 {
  color: #04121f !important;
}

.u-cl-blue {
  color: #140a9a !important;
}

.u-cl-gray-1 {
  color: #f6f6f6 !important;
}

.u-cl-gray-2 {
  color: #e4e6e6 !important;
}

.u-cl-gray-3 {
  color: #c7cacd !important;
}

.u-cl-gray-4 {
  color: #a5abaf !important;
}

.u-cl-gray-5 {
  color: #8f969a !important;
}

.u-cl-gray-6 {
  color: #6e757a !important;
}

.u-cl-gray-7 {
  color: #4c5459 !important;
}

.u-cl-gray-8 {
  color: #2a3238 !important;
}

.u-cl-gray-9 {
  color: #1b232a !important;
}

.u-cl-black {
  color: #1b232a !important;
}

.u-cl-charcoal {
  color: #4c5459 !important;
}

.u-cl-gray {
  color: #a5abaf !important;
}

.u-cl-lightgray {
  color: #d1d4d3 !important;
}

.u-cl-white {
  color: #ffffff !important;
}

.u-cl-success {
  color: #2bb673 !important;
}
.u-cl-production {
  color: #253fc8 !important;
}
.u-cl-leave {
  color: #ffc82f !important;
}
.u-cl-setup {
  color: #f37021 !important;
}

.u-cl-error {
  color: #ff0000 !important;
}

.u-cl-warning {
  color: #f37021 !important;
}

.u-cl-lightblue-1 {
  color: #ccedf9 !important;
}

.u-cl-lightblue-2 {
  color: #99dcf3 !important;
}

.u-cl-lightblue-3 {
  color: #66caed !important;
}

.u-cl-lightblue-4 {
  color: #33b9e7 !important;
}

.u-cl-lightblue-5 {
  color: #00a7e1 !important;
}

.u-cl-lightblue-6 {
  color: #0086b4 !important;
}

.u-cl-lightblue-7 {
  color: #006487 !important;
}

.u-cl-lightblue-8 {
  color: #004359 !important;
}

.u-cl-lightblue-9 {
  color: #00212d !important;
}

.u-cl-pink-1 {
  color: #ffd3e5 !important;
}

.u-cl-pink-2 {
  color: #f6add7 !important;
}

.u-cl-pink-3 {
  color: #f180c1 !important;
}

.u-cl-pink-4 {
  color: #ec4cad !important;
}

.u-cl-pink-5 {
  color: #e7218d !important;
}

.u-cl-pink-6 {
  color: #da167a !important;
}

.u-cl-pink-7 {
  color: #c00567 !important;
}

.u-cl-pink-8 {
  color: #a5005a !important;
}

.u-cl-pink-9 {
  color: #98004c !important;
}

.u-cl-green-1 {
  color: #efffad !important;
}

.u-cl-green-2 {
  color: #cbf266 !important;
}

.u-cl-green-3 {
  color: #99e866 !important;
}

.u-cl-green-4 {
  color: #66cc66 !important;
}

.u-cl-green-5 {
  color: #00b050 !important;
}

.u-cl-green-6 {
  color: #009933 !important;
}

.u-cl-green-7 {
  color: #00792b !important;
}

.u-cl-green-8 {
  color: #004700 !important;
}

.u-cl-green-9 {
  color: #002613 !important;
}

.u-cl-purple-1 {
  color: #dfc9ef !important;
}

.u-cl-purple-2 {
  color: #c59ee2 !important;
}

.u-cl-purple-3 {
  color: #a568d2 !important;
}

.u-cl-purple-4 {
  color: #934bc9 !important;
}

.u-cl-purple-5 {
  color: #8238ba !important;
}

.u-cl-purple-6 {
  color: #7030a0 !important;
}

.u-cl-purple-7 {
  color: #5f2987 !important;
}

.u-cl-purple-8 {
  color: #481f67 !important;
}

.u-cl-purple-9 {
  color: #3c1a56 !important;
}

.u-cl-red-1 {
  color: #ff0000 !important;
}

.u-cl-red-2 {
  color: #ff3333 !important;
}

.u-cl-red-3 {
  color: #ff6666 !important;
}

.u-cl-red-4 {
  color: #ff9999 !important;
}

.u-cl-red-5 {
  color: #ffcccc !important;
}

.u-cl-red-6 {
  color: #ffe5e5 !important;
}

.u-cl-red {
  color: #ff0000 !important;
}

.u-cl-yellow-1 {
  color: #fff4d5 !important;
}

.u-cl-yellow-2 {
  color: #ffe9ac !important;
}

.u-cl-yellow-3 {
  color: #ffde82 !important;
}

.u-cl-yellow-4 {
  color: #ffd359 !important;
}

.u-cl-yellow-5 {
  color: #ffc82f !important;
}

.u-cl-yellow-6 {
  color: #cca026 !important;
}

.u-cl-yellow-7 {
  color: #99781c !important;
}

.u-cl-yellow-8 {
  color: #665013 !important;
}

.u-cl-yellow-9 {
  color: #1b232a !important;
}

.u-cl-yellow {
  color: #ffc82f !important;
}

.u-cl-wifi {
  color: #0086B4 !important;
}

/* --------------------------------------------------------------------------------
   ユーティリティクラス - 非表示 / .u-fs-*
   --------------------------------------------------------------------------------　*/
.u-display-hidden {
  display: none !important;
}

/* --------------------------------------------------------------------------------
   ユーティリティクラス - フォントサイズ / .u-fs-*, .u-sp-fs-*
   --------------------------------------------------------------------------------
     - 単位 px → u-fs-5, u-fs-6  ... u-fs-64
       ※実際の指定では px ではなく rem が使われている（10px = 1rem）
     - 単位 vw → u-fs-1v,  u-fs-2v ... u-fs-100v
     - u- の後ろに sp- を付加するとスマホ用のクラスになる
----------------------------------------------------------------------------------- */
.u-fs-5 {
  font-size: 0.5rem !important;
}

.u-fs-6 {
  font-size: 0.6rem !important;
}

.u-fs-7 {
  font-size: 0.7rem !important;
}

.u-fs-8 {
  font-size: 0.8rem !important;
}

.u-fs-9 {
  font-size: 0.9rem !important;
}

.u-fs-10 {
  font-size: 1rem !important;
}

.u-fs-11 {
  font-size: 1.1rem !important;
}

.u-fs-12 {
  font-size: 1.2rem !important;
}

.u-fs-13 {
  font-size: 1.3rem !important;
}

.u-fs-14 {
  font-size: 1.4rem !important;
}

.u-fs-15 {
  font-size: 1.5rem !important;
}

.u-fs-16 {
  font-size: 1.6rem !important;
}

.u-fs-17 {
  font-size: 1.7rem !important;
}

.u-fs-18 {
  font-size: 1.8rem !important;
}

.u-fs-19 {
  font-size: 1.9rem !important;
}

.u-fs-20 {
  font-size: 2rem !important;
}

.u-fs-21 {
  font-size: 2.1rem !important;
}

.u-fs-22 {
  font-size: 2.2rem !important;
}

.u-fs-23 {
  font-size: 2.3rem !important;
}

.u-fs-24 {
  font-size: 2.4rem !important;
}

.u-fs-25 {
  font-size: 2.5rem !important;
}

.u-fs-26 {
  font-size: 2.6rem !important;
}

.u-fs-27 {
  font-size: 2.7rem !important;
}

.u-fs-28 {
  font-size: 2.8rem !important;
}

.u-fs-29 {
  font-size: 2.9rem !important;
}

.u-fs-30 {
  font-size: 3rem !important;
}

.u-fs-31 {
  font-size: 3.1rem !important;
}

.u-fs-32 {
  font-size: 3.2rem !important;
}

.u-fs-33 {
  font-size: 3.3rem !important;
}

.u-fs-34 {
  font-size: 3.4rem !important;
}

.u-fs-35 {
  font-size: 3.5rem !important;
}

.u-fs-36 {
  font-size: 3.6rem !important;
}

.u-fs-37 {
  font-size: 3.7rem !important;
}

.u-fs-38 {
  font-size: 3.8rem !important;
}

.u-fs-39 {
  font-size: 3.9rem !important;
}

.u-fs-40 {
  font-size: 4rem !important;
}

.u-fs-41 {
  font-size: 4.1rem !important;
}

.u-fs-42 {
  font-size: 4.2rem !important;
}

.u-fs-43 {
  font-size: 4.3rem !important;
}

.u-fs-44 {
  font-size: 4.4rem !important;
}

.u-fs-45 {
  font-size: 4.5rem !important;
}

.u-fs-46 {
  font-size: 4.6rem !important;
}

.u-fs-47 {
  font-size: 4.7rem !important;
}

.u-fs-48 {
  font-size: 4.8rem !important;
}

.u-fs-49 {
  font-size: 4.9rem !important;
}

.u-fs-50 {
  font-size: 5rem !important;
}

.u-fs-51 {
  font-size: 5.1rem !important;
}

.u-fs-52 {
  font-size: 5.2rem !important;
}

.u-fs-53 {
  font-size: 5.3rem !important;
}

.u-fs-54 {
  font-size: 5.4rem !important;
}

.u-fs-55 {
  font-size: 5.5rem !important;
}

.u-fs-56 {
  font-size: 5.6rem !important;
}

.u-fs-57 {
  font-size: 5.7rem !important;
}

.u-fs-58 {
  font-size: 5.8rem !important;
}

.u-fs-59 {
  font-size: 5.9rem !important;
}

.u-fs-60 {
  font-size: 6rem !important;
}

.u-fs-61 {
  font-size: 6.1rem !important;
}

.u-fs-62 {
  font-size: 6.2rem !important;
}

.u-fs-63 {
  font-size: 6.3rem !important;
}

.u-fs-64 {
  font-size: 6.4rem !important;
}

.u-fs-1v {
  font-size: 1vw !important;
}

.u-fs-2v {
  font-size: 2vw !important;
}

.u-fs-3v {
  font-size: 3vw !important;
}

.u-fs-4v {
  font-size: 4vw !important;
}

.u-fs-5v {
  font-size: 5vw !important;
}

.u-fs-6v {
  font-size: 6vw !important;
}

.u-fs-7v {
  font-size: 7vw !important;
}

.u-fs-8v {
  font-size: 8vw !important;
}

.u-fs-9v {
  font-size: 9vw !important;
}

.u-fs-10v {
  font-size: 10vw !important;
}

.u-fs-11v {
  font-size: 11vw !important;
}

.u-fs-12v {
  font-size: 12vw !important;
}

.u-fs-13v {
  font-size: 13vw !important;
}

.u-fs-14v {
  font-size: 14vw !important;
}

.u-fs-15v {
  font-size: 15vw !important;
}

.u-fs-16v {
  font-size: 16vw !important;
}

.u-fs-17v {
  font-size: 17vw !important;
}

.u-fs-18v {
  font-size: 18vw !important;
}

.u-fs-19v {
  font-size: 19vw !important;
}

.u-fs-20v {
  font-size: 20vw !important;
}

.u-fs-21v {
  font-size: 21vw !important;
}

.u-fs-22v {
  font-size: 22vw !important;
}

.u-fs-23v {
  font-size: 23vw !important;
}

.u-fs-24v {
  font-size: 24vw !important;
}

.u-fs-25v {
  font-size: 25vw !important;
}

.u-fs-26v {
  font-size: 26vw !important;
}

.u-fs-27v {
  font-size: 27vw !important;
}

.u-fs-28v {
  font-size: 28vw !important;
}

.u-fs-29v {
  font-size: 29vw !important;
}

.u-fs-30v {
  font-size: 30vw !important;
}

.u-fs-31v {
  font-size: 31vw !important;
}

.u-fs-32v {
  font-size: 32vw !important;
}

.u-fs-33v {
  font-size: 33vw !important;
}

.u-fs-34v {
  font-size: 34vw !important;
}

.u-fs-35v {
  font-size: 35vw !important;
}

.u-fs-36v {
  font-size: 36vw !important;
}

.u-fs-37v {
  font-size: 37vw !important;
}

.u-fs-38v {
  font-size: 38vw !important;
}

.u-fs-39v {
  font-size: 39vw !important;
}

.u-fs-40v {
  font-size: 40vw !important;
}

.u-fs-41v {
  font-size: 41vw !important;
}

.u-fs-42v {
  font-size: 42vw !important;
}

.u-fs-43v {
  font-size: 43vw !important;
}

.u-fs-44v {
  font-size: 44vw !important;
}

.u-fs-45v {
  font-size: 45vw !important;
}

.u-fs-46v {
  font-size: 46vw !important;
}

.u-fs-47v {
  font-size: 47vw !important;
}

.u-fs-48v {
  font-size: 48vw !important;
}

.u-fs-49v {
  font-size: 49vw !important;
}

.u-fs-50v {
  font-size: 50vw !important;
}

.u-fs-51v {
  font-size: 51vw !important;
}

.u-fs-52v {
  font-size: 52vw !important;
}

.u-fs-53v {
  font-size: 53vw !important;
}

.u-fs-54v {
  font-size: 54vw !important;
}

.u-fs-55v {
  font-size: 55vw !important;
}

.u-fs-56v {
  font-size: 56vw !important;
}

.u-fs-57v {
  font-size: 57vw !important;
}

.u-fs-58v {
  font-size: 58vw !important;
}

.u-fs-59v {
  font-size: 59vw !important;
}

.u-fs-60v {
  font-size: 60vw !important;
}

.u-fs-61v {
  font-size: 61vw !important;
}

.u-fs-62v {
  font-size: 62vw !important;
}

.u-fs-63v {
  font-size: 63vw !important;
}

.u-fs-64v {
  font-size: 64vw !important;
}

.u-fs-65v {
  font-size: 65vw !important;
}

.u-fs-66v {
  font-size: 66vw !important;
}

.u-fs-67v {
  font-size: 67vw !important;
}

.u-fs-68v {
  font-size: 68vw !important;
}

.u-fs-69v {
  font-size: 69vw !important;
}

.u-fs-70v {
  font-size: 70vw !important;
}

.u-fs-71v {
  font-size: 71vw !important;
}

.u-fs-72v {
  font-size: 72vw !important;
}

.u-fs-73v {
  font-size: 73vw !important;
}

.u-fs-74v {
  font-size: 74vw !important;
}

.u-fs-75v {
  font-size: 75vw !important;
}

.u-fs-76v {
  font-size: 76vw !important;
}

.u-fs-77v {
  font-size: 77vw !important;
}

.u-fs-78v {
  font-size: 78vw !important;
}

.u-fs-79v {
  font-size: 79vw !important;
}

.u-fs-80v {
  font-size: 80vw !important;
}

.u-fs-81v {
  font-size: 81vw !important;
}

.u-fs-82v {
  font-size: 82vw !important;
}

.u-fs-83v {
  font-size: 83vw !important;
}

.u-fs-84v {
  font-size: 84vw !important;
}

.u-fs-85v {
  font-size: 85vw !important;
}

.u-fs-86v {
  font-size: 86vw !important;
}

.u-fs-87v {
  font-size: 87vw !important;
}

.u-fs-88v {
  font-size: 88vw !important;
}

.u-fs-89v {
  font-size: 89vw !important;
}

.u-fs-90v {
  font-size: 90vw !important;
}

.u-fs-91v {
  font-size: 91vw !important;
}

.u-fs-92v {
  font-size: 92vw !important;
}

.u-fs-93v {
  font-size: 93vw !important;
}

.u-fs-94v {
  font-size: 94vw !important;
}

.u-fs-95v {
  font-size: 95vw !important;
}

.u-fs-96v {
  font-size: 96vw !important;
}

.u-fs-97v {
  font-size: 97vw !important;
}

.u-fs-98v {
  font-size: 98vw !important;
}

.u-fs-99v {
  font-size: 99vw !important;
}

.u-fs-100v {
  font-size: 100vw !important;
}

/* SP版：プリフィクス sp- を付加 */
@media print, screen and (mxx-width: 480px) {
  .u-sp-fs-5 {
    font-size: 0.5rem !important;
  }
  .u-sp-fs-6 {
    font-size: 0.6rem !important;
  }
  .u-sp-fs-7 {
    font-size: 0.7rem !important;
  }
  .u-sp-fs-8 {
    font-size: 0.8rem !important;
  }
  .u-sp-fs-9 {
    font-size: 0.9rem !important;
  }
  .u-sp-fs-10 {
    font-size: 1rem !important;
  }
  .u-sp-fs-11 {
    font-size: 1.1rem !important;
  }
  .u-sp-fs-12 {
    font-size: 1.2rem !important;
  }
  .u-sp-fs-13 {
    font-size: 1.3rem !important;
  }
  .u-sp-fs-14 {
    font-size: 1.4rem !important;
  }
  .u-sp-fs-15 {
    font-size: 1.5rem !important;
  }
  .u-sp-fs-16 {
    font-size: 1.6rem !important;
  }
  .u-sp-fs-17 {
    font-size: 1.7rem !important;
  }
  .u-sp-fs-18 {
    font-size: 1.8rem !important;
  }
  .u-sp-fs-19 {
    font-size: 1.9rem !important;
  }
  .u-sp-fs-20 {
    font-size: 2rem !important;
  }
  .u-sp-fs-21 {
    font-size: 2.1rem !important;
  }
  .u-sp-fs-22 {
    font-size: 2.2rem !important;
  }
  .u-sp-fs-23 {
    font-size: 2.3rem !important;
  }
  .u-sp-fs-24 {
    font-size: 2.4rem !important;
  }
  .u-sp-fs-25 {
    font-size: 2.5rem !important;
  }
  .u-sp-fs-26 {
    font-size: 2.6rem !important;
  }
  .u-sp-fs-27 {
    font-size: 2.7rem !important;
  }
  .u-sp-fs-28 {
    font-size: 2.8rem !important;
  }
  .u-sp-fs-29 {
    font-size: 2.9rem !important;
  }
  .u-sp-fs-30 {
    font-size: 3rem !important;
  }
  .u-sp-fs-31 {
    font-size: 3.1rem !important;
  }
  .u-sp-fs-32 {
    font-size: 3.2rem !important;
  }
  .u-sp-fs-33 {
    font-size: 3.3rem !important;
  }
  .u-sp-fs-34 {
    font-size: 3.4rem !important;
  }
  .u-sp-fs-35 {
    font-size: 3.5rem !important;
  }
  .u-sp-fs-36 {
    font-size: 3.6rem !important;
  }
  .u-sp-fs-37 {
    font-size: 3.7rem !important;
  }
  .u-sp-fs-38 {
    font-size: 3.8rem !important;
  }
  .u-sp-fs-39 {
    font-size: 3.9rem !important;
  }
  .u-sp-fs-40 {
    font-size: 4rem !important;
  }
  .u-sp-fs-41 {
    font-size: 4.1rem !important;
  }
  .u-sp-fs-42 {
    font-size: 4.2rem !important;
  }
  .u-sp-fs-43 {
    font-size: 4.3rem !important;
  }
  .u-sp-fs-44 {
    font-size: 4.4rem !important;
  }
  .u-sp-fs-45 {
    font-size: 4.5rem !important;
  }
  .u-sp-fs-46 {
    font-size: 4.6rem !important;
  }
  .u-sp-fs-47 {
    font-size: 4.7rem !important;
  }
  .u-sp-fs-48 {
    font-size: 4.8rem !important;
  }
  .u-sp-fs-49 {
    font-size: 4.9rem !important;
  }
  .u-sp-fs-50 {
    font-size: 5rem !important;
  }
  .u-sp-fs-51 {
    font-size: 5.1rem !important;
  }
  .u-sp-fs-52 {
    font-size: 5.2rem !important;
  }
  .u-sp-fs-53 {
    font-size: 5.3rem !important;
  }
  .u-sp-fs-54 {
    font-size: 5.4rem !important;
  }
  .u-sp-fs-55 {
    font-size: 5.5rem !important;
  }
  .u-sp-fs-56 {
    font-size: 5.6rem !important;
  }
  .u-sp-fs-57 {
    font-size: 5.7rem !important;
  }
  .u-sp-fs-58 {
    font-size: 5.8rem !important;
  }
  .u-sp-fs-59 {
    font-size: 5.9rem !important;
  }
  .u-sp-fs-60 {
    font-size: 6rem !important;
  }
  .u-sp-fs-61 {
    font-size: 6.1rem !important;
  }
  .u-sp-fs-62 {
    font-size: 6.2rem !important;
  }
  .u-sp-fs-63 {
    font-size: 6.3rem !important;
  }
  .u-sp-fs-64 {
    font-size: 6.4rem !important;
  }
  .u-sp-fs-1v {
    font-size: 1vw !important;
  }
  .u-sp-fs-2v {
    font-size: 2vw !important;
  }
  .u-sp-fs-3v {
    font-size: 3vw !important;
  }
  .u-sp-fs-4v {
    font-size: 4vw !important;
  }
  .u-sp-fs-5v {
    font-size: 5vw !important;
  }
  .u-sp-fs-6v {
    font-size: 6vw !important;
  }
  .u-sp-fs-7v {
    font-size: 7vw !important;
  }
  .u-sp-fs-8v {
    font-size: 8vw !important;
  }
  .u-sp-fs-9v {
    font-size: 9vw !important;
  }
  .u-sp-fs-10v {
    font-size: 10vw !important;
  }
  .u-sp-fs-11v {
    font-size: 11vw !important;
  }
  .u-sp-fs-12v {
    font-size: 12vw !important;
  }
  .u-sp-fs-13v {
    font-size: 13vw !important;
  }
  .u-sp-fs-14v {
    font-size: 14vw !important;
  }
  .u-sp-fs-15v {
    font-size: 15vw !important;
  }
  .u-sp-fs-16v {
    font-size: 16vw !important;
  }
  .u-sp-fs-17v {
    font-size: 17vw !important;
  }
  .u-sp-fs-18v {
    font-size: 18vw !important;
  }
  .u-sp-fs-19v {
    font-size: 19vw !important;
  }
  .u-sp-fs-20v {
    font-size: 20vw !important;
  }
  .u-sp-fs-21v {
    font-size: 21vw !important;
  }
  .u-sp-fs-22v {
    font-size: 22vw !important;
  }
  .u-sp-fs-23v {
    font-size: 23vw !important;
  }
  .u-sp-fs-24v {
    font-size: 24vw !important;
  }
  .u-sp-fs-25v {
    font-size: 25vw !important;
  }
  .u-sp-fs-26v {
    font-size: 26vw !important;
  }
  .u-sp-fs-27v {
    font-size: 27vw !important;
  }
  .u-sp-fs-28v {
    font-size: 28vw !important;
  }
  .u-sp-fs-29v {
    font-size: 29vw !important;
  }
  .u-sp-fs-30v {
    font-size: 30vw !important;
  }
  .u-sp-fs-31v {
    font-size: 31vw !important;
  }
  .u-sp-fs-32v {
    font-size: 32vw !important;
  }
  .u-sp-fs-33v {
    font-size: 33vw !important;
  }
  .u-sp-fs-34v {
    font-size: 34vw !important;
  }
  .u-sp-fs-35v {
    font-size: 35vw !important;
  }
  .u-sp-fs-36v {
    font-size: 36vw !important;
  }
  .u-sp-fs-37v {
    font-size: 37vw !important;
  }
  .u-sp-fs-38v {
    font-size: 38vw !important;
  }
  .u-sp-fs-39v {
    font-size: 39vw !important;
  }
  .u-sp-fs-40v {
    font-size: 40vw !important;
  }
  .u-sp-fs-41v {
    font-size: 41vw !important;
  }
  .u-sp-fs-42v {
    font-size: 42vw !important;
  }
  .u-sp-fs-43v {
    font-size: 43vw !important;
  }
  .u-sp-fs-44v {
    font-size: 44vw !important;
  }
  .u-sp-fs-45v {
    font-size: 45vw !important;
  }
  .u-sp-fs-46v {
    font-size: 46vw !important;
  }
  .u-sp-fs-47v {
    font-size: 47vw !important;
  }
  .u-sp-fs-48v {
    font-size: 48vw !important;
  }
  .u-sp-fs-49v {
    font-size: 49vw !important;
  }
  .u-sp-fs-50v {
    font-size: 50vw !important;
  }
  .u-sp-fs-51v {
    font-size: 51vw !important;
  }
  .u-sp-fs-52v {
    font-size: 52vw !important;
  }
  .u-sp-fs-53v {
    font-size: 53vw !important;
  }
  .u-sp-fs-54v {
    font-size: 54vw !important;
  }
  .u-sp-fs-55v {
    font-size: 55vw !important;
  }
  .u-sp-fs-56v {
    font-size: 56vw !important;
  }
  .u-sp-fs-57v {
    font-size: 57vw !important;
  }
  .u-sp-fs-58v {
    font-size: 58vw !important;
  }
  .u-sp-fs-59v {
    font-size: 59vw !important;
  }
  .u-sp-fs-60v {
    font-size: 60vw !important;
  }
  .u-sp-fs-61v {
    font-size: 61vw !important;
  }
  .u-sp-fs-62v {
    font-size: 62vw !important;
  }
  .u-sp-fs-63v {
    font-size: 63vw !important;
  }
  .u-sp-fs-64v {
    font-size: 64vw !important;
  }
  .u-sp-fs-65v {
    font-size: 65vw !important;
  }
  .u-sp-fs-66v {
    font-size: 66vw !important;
  }
  .u-sp-fs-67v {
    font-size: 67vw !important;
  }
  .u-sp-fs-68v {
    font-size: 68vw !important;
  }
  .u-sp-fs-69v {
    font-size: 69vw !important;
  }
  .u-sp-fs-70v {
    font-size: 70vw !important;
  }
  .u-sp-fs-71v {
    font-size: 71vw !important;
  }
  .u-sp-fs-72v {
    font-size: 72vw !important;
  }
  .u-sp-fs-73v {
    font-size: 73vw !important;
  }
  .u-sp-fs-74v {
    font-size: 74vw !important;
  }
  .u-sp-fs-75v {
    font-size: 75vw !important;
  }
  .u-sp-fs-76v {
    font-size: 76vw !important;
  }
  .u-sp-fs-77v {
    font-size: 77vw !important;
  }
  .u-sp-fs-78v {
    font-size: 78vw !important;
  }
  .u-sp-fs-79v {
    font-size: 79vw !important;
  }
  .u-sp-fs-80v {
    font-size: 80vw !important;
  }
  .u-sp-fs-81v {
    font-size: 81vw !important;
  }
  .u-sp-fs-82v {
    font-size: 82vw !important;
  }
  .u-sp-fs-83v {
    font-size: 83vw !important;
  }
  .u-sp-fs-84v {
    font-size: 84vw !important;
  }
  .u-sp-fs-85v {
    font-size: 85vw !important;
  }
  .u-sp-fs-86v {
    font-size: 86vw !important;
  }
  .u-sp-fs-87v {
    font-size: 87vw !important;
  }
  .u-sp-fs-88v {
    font-size: 88vw !important;
  }
  .u-sp-fs-89v {
    font-size: 89vw !important;
  }
  .u-sp-fs-90v {
    font-size: 90vw !important;
  }
  .u-sp-fs-91v {
    font-size: 91vw !important;
  }
  .u-sp-fs-92v {
    font-size: 92vw !important;
  }
  .u-sp-fs-93v {
    font-size: 93vw !important;
  }
  .u-sp-fs-94v {
    font-size: 94vw !important;
  }
  .u-sp-fs-95v {
    font-size: 95vw !important;
  }
  .u-sp-fs-96v {
    font-size: 96vw !important;
  }
  .u-sp-fs-97v {
    font-size: 97vw !important;
  }
  .u-sp-fs-98v {
    font-size: 98vw !important;
  }
  .u-sp-fs-99v {
    font-size: 99vw !important;
  }
  .u-sp-fs-100v {
    font-size: 100vw !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 高さ
   --------------------------------------------------------------------------------
     - 単位 px → u-h-5,   u-h-10  ... u-h-100, u-h-110, u-h-120, ..., u-h-1000
     - 100pxまでは5px刻み、以降は10px刻み
       ※実際の指定では px ではなく rem が使われている（10px = 1rem）
     - 単位 em → u-h-1em, u-h-2em ... u-h-10em
     - 単位 %  → u-h-1p,  u-h-2p  ... u-h-100p
     - 単位 vw → u-h-5v,  u-h-10v ... u-h-100v
     - u- の後ろに sp- を付加するとスマホ用のクラスになる
----------------------------------------------------------------------------------- */
/* 単位：em */
.u-h-1em {
  height: 1em !important;
}

.u-h-2em {
  height: 2em !important;
}

.u-h-3em {
  height: 3em !important;
}

.u-h-4em {
  height: 4em !important;
}

.u-h-5em {
  height: 5em !important;
}

.u-h-6em {
  height: 6em !important;
}

.u-h-7em {
  height: 7em !important;
}

.u-h-8em {
  height: 8em !important;
}

.u-h-9em {
  height: 9em !important;
}

.u-h-10em {
  height: 10em !important;
}

/* 単位：px（rem） */
.u-h-0 {
  height: 0rem !important;
}

.u-h-1 {
  height: 0.1rem !important;
}

.u-h-2 {
  height: 0.2rem !important;
}

.u-h-3 {
  height: 0.3rem !important;
}

.u-h-4 {
  height: 0.4rem !important;
}

.u-h-5 {
  height: 0.5rem !important;
}

.u-h-6 {
  height: 0.6rem !important;
}

.u-h-7 {
  height: 0.7rem !important;
}

.u-h-8 {
  height: 0.8rem !important;
}

.u-h-9 {
  height: 0.9rem !important;
}

.u-h-10 {
  height: 1rem !important;
}

.u-h-11 {
  height: 1.1rem !important;
}

.u-h-12 {
  height: 1.2rem !important;
}

.u-h-13 {
  height: 1.3rem !important;
}

.u-h-14 {
  height: 1.4rem !important;
}

.u-h-15 {
  height: 1.5rem !important;
}

.u-h-16 {
  height: 1.6rem !important;
}

.u-h-17 {
  height: 1.7rem !important;
}

.u-h-18 {
  height: 1.8rem !important;
}

.u-h-19 {
  height: 1.9rem !important;
}

.u-h-20 {
  height: 2rem !important;
}

.u-h-21 {
  height: 2.1rem !important;
}

.u-h-22 {
  height: 2.2rem !important;
}

.u-h-23 {
  height: 2.3rem !important;
}

.u-h-24 {
  height: 2.4rem !important;
}

.u-h-25 {
  height: 2.5rem !important;
}

.u-h-26 {
  height: 2.6rem !important;
}

.u-h-27 {
  height: 2.7rem !important;
}

.u-h-28 {
  height: 2.8rem !important;
}

.u-h-29 {
  height: 2.9rem !important;
}

.u-h-30 {
  height: 3rem !important;
}

.u-h-31 {
  height: 3.1rem !important;
}

.u-h-32 {
  height: 3.2rem !important;
}

.u-h-33 {
  height: 3.3rem !important;
}

.u-h-34 {
  height: 3.4rem !important;
}

.u-h-35 {
  height: 3.5rem !important;
}

.u-h-36 {
  height: 3.6rem !important;
}

.u-h-37 {
  height: 3.7rem !important;
}

.u-h-38 {
  height: 3.8rem !important;
}

.u-h-39 {
  height: 3.9rem !important;
}

.u-h-40 {
  height: 4rem !important;
}

.u-h-41 {
  height: 4.1rem !important;
}

.u-h-42 {
  height: 4.2rem !important;
}

.u-h-43 {
  height: 4.3rem !important;
}

.u-h-44 {
  height: 4.4rem !important;
}

.u-h-45 {
  height: 4.5rem !important;
}

.u-h-46 {
  height: 4.6rem !important;
}

.u-h-47 {
  height: 4.7rem !important;
}

.u-h-48 {
  height: 4.8rem !important;
}

.u-h-49 {
  height: 4.9rem !important;
}

.u-h-50 {
  height: 5rem !important;
}

.u-h-51 {
  height: 5.1rem !important;
}

.u-h-52 {
  height: 5.2rem !important;
}

.u-h-53 {
  height: 5.3rem !important;
}

.u-h-54 {
  height: 5.4rem !important;
}

.u-h-55 {
  height: 5.5rem !important;
}

.u-h-56 {
  height: 5.6rem !important;
}

.u-h-57 {
  height: 5.7rem !important;
}

.u-h-58 {
  height: 5.8rem !important;
}

.u-h-59 {
  height: 5.9rem !important;
}

.u-h-60 {
  height: 6rem !important;
}

.u-h-61 {
  height: 6.1rem !important;
}

.u-h-62 {
  height: 6.2rem !important;
}

.u-h-63 {
  height: 6.3rem !important;
}

.u-h-64 {
  height: 6.4rem !important;
}

.u-h-65 {
  height: 6.5rem !important;
}

.u-h-66 {
  height: 6.6rem !important;
}

.u-h-67 {
  height: 6.7rem !important;
}

.u-h-68 {
  height: 6.8rem !important;
}

.u-h-69 {
  height: 6.9rem !important;
}

.u-h-70 {
  height: 7rem !important;
}

.u-h-71 {
  height: 7.1rem !important;
}

.u-h-72 {
  height: 7.2rem !important;
}

.u-h-73 {
  height: 7.3rem !important;
}

.u-h-74 {
  height: 7.4rem !important;
}

.u-h-75 {
  height: 7.5rem !important;
}

.u-h-76 {
  height: 7.6rem !important;
}

.u-h-77 {
  height: 7.7rem !important;
}

.u-h-78 {
  height: 7.8rem !important;
}

.u-h-79 {
  height: 7.9rem !important;
}

.u-h-80 {
  height: 8rem !important;
}

.u-h-81 {
  height: 8.1rem !important;
}

.u-h-82 {
  height: 8.2rem !important;
}

.u-h-83 {
  height: 8.3rem !important;
}

.u-h-84 {
  height: 8.4rem !important;
}

.u-h-85 {
  height: 8.5rem !important;
}

.u-h-86 {
  height: 8.6rem !important;
}

.u-h-87 {
  height: 8.7rem !important;
}

.u-h-88 {
  height: 8.8rem !important;
}

.u-h-89 {
  height: 8.9rem !important;
}

.u-h-90 {
  height: 9rem !important;
}

.u-h-91 {
  height: 9.1rem !important;
}

.u-h-92 {
  height: 9.2rem !important;
}

.u-h-93 {
  height: 9.3rem !important;
}

.u-h-94 {
  height: 9.4rem !important;
}

.u-h-95 {
  height: 9.5rem !important;
}

.u-h-96 {
  height: 9.6rem !important;
}

.u-h-97 {
  height: 9.7rem !important;
}

.u-h-98 {
  height: 9.8rem !important;
}

.u-h-99 {
  height: 9.9rem !important;
}

/* 単位：100px以上は10px刻み */
.u-h-100 {
  height: 10rem !important;
}

.u-h-110 {
  height: 11rem !important;
}

.u-h-120 {
  height: 12rem !important;
}

.u-h-130 {
  height: 13rem !important;
}

.u-h-140 {
  height: 14rem !important;
}

.u-h-150 {
  height: 15rem !important;
}

.u-h-160 {
  height: 16rem !important;
}

.u-h-170 {
  height: 17rem !important;
}

.u-h-180 {
  height: 18rem !important;
}

.u-h-190 {
  height: 19rem !important;
}

.u-h-200 {
  height: 20rem !important;
}

.u-h-210 {
  height: 21rem !important;
}

.u-h-220 {
  height: 22rem !important;
}

.u-h-230 {
  height: 23rem !important;
}

.u-h-240 {
  height: 24rem !important;
}

.u-h-250 {
  height: 25rem !important;
}

.u-h-260 {
  height: 26rem !important;
}

.u-h-270 {
  height: 27rem !important;
}

.u-h-280 {
  height: 28rem !important;
}

.u-h-290 {
  height: 29rem !important;
}

.u-h-300 {
  height: 30rem !important;
}

.u-h-310 {
  height: 31rem !important;
}

.u-h-320 {
  height: 32rem !important;
}

.u-h-330 {
  height: 33rem !important;
}

.u-h-340 {
  height: 34rem !important;
}

.u-h-350 {
  height: 35rem !important;
}

.u-h-360 {
  height: 36rem !important;
}

.u-h-370 {
  height: 37rem !important;
}

.u-h-380 {
  height: 38rem !important;
}

.u-h-390 {
  height: 39rem !important;
}

.u-h-400 {
  height: 40rem !important;
}

.u-h-410 {
  height: 41rem !important;
}

.u-h-420 {
  height: 42rem !important;
}

.u-h-430 {
  height: 43rem !important;
}

.u-h-440 {
  height: 44rem !important;
}

.u-h-450 {
  height: 45rem !important;
}

.u-h-460 {
  height: 46rem !important;
}

.u-h-470 {
  height: 47rem !important;
}

.u-h-480 {
  height: 48rem !important;
}

.u-h-490 {
  height: 49rem !important;
}

.u-h-500 {
  height: 50rem !important;
}

.u-h-510 {
  height: 51rem !important;
}

.u-h-520 {
  height: 52rem !important;
}

.u-h-530 {
  height: 53rem !important;
}

.u-h-540 {
  height: 54rem !important;
}

.u-h-550 {
  height: 55rem !important;
}

.u-h-560 {
  height: 56rem !important;
}

.u-h-570 {
  height: 57rem !important;
}

.u-h-580 {
  height: 58rem !important;
}

.u-h-590 {
  height: 59rem !important;
}

.u-h-600 {
  height: 60rem !important;
}

.u-h-610 {
  height: 61rem !important;
}

.u-h-620 {
  height: 62rem !important;
}

.u-h-630 {
  height: 63rem !important;
}

.u-h-640 {
  height: 64rem !important;
}

.u-h-650 {
  height: 65rem !important;
}

.u-h-660 {
  height: 66rem !important;
}

.u-h-670 {
  height: 67rem !important;
}

.u-h-680 {
  height: 68rem !important;
}

.u-h-690 {
  height: 69rem !important;
}

.u-h-700 {
  height: 70rem !important;
}

.u-h-710 {
  height: 71rem !important;
}

.u-h-720 {
  height: 72rem !important;
}

.u-h-730 {
  height: 73rem !important;
}

.u-h-740 {
  height: 74rem !important;
}

.u-h-750 {
  height: 75rem !important;
}

.u-h-760 {
  height: 76rem !important;
}

.u-h-770 {
  height: 77rem !important;
}

.u-h-780 {
  height: 78rem !important;
}

.u-h-790 {
  height: 79rem !important;
}

.u-h-800 {
  height: 80rem !important;
}

.u-h-810 {
  height: 81rem !important;
}

.u-h-820 {
  height: 82rem !important;
}

.u-h-830 {
  height: 83rem !important;
}

.u-h-840 {
  height: 84rem !important;
}

.u-h-850 {
  height: 85rem !important;
}

.u-h-860 {
  height: 86rem !important;
}

.u-h-870 {
  height: 87rem !important;
}

.u-h-880 {
  height: 88rem !important;
}

.u-h-890 {
  height: 89rem !important;
}

.u-h-900 {
  height: 90rem !important;
}

.u-h-910 {
  height: 91rem !important;
}

.u-h-920 {
  height: 92rem !important;
}

.u-h-930 {
  height: 93rem !important;
}

.u-h-940 {
  height: 94rem !important;
}

.u-h-950 {
  height: 95rem !important;
}

.u-h-960 {
  height: 96rem !important;
}

.u-h-970 {
  height: 97rem !important;
}

.u-h-980 {
  height: 98rem !important;
}

.u-h-990 {
  height: 99rem !important;
}

.u-h-1000 {
  height: 100rem !important;
}

/* 単位：パーセント、vw */
.u-h-1p {
  height: 1% !important;
}

.u-h-1v {
  height: 1vw !important;
}

.u-h-2p {
  height: 2% !important;
}

.u-h-2v {
  height: 2vw !important;
}

.u-h-3p {
  height: 3% !important;
}

.u-h-3v {
  height: 3vw !important;
}

.u-h-4p {
  height: 4% !important;
}

.u-h-4v {
  height: 4vw !important;
}

.u-h-5p {
  height: 5% !important;
}

.u-h-5v {
  height: 5vw !important;
}

.u-h-6p {
  height: 6% !important;
}

.u-h-6v {
  height: 6vw !important;
}

.u-h-7p {
  height: 7% !important;
}

.u-h-7v {
  height: 7vw !important;
}

.u-h-8p {
  height: 8% !important;
}

.u-h-8v {
  height: 8vw !important;
}

.u-h-9p {
  height: 9% !important;
}

.u-h-9v {
  height: 9vw !important;
}

.u-h-10p {
  height: 10% !important;
}

.u-h-10v {
  height: 10vw !important;
}

.u-h-11p {
  height: 11% !important;
}

.u-h-11v {
  height: 11vw !important;
}

.u-h-12p {
  height: 12% !important;
}

.u-h-12v {
  height: 12vw !important;
}

.u-h-13p {
  height: 13% !important;
}

.u-h-13v {
  height: 13vw !important;
}

.u-h-14p {
  height: 14% !important;
}

.u-h-14v {
  height: 14vw !important;
}

.u-h-15p {
  height: 15% !important;
}

.u-h-15v {
  height: 15vw !important;
}

.u-h-16p {
  height: 16% !important;
}

.u-h-16v {
  height: 16vw !important;
}

.u-h-17p {
  height: 17% !important;
}

.u-h-17v {
  height: 17vw !important;
}

.u-h-18p {
  height: 18% !important;
}

.u-h-18v {
  height: 18vw !important;
}

.u-h-19p {
  height: 19% !important;
}

.u-h-19v {
  height: 19vw !important;
}

.u-h-20p {
  height: 20% !important;
}

.u-h-20v {
  height: 20vw !important;
}

.u-h-21p {
  height: 21% !important;
}

.u-h-21v {
  height: 21vw !important;
}

.u-h-22p {
  height: 22% !important;
}

.u-h-22v {
  height: 22vw !important;
}

.u-h-23p {
  height: 23% !important;
}

.u-h-23v {
  height: 23vw !important;
}

.u-h-24p {
  height: 24% !important;
}

.u-h-24v {
  height: 24vw !important;
}

.u-h-25p {
  height: 25% !important;
}

.u-h-25v {
  height: 25vw !important;
}

.u-h-26p {
  height: 26% !important;
}

.u-h-26v {
  height: 26vw !important;
}

.u-h-27p {
  height: 27% !important;
}

.u-h-27v {
  height: 27vw !important;
}

.u-h-28p {
  height: 28% !important;
}

.u-h-28v {
  height: 28vw !important;
}

.u-h-29p {
  height: 29% !important;
}

.u-h-29v {
  height: 29vw !important;
}

.u-h-30p {
  height: 30% !important;
}

.u-h-30v {
  height: 30vw !important;
}

.u-h-31p {
  height: 31% !important;
}

.u-h-31v {
  height: 31vw !important;
}

.u-h-32p {
  height: 32% !important;
}

.u-h-32v {
  height: 32vw !important;
}

.u-h-33p {
  height: 33% !important;
}

.u-h-33v {
  height: 33vw !important;
}

.u-h-34p {
  height: 34% !important;
}

.u-h-34v {
  height: 34vw !important;
}

.u-h-35p {
  height: 35% !important;
}

.u-h-35v {
  height: 35vw !important;
}

.u-h-36p {
  height: 36% !important;
}

.u-h-36v {
  height: 36vw !important;
}

.u-h-37p {
  height: 37% !important;
}

.u-h-37v {
  height: 37vw !important;
}

.u-h-38p {
  height: 38% !important;
}

.u-h-38v {
  height: 38vw !important;
}

.u-h-39p {
  height: 39% !important;
}

.u-h-39v {
  height: 39vw !important;
}

.u-h-40p {
  height: 40% !important;
}

.u-h-40v {
  height: 40vw !important;
}

.u-h-41p {
  height: 41% !important;
}

.u-h-41v {
  height: 41vw !important;
}

.u-h-42p {
  height: 42% !important;
}

.u-h-42v {
  height: 42vw !important;
}

.u-h-43p {
  height: 43% !important;
}

.u-h-43v {
  height: 43vw !important;
}

.u-h-44p {
  height: 44% !important;
}

.u-h-44v {
  height: 44vw !important;
}

.u-h-45p {
  height: 45% !important;
}

.u-h-45v {
  height: 45vw !important;
}

.u-h-46p {
  height: 46% !important;
}

.u-h-46v {
  height: 46vw !important;
}

.u-h-47p {
  height: 47% !important;
}

.u-h-47v {
  height: 47vw !important;
}

.u-h-48p {
  height: 48% !important;
}

.u-h-48v {
  height: 48vw !important;
}

.u-h-49p {
  height: 49% !important;
}

.u-h-49v {
  height: 49vw !important;
}

.u-h-50p {
  height: 50% !important;
}

.u-h-50v {
  height: 50vw !important;
}

.u-h-51p {
  height: 51% !important;
}

.u-h-51v {
  height: 51vw !important;
}

.u-h-52p {
  height: 52% !important;
}

.u-h-52v {
  height: 52vw !important;
}

.u-h-53p {
  height: 53% !important;
}

.u-h-53v {
  height: 53vw !important;
}

.u-h-54p {
  height: 54% !important;
}

.u-h-54v {
  height: 54vw !important;
}

.u-h-55p {
  height: 55% !important;
}

.u-h-55v {
  height: 55vw !important;
}

.u-h-56p {
  height: 56% !important;
}

.u-h-56v {
  height: 56vw !important;
}

.u-h-57p {
  height: 57% !important;
}

.u-h-57v {
  height: 57vw !important;
}

.u-h-58p {
  height: 58% !important;
}

.u-h-58v {
  height: 58vw !important;
}

.u-h-59p {
  height: 59% !important;
}

.u-h-59v {
  height: 59vw !important;
}

.u-h-60p {
  height: 60% !important;
}

.u-h-60v {
  height: 60vw !important;
}

.u-h-61p {
  height: 61% !important;
}

.u-h-61v {
  height: 61vw !important;
}

.u-h-62p {
  height: 62% !important;
}

.u-h-62v {
  height: 62vw !important;
}

.u-h-63p {
  height: 63% !important;
}

.u-h-63v {
  height: 63vw !important;
}

.u-h-64p {
  height: 64% !important;
}

.u-h-64v {
  height: 64vw !important;
}

.u-h-65p {
  height: 65% !important;
}

.u-h-65v {
  height: 65vw !important;
}

.u-h-66p {
  height: 66% !important;
}

.u-h-66v {
  height: 66vw !important;
}

.u-h-67p {
  height: 67% !important;
}

.u-h-67v {
  height: 67vw !important;
}

.u-h-68p {
  height: 68% !important;
}

.u-h-68v {
  height: 68vw !important;
}

.u-h-69p {
  height: 69% !important;
}

.u-h-69v {
  height: 69vw !important;
}

.u-h-70p {
  height: 70% !important;
}

.u-h-70v {
  height: 70vw !important;
}

.u-h-71p {
  height: 71% !important;
}

.u-h-71v {
  height: 71vw !important;
}

.u-h-72p {
  height: 72% !important;
}

.u-h-72v {
  height: 72vw !important;
}

.u-h-73p {
  height: 73% !important;
}

.u-h-73v {
  height: 73vw !important;
}

.u-h-74p {
  height: 74% !important;
}

.u-h-74v {
  height: 74vw !important;
}

.u-h-75p {
  height: 75% !important;
}

.u-h-75v {
  height: 75vw !important;
}

.u-h-76p {
  height: 76% !important;
}

.u-h-76v {
  height: 76vw !important;
}

.u-h-77p {
  height: 77% !important;
}

.u-h-77v {
  height: 77vw !important;
}

.u-h-78p {
  height: 78% !important;
}

.u-h-78v {
  height: 78vw !important;
}

.u-h-79p {
  height: 79% !important;
}

.u-h-79v {
  height: 79vw !important;
}

.u-h-80p {
  height: 80% !important;
}

.u-h-80v {
  height: 80vw !important;
}

.u-h-81p {
  height: 81% !important;
}

.u-h-81v {
  height: 81vw !important;
}

.u-h-82p {
  height: 82% !important;
}

.u-h-82v {
  height: 82vw !important;
}

.u-h-83p {
  height: 83% !important;
}

.u-h-83v {
  height: 83vw !important;
}

.u-h-84p {
  height: 84% !important;
}

.u-h-84v {
  height: 84vw !important;
}

.u-h-85p {
  height: 85% !important;
}

.u-h-85v {
  height: 85vw !important;
}

.u-h-86p {
  height: 86% !important;
}

.u-h-86v {
  height: 86vw !important;
}

.u-h-87p {
  height: 87% !important;
}

.u-h-87v {
  height: 87vw !important;
}

.u-h-88p {
  height: 88% !important;
}

.u-h-88v {
  height: 88vw !important;
}

.u-h-89p {
  height: 89% !important;
}

.u-h-89v {
  height: 89vw !important;
}

.u-h-90p {
  height: 90% !important;
}

.u-h-90v {
  height: 90vw !important;
}

.u-h-91p {
  height: 91% !important;
}

.u-h-91v {
  height: 91vw !important;
}

.u-h-92p {
  height: 92% !important;
}

.u-h-92v {
  height: 92vw !important;
}

.u-h-93p {
  height: 93% !important;
}

.u-h-93v {
  height: 93vw !important;
}

.u-h-94p {
  height: 94% !important;
}

.u-h-94v {
  height: 94vw !important;
}

.u-h-95p {
  height: 95% !important;
}

.u-h-95v {
  height: 95vw !important;
}

.u-h-96p {
  height: 96% !important;
}

.u-h-96v {
  height: 96vw !important;
}

.u-h-97p {
  height: 97% !important;
}

.u-h-97v {
  height: 97vw !important;
}

.u-h-98p {
  height: 98% !important;
}

.u-h-98v {
  height: 98vw !important;
}

.u-h-99p {
  height: 99% !important;
}

.u-h-99v {
  height: 99vw !important;
}

.u-h-100p {
  height: 100% !important;
}

.u-h-100v {
  height: 100vw !important;
}

/* PC版：プリフィクス pc- を付加 */
@media print, screen and (min-width: 480px) {
  /* 単位：em */
  .u-pc-h-1em {
    height: 1em !important;
  }
  .u-pc-h-2em {
    height: 2em !important;
  }
  .u-pc-h-3em {
    height: 3em !important;
  }
  .u-pc-h-4em {
    height: 4em !important;
  }
  .u-pc-h-5em {
    height: 5em !important;
  }
  .u-pc-h-6em {
    height: 6em !important;
  }
  .u-pc-h-7em {
    height: 7em !important;
  }
  .u-pc-h-8em {
    height: 8em !important;
  }
  .u-pc-h-9em {
    height: 9em !important;
  }
  .u-pc-h-10em {
    height: 10em !important;
  }
  /* 単位：px（rem） */
  .u-pc-h-5 {
    height: 0.5rem !important;
  }
  .u-pc-h-10 {
    height: 1rem !important;
  }
  .u-pc-h-15 {
    height: 1.5rem !important;
  }
  .u-pc-h-20 {
    height: 2rem !important;
  }
  .u-pc-h-25 {
    height: 2.5rem !important;
  }
  .u-pc-h-30 {
    height: 3rem !important;
  }
  .u-pc-h-35 {
    height: 3.5rem !important;
  }
  .u-pc-h-40 {
    height: 4rem !important;
  }
  .u-pc-h-45 {
    height: 4.5rem !important;
  }
  .u-pc-h-50 {
    height: 5rem !important;
  }
  .u-pc-h-55 {
    height: 5.5rem !important;
  }
  .u-pc-h-60 {
    height: 6rem !important;
  }
  .u-pc-h-65 {
    height: 6.5rem !important;
  }
  .u-pc-h-70 {
    height: 7rem !important;
  }
  .u-pc-h-75 {
    height: 7.5rem !important;
  }
  .u-pc-h-80 {
    height: 8rem !important;
  }
  .u-pc-h-85 {
    height: 8.5rem !important;
  }
  .u-pc-h-90 {
    height: 9rem !important;
  }
  .u-pc-h-95 {
    height: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-pc-h-100 {
    height: 10rem !important;
  }
  .u-pc-h-110 {
    height: 11rem !important;
  }
  .u-pc-h-120 {
    height: 12rem !important;
  }
  .u-pc-h-130 {
    height: 13rem !important;
  }
  .u-pc-h-140 {
    height: 14rem !important;
  }
  .u-pc-h-150 {
    height: 15rem !important;
  }
  .u-pc-h-160 {
    height: 16rem !important;
  }
  .u-pc-h-170 {
    height: 17rem !important;
  }
  .u-pc-h-180 {
    height: 18rem !important;
  }
  .u-pc-h-190 {
    height: 19rem !important;
  }
  .u-pc-h-200 {
    height: 20rem !important;
  }
  .u-pc-h-210 {
    height: 21rem !important;
  }
  .u-pc-h-220 {
    height: 22rem !important;
  }
  .u-pc-h-230 {
    height: 23rem !important;
  }
  .u-pc-h-240 {
    height: 24rem !important;
  }
  .u-pc-h-250 {
    height: 25rem !important;
  }
  .u-pc-h-260 {
    height: 26rem !important;
  }
  .u-pc-h-270 {
    height: 27rem !important;
  }
  .u-pc-h-280 {
    height: 28rem !important;
  }
  .u-pc-h-290 {
    height: 29rem !important;
  }
  .u-pc-h-300 {
    height: 30rem !important;
  }
  .u-pc-h-310 {
    height: 31rem !important;
  }
  .u-pc-h-320 {
    height: 32rem !important;
  }
  .u-pc-h-330 {
    height: 33rem !important;
  }
  .u-pc-h-340 {
    height: 34rem !important;
  }
  .u-pc-h-350 {
    height: 35rem !important;
  }
  .u-pc-h-360 {
    height: 36rem !important;
  }
  .u-pc-h-370 {
    height: 37rem !important;
  }
  .u-pc-h-380 {
    height: 38rem !important;
  }
  .u-pc-h-390 {
    height: 39rem !important;
  }
  .u-pc-h-400 {
    height: 40rem !important;
  }
  .u-pc-h-410 {
    height: 41rem !important;
  }
  .u-pc-h-420 {
    height: 42rem !important;
  }
  .u-pc-h-430 {
    height: 43rem !important;
  }
  .u-pc-h-440 {
    height: 44rem !important;
  }
  .u-pc-h-450 {
    height: 45rem !important;
  }
  .u-pc-h-460 {
    height: 46rem !important;
  }
  .u-pc-h-470 {
    height: 47rem !important;
  }
  .u-pc-h-480 {
    height: 48rem !important;
  }
  .u-pc-h-490 {
    height: 49rem !important;
  }
  .u-pc-h-500 {
    height: 50rem !important;
  }
  .u-pc-h-510 {
    height: 51rem !important;
  }
  .u-pc-h-520 {
    height: 52rem !important;
  }
  .u-pc-h-530 {
    height: 53rem !important;
  }
  .u-pc-h-540 {
    height: 54rem !important;
  }
  .u-pc-h-550 {
    height: 55rem !important;
  }
  .u-pc-h-560 {
    height: 56rem !important;
  }
  .u-pc-h-570 {
    height: 57rem !important;
  }
  .u-pc-h-580 {
    height: 58rem !important;
  }
  .u-pc-h-590 {
    height: 59rem !important;
  }
  .u-pc-h-600 {
    height: 60rem !important;
  }
  .u-pc-h-610 {
    height: 61rem !important;
  }
  .u-pc-h-620 {
    height: 62rem !important;
  }
  .u-pc-h-630 {
    height: 63rem !important;
  }
  .u-pc-h-640 {
    height: 64rem !important;
  }
  .u-pc-h-650 {
    height: 65rem !important;
  }
  .u-pc-h-660 {
    height: 66rem !important;
  }
  .u-pc-h-670 {
    height: 67rem !important;
  }
  .u-pc-h-680 {
    height: 68rem !important;
  }
  .u-pc-h-690 {
    height: 69rem !important;
  }
  .u-pc-h-700 {
    height: 70rem !important;
  }
  .u-pc-h-710 {
    height: 71rem !important;
  }
  .u-pc-h-720 {
    height: 72rem !important;
  }
  .u-pc-h-730 {
    height: 73rem !important;
  }
  .u-pc-h-740 {
    height: 74rem !important;
  }
  .u-pc-h-750 {
    height: 75rem !important;
  }
  .u-pc-h-760 {
    height: 76rem !important;
  }
  .u-pc-h-770 {
    height: 77rem !important;
  }
  .u-pc-h-780 {
    height: 78rem !important;
  }
  .u-pc-h-790 {
    height: 79rem !important;
  }
  .u-pc-h-800 {
    height: 80rem !important;
  }
  .u-pc-h-810 {
    height: 81rem !important;
  }
  .u-pc-h-820 {
    height: 82rem !important;
  }
  .u-pc-h-830 {
    height: 83rem !important;
  }
  .u-pc-h-840 {
    height: 84rem !important;
  }
  .u-pc-h-850 {
    height: 85rem !important;
  }
  .u-pc-h-860 {
    height: 86rem !important;
  }
  .u-pc-h-870 {
    height: 87rem !important;
  }
  .u-pc-h-880 {
    height: 88rem !important;
  }
  .u-pc-h-890 {
    height: 89rem !important;
  }
  .u-pc-h-900 {
    height: 90rem !important;
  }
  .u-pc-h-910 {
    height: 91rem !important;
  }
  .u-pc-h-920 {
    height: 92rem !important;
  }
  .u-pc-h-930 {
    height: 93rem !important;
  }
  .u-pc-h-940 {
    height: 94rem !important;
  }
  .u-pc-h-950 {
    height: 95rem !important;
  }
  .u-pc-h-960 {
    height: 96rem !important;
  }
  .u-pc-h-970 {
    height: 97rem !important;
  }
  .u-pc-h-980 {
    height: 98rem !important;
  }
  .u-pc-h-990 {
    height: 99rem !important;
  }
  .u-pc-h-1000 {
    height: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-pc-h-5p {
    height: 5% !important;
  }
  .u-pc-h-5v {
    height: 5vw !important;
  }
  .u-pc-h-10p {
    height: 10% !important;
  }
  .u-pc-h-10v {
    height: 10vw !important;
  }
  .u-pc-h-15p {
    height: 15% !important;
  }
  .u-pc-h-15v {
    height: 15vw !important;
  }
  .u-pc-h-20p {
    height: 20% !important;
  }
  .u-pc-h-20v {
    height: 20vw !important;
  }
  .u-pc-h-25p {
    height: 25% !important;
  }
  .u-pc-h-25v {
    height: 25vw !important;
  }
  .u-pc-h-30p {
    height: 30% !important;
  }
  .u-pc-h-30v {
    height: 30vw !important;
  }
  .u-pc-h-35p {
    height: 35% !important;
  }
  .u-pc-h-35v {
    height: 35vw !important;
  }
  .u-pc-h-40p {
    height: 40% !important;
  }
  .u-pc-h-40v {
    height: 40vw !important;
  }
  .u-pc-h-45p {
    height: 45% !important;
  }
  .u-pc-h-45v {
    height: 45vw !important;
  }
  .u-pc-h-50p {
    height: 50% !important;
  }
  .u-pc-h-50v {
    height: 50vw !important;
  }
  .u-pc-h-55p {
    height: 55% !important;
  }
  .u-pc-h-55v {
    height: 55vw !important;
  }
  .u-pc-h-60p {
    height: 60% !important;
  }
  .u-pc-h-60v {
    height: 60vw !important;
  }
  .u-pc-h-65p {
    height: 65% !important;
  }
  .u-pc-h-65v {
    height: 65vw !important;
  }
  .u-pc-h-70p {
    height: 70% !important;
  }
  .u-pc-h-70v {
    height: 70vw !important;
  }
  .u-pc-h-75p {
    height: 75% !important;
  }
  .u-pc-h-75v {
    height: 75vw !important;
  }
  .u-pc-h-80p {
    height: 80% !important;
  }
  .u-pc-h-80v {
    height: 80vw !important;
  }
  .u-pc-h-85p {
    height: 85% !important;
  }
  .u-pc-h-85v {
    height: 85vw !important;
  }
  .u-pc-h-90p {
    height: 90% !important;
  }
  .u-pc-h-90v {
    height: 90vw !important;
  }
  .u-pc-h-95p {
    height: 95% !important;
  }
  .u-pc-h-95v {
    height: 95vw !important;
  }
  .u-pc-h-100p {
    height: 100% !important;
  }
  .u-pc-h-100v {
    height: 100vw !important;
  }
}
/* TAB版：プリフィクス tab- を付加 */
@media print, screen and (min-width: 1000px) and (max-width: 1280px) {
  /* 単位：em */
  .u-tab-h-1em {
    height: 1em !important;
  }
  .u-tab-h-2em {
    height: 2em !important;
  }
  .u-tab-h-3em {
    height: 3em !important;
  }
  .u-tab-h-4em {
    height: 4em !important;
  }
  .u-tab-h-5em {
    height: 5em !important;
  }
  .u-tab-h-6em {
    height: 6em !important;
  }
  .u-tab-h-7em {
    height: 7em !important;
  }
  .u-tab-h-8em {
    height: 8em !important;
  }
  .u-tab-h-9em {
    height: 9em !important;
  }
  .u-tab-h-10em {
    height: 10em !important;
  }
  /* 単位：px（rem） */
  .u-tab-h-5 {
    height: 0.5rem !important;
  }
  .u-tab-h-10 {
    height: 1rem !important;
  }
  .u-tab-h-15 {
    height: 1.5rem !important;
  }
  .u-tab-h-20 {
    height: 2rem !important;
  }
  .u-tab-h-25 {
    height: 2.5rem !important;
  }
  .u-tab-h-30 {
    height: 3rem !important;
  }
  .u-tab-h-35 {
    height: 3.5rem !important;
  }
  .u-tab-h-40 {
    height: 4rem !important;
  }
  .u-tab-h-45 {
    height: 4.5rem !important;
  }
  .u-tab-h-50 {
    height: 5rem !important;
  }
  .u-tab-h-55 {
    height: 5.5rem !important;
  }
  .u-tab-h-60 {
    height: 6rem !important;
  }
  .u-tab-h-65 {
    height: 6.5rem !important;
  }
  .u-tab-h-70 {
    height: 7rem !important;
  }
  .u-tab-h-75 {
    height: 7.5rem !important;
  }
  .u-tab-h-80 {
    height: 8rem !important;
  }
  .u-tab-h-85 {
    height: 8.5rem !important;
  }
  .u-tab-h-90 {
    height: 9rem !important;
  }
  .u-tab-h-95 {
    height: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-tab-h-100 {
    height: 10rem !important;
  }
  .u-tab-h-110 {
    height: 11rem !important;
  }
  .u-tab-h-120 {
    height: 12rem !important;
  }
  .u-tab-h-130 {
    height: 13rem !important;
  }
  .u-tab-h-140 {
    height: 14rem !important;
  }
  .u-tab-h-150 {
    height: 15rem !important;
  }
  .u-tab-h-160 {
    height: 16rem !important;
  }
  .u-tab-h-170 {
    height: 17rem !important;
  }
  .u-tab-h-180 {
    height: 18rem !important;
  }
  .u-tab-h-190 {
    height: 19rem !important;
  }
  .u-tab-h-200 {
    height: 20rem !important;
  }
  .u-tab-h-210 {
    height: 21rem !important;
  }
  .u-tab-h-220 {
    height: 22rem !important;
  }
  .u-tab-h-230 {
    height: 23rem !important;
  }
  .u-tab-h-240 {
    height: 24rem !important;
  }
  .u-tab-h-250 {
    height: 25rem !important;
  }
  .u-tab-h-260 {
    height: 26rem !important;
  }
  .u-tab-h-270 {
    height: 27rem !important;
  }
  .u-tab-h-280 {
    height: 28rem !important;
  }
  .u-tab-h-290 {
    height: 29rem !important;
  }
  .u-tab-h-300 {
    height: 30rem !important;
  }
  .u-tab-h-310 {
    height: 31rem !important;
  }
  .u-tab-h-320 {
    height: 32rem !important;
  }
  .u-tab-h-330 {
    height: 33rem !important;
  }
  .u-tab-h-340 {
    height: 34rem !important;
  }
  .u-tab-h-350 {
    height: 35rem !important;
  }
  .u-tab-h-360 {
    height: 36rem !important;
  }
  .u-tab-h-370 {
    height: 37rem !important;
  }
  .u-tab-h-380 {
    height: 38rem !important;
  }
  .u-tab-h-390 {
    height: 39rem !important;
  }
  .u-tab-h-400 {
    height: 40rem !important;
  }
  .u-tab-h-410 {
    height: 41rem !important;
  }
  .u-tab-h-420 {
    height: 42rem !important;
  }
  .u-tab-h-430 {
    height: 43rem !important;
  }
  .u-tab-h-440 {
    height: 44rem !important;
  }
  .u-tab-h-450 {
    height: 45rem !important;
  }
  .u-tab-h-460 {
    height: 46rem !important;
  }
  .u-tab-h-470 {
    height: 47rem !important;
  }
  .u-tab-h-480 {
    height: 48rem !important;
  }
  .u-tab-h-490 {
    height: 49rem !important;
  }
  .u-tab-h-500 {
    height: 50rem !important;
  }
  .u-tab-h-510 {
    height: 51rem !important;
  }
  .u-tab-h-520 {
    height: 52rem !important;
  }
  .u-tab-h-530 {
    height: 53rem !important;
  }
  .u-tab-h-540 {
    height: 54rem !important;
  }
  .u-tab-h-550 {
    height: 55rem !important;
  }
  .u-tab-h-560 {
    height: 56rem !important;
  }
  .u-tab-h-570 {
    height: 57rem !important;
  }
  .u-tab-h-580 {
    height: 58rem !important;
  }
  .u-tab-h-590 {
    height: 59rem !important;
  }
  .u-tab-h-600 {
    height: 60rem !important;
  }
  .u-tab-h-610 {
    height: 61rem !important;
  }
  .u-tab-h-620 {
    height: 62rem !important;
  }
  .u-tab-h-630 {
    height: 63rem !important;
  }
  .u-tab-h-640 {
    height: 64rem !important;
  }
  .u-tab-h-650 {
    height: 65rem !important;
  }
  .u-tab-h-660 {
    height: 66rem !important;
  }
  .u-tab-h-670 {
    height: 67rem !important;
  }
  .u-tab-h-680 {
    height: 68rem !important;
  }
  .u-tab-h-690 {
    height: 69rem !important;
  }
  .u-tab-h-700 {
    height: 70rem !important;
  }
  .u-tab-h-710 {
    height: 71rem !important;
  }
  .u-tab-h-720 {
    height: 72rem !important;
  }
  .u-tab-h-730 {
    height: 73rem !important;
  }
  .u-tab-h-740 {
    height: 74rem !important;
  }
  .u-tab-h-750 {
    height: 75rem !important;
  }
  .u-tab-h-760 {
    height: 76rem !important;
  }
  .u-tab-h-770 {
    height: 77rem !important;
  }
  .u-tab-h-780 {
    height: 78rem !important;
  }
  .u-tab-h-790 {
    height: 79rem !important;
  }
  .u-tab-h-800 {
    height: 80rem !important;
  }
  .u-tab-h-810 {
    height: 81rem !important;
  }
  .u-tab-h-820 {
    height: 82rem !important;
  }
  .u-tab-h-830 {
    height: 83rem !important;
  }
  .u-tab-h-840 {
    height: 84rem !important;
  }
  .u-tab-h-850 {
    height: 85rem !important;
  }
  .u-tab-h-860 {
    height: 86rem !important;
  }
  .u-tab-h-870 {
    height: 87rem !important;
  }
  .u-tab-h-880 {
    height: 88rem !important;
  }
  .u-tab-h-890 {
    height: 89rem !important;
  }
  .u-tab-h-900 {
    height: 90rem !important;
  }
  .u-tab-h-910 {
    height: 91rem !important;
  }
  .u-tab-h-920 {
    height: 92rem !important;
  }
  .u-tab-h-930 {
    height: 93rem !important;
  }
  .u-tab-h-940 {
    height: 94rem !important;
  }
  .u-tab-h-950 {
    height: 95rem !important;
  }
  .u-tab-h-960 {
    height: 96rem !important;
  }
  .u-tab-h-970 {
    height: 97rem !important;
  }
  .u-tab-h-980 {
    height: 98rem !important;
  }
  .u-tab-h-990 {
    height: 99rem !important;
  }
  .u-tab-h-1000 {
    height: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-tab-h-5p {
    height: 5% !important;
  }
  .u-tab-h-5v {
    height: 5vw !important;
  }
  .u-tab-h-10p {
    height: 10% !important;
  }
  .u-tab-h-10v {
    height: 10vw !important;
  }
  .u-tab-h-15p {
    height: 15% !important;
  }
  .u-tab-h-15v {
    height: 15vw !important;
  }
  .u-tab-h-20p {
    height: 20% !important;
  }
  .u-tab-h-20v {
    height: 20vw !important;
  }
  .u-tab-h-25p {
    height: 25% !important;
  }
  .u-tab-h-25v {
    height: 25vw !important;
  }
  .u-tab-h-30p {
    height: 30% !important;
  }
  .u-tab-h-30v {
    height: 30vw !important;
  }
  .u-tab-h-35p {
    height: 35% !important;
  }
  .u-tab-h-35v {
    height: 35vw !important;
  }
  .u-tab-h-40p {
    height: 40% !important;
  }
  .u-tab-h-40v {
    height: 40vw !important;
  }
  .u-tab-h-45p {
    height: 45% !important;
  }
  .u-tab-h-45v {
    height: 45vw !important;
  }
  .u-tab-h-50p {
    height: 50% !important;
  }
  .u-tab-h-50v {
    height: 50vw !important;
  }
  .u-tab-h-55p {
    height: 55% !important;
  }
  .u-tab-h-55v {
    height: 55vw !important;
  }
  .u-tab-h-60p {
    height: 60% !important;
  }
  .u-tab-h-60v {
    height: 60vw !important;
  }
  .u-tab-h-65p {
    height: 65% !important;
  }
  .u-tab-h-65v {
    height: 65vw !important;
  }
  .u-tab-h-70p {
    height: 70% !important;
  }
  .u-tab-h-70v {
    height: 70vw !important;
  }
  .u-tab-h-75p {
    height: 75% !important;
  }
  .u-tab-h-75v {
    height: 75vw !important;
  }
  .u-tab-h-80p {
    height: 80% !important;
  }
  .u-tab-h-80v {
    height: 80vw !important;
  }
  .u-tab-h-85p {
    height: 85% !important;
  }
  .u-tab-h-85v {
    height: 85vw !important;
  }
  .u-tab-h-90p {
    height: 90% !important;
  }
  .u-tab-h-90v {
    height: 90vw !important;
  }
  .u-tab-h-95p {
    height: 95% !important;
  }
  .u-tab-h-95v {
    height: 95vw !important;
  }
  .u-tab-h-100p {
    height: 100% !important;
  }
  .u-tab-h-100v {
    height: 100vw !important;
  }
}
/* SP版：プリフィクス sp- を付加 */
@media print, screen and (mxx-width: 480px) {
  /* 単位：em */
  .u-sp-h-1em {
    height: 1em !important;
  }
  .u-sp-h-2em {
    height: 2em !important;
  }
  .u-sp-h-3em {
    height: 3em !important;
  }
  .u-sp-h-4em {
    height: 4em !important;
  }
  .u-sp-h-5em {
    height: 5em !important;
  }
  .u-sp-h-6em {
    height: 6em !important;
  }
  .u-sp-h-7em {
    height: 7em !important;
  }
  .u-sp-h-8em {
    height: 8em !important;
  }
  .u-sp-h-9em {
    height: 9em !important;
  }
  .u-sp-h-10em {
    height: 10em !important;
  }
  /* 単位：px（rem） */
  .u-sp-h-5 {
    height: 0.5rem !important;
  }
  .u-sp-h-10 {
    height: 1rem !important;
  }
  .u-sp-h-15 {
    height: 1.5rem !important;
  }
  .u-sp-h-20 {
    height: 2rem !important;
  }
  .u-sp-h-25 {
    height: 2.5rem !important;
  }
  .u-sp-h-30 {
    height: 3rem !important;
  }
  .u-sp-h-35 {
    height: 3.5rem !important;
  }
  .u-sp-h-40 {
    height: 4rem !important;
  }
  .u-sp-h-45 {
    height: 4.5rem !important;
  }
  .u-sp-h-50 {
    height: 5rem !important;
  }
  .u-sp-h-55 {
    height: 5.5rem !important;
  }
  .u-sp-h-60 {
    height: 6rem !important;
  }
  .u-sp-h-65 {
    height: 6.5rem !important;
  }
  .u-sp-h-70 {
    height: 7rem !important;
  }
  .u-sp-h-75 {
    height: 7.5rem !important;
  }
  .u-sp-h-80 {
    height: 8rem !important;
  }
  .u-sp-h-85 {
    height: 8.5rem !important;
  }
  .u-sp-h-90 {
    height: 9rem !important;
  }
  .u-sp-h-95 {
    height: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-sp-h-100 {
    height: 10rem !important;
  }
  .u-sp-h-110 {
    height: 11rem !important;
  }
  .u-sp-h-120 {
    height: 12rem !important;
  }
  .u-sp-h-130 {
    height: 13rem !important;
  }
  .u-sp-h-140 {
    height: 14rem !important;
  }
  .u-sp-h-150 {
    height: 15rem !important;
  }
  .u-sp-h-160 {
    height: 16rem !important;
  }
  .u-sp-h-170 {
    height: 17rem !important;
  }
  .u-sp-h-180 {
    height: 18rem !important;
  }
  .u-sp-h-190 {
    height: 19rem !important;
  }
  .u-sp-h-200 {
    height: 20rem !important;
  }
  .u-sp-h-210 {
    height: 21rem !important;
  }
  .u-sp-h-220 {
    height: 22rem !important;
  }
  .u-sp-h-230 {
    height: 23rem !important;
  }
  .u-sp-h-240 {
    height: 24rem !important;
  }
  .u-sp-h-250 {
    height: 25rem !important;
  }
  .u-sp-h-260 {
    height: 26rem !important;
  }
  .u-sp-h-270 {
    height: 27rem !important;
  }
  .u-sp-h-280 {
    height: 28rem !important;
  }
  .u-sp-h-290 {
    height: 29rem !important;
  }
  .u-sp-h-300 {
    height: 30rem !important;
  }
  .u-sp-h-310 {
    height: 31rem !important;
  }
  .u-sp-h-320 {
    height: 32rem !important;
  }
  .u-sp-h-330 {
    height: 33rem !important;
  }
  .u-sp-h-340 {
    height: 34rem !important;
  }
  .u-sp-h-350 {
    height: 35rem !important;
  }
  .u-sp-h-360 {
    height: 36rem !important;
  }
  .u-sp-h-370 {
    height: 37rem !important;
  }
  .u-sp-h-380 {
    height: 38rem !important;
  }
  .u-sp-h-390 {
    height: 39rem !important;
  }
  .u-sp-h-400 {
    height: 40rem !important;
  }
  .u-sp-h-410 {
    height: 41rem !important;
  }
  .u-sp-h-420 {
    height: 42rem !important;
  }
  .u-sp-h-430 {
    height: 43rem !important;
  }
  .u-sp-h-440 {
    height: 44rem !important;
  }
  .u-sp-h-450 {
    height: 45rem !important;
  }
  .u-sp-h-460 {
    height: 46rem !important;
  }
  .u-sp-h-470 {
    height: 47rem !important;
  }
  .u-sp-h-480 {
    height: 48rem !important;
  }
  .u-sp-h-490 {
    height: 49rem !important;
  }
  .u-sp-h-500 {
    height: 50rem !important;
  }
  .u-sp-h-510 {
    height: 51rem !important;
  }
  .u-sp-h-520 {
    height: 52rem !important;
  }
  .u-sp-h-530 {
    height: 53rem !important;
  }
  .u-sp-h-540 {
    height: 54rem !important;
  }
  .u-sp-h-550 {
    height: 55rem !important;
  }
  .u-sp-h-560 {
    height: 56rem !important;
  }
  .u-sp-h-570 {
    height: 57rem !important;
  }
  .u-sp-h-580 {
    height: 58rem !important;
  }
  .u-sp-h-590 {
    height: 59rem !important;
  }
  .u-sp-h-600 {
    height: 60rem !important;
  }
  .u-sp-h-610 {
    height: 61rem !important;
  }
  .u-sp-h-620 {
    height: 62rem !important;
  }
  .u-sp-h-630 {
    height: 63rem !important;
  }
  .u-sp-h-640 {
    height: 64rem !important;
  }
  .u-sp-h-650 {
    height: 65rem !important;
  }
  .u-sp-h-660 {
    height: 66rem !important;
  }
  .u-sp-h-670 {
    height: 67rem !important;
  }
  .u-sp-h-680 {
    height: 68rem !important;
  }
  .u-sp-h-690 {
    height: 69rem !important;
  }
  .u-sp-h-700 {
    height: 70rem !important;
  }
  .u-sp-h-710 {
    height: 71rem !important;
  }
  .u-sp-h-720 {
    height: 72rem !important;
  }
  .u-sp-h-730 {
    height: 73rem !important;
  }
  .u-sp-h-740 {
    height: 74rem !important;
  }
  .u-sp-h-750 {
    height: 75rem !important;
  }
  .u-sp-h-760 {
    height: 76rem !important;
  }
  .u-sp-h-770 {
    height: 77rem !important;
  }
  .u-sp-h-780 {
    height: 78rem !important;
  }
  .u-sp-h-790 {
    height: 79rem !important;
  }
  .u-sp-h-800 {
    height: 80rem !important;
  }
  .u-sp-h-810 {
    height: 81rem !important;
  }
  .u-sp-h-820 {
    height: 82rem !important;
  }
  .u-sp-h-830 {
    height: 83rem !important;
  }
  .u-sp-h-840 {
    height: 84rem !important;
  }
  .u-sp-h-850 {
    height: 85rem !important;
  }
  .u-sp-h-860 {
    height: 86rem !important;
  }
  .u-sp-h-870 {
    height: 87rem !important;
  }
  .u-sp-h-880 {
    height: 88rem !important;
  }
  .u-sp-h-890 {
    height: 89rem !important;
  }
  .u-sp-h-900 {
    height: 90rem !important;
  }
  .u-sp-h-910 {
    height: 91rem !important;
  }
  .u-sp-h-920 {
    height: 92rem !important;
  }
  .u-sp-h-930 {
    height: 93rem !important;
  }
  .u-sp-h-940 {
    height: 94rem !important;
  }
  .u-sp-h-950 {
    height: 95rem !important;
  }
  .u-sp-h-960 {
    height: 96rem !important;
  }
  .u-sp-h-970 {
    height: 97rem !important;
  }
  .u-sp-h-980 {
    height: 98rem !important;
  }
  .u-sp-h-990 {
    height: 99rem !important;
  }
  .u-sp-h-1000 {
    height: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-sp-h-5p {
    height: 5% !important;
  }
  .u-sp-h-5v {
    height: 5vw !important;
  }
  .u-sp-h-10p {
    height: 10% !important;
  }
  .u-sp-h-10v {
    height: 10vw !important;
  }
  .u-sp-h-15p {
    height: 15% !important;
  }
  .u-sp-h-15v {
    height: 15vw !important;
  }
  .u-sp-h-20p {
    height: 20% !important;
  }
  .u-sp-h-20v {
    height: 20vw !important;
  }
  .u-sp-h-25p {
    height: 25% !important;
  }
  .u-sp-h-25v {
    height: 25vw !important;
  }
  .u-sp-h-30p {
    height: 30% !important;
  }
  .u-sp-h-30v {
    height: 30vw !important;
  }
  .u-sp-h-35p {
    height: 35% !important;
  }
  .u-sp-h-35v {
    height: 35vw !important;
  }
  .u-sp-h-40p {
    height: 40% !important;
  }
  .u-sp-h-40v {
    height: 40vw !important;
  }
  .u-sp-h-45p {
    height: 45% !important;
  }
  .u-sp-h-45v {
    height: 45vw !important;
  }
  .u-sp-h-50p {
    height: 50% !important;
  }
  .u-sp-h-50v {
    height: 50vw !important;
  }
  .u-sp-h-55p {
    height: 55% !important;
  }
  .u-sp-h-55v {
    height: 55vw !important;
  }
  .u-sp-h-60p {
    height: 60% !important;
  }
  .u-sp-h-60v {
    height: 60vw !important;
  }
  .u-sp-h-65p {
    height: 65% !important;
  }
  .u-sp-h-65v {
    height: 65vw !important;
  }
  .u-sp-h-70p {
    height: 70% !important;
  }
  .u-sp-h-70v {
    height: 70vw !important;
  }
  .u-sp-h-75p {
    height: 75% !important;
  }
  .u-sp-h-75v {
    height: 75vw !important;
  }
  .u-sp-h-80p {
    height: 80% !important;
  }
  .u-sp-h-80v {
    height: 80vw !important;
  }
  .u-sp-h-85p {
    height: 85% !important;
  }
  .u-sp-h-85v {
    height: 85vw !important;
  }
  .u-sp-h-90p {
    height: 90% !important;
  }
  .u-sp-h-90v {
    height: 90vw !important;
  }
  .u-sp-h-95p {
    height: 95% !important;
  }
  .u-sp-h-95v {
    height: 95vw !important;
  }
  .u-sp-h-100p {
    height: 100% !important;
  }
  .u-sp-h-100v {
    height: 100vw !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - line-height
   --------------------------------------------------------------------------------
     - u-lh-1, u-lh-11, u-lh-12, ... , u-lh-99, u-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
----------------------------------------------------------------------------------- */
.u-lh-1 {
  line-height: 1 !important;
}

.u-lh-11 {
  line-height: 1.1 !important;
}

.u-lh-12 {
  line-height: 1.2 !important;
}

.u-lh-13 {
  line-height: 1.3 !important;
}

.u-lh-14 {
  line-height: 1.4 !important;
}

.u-lh-15 {
  line-height: 1.5 !important;
}

.u-lh-16 {
  line-height: 1.6 !important;
}

.u-lh-17 {
  line-height: 1.7 !important;
}

.u-lh-18 {
  line-height: 1.8 !important;
}

.u-lh-19 {
  line-height: 1.9 !important;
}

.u-lh-2 {
  line-height: 2 !important;
}

.u-lh-21 {
  line-height: 2.1 !important;
}

.u-lh-22 {
  line-height: 2.2 !important;
}

.u-lh-23 {
  line-height: 2.3 !important;
}

.u-lh-24 {
  line-height: 2.4 !important;
}

.u-lh-25 {
  line-height: 2.5 !important;
}

.u-lh-26 {
  line-height: 2.6 !important;
}

.u-lh-27 {
  line-height: 2.7 !important;
}

.u-lh-28 {
  line-height: 2.8 !important;
}

.u-lh-29 {
  line-height: 2.9 !important;
}

.u-lh-3 {
  line-height: 3 !important;
}

.u-lh-31 {
  line-height: 3.1 !important;
}

.u-lh-32 {
  line-height: 3.2 !important;
}

.u-lh-33 {
  line-height: 3.3 !important;
}

.u-lh-34 {
  line-height: 3.4 !important;
}

.u-lh-35 {
  line-height: 3.5 !important;
}

.u-lh-36 {
  line-height: 3.6 !important;
}

.u-lh-37 {
  line-height: 3.7 !important;
}

.u-lh-38 {
  line-height: 3.8 !important;
}

.u-lh-39 {
  line-height: 3.9 !important;
}

.u-lh-4 {
  line-height: 4 !important;
}

.u-lh-41 {
  line-height: 4.1 !important;
}

.u-lh-42 {
  line-height: 4.2 !important;
}

.u-lh-43 {
  line-height: 4.3 !important;
}

.u-lh-44 {
  line-height: 4.4 !important;
}

.u-lh-45 {
  line-height: 4.5 !important;
}

.u-lh-46 {
  line-height: 4.6 !important;
}

.u-lh-47 {
  line-height: 4.7 !important;
}

.u-lh-48 {
  line-height: 4.8 !important;
}

.u-lh-49 {
  line-height: 4.9 !important;
}

.u-lh-5 {
  line-height: 5 !important;
}

.u-lh-51 {
  line-height: 5.1 !important;
}

.u-lh-52 {
  line-height: 5.2 !important;
}

.u-lh-53 {
  line-height: 5.3 !important;
}

.u-lh-54 {
  line-height: 5.4 !important;
}

.u-lh-55 {
  line-height: 5.5 !important;
}

.u-lh-56 {
  line-height: 5.6 !important;
}

.u-lh-57 {
  line-height: 5.7 !important;
}

.u-lh-58 {
  line-height: 5.8 !important;
}

.u-lh-59 {
  line-height: 5.9 !important;
}

.u-lh-6 {
  line-height: 6 !important;
}

.u-lh-61 {
  line-height: 6.1 !important;
}

.u-lh-62 {
  line-height: 6.2 !important;
}

.u-lh-63 {
  line-height: 6.3 !important;
}

.u-lh-64 {
  line-height: 6.4 !important;
}

.u-lh-65 {
  line-height: 6.5 !important;
}

.u-lh-66 {
  line-height: 6.6 !important;
}

.u-lh-67 {
  line-height: 6.7 !important;
}

.u-lh-68 {
  line-height: 6.8 !important;
}

.u-lh-69 {
  line-height: 6.9 !important;
}

.u-lh-7 {
  line-height: 7 !important;
}

.u-lh-71 {
  line-height: 7.1 !important;
}

.u-lh-72 {
  line-height: 7.2 !important;
}

.u-lh-73 {
  line-height: 7.3 !important;
}

.u-lh-74 {
  line-height: 7.4 !important;
}

.u-lh-75 {
  line-height: 7.5 !important;
}

.u-lh-76 {
  line-height: 7.6 !important;
}

.u-lh-77 {
  line-height: 7.7 !important;
}

.u-lh-78 {
  line-height: 7.8 !important;
}

.u-lh-79 {
  line-height: 7.9 !important;
}

.u-lh-8 {
  line-height: 8 !important;
}

.u-lh-81 {
  line-height: 8.1 !important;
}

.u-lh-82 {
  line-height: 8.2 !important;
}

.u-lh-83 {
  line-height: 8.3 !important;
}

.u-lh-84 {
  line-height: 8.4 !important;
}

.u-lh-85 {
  line-height: 8.5 !important;
}

.u-lh-86 {
  line-height: 8.6 !important;
}

.u-lh-87 {
  line-height: 8.7 !important;
}

.u-lh-88 {
  line-height: 8.8 !important;
}

.u-lh-89 {
  line-height: 8.9 !important;
}

.u-lh-9 {
  line-height: 9 !important;
}

.u-lh-91 {
  line-height: 9.1 !important;
}

.u-lh-92 {
  line-height: 9.2 !important;
}

.u-lh-93 {
  line-height: 9.3 !important;
}

.u-lh-94 {
  line-height: 9.4 !important;
}

.u-lh-95 {
  line-height: 9.5 !important;
}

.u-lh-96 {
  line-height: 9.6 !important;
}

.u-lh-97 {
  line-height: 9.7 !important;
}

.u-lh-98 {
  line-height: 9.8 !important;
}

.u-lh-99 {
  line-height: 9.9 !important;
}

.u-lh-10 {
  line-height: 10 !important;
}

/* SP版：プリフィクス sp- を付加 */
@media print, screen and (mxx-width: 480px) {
  .u-sp-lh-1 {
    line-height: 1 !important;
  }
  .u-sp-lh-11 {
    line-height: 1.1 !important;
  }
  .u-sp-lh-12 {
    line-height: 1.2 !important;
  }
  .u-sp-lh-13 {
    line-height: 1.3 !important;
  }
  .u-sp-lh-14 {
    line-height: 1.4 !important;
  }
  .u-sp-lh-15 {
    line-height: 1.5 !important;
  }
  .u-sp-lh-16 {
    line-height: 1.6 !important;
  }
  .u-sp-lh-17 {
    line-height: 1.7 !important;
  }
  .u-sp-lh-18 {
    line-height: 1.8 !important;
  }
  .u-sp-lh-19 {
    line-height: 1.9 !important;
  }
  .u-sp-lh-2 {
    line-height: 2 !important;
  }
  .u-sp-lh-21 {
    line-height: 2.1 !important;
  }
  .u-sp-lh-22 {
    line-height: 2.2 !important;
  }
  .u-sp-lh-23 {
    line-height: 2.3 !important;
  }
  .u-sp-lh-24 {
    line-height: 2.4 !important;
  }
  .u-sp-lh-25 {
    line-height: 2.5 !important;
  }
  .u-sp-lh-26 {
    line-height: 2.6 !important;
  }
  .u-sp-lh-27 {
    line-height: 2.7 !important;
  }
  .u-sp-lh-28 {
    line-height: 2.8 !important;
  }
  .u-sp-lh-29 {
    line-height: 2.9 !important;
  }
  .u-sp-lh-3 {
    line-height: 3 !important;
  }
  .u-sp-lh-31 {
    line-height: 3.1 !important;
  }
  .u-sp-lh-32 {
    line-height: 3.2 !important;
  }
  .u-sp-lh-33 {
    line-height: 3.3 !important;
  }
  .u-sp-lh-34 {
    line-height: 3.4 !important;
  }
  .u-sp-lh-35 {
    line-height: 3.5 !important;
  }
  .u-sp-lh-36 {
    line-height: 3.6 !important;
  }
  .u-sp-lh-37 {
    line-height: 3.7 !important;
  }
  .u-sp-lh-38 {
    line-height: 3.8 !important;
  }
  .u-sp-lh-39 {
    line-height: 3.9 !important;
  }
  .u-sp-lh-4 {
    line-height: 4 !important;
  }
  .u-sp-lh-41 {
    line-height: 4.1 !important;
  }
  .u-sp-lh-42 {
    line-height: 4.2 !important;
  }
  .u-sp-lh-43 {
    line-height: 4.3 !important;
  }
  .u-sp-lh-44 {
    line-height: 4.4 !important;
  }
  .u-sp-lh-45 {
    line-height: 4.5 !important;
  }
  .u-sp-lh-46 {
    line-height: 4.6 !important;
  }
  .u-sp-lh-47 {
    line-height: 4.7 !important;
  }
  .u-sp-lh-48 {
    line-height: 4.8 !important;
  }
  .u-sp-lh-49 {
    line-height: 4.9 !important;
  }
  .u-sp-lh-5 {
    line-height: 5 !important;
  }
  .u-sp-lh-51 {
    line-height: 5.1 !important;
  }
  .u-sp-lh-52 {
    line-height: 5.2 !important;
  }
  .u-sp-lh-53 {
    line-height: 5.3 !important;
  }
  .u-sp-lh-54 {
    line-height: 5.4 !important;
  }
  .u-sp-lh-55 {
    line-height: 5.5 !important;
  }
  .u-sp-lh-56 {
    line-height: 5.6 !important;
  }
  .u-sp-lh-57 {
    line-height: 5.7 !important;
  }
  .u-sp-lh-58 {
    line-height: 5.8 !important;
  }
  .u-sp-lh-59 {
    line-height: 5.9 !important;
  }
  .u-sp-lh-6 {
    line-height: 6 !important;
  }
  .u-sp-lh-61 {
    line-height: 6.1 !important;
  }
  .u-sp-lh-62 {
    line-height: 6.2 !important;
  }
  .u-sp-lh-63 {
    line-height: 6.3 !important;
  }
  .u-sp-lh-64 {
    line-height: 6.4 !important;
  }
  .u-sp-lh-65 {
    line-height: 6.5 !important;
  }
  .u-sp-lh-66 {
    line-height: 6.6 !important;
  }
  .u-sp-lh-67 {
    line-height: 6.7 !important;
  }
  .u-sp-lh-68 {
    line-height: 6.8 !important;
  }
  .u-sp-lh-69 {
    line-height: 6.9 !important;
  }
  .u-sp-lh-7 {
    line-height: 7 !important;
  }
  .u-sp-lh-71 {
    line-height: 7.1 !important;
  }
  .u-sp-lh-72 {
    line-height: 7.2 !important;
  }
  .u-sp-lh-73 {
    line-height: 7.3 !important;
  }
  .u-sp-lh-74 {
    line-height: 7.4 !important;
  }
  .u-sp-lh-75 {
    line-height: 7.5 !important;
  }
  .u-sp-lh-76 {
    line-height: 7.6 !important;
  }
  .u-sp-lh-77 {
    line-height: 7.7 !important;
  }
  .u-sp-lh-78 {
    line-height: 7.8 !important;
  }
  .u-sp-lh-79 {
    line-height: 7.9 !important;
  }
  .u-sp-lh-8 {
    line-height: 8 !important;
  }
  .u-sp-lh-81 {
    line-height: 8.1 !important;
  }
  .u-sp-lh-82 {
    line-height: 8.2 !important;
  }
  .u-sp-lh-83 {
    line-height: 8.3 !important;
  }
  .u-sp-lh-84 {
    line-height: 8.4 !important;
  }
  .u-sp-lh-85 {
    line-height: 8.5 !important;
  }
  .u-sp-lh-86 {
    line-height: 8.6 !important;
  }
  .u-sp-lh-87 {
    line-height: 8.7 !important;
  }
  .u-sp-lh-88 {
    line-height: 8.8 !important;
  }
  .u-sp-lh-89 {
    line-height: 8.9 !important;
  }
  .u-sp-lh-9 {
    line-height: 9 !important;
  }
  .u-sp-lh-91 {
    line-height: 9.1 !important;
  }
  .u-sp-lh-92 {
    line-height: 9.2 !important;
  }
  .u-sp-lh-93 {
    line-height: 9.3 !important;
  }
  .u-sp-lh-94 {
    line-height: 9.4 !important;
  }
  .u-sp-lh-95 {
    line-height: 9.5 !important;
  }
  .u-sp-lh-96 {
    line-height: 9.6 !important;
  }
  .u-sp-lh-97 {
    line-height: 9.7 !important;
  }
  .u-sp-lh-98 {
    line-height: 9.8 !important;
  }
  .u-sp-lh-99 {
    line-height: 9.9 !important;
  }
  .u-sp-lh-10 {
    line-height: 10 !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 汎用リスト
----------------------------------------------------------------------------------- */
ul.u-ls-normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  list-style-type: disc;
  padding-left: 1.3em;
}

ol.u-ls-normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  list-style-type: decimal;
  padding-left: 1.3em;
}

dl.u-ls-normal > dt {
  font-weight: bold;
}

dl.u-ls-inline > dt {
  display: inline;
  margin-right: 0.5em;
  font-weight: bold;
}
dl.u-ls-inline > dd {
  display: inline;
}

/* 米印（※）リスト */
ul.u-ls-kome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  margin-left: 1.2em;
}
ul.u-ls-kome > li {
  text-indent: -1.2em;
}
ul.u-ls-kome > li::before {
  content: "※";
  margin-right: 0.2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, monospace;
}

/* 大きな黒丸（●）リスト */
ul.u-ls-large-disc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  margin-left: 1.2em;
}
ul.u-ls-large-disc > li {
  text-indent: -1.2em;
}
ul.u-ls-large-disc > li::before {
  content: "●";
  margin-right: 0.2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, monospace;
  color: #140a9a;
}

/* 大きな白丸（○）リスト */
ul.u-ls-large-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  margin-left: 1.2em;
}
ul.u-ls-large-circle > li {
  text-indent: -1.2em;
}
ul.u-ls-large-circle > li::before {
  content: "○";
  margin-right: 0.2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, monospace;
  color: #140a9a;
}

/* 連番付き※印のリスト（※1, ※2, ...） */
/* 連番は2桁まで。3桁以上はリスト本文テキストと重なるので適宜調整のこと */
ol.u-ls-kome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  margin-left: 2.7em;
  list-style: none;
  counter-reset: number;
}
ol.u-ls-kome > li {
  text-indent: -2.7em;
}
ol.u-ls-kome > li::before {
  content: "※" counter(number);
  counter-increment: number;
  display: inline-block;
  width: 2.2em;
  margin-right: 0.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;
}

/* かっこ付き数字リスト */
ol.u-ls-bracket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  margin-left: 2em;
  list-style: none;
  counter-reset: number;
}
ol.u-ls-bracket > li {
  text-indent: -2em;
}
ol.u-ls-bracket > li::before {
  content: "(" counter(number) ") ";
  counter-increment: number;
  display: marker;
  width: 1.5em;
  margin-right: 0.5em;
  text-indent: 0;
  white-space: nowrap;
}

/* 丸数字リスト（最大20） */
ol.u-ls-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  margin-left: 1.2em;
}
ol.u-ls-circle > li {
  text-indent: -1.2em;
}
ol.u-ls-circle > li::before {
  margin-right: 0.2em;
  /* San Francisco や Segoe はリストマークがいまいちなのでヒラギノとメイリオを使用 */
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, monospace;
}
ol.u-ls-circle > li:nth-of-type(1)::before {
  content: "①";
}
ol.u-ls-circle > li:nth-of-type(2)::before {
  content: "②";
}
ol.u-ls-circle > li:nth-of-type(3)::before {
  content: "③";
}
ol.u-ls-circle > li:nth-of-type(4)::before {
  content: "④";
}
ol.u-ls-circle > li:nth-of-type(5)::before {
  content: "⑤";
}
ol.u-ls-circle > li:nth-of-type(6)::before {
  content: "⑥";
}
ol.u-ls-circle > li:nth-of-type(7)::before {
  content: "⑦";
}
ol.u-ls-circle > li:nth-of-type(8)::before {
  content: "⑧";
}
ol.u-ls-circle > li:nth-of-type(9)::before {
  content: "⑨";
}
ol.u-ls-circle > li:nth-of-type(10)::before {
  content: "⑩";
}
ol.u-ls-circle > li:nth-of-type(11)::before {
  content: "⑪";
}
ol.u-ls-circle > li:nth-of-type(12)::before {
  content: "⑫";
}
ol.u-ls-circle > li:nth-of-type(13)::before {
  content: "⑬";
}
ol.u-ls-circle > li:nth-of-type(14)::before {
  content: "⑭";
}
ol.u-ls-circle > li:nth-of-type(15)::before {
  content: "⑮";
}
ol.u-ls-circle > li:nth-of-type(16)::before {
  content: "⑯";
}
ol.u-ls-circle > li:nth-of-type(17)::before {
  content: "⑰";
}
ol.u-ls-circle > li:nth-of-type(18)::before {
  content: "⑱";
}
ol.u-ls-circle > li:nth-of-type(19)::before {
  content: "⑲";
}
ol.u-ls-circle > li:nth-of-type(20)::before {
  content: "⑳";
}

/* --------------------------------------------------------------------------------
   ユーティリティクラス - マージン
   --------------------------------------------------------------------------------
     - 単位 px ※実際の指定では px ではなく rem が使われている（10px = 1rem）
         マージン　: u-m-0,  u-m-4  ... u-m-120,  u-m-auto
         上マージン: u-mt-0, u-mt-4 ... u-mt-120, u-mt-auto
         下マージン: u-mb-0, u-mb-4 ... u-mb-120, u-mb-auto
         左マージン: u-ml-0, u-ml-4 ... u-ml-120, u-ml-auto
         右マージン: u-mr-0, u-mr-4 ... u-mr-120, u-mr-auto
         縦マージン: u-my-0, u-my-4 ... u-my-120, u-my-auto
         横マージン: u-mx-0, u-mx-4 ... u-mx-120, u-mx-auto

     - 単位 em（0.5em から 0.5em 刻みで 10em まで）
         マージン　: u-mt-12em
         上マージン: u-mt-12em
         下マージン: u-mt-12em
         左マージン: u-mt-12em
         右マージン: u-mt-12em
         縦マージン: u-mt-12em
         横マージン: u-mt-12em

     - u- の後ろに sp- を付加するとスマホ用のクラスになる
----------------------------------------------------------------------------------- */
/* 単位: px */
.u-m-0 {
  margin: 0rem !important;
}

.u-mt-0 {
  margin-top: 0rem !important;
}

.u-mb-0 {
  margin-bottom: 0rem !important;
}

.u-ml-0 {
  margin-left: 0rem !important;
}

.u-mr-0 {
  margin-right: 0rem !important;
}

.u-my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.u-mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

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

.u-mt-4 {
  margin-top: 0.4rem !important;
}

.u-mb-4 {
  margin-bottom: 0.4rem !important;
}

.u-ml-4 {
  margin-left: 0.4rem !important;
}

.u-mr-4 {
  margin-right: 0.4rem !important;
}

.u-my-4 {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}

.u-mx-4 {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}

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

.u-mt-8 {
  margin-top: 0.8rem !important;
}

.u-mb-8 {
  margin-bottom: 0.8rem !important;
}

.u-ml-8 {
  margin-left: 0.8rem !important;
}

.u-mr-8 {
  margin-right: 0.8rem !important;
}

.u-my-8 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.u-mx-8 {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
}

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

.u-mt-12 {
  margin-top: 1.2rem !important;
}

.u-mb-12 {
  margin-bottom: 1.2rem !important;
}

.u-ml-12 {
  margin-left: 1.2rem !important;
}

.u-mr-12 {
  margin-right: 1.2rem !important;
}

.u-my-12 {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}

.u-mx-12 {
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important;
}

.u-m-16 {
  margin: 1.6rem !important;
}

.u-mt-16 {
  margin-top: 1.6rem !important;
}

.u-mb-16 {
  margin-bottom: 1.6rem !important;
}

.u-ml-16 {
  margin-left: 1.6rem !important;
}

.u-mr-16 {
  margin-right: 1.6rem !important;
}

.u-my-16 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

.u-mx-16 {
  margin-left: 1.6rem !important;
  margin-right: 1.6rem !important;
}

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

.u-mt-20 {
  margin-top: 2rem !important;
}

.u-mb-20 {
  margin-bottom: 2rem !important;
}

.u-ml-20 {
  margin-left: 2rem !important;
}

.u-mr-20 {
  margin-right: 2rem !important;
}

.u-my-20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.u-mx-20 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.u-m-24 {
  margin: 2.4rem !important;
}

.u-mt-24 {
  margin-top: 2.4rem !important;
}

.u-mb-24 {
  margin-bottom: 2.4rem !important;
}

.u-ml-24 {
  margin-left: 2.4rem !important;
}

.u-mr-24 {
  margin-right: 2.4rem !important;
}

.u-my-24 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}

.u-mx-24 {
  margin-left: 2.4rem !important;
  margin-right: 2.4rem !important;
}

.u-m-28 {
  margin: 2.8rem !important;
}

.u-mt-28 {
  margin-top: 2.8rem !important;
}

.u-mb-28 {
  margin-bottom: 2.8rem !important;
}

.u-ml-28 {
  margin-left: 2.8rem !important;
}

.u-mr-28 {
  margin-right: 2.8rem !important;
}

.u-my-28 {
  margin-top: 2.8rem !important;
  margin-bottom: 2.8rem !important;
}

.u-mx-28 {
  margin-left: 2.8rem !important;
  margin-right: 2.8rem !important;
}

.u-m-32 {
  margin: 3.2rem !important;
}

.u-mt-32 {
  margin-top: 3.2rem !important;
}

.u-mb-32 {
  margin-bottom: 3.2rem !important;
}

.u-ml-32 {
  margin-left: 3.2rem !important;
}

.u-mr-32 {
  margin-right: 3.2rem !important;
}

.u-my-32 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}

.u-mx-32 {
  margin-left: 3.2rem !important;
  margin-right: 3.2rem !important;
}

.u-m-36 {
  margin: 3.6rem !important;
}

.u-mt-36 {
  margin-top: 3.6rem !important;
}

.u-mb-36 {
  margin-bottom: 3.6rem !important;
}

.u-ml-36 {
  margin-left: 3.6rem !important;
}

.u-mr-36 {
  margin-right: 3.6rem !important;
}

.u-my-36 {
  margin-top: 3.6rem !important;
  margin-bottom: 3.6rem !important;
}

.u-mx-36 {
  margin-left: 3.6rem !important;
  margin-right: 3.6rem !important;
}

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

.u-mt-40 {
  margin-top: 4rem !important;
}

.u-mb-40 {
  margin-bottom: 4rem !important;
}

.u-ml-40 {
  margin-left: 4rem !important;
}

.u-mr-40 {
  margin-right: 4rem !important;
}

.u-my-40 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.u-mx-40 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.u-m-44 {
  margin: 4.4rem !important;
}

.u-mt-44 {
  margin-top: 4.4rem !important;
}

.u-mb-44 {
  margin-bottom: 4.4rem !important;
}

.u-ml-44 {
  margin-left: 4.4rem !important;
}

.u-mr-44 {
  margin-right: 4.4rem !important;
}

.u-my-44 {
  margin-top: 4.4rem !important;
  margin-bottom: 4.4rem !important;
}

.u-mx-44 {
  margin-left: 4.4rem !important;
  margin-right: 4.4rem !important;
}

.u-m-48 {
  margin: 4.8rem !important;
}

.u-mt-48 {
  margin-top: 4.8rem !important;
}

.u-mb-48 {
  margin-bottom: 4.8rem !important;
}

.u-ml-48 {
  margin-left: 4.8rem !important;
}

.u-mr-48 {
  margin-right: 4.8rem !important;
}

.u-my-48 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}

.u-mx-48 {
  margin-left: 4.8rem !important;
  margin-right: 4.8rem !important;
}

.u-m-52 {
  margin: 5.2rem !important;
}

.u-mt-52 {
  margin-top: 5.2rem !important;
}

.u-mb-52 {
  margin-bottom: 5.2rem !important;
}

.u-ml-52 {
  margin-left: 5.2rem !important;
}

.u-mr-52 {
  margin-right: 5.2rem !important;
}

.u-my-52 {
  margin-top: 5.2rem !important;
  margin-bottom: 5.2rem !important;
}

.u-mx-52 {
  margin-left: 5.2rem !important;
  margin-right: 5.2rem !important;
}

.u-m-56 {
  margin: 5.6rem !important;
}

.u-mt-56 {
  margin-top: 5.6rem !important;
}

.u-mb-56 {
  margin-bottom: 5.6rem !important;
}

.u-ml-56 {
  margin-left: 5.6rem !important;
}

.u-mr-56 {
  margin-right: 5.6rem !important;
}

.u-my-56 {
  margin-top: 5.6rem !important;
  margin-bottom: 5.6rem !important;
}

.u-mx-56 {
  margin-left: 5.6rem !important;
  margin-right: 5.6rem !important;
}

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

.u-mt-60 {
  margin-top: 6rem !important;
}

.u-mb-60 {
  margin-bottom: 6rem !important;
}

.u-ml-60 {
  margin-left: 6rem !important;
}

.u-mr-60 {
  margin-right: 6rem !important;
}

.u-my-60 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.u-mx-60 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.u-m-64 {
  margin: 6.4rem !important;
}

.u-mt-64 {
  margin-top: 6.4rem !important;
}

.u-mb-64 {
  margin-bottom: 6.4rem !important;
}

.u-ml-64 {
  margin-left: 6.4rem !important;
}

.u-mr-64 {
  margin-right: 6.4rem !important;
}

.u-my-64 {
  margin-top: 6.4rem !important;
  margin-bottom: 6.4rem !important;
}

.u-mx-64 {
  margin-left: 6.4rem !important;
  margin-right: 6.4rem !important;
}

.u-m-68 {
  margin: 6.8rem !important;
}

.u-mt-68 {
  margin-top: 6.8rem !important;
}

.u-mb-68 {
  margin-bottom: 6.8rem !important;
}

.u-ml-68 {
  margin-left: 6.8rem !important;
}

.u-mr-68 {
  margin-right: 6.8rem !important;
}

.u-my-68 {
  margin-top: 6.8rem !important;
  margin-bottom: 6.8rem !important;
}

.u-mx-68 {
  margin-left: 6.8rem !important;
  margin-right: 6.8rem !important;
}

.u-m-72 {
  margin: 7.2rem !important;
}

.u-mt-72 {
  margin-top: 7.2rem !important;
}

.u-mb-72 {
  margin-bottom: 7.2rem !important;
}

.u-ml-72 {
  margin-left: 7.2rem !important;
}

.u-mr-72 {
  margin-right: 7.2rem !important;
}

.u-my-72 {
  margin-top: 7.2rem !important;
  margin-bottom: 7.2rem !important;
}

.u-mx-72 {
  margin-left: 7.2rem !important;
  margin-right: 7.2rem !important;
}

.u-m-76 {
  margin: 7.6rem !important;
}

.u-mt-76 {
  margin-top: 7.6rem !important;
}

.u-mb-76 {
  margin-bottom: 7.6rem !important;
}

.u-ml-76 {
  margin-left: 7.6rem !important;
}

.u-mr-76 {
  margin-right: 7.6rem !important;
}

.u-my-76 {
  margin-top: 7.6rem !important;
  margin-bottom: 7.6rem !important;
}

.u-mx-76 {
  margin-left: 7.6rem !important;
  margin-right: 7.6rem !important;
}

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

.u-mt-80 {
  margin-top: 8rem !important;
}

.u-mb-80 {
  margin-bottom: 8rem !important;
}

.u-ml-80 {
  margin-left: 8rem !important;
}

.u-mr-80 {
  margin-right: 8rem !important;
}

.u-my-80 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.u-mx-80 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.u-m-84 {
  margin: 8.4rem !important;
}

.u-mt-84 {
  margin-top: 8.4rem !important;
}

.u-mb-84 {
  margin-bottom: 8.4rem !important;
}

.u-ml-84 {
  margin-left: 8.4rem !important;
}

.u-mr-84 {
  margin-right: 8.4rem !important;
}

.u-my-84 {
  margin-top: 8.4rem !important;
  margin-bottom: 8.4rem !important;
}

.u-mx-84 {
  margin-left: 8.4rem !important;
  margin-right: 8.4rem !important;
}

.u-m-88 {
  margin: 8.8rem !important;
}

.u-mt-88 {
  margin-top: 8.8rem !important;
}

.u-mb-88 {
  margin-bottom: 8.8rem !important;
}

.u-ml-88 {
  margin-left: 8.8rem !important;
}

.u-mr-88 {
  margin-right: 8.8rem !important;
}

.u-my-88 {
  margin-top: 8.8rem !important;
  margin-bottom: 8.8rem !important;
}

.u-mx-88 {
  margin-left: 8.8rem !important;
  margin-right: 8.8rem !important;
}

.u-m-92 {
  margin: 9.2rem !important;
}

.u-mt-92 {
  margin-top: 9.2rem !important;
}

.u-mb-92 {
  margin-bottom: 9.2rem !important;
}

.u-ml-92 {
  margin-left: 9.2rem !important;
}

.u-mr-92 {
  margin-right: 9.2rem !important;
}

.u-my-92 {
  margin-top: 9.2rem !important;
  margin-bottom: 9.2rem !important;
}

.u-mx-92 {
  margin-left: 9.2rem !important;
  margin-right: 9.2rem !important;
}

.u-m-96 {
  margin: 9.6rem !important;
}

.u-mt-96 {
  margin-top: 9.6rem !important;
}

.u-mb-96 {
  margin-bottom: 9.6rem !important;
}

.u-ml-96 {
  margin-left: 9.6rem !important;
}

.u-mr-96 {
  margin-right: 9.6rem !important;
}

.u-my-96 {
  margin-top: 9.6rem !important;
  margin-bottom: 9.6rem !important;
}

.u-mx-96 {
  margin-left: 9.6rem !important;
  margin-right: 9.6rem !important;
}

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

.u-mt-100 {
  margin-top: 10rem !important;
}

.u-mb-100 {
  margin-bottom: 10rem !important;
}

.u-ml-100 {
  margin-left: 10rem !important;
}

.u-mr-100 {
  margin-right: 10rem !important;
}

.u-my-100 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.u-mx-100 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.u-m-104 {
  margin: 10.4rem !important;
}

.u-mt-104 {
  margin-top: 10.4rem !important;
}

.u-mb-104 {
  margin-bottom: 10.4rem !important;
}

.u-ml-104 {
  margin-left: 10.4rem !important;
}

.u-mr-104 {
  margin-right: 10.4rem !important;
}

.u-my-104 {
  margin-top: 10.4rem !important;
  margin-bottom: 10.4rem !important;
}

.u-mx-104 {
  margin-left: 10.4rem !important;
  margin-right: 10.4rem !important;
}

.u-m-108 {
  margin: 10.8rem !important;
}

.u-mt-108 {
  margin-top: 10.8rem !important;
}

.u-mb-108 {
  margin-bottom: 10.8rem !important;
}

.u-ml-108 {
  margin-left: 10.8rem !important;
}

.u-mr-108 {
  margin-right: 10.8rem !important;
}

.u-my-108 {
  margin-top: 10.8rem !important;
  margin-bottom: 10.8rem !important;
}

.u-mx-108 {
  margin-left: 10.8rem !important;
  margin-right: 10.8rem !important;
}

.u-m-112 {
  margin: 11.2rem !important;
}

.u-mt-112 {
  margin-top: 11.2rem !important;
}

.u-mb-112 {
  margin-bottom: 11.2rem !important;
}

.u-ml-112 {
  margin-left: 11.2rem !important;
}

.u-mr-112 {
  margin-right: 11.2rem !important;
}

.u-my-112 {
  margin-top: 11.2rem !important;
  margin-bottom: 11.2rem !important;
}

.u-mx-112 {
  margin-left: 11.2rem !important;
  margin-right: 11.2rem !important;
}

.u-m-116 {
  margin: 11.6rem !important;
}

.u-mt-116 {
  margin-top: 11.6rem !important;
}

.u-mb-116 {
  margin-bottom: 11.6rem !important;
}

.u-ml-116 {
  margin-left: 11.6rem !important;
}

.u-mr-116 {
  margin-right: 11.6rem !important;
}

.u-my-116 {
  margin-top: 11.6rem !important;
  margin-bottom: 11.6rem !important;
}

.u-mx-116 {
  margin-left: 11.6rem !important;
  margin-right: 11.6rem !important;
}

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

.u-mt-120 {
  margin-top: 12rem !important;
}

.u-mb-120 {
  margin-bottom: 12rem !important;
}

.u-ml-120 {
  margin-left: 12rem !important;
}

.u-mr-120 {
  margin-right: 12rem !important;
}

.u-my-120 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.u-mx-120 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

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

.u-mt-05em {
  margin-top: 0.5em !important;
}

.u-mb-05em {
  margin-bottom: 0.5em !important;
}

.u-ml-05em {
  margin-left: 0.5em !important;
}

.u-mr-05em {
  margin-right: 0.5em !important;
}

.u-my-05em {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.u-mx-05em {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}

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

.u-mt-1em {
  margin-top: 1em !important;
}

.u-mb-1em {
  margin-bottom: 1em !important;
}

.u-ml-1em {
  margin-left: 1em !important;
}

.u-mr-1em {
  margin-right: 1em !important;
}

.u-my-1em {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.u-mx-1em {
  margin-left: 1em !important;
  margin-right: 1em !important;
}

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

.u-mt-15em {
  margin-top: 1.5em !important;
}

.u-mb-15em {
  margin-bottom: 1.5em !important;
}

.u-ml-15em {
  margin-left: 1.5em !important;
}

.u-mr-15em {
  margin-right: 1.5em !important;
}

.u-my-15em {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}

.u-mx-15em {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}

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

.u-mt-2em {
  margin-top: 2em !important;
}

.u-mb-2em {
  margin-bottom: 2em !important;
}

.u-ml-2em {
  margin-left: 2em !important;
}

.u-mr-2em {
  margin-right: 2em !important;
}

.u-my-2em {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.u-mx-2em {
  margin-left: 2em !important;
  margin-right: 2em !important;
}

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

.u-mt-25em {
  margin-top: 2.5em !important;
}

.u-mb-25em {
  margin-bottom: 2.5em !important;
}

.u-ml-25em {
  margin-left: 2.5em !important;
}

.u-mr-25em {
  margin-right: 2.5em !important;
}

.u-my-25em {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}

.u-mx-25em {
  margin-left: 2.5em !important;
  margin-right: 2.5em !important;
}

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

.u-mt-3em {
  margin-top: 3em !important;
}

.u-mb-3em {
  margin-bottom: 3em !important;
}

.u-ml-3em {
  margin-left: 3em !important;
}

.u-mr-3em {
  margin-right: 3em !important;
}

.u-my-3em {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}

.u-mx-3em {
  margin-left: 3em !important;
  margin-right: 3em !important;
}

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

.u-mt-35em {
  margin-top: 3.5em !important;
}

.u-mb-35em {
  margin-bottom: 3.5em !important;
}

.u-ml-35em {
  margin-left: 3.5em !important;
}

.u-mr-35em {
  margin-right: 3.5em !important;
}

.u-my-35em {
  margin-top: 3.5em !important;
  margin-bottom: 3.5em !important;
}

.u-mx-35em {
  margin-left: 3.5em !important;
  margin-right: 3.5em !important;
}

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

.u-mt-4em {
  margin-top: 4em !important;
}

.u-mb-4em {
  margin-bottom: 4em !important;
}

.u-ml-4em {
  margin-left: 4em !important;
}

.u-mr-4em {
  margin-right: 4em !important;
}

.u-my-4em {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

.u-mx-4em {
  margin-left: 4em !important;
  margin-right: 4em !important;
}

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

.u-mt-45em {
  margin-top: 4.5em !important;
}

.u-mb-45em {
  margin-bottom: 4.5em !important;
}

.u-ml-45em {
  margin-left: 4.5em !important;
}

.u-mr-45em {
  margin-right: 4.5em !important;
}

.u-my-45em {
  margin-top: 4.5em !important;
  margin-bottom: 4.5em !important;
}

.u-mx-45em {
  margin-left: 4.5em !important;
  margin-right: 4.5em !important;
}

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

.u-mt-5em {
  margin-top: 5em !important;
}

.u-mb-5em {
  margin-bottom: 5em !important;
}

.u-ml-5em {
  margin-left: 5em !important;
}

.u-mr-5em {
  margin-right: 5em !important;
}

.u-my-5em {
  margin-top: 5em !important;
  margin-bottom: 5em !important;
}

.u-mx-5em {
  margin-left: 5em !important;
  margin-right: 5em !important;
}

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

.u-mt-55em {
  margin-top: 5.5em !important;
}

.u-mb-55em {
  margin-bottom: 5.5em !important;
}

.u-ml-55em {
  margin-left: 5.5em !important;
}

.u-mr-55em {
  margin-right: 5.5em !important;
}

.u-my-55em {
  margin-top: 5.5em !important;
  margin-bottom: 5.5em !important;
}

.u-mx-55em {
  margin-left: 5.5em !important;
  margin-right: 5.5em !important;
}

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

.u-mt-6em {
  margin-top: 6em !important;
}

.u-mb-6em {
  margin-bottom: 6em !important;
}

.u-ml-6em {
  margin-left: 6em !important;
}

.u-mr-6em {
  margin-right: 6em !important;
}

.u-my-6em {
  margin-top: 6em !important;
  margin-bottom: 6em !important;
}

.u-mx-6em {
  margin-left: 6em !important;
  margin-right: 6em !important;
}

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

.u-mt-65em {
  margin-top: 6.5em !important;
}

.u-mb-65em {
  margin-bottom: 6.5em !important;
}

.u-ml-65em {
  margin-left: 6.5em !important;
}

.u-mr-65em {
  margin-right: 6.5em !important;
}

.u-my-65em {
  margin-top: 6.5em !important;
  margin-bottom: 6.5em !important;
}

.u-mx-65em {
  margin-left: 6.5em !important;
  margin-right: 6.5em !important;
}

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

.u-mt-7em {
  margin-top: 7em !important;
}

.u-mb-7em {
  margin-bottom: 7em !important;
}

.u-ml-7em {
  margin-left: 7em !important;
}

.u-mr-7em {
  margin-right: 7em !important;
}

.u-my-7em {
  margin-top: 7em !important;
  margin-bottom: 7em !important;
}

.u-mx-7em {
  margin-left: 7em !important;
  margin-right: 7em !important;
}

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

.u-mt-75em {
  margin-top: 7.5em !important;
}

.u-mb-75em {
  margin-bottom: 7.5em !important;
}

.u-ml-75em {
  margin-left: 7.5em !important;
}

.u-mr-75em {
  margin-right: 7.5em !important;
}

.u-my-75em {
  margin-top: 7.5em !important;
  margin-bottom: 7.5em !important;
}

.u-mx-75em {
  margin-left: 7.5em !important;
  margin-right: 7.5em !important;
}

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

.u-mt-8em {
  margin-top: 8em !important;
}

.u-mb-8em {
  margin-bottom: 8em !important;
}

.u-ml-8em {
  margin-left: 8em !important;
}

.u-mr-8em {
  margin-right: 8em !important;
}

.u-my-8em {
  margin-top: 8em !important;
  margin-bottom: 8em !important;
}

.u-mx-8em {
  margin-left: 8em !important;
  margin-right: 8em !important;
}

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

.u-mt-85em {
  margin-top: 8.5em !important;
}

.u-mb-85em {
  margin-bottom: 8.5em !important;
}

.u-ml-85em {
  margin-left: 8.5em !important;
}

.u-mr-85em {
  margin-right: 8.5em !important;
}

.u-my-85em {
  margin-top: 8.5em !important;
  margin-bottom: 8.5em !important;
}

.u-mx-85em {
  margin-left: 8.5em !important;
  margin-right: 8.5em !important;
}

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

.u-mt-9em {
  margin-top: 9em !important;
}

.u-mb-9em {
  margin-bottom: 9em !important;
}

.u-ml-9em {
  margin-left: 9em !important;
}

.u-mr-9em {
  margin-right: 9em !important;
}

.u-my-9em {
  margin-top: 9em !important;
  margin-bottom: 9em !important;
}

.u-mx-9em {
  margin-left: 9em !important;
  margin-right: 9em !important;
}

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

.u-mt-95em {
  margin-top: 9.5em !important;
}

.u-mb-95em {
  margin-bottom: 9.5em !important;
}

.u-ml-95em {
  margin-left: 9.5em !important;
}

.u-mr-95em {
  margin-right: 9.5em !important;
}

.u-my-95em {
  margin-top: 9.5em !important;
  margin-bottom: 9.5em !important;
}

.u-mx-95em {
  margin-left: 9.5em !important;
  margin-right: 9.5em !important;
}

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

.u-mt-10em {
  margin-top: 10em !important;
}

.u-mb-10em {
  margin-bottom: 10em !important;
}

.u-ml-10em {
  margin-left: 10em !important;
}

.u-mr-10em {
  margin-right: 10em !important;
}

.u-my-10em {
  margin-top: 10em !important;
  margin-bottom: 10em !important;
}

.u-mx-10em {
  margin-left: 10em !important;
  margin-right: 10em !important;
}

.u-m-auto {
  margin: auto !important;
}

.u-mt-auto {
  margin-top: auto !important;
}

.u-mb-auto {
  margin-bottom: auto !important;
}

.u-ml-auto {
  margin-left: auto !important;
}

.u-mr-auto {
  margin-right: auto !important;
}

.u-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.u-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* SP版：プリフィクス sp- を付加 */
@media print, screen and (mxx-width: 480px) {
  /* 単位: px */
  .u-sp-m-0 {
    margin: 0px !important;
  }
  .u-sp-mt-0 {
    margin-top: 0px !important;
  }
  .u-sp-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-sp-ml-0 {
    margin-left: 0px !important;
  }
  .u-sp-mr-0 {
    margin-right: 0px !important;
  }
  .u-sp-my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-sp-mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-sp-m-4 {
    margin: 4px !important;
  }
  .u-sp-mt-4 {
    margin-top: 4px !important;
  }
  .u-sp-mb-4 {
    margin-bottom: 4px !important;
  }
  .u-sp-ml-4 {
    margin-left: 4px !important;
  }
  .u-sp-mr-4 {
    margin-right: 4px !important;
  }
  .u-sp-my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-sp-mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-sp-m-8 {
    margin: 8px !important;
  }
  .u-sp-mt-8 {
    margin-top: 8px !important;
  }
  .u-sp-mb-8 {
    margin-bottom: 8px !important;
  }
  .u-sp-ml-8 {
    margin-left: 8px !important;
  }
  .u-sp-mr-8 {
    margin-right: 8px !important;
  }
  .u-sp-my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-sp-mx-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-sp-m-12 {
    margin: 12px !important;
  }
  .u-sp-mt-12 {
    margin-top: 12px !important;
  }
  .u-sp-mb-12 {
    margin-bottom: 12px !important;
  }
  .u-sp-ml-12 {
    margin-left: 12px !important;
  }
  .u-sp-mr-12 {
    margin-right: 12px !important;
  }
  .u-sp-my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-sp-mx-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-sp-m-16 {
    margin: 16px !important;
  }
  .u-sp-mt-16 {
    margin-top: 16px !important;
  }
  .u-sp-mb-16 {
    margin-bottom: 16px !important;
  }
  .u-sp-ml-16 {
    margin-left: 16px !important;
  }
  .u-sp-mr-16 {
    margin-right: 16px !important;
  }
  .u-sp-my-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-sp-mx-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-sp-m-20 {
    margin: 20px !important;
  }
  .u-sp-mt-20 {
    margin-top: 20px !important;
  }
  .u-sp-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-sp-ml-20 {
    margin-left: 20px !important;
  }
  .u-sp-mr-20 {
    margin-right: 20px !important;
  }
  .u-sp-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-sp-mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-sp-m-24 {
    margin: 24px !important;
  }
  .u-sp-mt-24 {
    margin-top: 24px !important;
  }
  .u-sp-mb-24 {
    margin-bottom: 24px !important;
  }
  .u-sp-ml-24 {
    margin-left: 24px !important;
  }
  .u-sp-mr-24 {
    margin-right: 24px !important;
  }
  .u-sp-my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-sp-mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-sp-m-28 {
    margin: 28px !important;
  }
  .u-sp-mt-28 {
    margin-top: 28px !important;
  }
  .u-sp-mb-28 {
    margin-bottom: 28px !important;
  }
  .u-sp-ml-28 {
    margin-left: 28px !important;
  }
  .u-sp-mr-28 {
    margin-right: 28px !important;
  }
  .u-sp-my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-sp-mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .u-sp-m-32 {
    margin: 32px !important;
  }
  .u-sp-mt-32 {
    margin-top: 32px !important;
  }
  .u-sp-mb-32 {
    margin-bottom: 32px !important;
  }
  .u-sp-ml-32 {
    margin-left: 32px !important;
  }
  .u-sp-mr-32 {
    margin-right: 32px !important;
  }
  .u-sp-my-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-sp-mx-32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-sp-m-36 {
    margin: 36px !important;
  }
  .u-sp-mt-36 {
    margin-top: 36px !important;
  }
  .u-sp-mb-36 {
    margin-bottom: 36px !important;
  }
  .u-sp-ml-36 {
    margin-left: 36px !important;
  }
  .u-sp-mr-36 {
    margin-right: 36px !important;
  }
  .u-sp-my-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .u-sp-mx-36 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .u-sp-m-40 {
    margin: 40px !important;
  }
  .u-sp-mt-40 {
    margin-top: 40px !important;
  }
  .u-sp-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-sp-ml-40 {
    margin-left: 40px !important;
  }
  .u-sp-mr-40 {
    margin-right: 40px !important;
  }
  .u-sp-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-sp-mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-sp-m-44 {
    margin: 44px !important;
  }
  .u-sp-mt-44 {
    margin-top: 44px !important;
  }
  .u-sp-mb-44 {
    margin-bottom: 44px !important;
  }
  .u-sp-ml-44 {
    margin-left: 44px !important;
  }
  .u-sp-mr-44 {
    margin-right: 44px !important;
  }
  .u-sp-my-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .u-sp-mx-44 {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
  .u-sp-m-48 {
    margin: 48px !important;
  }
  .u-sp-mt-48 {
    margin-top: 48px !important;
  }
  .u-sp-mb-48 {
    margin-bottom: 48px !important;
  }
  .u-sp-ml-48 {
    margin-left: 48px !important;
  }
  .u-sp-mr-48 {
    margin-right: 48px !important;
  }
  .u-sp-my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-sp-mx-48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-sp-m-52 {
    margin: 52px !important;
  }
  .u-sp-mt-52 {
    margin-top: 52px !important;
  }
  .u-sp-mb-52 {
    margin-bottom: 52px !important;
  }
  .u-sp-ml-52 {
    margin-left: 52px !important;
  }
  .u-sp-mr-52 {
    margin-right: 52px !important;
  }
  .u-sp-my-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .u-sp-mx-52 {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
  .u-sp-m-56 {
    margin: 56px !important;
  }
  .u-sp-mt-56 {
    margin-top: 56px !important;
  }
  .u-sp-mb-56 {
    margin-bottom: 56px !important;
  }
  .u-sp-ml-56 {
    margin-left: 56px !important;
  }
  .u-sp-mr-56 {
    margin-right: 56px !important;
  }
  .u-sp-my-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-sp-mx-56 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-sp-m-60 {
    margin: 60px !important;
  }
  .u-sp-mt-60 {
    margin-top: 60px !important;
  }
  .u-sp-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-sp-ml-60 {
    margin-left: 60px !important;
  }
  .u-sp-mr-60 {
    margin-right: 60px !important;
  }
  .u-sp-my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-sp-mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-sp-m-64 {
    margin: 64px !important;
  }
  .u-sp-mt-64 {
    margin-top: 64px !important;
  }
  .u-sp-mb-64 {
    margin-bottom: 64px !important;
  }
  .u-sp-ml-64 {
    margin-left: 64px !important;
  }
  .u-sp-mr-64 {
    margin-right: 64px !important;
  }
  .u-sp-my-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-sp-mx-64 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-sp-m-68 {
    margin: 68px !important;
  }
  .u-sp-mt-68 {
    margin-top: 68px !important;
  }
  .u-sp-mb-68 {
    margin-bottom: 68px !important;
  }
  .u-sp-ml-68 {
    margin-left: 68px !important;
  }
  .u-sp-mr-68 {
    margin-right: 68px !important;
  }
  .u-sp-my-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .u-sp-mx-68 {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
  .u-sp-m-72 {
    margin: 72px !important;
  }
  .u-sp-mt-72 {
    margin-top: 72px !important;
  }
  .u-sp-mb-72 {
    margin-bottom: 72px !important;
  }
  .u-sp-ml-72 {
    margin-left: 72px !important;
  }
  .u-sp-mr-72 {
    margin-right: 72px !important;
  }
  .u-sp-my-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-sp-mx-72 {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-sp-m-76 {
    margin: 76px !important;
  }
  .u-sp-mt-76 {
    margin-top: 76px !important;
  }
  .u-sp-mb-76 {
    margin-bottom: 76px !important;
  }
  .u-sp-ml-76 {
    margin-left: 76px !important;
  }
  .u-sp-mr-76 {
    margin-right: 76px !important;
  }
  .u-sp-my-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .u-sp-mx-76 {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
  .u-sp-m-80 {
    margin: 80px !important;
  }
  .u-sp-mt-80 {
    margin-top: 80px !important;
  }
  .u-sp-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-sp-ml-80 {
    margin-left: 80px !important;
  }
  .u-sp-mr-80 {
    margin-right: 80px !important;
  }
  .u-sp-my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-sp-mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .u-sp-m-84 {
    margin: 84px !important;
  }
  .u-sp-mt-84 {
    margin-top: 84px !important;
  }
  .u-sp-mb-84 {
    margin-bottom: 84px !important;
  }
  .u-sp-ml-84 {
    margin-left: 84px !important;
  }
  .u-sp-mr-84 {
    margin-right: 84px !important;
  }
  .u-sp-my-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .u-sp-mx-84 {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
  .u-sp-m-88 {
    margin: 88px !important;
  }
  .u-sp-mt-88 {
    margin-top: 88px !important;
  }
  .u-sp-mb-88 {
    margin-bottom: 88px !important;
  }
  .u-sp-ml-88 {
    margin-left: 88px !important;
  }
  .u-sp-mr-88 {
    margin-right: 88px !important;
  }
  .u-sp-my-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-sp-mx-88 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-sp-m-92 {
    margin: 92px !important;
  }
  .u-sp-mt-92 {
    margin-top: 92px !important;
  }
  .u-sp-mb-92 {
    margin-bottom: 92px !important;
  }
  .u-sp-ml-92 {
    margin-left: 92px !important;
  }
  .u-sp-mr-92 {
    margin-right: 92px !important;
  }
  .u-sp-my-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .u-sp-mx-92 {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
  .u-sp-m-96 {
    margin: 96px !important;
  }
  .u-sp-mt-96 {
    margin-top: 96px !important;
  }
  .u-sp-mb-96 {
    margin-bottom: 96px !important;
  }
  .u-sp-ml-96 {
    margin-left: 96px !important;
  }
  .u-sp-mr-96 {
    margin-right: 96px !important;
  }
  .u-sp-my-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-sp-mx-96 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-sp-m-100 {
    margin: 100px !important;
  }
  .u-sp-mt-100 {
    margin-top: 100px !important;
  }
  .u-sp-mb-100 {
    margin-bottom: 100px !important;
  }
  .u-sp-ml-100 {
    margin-left: 100px !important;
  }
  .u-sp-mr-100 {
    margin-right: 100px !important;
  }
  .u-sp-my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .u-sp-mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .u-sp-m-104 {
    margin: 104px !important;
  }
  .u-sp-mt-104 {
    margin-top: 104px !important;
  }
  .u-sp-mb-104 {
    margin-bottom: 104px !important;
  }
  .u-sp-ml-104 {
    margin-left: 104px !important;
  }
  .u-sp-mr-104 {
    margin-right: 104px !important;
  }
  .u-sp-my-104 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .u-sp-mx-104 {
    margin-left: 104px !important;
    margin-right: 104px !important;
  }
  .u-sp-m-108 {
    margin: 108px !important;
  }
  .u-sp-mt-108 {
    margin-top: 108px !important;
  }
  .u-sp-mb-108 {
    margin-bottom: 108px !important;
  }
  .u-sp-ml-108 {
    margin-left: 108px !important;
  }
  .u-sp-mr-108 {
    margin-right: 108px !important;
  }
  .u-sp-my-108 {
    margin-top: 108px !important;
    margin-bottom: 108px !important;
  }
  .u-sp-mx-108 {
    margin-left: 108px !important;
    margin-right: 108px !important;
  }
  .u-sp-m-112 {
    margin: 112px !important;
  }
  .u-sp-mt-112 {
    margin-top: 112px !important;
  }
  .u-sp-mb-112 {
    margin-bottom: 112px !important;
  }
  .u-sp-ml-112 {
    margin-left: 112px !important;
  }
  .u-sp-mr-112 {
    margin-right: 112px !important;
  }
  .u-sp-my-112 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-sp-mx-112 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
  .u-sp-m-116 {
    margin: 116px !important;
  }
  .u-sp-mt-116 {
    margin-top: 116px !important;
  }
  .u-sp-mb-116 {
    margin-bottom: 116px !important;
  }
  .u-sp-ml-116 {
    margin-left: 116px !important;
  }
  .u-sp-mr-116 {
    margin-right: 116px !important;
  }
  .u-sp-my-116 {
    margin-top: 116px !important;
    margin-bottom: 116px !important;
  }
  .u-sp-mx-116 {
    margin-left: 116px !important;
    margin-right: 116px !important;
  }
  .u-sp-m-120 {
    margin: 120px !important;
  }
  .u-sp-mt-120 {
    margin-top: 120px !important;
  }
  .u-sp-mb-120 {
    margin-bottom: 120px !important;
  }
  .u-sp-ml-120 {
    margin-left: 120px !important;
  }
  .u-sp-mr-120 {
    margin-right: 120px !important;
  }
  .u-sp-my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-sp-mx-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  /* 単位: em */
  .u-sp-m-05em {
    margin: 0.5em !important;
  }
  .u-sp-mt-05em {
    margin-top: 0.5em !important;
  }
  .u-sp-mb-05em {
    margin-bottom: 0.5em !important;
  }
  .u-sp-ml-05em {
    margin-left: 0.5em !important;
  }
  .u-sp-mr-05em {
    margin-right: 0.5em !important;
  }
  .u-sp-my-05em {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  .u-sp-mx-05em {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
  .u-sp-m-1em {
    margin: 1em !important;
  }
  .u-sp-mt-1em {
    margin-top: 1em !important;
  }
  .u-sp-mb-1em {
    margin-bottom: 1em !important;
  }
  .u-sp-ml-1em {
    margin-left: 1em !important;
  }
  .u-sp-mr-1em {
    margin-right: 1em !important;
  }
  .u-sp-my-1em {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  .u-sp-mx-1em {
    margin-left: 1em !important;
    margin-right: 1em !important;
  }
  .u-sp-m-15em {
    margin: 1.5em !important;
  }
  .u-sp-mt-15em {
    margin-top: 1.5em !important;
  }
  .u-sp-mb-15em {
    margin-bottom: 1.5em !important;
  }
  .u-sp-ml-15em {
    margin-left: 1.5em !important;
  }
  .u-sp-mr-15em {
    margin-right: 1.5em !important;
  }
  .u-sp-my-15em {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  .u-sp-mx-15em {
    margin-left: 1.5em !important;
    margin-right: 1.5em !important;
  }
  .u-sp-m-2em {
    margin: 2em !important;
  }
  .u-sp-mt-2em {
    margin-top: 2em !important;
  }
  .u-sp-mb-2em {
    margin-bottom: 2em !important;
  }
  .u-sp-ml-2em {
    margin-left: 2em !important;
  }
  .u-sp-mr-2em {
    margin-right: 2em !important;
  }
  .u-sp-my-2em {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }
  .u-sp-mx-2em {
    margin-left: 2em !important;
    margin-right: 2em !important;
  }
  .u-sp-m-25em {
    margin: 2.5em !important;
  }
  .u-sp-mt-25em {
    margin-top: 2.5em !important;
  }
  .u-sp-mb-25em {
    margin-bottom: 2.5em !important;
  }
  .u-sp-ml-25em {
    margin-left: 2.5em !important;
  }
  .u-sp-mr-25em {
    margin-right: 2.5em !important;
  }
  .u-sp-my-25em {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }
  .u-sp-mx-25em {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }
  .u-sp-m-3em {
    margin: 3em !important;
  }
  .u-sp-mt-3em {
    margin-top: 3em !important;
  }
  .u-sp-mb-3em {
    margin-bottom: 3em !important;
  }
  .u-sp-ml-3em {
    margin-left: 3em !important;
  }
  .u-sp-mr-3em {
    margin-right: 3em !important;
  }
  .u-sp-my-3em {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .u-sp-mx-3em {
    margin-left: 3em !important;
    margin-right: 3em !important;
  }
  .u-sp-m-35em {
    margin: 3.5em !important;
  }
  .u-sp-mt-35em {
    margin-top: 3.5em !important;
  }
  .u-sp-mb-35em {
    margin-bottom: 3.5em !important;
  }
  .u-sp-ml-35em {
    margin-left: 3.5em !important;
  }
  .u-sp-mr-35em {
    margin-right: 3.5em !important;
  }
  .u-sp-my-35em {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }
  .u-sp-mx-35em {
    margin-left: 3.5em !important;
    margin-right: 3.5em !important;
  }
  .u-sp-m-4em {
    margin: 4em !important;
  }
  .u-sp-mt-4em {
    margin-top: 4em !important;
  }
  .u-sp-mb-4em {
    margin-bottom: 4em !important;
  }
  .u-sp-ml-4em {
    margin-left: 4em !important;
  }
  .u-sp-mr-4em {
    margin-right: 4em !important;
  }
  .u-sp-my-4em {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }
  .u-sp-mx-4em {
    margin-left: 4em !important;
    margin-right: 4em !important;
  }
  .u-sp-m-45em {
    margin: 4.5em !important;
  }
  .u-sp-mt-45em {
    margin-top: 4.5em !important;
  }
  .u-sp-mb-45em {
    margin-bottom: 4.5em !important;
  }
  .u-sp-ml-45em {
    margin-left: 4.5em !important;
  }
  .u-sp-mr-45em {
    margin-right: 4.5em !important;
  }
  .u-sp-my-45em {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }
  .u-sp-mx-45em {
    margin-left: 4.5em !important;
    margin-right: 4.5em !important;
  }
  .u-sp-m-5em {
    margin: 5em !important;
  }
  .u-sp-mt-5em {
    margin-top: 5em !important;
  }
  .u-sp-mb-5em {
    margin-bottom: 5em !important;
  }
  .u-sp-ml-5em {
    margin-left: 5em !important;
  }
  .u-sp-mr-5em {
    margin-right: 5em !important;
  }
  .u-sp-my-5em {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }
  .u-sp-mx-5em {
    margin-left: 5em !important;
    margin-right: 5em !important;
  }
  .u-sp-m-55em {
    margin: 5.5em !important;
  }
  .u-sp-mt-55em {
    margin-top: 5.5em !important;
  }
  .u-sp-mb-55em {
    margin-bottom: 5.5em !important;
  }
  .u-sp-ml-55em {
    margin-left: 5.5em !important;
  }
  .u-sp-mr-55em {
    margin-right: 5.5em !important;
  }
  .u-sp-my-55em {
    margin-top: 5.5em !important;
    margin-bottom: 5.5em !important;
  }
  .u-sp-mx-55em {
    margin-left: 5.5em !important;
    margin-right: 5.5em !important;
  }
  .u-sp-m-6em {
    margin: 6em !important;
  }
  .u-sp-mt-6em {
    margin-top: 6em !important;
  }
  .u-sp-mb-6em {
    margin-bottom: 6em !important;
  }
  .u-sp-ml-6em {
    margin-left: 6em !important;
  }
  .u-sp-mr-6em {
    margin-right: 6em !important;
  }
  .u-sp-my-6em {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }
  .u-sp-mx-6em {
    margin-left: 6em !important;
    margin-right: 6em !important;
  }
  .u-sp-m-65em {
    margin: 6.5em !important;
  }
  .u-sp-mt-65em {
    margin-top: 6.5em !important;
  }
  .u-sp-mb-65em {
    margin-bottom: 6.5em !important;
  }
  .u-sp-ml-65em {
    margin-left: 6.5em !important;
  }
  .u-sp-mr-65em {
    margin-right: 6.5em !important;
  }
  .u-sp-my-65em {
    margin-top: 6.5em !important;
    margin-bottom: 6.5em !important;
  }
  .u-sp-mx-65em {
    margin-left: 6.5em !important;
    margin-right: 6.5em !important;
  }
  .u-sp-m-7em {
    margin: 7em !important;
  }
  .u-sp-mt-7em {
    margin-top: 7em !important;
  }
  .u-sp-mb-7em {
    margin-bottom: 7em !important;
  }
  .u-sp-ml-7em {
    margin-left: 7em !important;
  }
  .u-sp-mr-7em {
    margin-right: 7em !important;
  }
  .u-sp-my-7em {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }
  .u-sp-mx-7em {
    margin-left: 7em !important;
    margin-right: 7em !important;
  }
  .u-sp-m-75em {
    margin: 7.5em !important;
  }
  .u-sp-mt-75em {
    margin-top: 7.5em !important;
  }
  .u-sp-mb-75em {
    margin-bottom: 7.5em !important;
  }
  .u-sp-ml-75em {
    margin-left: 7.5em !important;
  }
  .u-sp-mr-75em {
    margin-right: 7.5em !important;
  }
  .u-sp-my-75em {
    margin-top: 7.5em !important;
    margin-bottom: 7.5em !important;
  }
  .u-sp-mx-75em {
    margin-left: 7.5em !important;
    margin-right: 7.5em !important;
  }
  .u-sp-m-8em {
    margin: 8em !important;
  }
  .u-sp-mt-8em {
    margin-top: 8em !important;
  }
  .u-sp-mb-8em {
    margin-bottom: 8em !important;
  }
  .u-sp-ml-8em {
    margin-left: 8em !important;
  }
  .u-sp-mr-8em {
    margin-right: 8em !important;
  }
  .u-sp-my-8em {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }
  .u-sp-mx-8em {
    margin-left: 8em !important;
    margin-right: 8em !important;
  }
  .u-sp-m-85em {
    margin: 8.5em !important;
  }
  .u-sp-mt-85em {
    margin-top: 8.5em !important;
  }
  .u-sp-mb-85em {
    margin-bottom: 8.5em !important;
  }
  .u-sp-ml-85em {
    margin-left: 8.5em !important;
  }
  .u-sp-mr-85em {
    margin-right: 8.5em !important;
  }
  .u-sp-my-85em {
    margin-top: 8.5em !important;
    margin-bottom: 8.5em !important;
  }
  .u-sp-mx-85em {
    margin-left: 8.5em !important;
    margin-right: 8.5em !important;
  }
  .u-sp-m-9em {
    margin: 9em !important;
  }
  .u-sp-mt-9em {
    margin-top: 9em !important;
  }
  .u-sp-mb-9em {
    margin-bottom: 9em !important;
  }
  .u-sp-ml-9em {
    margin-left: 9em !important;
  }
  .u-sp-mr-9em {
    margin-right: 9em !important;
  }
  .u-sp-my-9em {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }
  .u-sp-mx-9em {
    margin-left: 9em !important;
    margin-right: 9em !important;
  }
  .u-sp-m-95em {
    margin: 9.5em !important;
  }
  .u-sp-mt-95em {
    margin-top: 9.5em !important;
  }
  .u-sp-mb-95em {
    margin-bottom: 9.5em !important;
  }
  .u-sp-ml-95em {
    margin-left: 9.5em !important;
  }
  .u-sp-mr-95em {
    margin-right: 9.5em !important;
  }
  .u-sp-my-95em {
    margin-top: 9.5em !important;
    margin-bottom: 9.5em !important;
  }
  .u-sp-mx-95em {
    margin-left: 9.5em !important;
    margin-right: 9.5em !important;
  }
  .u-sp-m-10em {
    margin: 10em !important;
  }
  .u-sp-mt-10em {
    margin-top: 10em !important;
  }
  .u-sp-mb-10em {
    margin-bottom: 10em !important;
  }
  .u-sp-ml-10em {
    margin-left: 10em !important;
  }
  .u-sp-mr-10em {
    margin-right: 10em !important;
  }
  .u-sp-my-10em {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }
  .u-sp-mx-10em {
    margin-left: 10em !important;
    margin-right: 10em !important;
  }
  .u-sp-m-auto {
    margin: auto !important;
  }
  .u-sp-mt-auto {
    margin-top: auto !important;
  }
  .u-sp-mb-auto {
    margin-bottom: auto !important;
  }
  .u-sp-ml-auto {
    margin-left: auto !important;
  }
  .u-sp-mr-auto {
    margin-right: auto !important;
  }
  .u-sp-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-sp-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - その他
     - display 制御
----------------------------------------------------------------------------------- */
/* display制御 */
.u-hide {
  display: none !important;
}

.u-inline {
  display: inline !important;
}

.u-block {
  display: block !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-w-auto {
  min-width: auto !important;
}

@media print, screen and (min-width: 480px) {
  .u-pc-hide {
    display: none !important;
  }
  .u-tab-only,
  .u-sp-only {
    display: none !important;
  }
  .u-tab-sp-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 1000px) and (max-width: 1280px) {
  .u-tab-hide {
    display: none !important;
  }
  .u-pc-only,
  .u-sp-only {
    display: none !important;
  }
  .u-pc-sp-only {
    display: none !important;
  }
}
@media print, screen and (mxx-width: 480px) {
  .u-sp-hide {
    display: none !important;
  }
  .u-pc-only,
  .u-tab-only {
    display: none !important;
  }
  .u-pc-tab-only {
    display: none !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - パディング
   --------------------------------------------------------------------------------
     - 単位 px ※実際の指定では px ではなく rem が使われている（10px = 1rem）
         パディング　: u-p-0,  u-p-4  ... u-p-120,  u-p-auto
         上パディング: u-pt-0, u-pt-4 ... u-pt-120, u-pt-auto
         下パディング: u-pb-0, u-pb-4 ... u-pb-120, u-pb-auto
         左パディング: u-pl-0, u-pl-4 ... u-pl-120, u-pl-auto
         右パディング: u-pr-0, u-pr-4 ... u-pr-120, u-pr-auto
         横パディング: u-py-0, u-py-4 ... u-py-120, u-py-auto
         縦パディング: u-px-0, u-px-4 ... u-px-120, u-px-auto

     - 単位 em（0.5em から 0.5em 刻みで 10em まで）
         パディング　: u-p-0em,  u-p-05em,  u-p-1em,  u-p-15em,  u-p-2em  ... u-p-10em
         上パディング: u-pt-0em, u-pt-05em, u-pt-1em, u-pt-15em, u-pt-2em ... u-pt-10em
         下パディング: u-pb-0em, u-pb-05em, u-pb-1em, u-pb-15em, u-pb-2em ... u-pb-10em
         左パディング: u-pl-0em, u-pl-05em, u-pl-1em, u-pl-15em, u-pl-2em ... u-pl-10em
         右パディング: u-pr-0em, u-pr-05em, u-pr-1em, u-pr-15em, u-pr-2em ... u-pr-10em
         横パディング: u-py-0em, u-py-05em, u-py-1em, u-py-15em, u-py-2em ... u-py-10em
         縦パディング: u-px-0em, u-px-05em, u-px-1em, u-px-15em, u-px-2em ... u-px-10em

     - u- の後ろに sp- を付加するとスマホ用のクラスになる
----------------------------------------------------------------------------------- */
/* 単位: px */
.u-p-0 {
  padding: 0rem !important;
}

.u-pt-0 {
  padding-top: 0rem !important;
}

.u-pb-0 {
  padding-bottom: 0rem !important;
}

.u-pl-0 {
  padding-left: 0rem !important;
}

.u-pr-0 {
  padding-right: 0rem !important;
}

.u-py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.u-px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.u-p-4 {
  padding: 0.4rem !important;
}

.u-pt-4 {
  padding-top: 0.4rem !important;
}

.u-pb-4 {
  padding-bottom: 0.4rem !important;
}

.u-pl-4 {
  padding-left: 0.4rem !important;
}

.u-pr-4 {
  padding-right: 0.4rem !important;
}

.u-py-4 {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}

.u-px-4 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}

.u-p-8 {
  padding: 0.8rem !important;
}

.u-pt-8 {
  padding-top: 0.8rem !important;
}

.u-pb-8 {
  padding-bottom: 0.8rem !important;
}

.u-pl-8 {
  padding-left: 0.8rem !important;
}

.u-pr-8 {
  padding-right: 0.8rem !important;
}

.u-py-8 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.u-px-8 {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}

.u-p-12 {
  padding: 1.2rem !important;
}

.u-pt-12 {
  padding-top: 1.2rem !important;
}

.u-pb-12 {
  padding-bottom: 1.2rem !important;
}

.u-pl-12 {
  padding-left: 1.2rem !important;
}

.u-pr-12 {
  padding-right: 1.2rem !important;
}

.u-py-12 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

.u-px-12 {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

.u-p-16 {
  padding: 1.6rem !important;
}

.u-pt-16 {
  padding-top: 1.6rem !important;
}

.u-pb-16 {
  padding-bottom: 1.6rem !important;
}

.u-pl-16 {
  padding-left: 1.6rem !important;
}

.u-pr-16 {
  padding-right: 1.6rem !important;
}

.u-py-16 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}

.u-px-16 {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

.u-p-20 {
  padding: 2rem !important;
}

.u-pt-20 {
  padding-top: 2rem !important;
}

.u-pb-20 {
  padding-bottom: 2rem !important;
}

.u-pl-20 {
  padding-left: 2rem !important;
}

.u-pr-20 {
  padding-right: 2rem !important;
}

.u-py-20 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.u-px-20 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.u-p-24 {
  padding: 2.4rem !important;
}

.u-pt-24 {
  padding-top: 2.4rem !important;
}

.u-pb-24 {
  padding-bottom: 2.4rem !important;
}

.u-pl-24 {
  padding-left: 2.4rem !important;
}

.u-pr-24 {
  padding-right: 2.4rem !important;
}

.u-py-24 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

.u-px-24 {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important;
}

.u-p-28 {
  padding: 2.8rem !important;
}

.u-pt-28 {
  padding-top: 2.8rem !important;
}

.u-pb-28 {
  padding-bottom: 2.8rem !important;
}

.u-pl-28 {
  padding-left: 2.8rem !important;
}

.u-pr-28 {
  padding-right: 2.8rem !important;
}

.u-py-28 {
  padding-top: 2.8rem !important;
  padding-bottom: 2.8rem !important;
}

.u-px-28 {
  padding-left: 2.8rem !important;
  padding-right: 2.8rem !important;
}

.u-p-32 {
  padding: 3.2rem !important;
}

.u-pt-32 {
  padding-top: 3.2rem !important;
}

.u-pb-32 {
  padding-bottom: 3.2rem !important;
}

.u-pl-32 {
  padding-left: 3.2rem !important;
}

.u-pr-32 {
  padding-right: 3.2rem !important;
}

.u-py-32 {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}

.u-px-32 {
  padding-left: 3.2rem !important;
  padding-right: 3.2rem !important;
}

.u-p-36 {
  padding: 3.6rem !important;
}

.u-pt-36 {
  padding-top: 3.6rem !important;
}

.u-pb-36 {
  padding-bottom: 3.6rem !important;
}

.u-pl-36 {
  padding-left: 3.6rem !important;
}

.u-pr-36 {
  padding-right: 3.6rem !important;
}

.u-py-36 {
  padding-top: 3.6rem !important;
  padding-bottom: 3.6rem !important;
}

.u-px-36 {
  padding-left: 3.6rem !important;
  padding-right: 3.6rem !important;
}

.u-p-40 {
  padding: 4rem !important;
}

.u-pt-40 {
  padding-top: 4rem !important;
}

.u-pb-40 {
  padding-bottom: 4rem !important;
}

.u-pl-40 {
  padding-left: 4rem !important;
}

.u-pr-40 {
  padding-right: 4rem !important;
}

.u-py-40 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.u-px-40 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.u-p-44 {
  padding: 4.4rem !important;
}

.u-pt-44 {
  padding-top: 4.4rem !important;
}

.u-pb-44 {
  padding-bottom: 4.4rem !important;
}

.u-pl-44 {
  padding-left: 4.4rem !important;
}

.u-pr-44 {
  padding-right: 4.4rem !important;
}

.u-py-44 {
  padding-top: 4.4rem !important;
  padding-bottom: 4.4rem !important;
}

.u-px-44 {
  padding-left: 4.4rem !important;
  padding-right: 4.4rem !important;
}

.u-p-48 {
  padding: 4.8rem !important;
}

.u-pt-48 {
  padding-top: 4.8rem !important;
}

.u-pb-48 {
  padding-bottom: 4.8rem !important;
}

.u-pl-48 {
  padding-left: 4.8rem !important;
}

.u-pr-48 {
  padding-right: 4.8rem !important;
}

.u-py-48 {
  padding-top: 4.8rem !important;
  padding-bottom: 4.8rem !important;
}

.u-px-48 {
  padding-left: 4.8rem !important;
  padding-right: 4.8rem !important;
}

.u-p-52 {
  padding: 5.2rem !important;
}

.u-pt-52 {
  padding-top: 5.2rem !important;
}

.u-pb-52 {
  padding-bottom: 5.2rem !important;
}

.u-pl-52 {
  padding-left: 5.2rem !important;
}

.u-pr-52 {
  padding-right: 5.2rem !important;
}

.u-py-52 {
  padding-top: 5.2rem !important;
  padding-bottom: 5.2rem !important;
}

.u-px-52 {
  padding-left: 5.2rem !important;
  padding-right: 5.2rem !important;
}

.u-p-56 {
  padding: 5.6rem !important;
}

.u-pt-56 {
  padding-top: 5.6rem !important;
}

.u-pb-56 {
  padding-bottom: 5.6rem !important;
}

.u-pl-56 {
  padding-left: 5.6rem !important;
}

.u-pr-56 {
  padding-right: 5.6rem !important;
}

.u-py-56 {
  padding-top: 5.6rem !important;
  padding-bottom: 5.6rem !important;
}

.u-px-56 {
  padding-left: 5.6rem !important;
  padding-right: 5.6rem !important;
}

.u-p-60 {
  padding: 6rem !important;
}

.u-pt-60 {
  padding-top: 6rem !important;
}

.u-pb-60 {
  padding-bottom: 6rem !important;
}

.u-pl-60 {
  padding-left: 6rem !important;
}

.u-pr-60 {
  padding-right: 6rem !important;
}

.u-py-60 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.u-px-60 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.u-p-64 {
  padding: 6.4rem !important;
}

.u-pt-64 {
  padding-top: 6.4rem !important;
}

.u-pb-64 {
  padding-bottom: 6.4rem !important;
}

.u-pl-64 {
  padding-left: 6.4rem !important;
}

.u-pr-64 {
  padding-right: 6.4rem !important;
}

.u-py-64 {
  padding-top: 6.4rem !important;
  padding-bottom: 6.4rem !important;
}

.u-px-64 {
  padding-left: 6.4rem !important;
  padding-right: 6.4rem !important;
}

.u-p-68 {
  padding: 6.8rem !important;
}

.u-pt-68 {
  padding-top: 6.8rem !important;
}

.u-pb-68 {
  padding-bottom: 6.8rem !important;
}

.u-pl-68 {
  padding-left: 6.8rem !important;
}

.u-pr-68 {
  padding-right: 6.8rem !important;
}

.u-py-68 {
  padding-top: 6.8rem !important;
  padding-bottom: 6.8rem !important;
}

.u-px-68 {
  padding-left: 6.8rem !important;
  padding-right: 6.8rem !important;
}

.u-p-72 {
  padding: 7.2rem !important;
}

.u-pt-72 {
  padding-top: 7.2rem !important;
}

.u-pb-72 {
  padding-bottom: 7.2rem !important;
}

.u-pl-72 {
  padding-left: 7.2rem !important;
}

.u-pr-72 {
  padding-right: 7.2rem !important;
}

.u-py-72 {
  padding-top: 7.2rem !important;
  padding-bottom: 7.2rem !important;
}

.u-px-72 {
  padding-left: 7.2rem !important;
  padding-right: 7.2rem !important;
}

.u-p-76 {
  padding: 7.6rem !important;
}

.u-pt-76 {
  padding-top: 7.6rem !important;
}

.u-pb-76 {
  padding-bottom: 7.6rem !important;
}

.u-pl-76 {
  padding-left: 7.6rem !important;
}

.u-pr-76 {
  padding-right: 7.6rem !important;
}

.u-py-76 {
  padding-top: 7.6rem !important;
  padding-bottom: 7.6rem !important;
}

.u-px-76 {
  padding-left: 7.6rem !important;
  padding-right: 7.6rem !important;
}

.u-p-80 {
  padding: 8rem !important;
}

.u-pt-80 {
  padding-top: 8rem !important;
}

.u-pb-80 {
  padding-bottom: 8rem !important;
}

.u-pl-80 {
  padding-left: 8rem !important;
}

.u-pr-80 {
  padding-right: 8rem !important;
}

.u-py-80 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.u-px-80 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.u-p-84 {
  padding: 8.4rem !important;
}

.u-pt-84 {
  padding-top: 8.4rem !important;
}

.u-pb-84 {
  padding-bottom: 8.4rem !important;
}

.u-pl-84 {
  padding-left: 8.4rem !important;
}

.u-pr-84 {
  padding-right: 8.4rem !important;
}

.u-py-84 {
  padding-top: 8.4rem !important;
  padding-bottom: 8.4rem !important;
}

.u-px-84 {
  padding-left: 8.4rem !important;
  padding-right: 8.4rem !important;
}

.u-p-88 {
  padding: 8.8rem !important;
}

.u-pt-88 {
  padding-top: 8.8rem !important;
}

.u-pb-88 {
  padding-bottom: 8.8rem !important;
}

.u-pl-88 {
  padding-left: 8.8rem !important;
}

.u-pr-88 {
  padding-right: 8.8rem !important;
}

.u-py-88 {
  padding-top: 8.8rem !important;
  padding-bottom: 8.8rem !important;
}

.u-px-88 {
  padding-left: 8.8rem !important;
  padding-right: 8.8rem !important;
}

.u-p-92 {
  padding: 9.2rem !important;
}

.u-pt-92 {
  padding-top: 9.2rem !important;
}

.u-pb-92 {
  padding-bottom: 9.2rem !important;
}

.u-pl-92 {
  padding-left: 9.2rem !important;
}

.u-pr-92 {
  padding-right: 9.2rem !important;
}

.u-py-92 {
  padding-top: 9.2rem !important;
  padding-bottom: 9.2rem !important;
}

.u-px-92 {
  padding-left: 9.2rem !important;
  padding-right: 9.2rem !important;
}

.u-p-96 {
  padding: 9.6rem !important;
}

.u-pt-96 {
  padding-top: 9.6rem !important;
}

.u-pb-96 {
  padding-bottom: 9.6rem !important;
}

.u-pl-96 {
  padding-left: 9.6rem !important;
}

.u-pr-96 {
  padding-right: 9.6rem !important;
}

.u-py-96 {
  padding-top: 9.6rem !important;
  padding-bottom: 9.6rem !important;
}

.u-px-96 {
  padding-left: 9.6rem !important;
  padding-right: 9.6rem !important;
}

.u-p-100 {
  padding: 10rem !important;
}

.u-pt-100 {
  padding-top: 10rem !important;
}

.u-pb-100 {
  padding-bottom: 10rem !important;
}

.u-pl-100 {
  padding-left: 10rem !important;
}

.u-pr-100 {
  padding-right: 10rem !important;
}

.u-py-100 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.u-px-100 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.u-p-104 {
  padding: 10.4rem !important;
}

.u-pt-104 {
  padding-top: 10.4rem !important;
}

.u-pb-104 {
  padding-bottom: 10.4rem !important;
}

.u-pl-104 {
  padding-left: 10.4rem !important;
}

.u-pr-104 {
  padding-right: 10.4rem !important;
}

.u-py-104 {
  padding-top: 10.4rem !important;
  padding-bottom: 10.4rem !important;
}

.u-px-104 {
  padding-left: 10.4rem !important;
  padding-right: 10.4rem !important;
}

.u-p-108 {
  padding: 10.8rem !important;
}

.u-pt-108 {
  padding-top: 10.8rem !important;
}

.u-pb-108 {
  padding-bottom: 10.8rem !important;
}

.u-pl-108 {
  padding-left: 10.8rem !important;
}

.u-pr-108 {
  padding-right: 10.8rem !important;
}

.u-py-108 {
  padding-top: 10.8rem !important;
  padding-bottom: 10.8rem !important;
}

.u-px-108 {
  padding-left: 10.8rem !important;
  padding-right: 10.8rem !important;
}

.u-p-112 {
  padding: 11.2rem !important;
}

.u-pt-112 {
  padding-top: 11.2rem !important;
}

.u-pb-112 {
  padding-bottom: 11.2rem !important;
}

.u-pl-112 {
  padding-left: 11.2rem !important;
}

.u-pr-112 {
  padding-right: 11.2rem !important;
}

.u-py-112 {
  padding-top: 11.2rem !important;
  padding-bottom: 11.2rem !important;
}

.u-px-112 {
  padding-left: 11.2rem !important;
  padding-right: 11.2rem !important;
}

.u-p-116 {
  padding: 11.6rem !important;
}

.u-pt-116 {
  padding-top: 11.6rem !important;
}

.u-pb-116 {
  padding-bottom: 11.6rem !important;
}

.u-pl-116 {
  padding-left: 11.6rem !important;
}

.u-pr-116 {
  padding-right: 11.6rem !important;
}

.u-py-116 {
  padding-top: 11.6rem !important;
  padding-bottom: 11.6rem !important;
}

.u-px-116 {
  padding-left: 11.6rem !important;
  padding-right: 11.6rem !important;
}

.u-p-120 {
  padding: 12rem !important;
}

.u-pt-120 {
  padding-top: 12rem !important;
}

.u-pb-120 {
  padding-bottom: 12rem !important;
}

.u-pl-120 {
  padding-left: 12rem !important;
}

.u-pr-120 {
  padding-right: 12rem !important;
}

.u-py-120 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.u-px-120 {
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

/* 単位: em */
.u-p-05em {
  padding: 0.5em !important;
}

.u-pt-05em {
  padding-top: 0.5em !important;
}

.u-pb-05em {
  padding-bottom: 0.5em !important;
}

.u-pl-05em {
  padding-left: 0.5em !important;
}

.u-pr-05em {
  padding-right: 0.5em !important;
}

.u-py-05em {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

.u-px-05em {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

.u-p-1em {
  padding: 1em !important;
}

.u-pt-1em {
  padding-top: 1em !important;
}

.u-pb-1em {
  padding-bottom: 1em !important;
}

.u-pl-1em {
  padding-left: 1em !important;
}

.u-pr-1em {
  padding-right: 1em !important;
}

.u-py-1em {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.u-px-1em {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

.u-p-15em {
  padding: 1.5em !important;
}

.u-pt-15em {
  padding-top: 1.5em !important;
}

.u-pb-15em {
  padding-bottom: 1.5em !important;
}

.u-pl-15em {
  padding-left: 1.5em !important;
}

.u-pr-15em {
  padding-right: 1.5em !important;
}

.u-py-15em {
  padding-top: 1.5em !important;
  padding-bottom: 1.5em !important;
}

.u-px-15em {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}

.u-p-2em {
  padding: 2em !important;
}

.u-pt-2em {
  padding-top: 2em !important;
}

.u-pb-2em {
  padding-bottom: 2em !important;
}

.u-pl-2em {
  padding-left: 2em !important;
}

.u-pr-2em {
  padding-right: 2em !important;
}

.u-py-2em {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

.u-px-2em {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

.u-p-25em {
  padding: 2.5em !important;
}

.u-pt-25em {
  padding-top: 2.5em !important;
}

.u-pb-25em {
  padding-bottom: 2.5em !important;
}

.u-pl-25em {
  padding-left: 2.5em !important;
}

.u-pr-25em {
  padding-right: 2.5em !important;
}

.u-py-25em {
  padding-top: 2.5em !important;
  padding-bottom: 2.5em !important;
}

.u-px-25em {
  padding-left: 2.5em !important;
  padding-right: 2.5em !important;
}

.u-p-3em {
  padding: 3em !important;
}

.u-pt-3em {
  padding-top: 3em !important;
}

.u-pb-3em {
  padding-bottom: 3em !important;
}

.u-pl-3em {
  padding-left: 3em !important;
}

.u-pr-3em {
  padding-right: 3em !important;
}

.u-py-3em {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.u-px-3em {
  padding-left: 3em !important;
  padding-right: 3em !important;
}

.u-p-35em {
  padding: 3.5em !important;
}

.u-pt-35em {
  padding-top: 3.5em !important;
}

.u-pb-35em {
  padding-bottom: 3.5em !important;
}

.u-pl-35em {
  padding-left: 3.5em !important;
}

.u-pr-35em {
  padding-right: 3.5em !important;
}

.u-py-35em {
  padding-top: 3.5em !important;
  padding-bottom: 3.5em !important;
}

.u-px-35em {
  padding-left: 3.5em !important;
  padding-right: 3.5em !important;
}

.u-p-4em {
  padding: 4em !important;
}

.u-pt-4em {
  padding-top: 4em !important;
}

.u-pb-4em {
  padding-bottom: 4em !important;
}

.u-pl-4em {
  padding-left: 4em !important;
}

.u-pr-4em {
  padding-right: 4em !important;
}

.u-py-4em {
  padding-top: 4em !important;
  padding-bottom: 4em !important;
}

.u-px-4em {
  padding-left: 4em !important;
  padding-right: 4em !important;
}

.u-p-45em {
  padding: 4.5em !important;
}

.u-pt-45em {
  padding-top: 4.5em !important;
}

.u-pb-45em {
  padding-bottom: 4.5em !important;
}

.u-pl-45em {
  padding-left: 4.5em !important;
}

.u-pr-45em {
  padding-right: 4.5em !important;
}

.u-py-45em {
  padding-top: 4.5em !important;
  padding-bottom: 4.5em !important;
}

.u-px-45em {
  padding-left: 4.5em !important;
  padding-right: 4.5em !important;
}

.u-p-5em {
  padding: 5em !important;
}

.u-pt-5em {
  padding-top: 5em !important;
}

.u-pb-5em {
  padding-bottom: 5em !important;
}

.u-pl-5em {
  padding-left: 5em !important;
}

.u-pr-5em {
  padding-right: 5em !important;
}

.u-py-5em {
  padding-top: 5em !important;
  padding-bottom: 5em !important;
}

.u-px-5em {
  padding-left: 5em !important;
  padding-right: 5em !important;
}

.u-p-55em {
  padding: 5.5em !important;
}

.u-pt-55em {
  padding-top: 5.5em !important;
}

.u-pb-55em {
  padding-bottom: 5.5em !important;
}

.u-pl-55em {
  padding-left: 5.5em !important;
}

.u-pr-55em {
  padding-right: 5.5em !important;
}

.u-py-55em {
  padding-top: 5.5em !important;
  padding-bottom: 5.5em !important;
}

.u-px-55em {
  padding-left: 5.5em !important;
  padding-right: 5.5em !important;
}

.u-p-6em {
  padding: 6em !important;
}

.u-pt-6em {
  padding-top: 6em !important;
}

.u-pb-6em {
  padding-bottom: 6em !important;
}

.u-pl-6em {
  padding-left: 6em !important;
}

.u-pr-6em {
  padding-right: 6em !important;
}

.u-py-6em {
  padding-top: 6em !important;
  padding-bottom: 6em !important;
}

.u-px-6em {
  padding-left: 6em !important;
  padding-right: 6em !important;
}

.u-p-65em {
  padding: 6.5em !important;
}

.u-pt-65em {
  padding-top: 6.5em !important;
}

.u-pb-65em {
  padding-bottom: 6.5em !important;
}

.u-pl-65em {
  padding-left: 6.5em !important;
}

.u-pr-65em {
  padding-right: 6.5em !important;
}

.u-py-65em {
  padding-top: 6.5em !important;
  padding-bottom: 6.5em !important;
}

.u-px-65em {
  padding-left: 6.5em !important;
  padding-right: 6.5em !important;
}

.u-p-7em {
  padding: 7em !important;
}

.u-pt-7em {
  padding-top: 7em !important;
}

.u-pb-7em {
  padding-bottom: 7em !important;
}

.u-pl-7em {
  padding-left: 7em !important;
}

.u-pr-7em {
  padding-right: 7em !important;
}

.u-py-7em {
  padding-top: 7em !important;
  padding-bottom: 7em !important;
}

.u-px-7em {
  padding-left: 7em !important;
  padding-right: 7em !important;
}

.u-p-75em {
  padding: 7.5em !important;
}

.u-pt-75em {
  padding-top: 7.5em !important;
}

.u-pb-75em {
  padding-bottom: 7.5em !important;
}

.u-pl-75em {
  padding-left: 7.5em !important;
}

.u-pr-75em {
  padding-right: 7.5em !important;
}

.u-py-75em {
  padding-top: 7.5em !important;
  padding-bottom: 7.5em !important;
}

.u-px-75em {
  padding-left: 7.5em !important;
  padding-right: 7.5em !important;
}

.u-p-8em {
  padding: 8em !important;
}

.u-pt-8em {
  padding-top: 8em !important;
}

.u-pb-8em {
  padding-bottom: 8em !important;
}

.u-pl-8em {
  padding-left: 8em !important;
}

.u-pr-8em {
  padding-right: 8em !important;
}

.u-py-8em {
  padding-top: 8em !important;
  padding-bottom: 8em !important;
}

.u-px-8em {
  padding-left: 8em !important;
  padding-right: 8em !important;
}

.u-p-85em {
  padding: 8.5em !important;
}

.u-pt-85em {
  padding-top: 8.5em !important;
}

.u-pb-85em {
  padding-bottom: 8.5em !important;
}

.u-pl-85em {
  padding-left: 8.5em !important;
}

.u-pr-85em {
  padding-right: 8.5em !important;
}

.u-py-85em {
  padding-top: 8.5em !important;
  padding-bottom: 8.5em !important;
}

.u-px-85em {
  padding-left: 8.5em !important;
  padding-right: 8.5em !important;
}

.u-p-9em {
  padding: 9em !important;
}

.u-pt-9em {
  padding-top: 9em !important;
}

.u-pb-9em {
  padding-bottom: 9em !important;
}

.u-pl-9em {
  padding-left: 9em !important;
}

.u-pr-9em {
  padding-right: 9em !important;
}

.u-py-9em {
  padding-top: 9em !important;
  padding-bottom: 9em !important;
}

.u-px-9em {
  padding-left: 9em !important;
  padding-right: 9em !important;
}

.u-p-95em {
  padding: 9.5em !important;
}

.u-pt-95em {
  padding-top: 9.5em !important;
}

.u-pb-95em {
  padding-bottom: 9.5em !important;
}

.u-pl-95em {
  padding-left: 9.5em !important;
}

.u-pr-95em {
  padding-right: 9.5em !important;
}

.u-py-95em {
  padding-top: 9.5em !important;
  padding-bottom: 9.5em !important;
}

.u-px-95em {
  padding-left: 9.5em !important;
  padding-right: 9.5em !important;
}

.u-p-10em {
  padding: 10em !important;
}

.u-pt-10em {
  padding-top: 10em !important;
}

.u-pb-10em {
  padding-bottom: 10em !important;
}

.u-pl-10em {
  padding-left: 10em !important;
}

.u-pr-10em {
  padding-right: 10em !important;
}

.u-py-10em {
  padding-top: 10em !important;
  padding-bottom: 10em !important;
}

.u-px-10em {
  padding-left: 10em !important;
  padding-right: 10em !important;
}

/* SP版：プリフィクス sp- を付加 */
@media print, screen and (mxx-width: 480px) {
  /* 単位: px */
  .u-sp-p-0 {
    padding: 0rem !important;
  }
  .u-sp-pt-0 {
    padding-top: 0rem !important;
  }
  .u-sp-pb-0 {
    padding-bottom: 0rem !important;
  }
  .u-sp-pl-0 {
    padding-left: 0rem !important;
  }
  .u-sp-pr-0 {
    padding-right: 0rem !important;
  }
  .u-sp-py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .u-sp-px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .u-sp-p-4 {
    padding: 0.4rem !important;
  }
  .u-sp-pt-4 {
    padding-top: 0.4rem !important;
  }
  .u-sp-pb-4 {
    padding-bottom: 0.4rem !important;
  }
  .u-sp-pl-4 {
    padding-left: 0.4rem !important;
  }
  .u-sp-pr-4 {
    padding-right: 0.4rem !important;
  }
  .u-sp-py-4 {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
  }
  .u-sp-px-4 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
  }
  .u-sp-p-8 {
    padding: 0.8rem !important;
  }
  .u-sp-pt-8 {
    padding-top: 0.8rem !important;
  }
  .u-sp-pb-8 {
    padding-bottom: 0.8rem !important;
  }
  .u-sp-pl-8 {
    padding-left: 0.8rem !important;
  }
  .u-sp-pr-8 {
    padding-right: 0.8rem !important;
  }
  .u-sp-py-8 {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
  }
  .u-sp-px-8 {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
  .u-sp-p-12 {
    padding: 1.2rem !important;
  }
  .u-sp-pt-12 {
    padding-top: 1.2rem !important;
  }
  .u-sp-pb-12 {
    padding-bottom: 1.2rem !important;
  }
  .u-sp-pl-12 {
    padding-left: 1.2rem !important;
  }
  .u-sp-pr-12 {
    padding-right: 1.2rem !important;
  }
  .u-sp-py-12 {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
  }
  .u-sp-px-12 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
  .u-sp-p-16 {
    padding: 1.6rem !important;
  }
  .u-sp-pt-16 {
    padding-top: 1.6rem !important;
  }
  .u-sp-pb-16 {
    padding-bottom: 1.6rem !important;
  }
  .u-sp-pl-16 {
    padding-left: 1.6rem !important;
  }
  .u-sp-pr-16 {
    padding-right: 1.6rem !important;
  }
  .u-sp-py-16 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
  }
  .u-sp-px-16 {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }
  .u-sp-p-20 {
    padding: 2rem !important;
  }
  .u-sp-pt-20 {
    padding-top: 2rem !important;
  }
  .u-sp-pb-20 {
    padding-bottom: 2rem !important;
  }
  .u-sp-pl-20 {
    padding-left: 2rem !important;
  }
  .u-sp-pr-20 {
    padding-right: 2rem !important;
  }
  .u-sp-py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .u-sp-px-20 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .u-sp-p-24 {
    padding: 2.4rem !important;
  }
  .u-sp-pt-24 {
    padding-top: 2.4rem !important;
  }
  .u-sp-pb-24 {
    padding-bottom: 2.4rem !important;
  }
  .u-sp-pl-24 {
    padding-left: 2.4rem !important;
  }
  .u-sp-pr-24 {
    padding-right: 2.4rem !important;
  }
  .u-sp-py-24 {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important;
  }
  .u-sp-px-24 {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
  }
  .u-sp-p-28 {
    padding: 2.8rem !important;
  }
  .u-sp-pt-28 {
    padding-top: 2.8rem !important;
  }
  .u-sp-pb-28 {
    padding-bottom: 2.8rem !important;
  }
  .u-sp-pl-28 {
    padding-left: 2.8rem !important;
  }
  .u-sp-pr-28 {
    padding-right: 2.8rem !important;
  }
  .u-sp-py-28 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }
  .u-sp-px-28 {
    padding-left: 2.8rem !important;
    padding-right: 2.8rem !important;
  }
  .u-sp-p-32 {
    padding: 3.2rem !important;
  }
  .u-sp-pt-32 {
    padding-top: 3.2rem !important;
  }
  .u-sp-pb-32 {
    padding-bottom: 3.2rem !important;
  }
  .u-sp-pl-32 {
    padding-left: 3.2rem !important;
  }
  .u-sp-pr-32 {
    padding-right: 3.2rem !important;
  }
  .u-sp-py-32 {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important;
  }
  .u-sp-px-32 {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important;
  }
  .u-sp-p-36 {
    padding: 3.6rem !important;
  }
  .u-sp-pt-36 {
    padding-top: 3.6rem !important;
  }
  .u-sp-pb-36 {
    padding-bottom: 3.6rem !important;
  }
  .u-sp-pl-36 {
    padding-left: 3.6rem !important;
  }
  .u-sp-pr-36 {
    padding-right: 3.6rem !important;
  }
  .u-sp-py-36 {
    padding-top: 3.6rem !important;
    padding-bottom: 3.6rem !important;
  }
  .u-sp-px-36 {
    padding-left: 3.6rem !important;
    padding-right: 3.6rem !important;
  }
  .u-sp-p-40 {
    padding: 4rem !important;
  }
  .u-sp-pt-40 {
    padding-top: 4rem !important;
  }
  .u-sp-pb-40 {
    padding-bottom: 4rem !important;
  }
  .u-sp-pl-40 {
    padding-left: 4rem !important;
  }
  .u-sp-pr-40 {
    padding-right: 4rem !important;
  }
  .u-sp-py-40 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .u-sp-px-40 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .u-sp-p-44 {
    padding: 4.4rem !important;
  }
  .u-sp-pt-44 {
    padding-top: 4.4rem !important;
  }
  .u-sp-pb-44 {
    padding-bottom: 4.4rem !important;
  }
  .u-sp-pl-44 {
    padding-left: 4.4rem !important;
  }
  .u-sp-pr-44 {
    padding-right: 4.4rem !important;
  }
  .u-sp-py-44 {
    padding-top: 4.4rem !important;
    padding-bottom: 4.4rem !important;
  }
  .u-sp-px-44 {
    padding-left: 4.4rem !important;
    padding-right: 4.4rem !important;
  }
  .u-sp-p-48 {
    padding: 4.8rem !important;
  }
  .u-sp-pt-48 {
    padding-top: 4.8rem !important;
  }
  .u-sp-pb-48 {
    padding-bottom: 4.8rem !important;
  }
  .u-sp-pl-48 {
    padding-left: 4.8rem !important;
  }
  .u-sp-pr-48 {
    padding-right: 4.8rem !important;
  }
  .u-sp-py-48 {
    padding-top: 4.8rem !important;
    padding-bottom: 4.8rem !important;
  }
  .u-sp-px-48 {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important;
  }
  .u-sp-p-52 {
    padding: 5.2rem !important;
  }
  .u-sp-pt-52 {
    padding-top: 5.2rem !important;
  }
  .u-sp-pb-52 {
    padding-bottom: 5.2rem !important;
  }
  .u-sp-pl-52 {
    padding-left: 5.2rem !important;
  }
  .u-sp-pr-52 {
    padding-right: 5.2rem !important;
  }
  .u-sp-py-52 {
    padding-top: 5.2rem !important;
    padding-bottom: 5.2rem !important;
  }
  .u-sp-px-52 {
    padding-left: 5.2rem !important;
    padding-right: 5.2rem !important;
  }
  .u-sp-p-56 {
    padding: 5.6rem !important;
  }
  .u-sp-pt-56 {
    padding-top: 5.6rem !important;
  }
  .u-sp-pb-56 {
    padding-bottom: 5.6rem !important;
  }
  .u-sp-pl-56 {
    padding-left: 5.6rem !important;
  }
  .u-sp-pr-56 {
    padding-right: 5.6rem !important;
  }
  .u-sp-py-56 {
    padding-top: 5.6rem !important;
    padding-bottom: 5.6rem !important;
  }
  .u-sp-px-56 {
    padding-left: 5.6rem !important;
    padding-right: 5.6rem !important;
  }
  .u-sp-p-60 {
    padding: 6rem !important;
  }
  .u-sp-pt-60 {
    padding-top: 6rem !important;
  }
  .u-sp-pb-60 {
    padding-bottom: 6rem !important;
  }
  .u-sp-pl-60 {
    padding-left: 6rem !important;
  }
  .u-sp-pr-60 {
    padding-right: 6rem !important;
  }
  .u-sp-py-60 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .u-sp-px-60 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .u-sp-p-64 {
    padding: 6.4rem !important;
  }
  .u-sp-pt-64 {
    padding-top: 6.4rem !important;
  }
  .u-sp-pb-64 {
    padding-bottom: 6.4rem !important;
  }
  .u-sp-pl-64 {
    padding-left: 6.4rem !important;
  }
  .u-sp-pr-64 {
    padding-right: 6.4rem !important;
  }
  .u-sp-py-64 {
    padding-top: 6.4rem !important;
    padding-bottom: 6.4rem !important;
  }
  .u-sp-px-64 {
    padding-left: 6.4rem !important;
    padding-right: 6.4rem !important;
  }
  .u-sp-p-68 {
    padding: 6.8rem !important;
  }
  .u-sp-pt-68 {
    padding-top: 6.8rem !important;
  }
  .u-sp-pb-68 {
    padding-bottom: 6.8rem !important;
  }
  .u-sp-pl-68 {
    padding-left: 6.8rem !important;
  }
  .u-sp-pr-68 {
    padding-right: 6.8rem !important;
  }
  .u-sp-py-68 {
    padding-top: 6.8rem !important;
    padding-bottom: 6.8rem !important;
  }
  .u-sp-px-68 {
    padding-left: 6.8rem !important;
    padding-right: 6.8rem !important;
  }
  .u-sp-p-72 {
    padding: 7.2rem !important;
  }
  .u-sp-pt-72 {
    padding-top: 7.2rem !important;
  }
  .u-sp-pb-72 {
    padding-bottom: 7.2rem !important;
  }
  .u-sp-pl-72 {
    padding-left: 7.2rem !important;
  }
  .u-sp-pr-72 {
    padding-right: 7.2rem !important;
  }
  .u-sp-py-72 {
    padding-top: 7.2rem !important;
    padding-bottom: 7.2rem !important;
  }
  .u-sp-px-72 {
    padding-left: 7.2rem !important;
    padding-right: 7.2rem !important;
  }
  .u-sp-p-76 {
    padding: 7.6rem !important;
  }
  .u-sp-pt-76 {
    padding-top: 7.6rem !important;
  }
  .u-sp-pb-76 {
    padding-bottom: 7.6rem !important;
  }
  .u-sp-pl-76 {
    padding-left: 7.6rem !important;
  }
  .u-sp-pr-76 {
    padding-right: 7.6rem !important;
  }
  .u-sp-py-76 {
    padding-top: 7.6rem !important;
    padding-bottom: 7.6rem !important;
  }
  .u-sp-px-76 {
    padding-left: 7.6rem !important;
    padding-right: 7.6rem !important;
  }
  .u-sp-p-80 {
    padding: 8rem !important;
  }
  .u-sp-pt-80 {
    padding-top: 8rem !important;
  }
  .u-sp-pb-80 {
    padding-bottom: 8rem !important;
  }
  .u-sp-pl-80 {
    padding-left: 8rem !important;
  }
  .u-sp-pr-80 {
    padding-right: 8rem !important;
  }
  .u-sp-py-80 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .u-sp-px-80 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .u-sp-p-84 {
    padding: 8.4rem !important;
  }
  .u-sp-pt-84 {
    padding-top: 8.4rem !important;
  }
  .u-sp-pb-84 {
    padding-bottom: 8.4rem !important;
  }
  .u-sp-pl-84 {
    padding-left: 8.4rem !important;
  }
  .u-sp-pr-84 {
    padding-right: 8.4rem !important;
  }
  .u-sp-py-84 {
    padding-top: 8.4rem !important;
    padding-bottom: 8.4rem !important;
  }
  .u-sp-px-84 {
    padding-left: 8.4rem !important;
    padding-right: 8.4rem !important;
  }
  .u-sp-p-88 {
    padding: 8.8rem !important;
  }
  .u-sp-pt-88 {
    padding-top: 8.8rem !important;
  }
  .u-sp-pb-88 {
    padding-bottom: 8.8rem !important;
  }
  .u-sp-pl-88 {
    padding-left: 8.8rem !important;
  }
  .u-sp-pr-88 {
    padding-right: 8.8rem !important;
  }
  .u-sp-py-88 {
    padding-top: 8.8rem !important;
    padding-bottom: 8.8rem !important;
  }
  .u-sp-px-88 {
    padding-left: 8.8rem !important;
    padding-right: 8.8rem !important;
  }
  .u-sp-p-92 {
    padding: 9.2rem !important;
  }
  .u-sp-pt-92 {
    padding-top: 9.2rem !important;
  }
  .u-sp-pb-92 {
    padding-bottom: 9.2rem !important;
  }
  .u-sp-pl-92 {
    padding-left: 9.2rem !important;
  }
  .u-sp-pr-92 {
    padding-right: 9.2rem !important;
  }
  .u-sp-py-92 {
    padding-top: 9.2rem !important;
    padding-bottom: 9.2rem !important;
  }
  .u-sp-px-92 {
    padding-left: 9.2rem !important;
    padding-right: 9.2rem !important;
  }
  .u-sp-p-96 {
    padding: 9.6rem !important;
  }
  .u-sp-pt-96 {
    padding-top: 9.6rem !important;
  }
  .u-sp-pb-96 {
    padding-bottom: 9.6rem !important;
  }
  .u-sp-pl-96 {
    padding-left: 9.6rem !important;
  }
  .u-sp-pr-96 {
    padding-right: 9.6rem !important;
  }
  .u-sp-py-96 {
    padding-top: 9.6rem !important;
    padding-bottom: 9.6rem !important;
  }
  .u-sp-px-96 {
    padding-left: 9.6rem !important;
    padding-right: 9.6rem !important;
  }
  .u-sp-p-100 {
    padding: 10rem !important;
  }
  .u-sp-pt-100 {
    padding-top: 10rem !important;
  }
  .u-sp-pb-100 {
    padding-bottom: 10rem !important;
  }
  .u-sp-pl-100 {
    padding-left: 10rem !important;
  }
  .u-sp-pr-100 {
    padding-right: 10rem !important;
  }
  .u-sp-py-100 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .u-sp-px-100 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .u-sp-p-104 {
    padding: 10.4rem !important;
  }
  .u-sp-pt-104 {
    padding-top: 10.4rem !important;
  }
  .u-sp-pb-104 {
    padding-bottom: 10.4rem !important;
  }
  .u-sp-pl-104 {
    padding-left: 10.4rem !important;
  }
  .u-sp-pr-104 {
    padding-right: 10.4rem !important;
  }
  .u-sp-py-104 {
    padding-top: 10.4rem !important;
    padding-bottom: 10.4rem !important;
  }
  .u-sp-px-104 {
    padding-left: 10.4rem !important;
    padding-right: 10.4rem !important;
  }
  .u-sp-p-108 {
    padding: 10.8rem !important;
  }
  .u-sp-pt-108 {
    padding-top: 10.8rem !important;
  }
  .u-sp-pb-108 {
    padding-bottom: 10.8rem !important;
  }
  .u-sp-pl-108 {
    padding-left: 10.8rem !important;
  }
  .u-sp-pr-108 {
    padding-right: 10.8rem !important;
  }
  .u-sp-py-108 {
    padding-top: 10.8rem !important;
    padding-bottom: 10.8rem !important;
  }
  .u-sp-px-108 {
    padding-left: 10.8rem !important;
    padding-right: 10.8rem !important;
  }
  .u-sp-p-112 {
    padding: 11.2rem !important;
  }
  .u-sp-pt-112 {
    padding-top: 11.2rem !important;
  }
  .u-sp-pb-112 {
    padding-bottom: 11.2rem !important;
  }
  .u-sp-pl-112 {
    padding-left: 11.2rem !important;
  }
  .u-sp-pr-112 {
    padding-right: 11.2rem !important;
  }
  .u-sp-py-112 {
    padding-top: 11.2rem !important;
    padding-bottom: 11.2rem !important;
  }
  .u-sp-px-112 {
    padding-left: 11.2rem !important;
    padding-right: 11.2rem !important;
  }
  .u-sp-p-116 {
    padding: 11.6rem !important;
  }
  .u-sp-pt-116 {
    padding-top: 11.6rem !important;
  }
  .u-sp-pb-116 {
    padding-bottom: 11.6rem !important;
  }
  .u-sp-pl-116 {
    padding-left: 11.6rem !important;
  }
  .u-sp-pr-116 {
    padding-right: 11.6rem !important;
  }
  .u-sp-py-116 {
    padding-top: 11.6rem !important;
    padding-bottom: 11.6rem !important;
  }
  .u-sp-px-116 {
    padding-left: 11.6rem !important;
    padding-right: 11.6rem !important;
  }
  .u-sp-p-120 {
    padding: 12rem !important;
  }
  .u-sp-pt-120 {
    padding-top: 12rem !important;
  }
  .u-sp-pb-120 {
    padding-bottom: 12rem !important;
  }
  .u-sp-pl-120 {
    padding-left: 12rem !important;
  }
  .u-sp-pr-120 {
    padding-right: 12rem !important;
  }
  .u-sp-py-120 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .u-sp-px-120 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  /* 単位: em */
  .u-sp-p-05em {
    padding: 0.5em !important;
  }
  .u-sp-pt-05em {
    padding-top: 0.5em !important;
  }
  .u-sp-pb-05em {
    padding-bottom: 0.5em !important;
  }
  .u-sp-pl-05em {
    padding-left: 0.5em !important;
  }
  .u-sp-pr-05em {
    padding-right: 0.5em !important;
  }
  .u-sp-py-05em {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  .u-sp-px-05em {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
  }
  .u-sp-p-1em {
    padding: 1em !important;
  }
  .u-sp-pt-1em {
    padding-top: 1em !important;
  }
  .u-sp-pb-1em {
    padding-bottom: 1em !important;
  }
  .u-sp-pl-1em {
    padding-left: 1em !important;
  }
  .u-sp-pr-1em {
    padding-right: 1em !important;
  }
  .u-sp-py-1em {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  .u-sp-px-1em {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  .u-sp-p-15em {
    padding: 1.5em !important;
  }
  .u-sp-pt-15em {
    padding-top: 1.5em !important;
  }
  .u-sp-pb-15em {
    padding-bottom: 1.5em !important;
  }
  .u-sp-pl-15em {
    padding-left: 1.5em !important;
  }
  .u-sp-pr-15em {
    padding-right: 1.5em !important;
  }
  .u-sp-py-15em {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  .u-sp-px-15em {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
  }
  .u-sp-p-2em {
    padding: 2em !important;
  }
  .u-sp-pt-2em {
    padding-top: 2em !important;
  }
  .u-sp-pb-2em {
    padding-bottom: 2em !important;
  }
  .u-sp-pl-2em {
    padding-left: 2em !important;
  }
  .u-sp-pr-2em {
    padding-right: 2em !important;
  }
  .u-sp-py-2em {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }
  .u-sp-px-2em {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
  .u-sp-p-25em {
    padding: 2.5em !important;
  }
  .u-sp-pt-25em {
    padding-top: 2.5em !important;
  }
  .u-sp-pb-25em {
    padding-bottom: 2.5em !important;
  }
  .u-sp-pl-25em {
    padding-left: 2.5em !important;
  }
  .u-sp-pr-25em {
    padding-right: 2.5em !important;
  }
  .u-sp-py-25em {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }
  .u-sp-px-25em {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
  .u-sp-p-3em {
    padding: 3em !important;
  }
  .u-sp-pt-3em {
    padding-top: 3em !important;
  }
  .u-sp-pb-3em {
    padding-bottom: 3em !important;
  }
  .u-sp-pl-3em {
    padding-left: 3em !important;
  }
  .u-sp-pr-3em {
    padding-right: 3em !important;
  }
  .u-sp-py-3em {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  .u-sp-px-3em {
    padding-left: 3em !important;
    padding-right: 3em !important;
  }
  .u-sp-p-35em {
    padding: 3.5em !important;
  }
  .u-sp-pt-35em {
    padding-top: 3.5em !important;
  }
  .u-sp-pb-35em {
    padding-bottom: 3.5em !important;
  }
  .u-sp-pl-35em {
    padding-left: 3.5em !important;
  }
  .u-sp-pr-35em {
    padding-right: 3.5em !important;
  }
  .u-sp-py-35em {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
  }
  .u-sp-px-35em {
    padding-left: 3.5em !important;
    padding-right: 3.5em !important;
  }
  .u-sp-p-4em {
    padding: 4em !important;
  }
  .u-sp-pt-4em {
    padding-top: 4em !important;
  }
  .u-sp-pb-4em {
    padding-bottom: 4em !important;
  }
  .u-sp-pl-4em {
    padding-left: 4em !important;
  }
  .u-sp-pr-4em {
    padding-right: 4em !important;
  }
  .u-sp-py-4em {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }
  .u-sp-px-4em {
    padding-left: 4em !important;
    padding-right: 4em !important;
  }
  .u-sp-p-45em {
    padding: 4.5em !important;
  }
  .u-sp-pt-45em {
    padding-top: 4.5em !important;
  }
  .u-sp-pb-45em {
    padding-bottom: 4.5em !important;
  }
  .u-sp-pl-45em {
    padding-left: 4.5em !important;
  }
  .u-sp-pr-45em {
    padding-right: 4.5em !important;
  }
  .u-sp-py-45em {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }
  .u-sp-px-45em {
    padding-left: 4.5em !important;
    padding-right: 4.5em !important;
  }
  .u-sp-p-5em {
    padding: 5em !important;
  }
  .u-sp-pt-5em {
    padding-top: 5em !important;
  }
  .u-sp-pb-5em {
    padding-bottom: 5em !important;
  }
  .u-sp-pl-5em {
    padding-left: 5em !important;
  }
  .u-sp-pr-5em {
    padding-right: 5em !important;
  }
  .u-sp-py-5em {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }
  .u-sp-px-5em {
    padding-left: 5em !important;
    padding-right: 5em !important;
  }
  .u-sp-p-55em {
    padding: 5.5em !important;
  }
  .u-sp-pt-55em {
    padding-top: 5.5em !important;
  }
  .u-sp-pb-55em {
    padding-bottom: 5.5em !important;
  }
  .u-sp-pl-55em {
    padding-left: 5.5em !important;
  }
  .u-sp-pr-55em {
    padding-right: 5.5em !important;
  }
  .u-sp-py-55em {
    padding-top: 5.5em !important;
    padding-bottom: 5.5em !important;
  }
  .u-sp-px-55em {
    padding-left: 5.5em !important;
    padding-right: 5.5em !important;
  }
  .u-sp-p-6em {
    padding: 6em !important;
  }
  .u-sp-pt-6em {
    padding-top: 6em !important;
  }
  .u-sp-pb-6em {
    padding-bottom: 6em !important;
  }
  .u-sp-pl-6em {
    padding-left: 6em !important;
  }
  .u-sp-pr-6em {
    padding-right: 6em !important;
  }
  .u-sp-py-6em {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }
  .u-sp-px-6em {
    padding-left: 6em !important;
    padding-right: 6em !important;
  }
  .u-sp-p-65em {
    padding: 6.5em !important;
  }
  .u-sp-pt-65em {
    padding-top: 6.5em !important;
  }
  .u-sp-pb-65em {
    padding-bottom: 6.5em !important;
  }
  .u-sp-pl-65em {
    padding-left: 6.5em !important;
  }
  .u-sp-pr-65em {
    padding-right: 6.5em !important;
  }
  .u-sp-py-65em {
    padding-top: 6.5em !important;
    padding-bottom: 6.5em !important;
  }
  .u-sp-px-65em {
    padding-left: 6.5em !important;
    padding-right: 6.5em !important;
  }
  .u-sp-p-7em {
    padding: 7em !important;
  }
  .u-sp-pt-7em {
    padding-top: 7em !important;
  }
  .u-sp-pb-7em {
    padding-bottom: 7em !important;
  }
  .u-sp-pl-7em {
    padding-left: 7em !important;
  }
  .u-sp-pr-7em {
    padding-right: 7em !important;
  }
  .u-sp-py-7em {
    padding-top: 7em !important;
    padding-bottom: 7em !important;
  }
  .u-sp-px-7em {
    padding-left: 7em !important;
    padding-right: 7em !important;
  }
  .u-sp-p-75em {
    padding: 7.5em !important;
  }
  .u-sp-pt-75em {
    padding-top: 7.5em !important;
  }
  .u-sp-pb-75em {
    padding-bottom: 7.5em !important;
  }
  .u-sp-pl-75em {
    padding-left: 7.5em !important;
  }
  .u-sp-pr-75em {
    padding-right: 7.5em !important;
  }
  .u-sp-py-75em {
    padding-top: 7.5em !important;
    padding-bottom: 7.5em !important;
  }
  .u-sp-px-75em {
    padding-left: 7.5em !important;
    padding-right: 7.5em !important;
  }
  .u-sp-p-8em {
    padding: 8em !important;
  }
  .u-sp-pt-8em {
    padding-top: 8em !important;
  }
  .u-sp-pb-8em {
    padding-bottom: 8em !important;
  }
  .u-sp-pl-8em {
    padding-left: 8em !important;
  }
  .u-sp-pr-8em {
    padding-right: 8em !important;
  }
  .u-sp-py-8em {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
  }
  .u-sp-px-8em {
    padding-left: 8em !important;
    padding-right: 8em !important;
  }
  .u-sp-p-85em {
    padding: 8.5em !important;
  }
  .u-sp-pt-85em {
    padding-top: 8.5em !important;
  }
  .u-sp-pb-85em {
    padding-bottom: 8.5em !important;
  }
  .u-sp-pl-85em {
    padding-left: 8.5em !important;
  }
  .u-sp-pr-85em {
    padding-right: 8.5em !important;
  }
  .u-sp-py-85em {
    padding-top: 8.5em !important;
    padding-bottom: 8.5em !important;
  }
  .u-sp-px-85em {
    padding-left: 8.5em !important;
    padding-right: 8.5em !important;
  }
  .u-sp-p-9em {
    padding: 9em !important;
  }
  .u-sp-pt-9em {
    padding-top: 9em !important;
  }
  .u-sp-pb-9em {
    padding-bottom: 9em !important;
  }
  .u-sp-pl-9em {
    padding-left: 9em !important;
  }
  .u-sp-pr-9em {
    padding-right: 9em !important;
  }
  .u-sp-py-9em {
    padding-top: 9em !important;
    padding-bottom: 9em !important;
  }
  .u-sp-px-9em {
    padding-left: 9em !important;
    padding-right: 9em !important;
  }
  .u-sp-p-95em {
    padding: 9.5em !important;
  }
  .u-sp-pt-95em {
    padding-top: 9.5em !important;
  }
  .u-sp-pb-95em {
    padding-bottom: 9.5em !important;
  }
  .u-sp-pl-95em {
    padding-left: 9.5em !important;
  }
  .u-sp-pr-95em {
    padding-right: 9.5em !important;
  }
  .u-sp-py-95em {
    padding-top: 9.5em !important;
    padding-bottom: 9.5em !important;
  }
  .u-sp-px-95em {
    padding-left: 9.5em !important;
    padding-right: 9.5em !important;
  }
  .u-sp-p-10em {
    padding: 10em !important;
  }
  .u-sp-pt-10em {
    padding-top: 10em !important;
  }
  .u-sp-pb-10em {
    padding-bottom: 10em !important;
  }
  .u-sp-pl-10em {
    padding-left: 10em !important;
  }
  .u-sp-pr-10em {
    padding-right: 10em !important;
  }
  .u-sp-py-10em {
    padding-top: 10em !important;
    padding-bottom: 10em !important;
  }
  .u-sp-px-10em {
    padding-left: 10em !important;
    padding-right: 10em !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 文字関連
----------------------------------------------------------------------------------- */
/* 行揃え */
.u-txt-left {
  text-align: left !important;
}

.u-txt-right {
  text-align: right !important;
}

.u-txt-center {
  text-align: center !important;
}

.u-txt-justify {
  text-align: justify !important;
}

/* スタイル */
.u-txt-bold {
  font-weight: bold !important;
}

.u-txt-no-bold {
  font-weight: normal !important;
}

.u-txt-sans-serif {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Verdana, sans-serif;
}

.u-txt-serif {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.u-txt-mono {
  font-family: monospace;
}

.u-txt-break-all {
  word-break: break-all;
}

.u-txt-wrap {
  white-space: wrap;
}

.u-txt-nowrap {
  white-space: nowrap;
}

.u-txt-palt {
  /* 文字を詰める */
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.u-txt-no-palt {
  /* 文字を詰めない */
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}

@media print, screen and (mxx-width: 480px) {
  /* 行揃え */
  .u-sp-txt-left {
    text-align: left !important;
  }
  .u-sp-txt-right {
    text-align: right !important;
  }
  .u-sp-txt-center {
    text-align: center !important;
  }
  .u-sp-txt-justify {
    text-align: justify !important;
  }
  /* スタイル */
  .u-sp-txt-bold {
    font-weight: bold;
  }
  .u-sp-txt-no-bold {
    font-weight: normal;
  }
  .u-sp-txt-sans-serif {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Verdana, sans-serif;
  }
  .u-sp-txt-serif {
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }
  .u-sp-txt-mono {
    font-family: monospace;
  }
  .u-sp-txt-break-all {
    word-break: break-all;
  }
  .u-sp-txt-wrap {
    white-space: wrap;
  }
  .u-sp-txt-nowrap {
    white-space: nowrap;
  }
  .u-sp-txt-palt {
    /* 文字を詰める */
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .u-sp-txt-no-palt {
    /* 文字を詰めない */
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 最大幅（max-width）
   --------------------------------------------------------------------------------
     - 単位 px → u-w-max-5,   u-w-max-10  ... u-w-max-100, u-w-max-110, u-w-max-120, ..., u-w-max-1000
     - 100pxまでは5px刻み、以降は10px刻み
       ※実際の指定では px ではなく rem が使われている（10px = 1rem）
     - 単位 em → u-w-max-1em, u-w-max-2em ... u-w-max-10em
     - 単位 %  → u-w-max-1p,  u-w-max-2p  ... u-w-max-100p
     - 単位 vw → u-w-max-5v,  u-w-max-10v ... u-w-max-100v
     - u- の後ろに tab- を付加するとスマホ用のクラスになる
----------------------------------------------------------------------------------- */
/* 単位：em */
.u-w-max-1em {
  max-width: 1em !important;
}

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

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

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

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

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

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

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

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

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

/* 単位：px（rem） */
.u-w-max-0 {
  max-width: 0rem !important;
}

.u-w-max-1 {
  max-width: 0.1rem !important;
}

.u-w-max-2 {
  max-width: 0.2rem !important;
}

.u-w-max-3 {
  max-width: 0.3rem !important;
}

.u-w-max-4 {
  max-width: 0.4rem !important;
}

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

.u-w-max-6 {
  max-width: 0.6rem !important;
}

.u-w-max-7 {
  max-width: 0.7rem !important;
}

.u-w-max-8 {
  max-width: 0.8rem !important;
}

.u-w-max-9 {
  max-width: 0.9rem !important;
}

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

.u-w-max-11 {
  max-width: 1.1rem !important;
}

.u-w-max-12 {
  max-width: 1.2rem !important;
}

.u-w-max-13 {
  max-width: 1.3rem !important;
}

.u-w-max-14 {
  max-width: 1.4rem !important;
}

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

.u-w-max-16 {
  max-width: 1.6rem !important;
}

.u-w-max-17 {
  max-width: 1.7rem !important;
}

.u-w-max-18 {
  max-width: 1.8rem !important;
}

.u-w-max-19 {
  max-width: 1.9rem !important;
}

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

.u-w-max-21 {
  max-width: 2.1rem !important;
}

.u-w-max-22 {
  max-width: 2.2rem !important;
}

.u-w-max-23 {
  max-width: 2.3rem !important;
}

.u-w-max-24 {
  max-width: 2.4rem !important;
}

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

.u-w-max-26 {
  max-width: 2.6rem !important;
}

.u-w-max-27 {
  max-width: 2.7rem !important;
}

.u-w-max-28 {
  max-width: 2.8rem !important;
}

.u-w-max-29 {
  max-width: 2.9rem !important;
}

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

.u-w-max-31 {
  max-width: 3.1rem !important;
}

.u-w-max-32 {
  max-width: 3.2rem !important;
}

.u-w-max-33 {
  max-width: 3.3rem !important;
}

.u-w-max-34 {
  max-width: 3.4rem !important;
}

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

.u-w-max-36 {
  max-width: 3.6rem !important;
}

.u-w-max-37 {
  max-width: 3.7rem !important;
}

.u-w-max-38 {
  max-width: 3.8rem !important;
}

.u-w-max-39 {
  max-width: 3.9rem !important;
}

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

.u-w-max-41 {
  max-width: 4.1rem !important;
}

.u-w-max-42 {
  max-width: 4.2rem !important;
}

.u-w-max-43 {
  max-width: 4.3rem !important;
}

.u-w-max-44 {
  max-width: 4.4rem !important;
}

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

.u-w-max-46 {
  max-width: 4.6rem !important;
}

.u-w-max-47 {
  max-width: 4.7rem !important;
}

.u-w-max-48 {
  max-width: 4.8rem !important;
}

.u-w-max-49 {
  max-width: 4.9rem !important;
}

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

.u-w-max-51 {
  max-width: 5.1rem !important;
}

.u-w-max-52 {
  max-width: 5.2rem !important;
}

.u-w-max-53 {
  max-width: 5.3rem !important;
}

.u-w-max-54 {
  max-width: 5.4rem !important;
}

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

.u-w-max-56 {
  max-width: 5.6rem !important;
}

.u-w-max-57 {
  max-width: 5.7rem !important;
}

.u-w-max-58 {
  max-width: 5.8rem !important;
}

.u-w-max-59 {
  max-width: 5.9rem !important;
}

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

.u-w-max-61 {
  max-width: 6.1rem !important;
}

.u-w-max-62 {
  max-width: 6.2rem !important;
}

.u-w-max-63 {
  max-width: 6.3rem !important;
}

.u-w-max-64 {
  max-width: 6.4rem !important;
}

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

.u-w-max-66 {
  max-width: 6.6rem !important;
}

.u-w-max-67 {
  max-width: 6.7rem !important;
}

.u-w-max-68 {
  max-width: 6.8rem !important;
}

.u-w-max-69 {
  max-width: 6.9rem !important;
}

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

.u-w-max-71 {
  max-width: 7.1rem !important;
}

.u-w-max-72 {
  max-width: 7.2rem !important;
}

.u-w-max-73 {
  max-width: 7.3rem !important;
}

.u-w-max-74 {
  max-width: 7.4rem !important;
}

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

.u-w-max-76 {
  max-width: 7.6rem !important;
}

.u-w-max-77 {
  max-width: 7.7rem !important;
}

.u-w-max-78 {
  max-width: 7.8rem !important;
}

.u-w-max-79 {
  max-width: 7.9rem !important;
}

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

.u-w-max-81 {
  max-width: 8.1rem !important;
}

.u-w-max-82 {
  max-width: 8.2rem !important;
}

.u-w-max-83 {
  max-width: 8.3rem !important;
}

.u-w-max-84 {
  max-width: 8.4rem !important;
}

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

.u-w-max-86 {
  max-width: 8.6rem !important;
}

.u-w-max-87 {
  max-width: 8.7rem !important;
}

.u-w-max-88 {
  max-width: 8.8rem !important;
}

.u-w-max-89 {
  max-width: 8.9rem !important;
}

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

.u-w-max-91 {
  max-width: 9.1rem !important;
}

.u-w-max-92 {
  max-width: 9.2rem !important;
}

.u-w-max-93 {
  max-width: 9.3rem !important;
}

.u-w-max-94 {
  max-width: 9.4rem !important;
}

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

.u-w-max-96 {
  max-width: 9.6rem !important;
}

.u-w-max-97 {
  max-width: 9.7rem !important;
}

.u-w-max-98 {
  max-width: 9.8rem !important;
}

.u-w-max-99 {
  max-width: 9.9rem !important;
}

/* 単位：100px以上は10px刻み */
.u-w-max-100 {
  max-width: 10rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 単位：パーセント、vw */
.u-w-max-1p {
  max-width: 1% !important;
}

.u-w-max-1v {
  max-width: 1vw !important;
}

.u-w-max-2p {
  max-width: 2% !important;
}

.u-w-max-2v {
  max-width: 2vw !important;
}

.u-w-max-3p {
  max-width: 3% !important;
}

.u-w-max-3v {
  max-width: 3vw !important;
}

.u-w-max-4p {
  max-width: 4% !important;
}

.u-w-max-4v {
  max-width: 4vw !important;
}

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

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

.u-w-max-6p {
  max-width: 6% !important;
}

.u-w-max-6v {
  max-width: 6vw !important;
}

.u-w-max-7p {
  max-width: 7% !important;
}

.u-w-max-7v {
  max-width: 7vw !important;
}

.u-w-max-8p {
  max-width: 8% !important;
}

.u-w-max-8v {
  max-width: 8vw !important;
}

.u-w-max-9p {
  max-width: 9% !important;
}

.u-w-max-9v {
  max-width: 9vw !important;
}

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

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

.u-w-max-11p {
  max-width: 11% !important;
}

.u-w-max-11v {
  max-width: 11vw !important;
}

.u-w-max-12p {
  max-width: 12% !important;
}

.u-w-max-12v {
  max-width: 12vw !important;
}

.u-w-max-13p {
  max-width: 13% !important;
}

.u-w-max-13v {
  max-width: 13vw !important;
}

.u-w-max-14p {
  max-width: 14% !important;
}

.u-w-max-14v {
  max-width: 14vw !important;
}

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

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

.u-w-max-16p {
  max-width: 16% !important;
}

.u-w-max-16v {
  max-width: 16vw !important;
}

.u-w-max-17p {
  max-width: 17% !important;
}

.u-w-max-17v {
  max-width: 17vw !important;
}

.u-w-max-18p {
  max-width: 18% !important;
}

.u-w-max-18v {
  max-width: 18vw !important;
}

.u-w-max-19p {
  max-width: 19% !important;
}

.u-w-max-19v {
  max-width: 19vw !important;
}

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

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

.u-w-max-21p {
  max-width: 21% !important;
}

.u-w-max-21v {
  max-width: 21vw !important;
}

.u-w-max-22p {
  max-width: 22% !important;
}

.u-w-max-22v {
  max-width: 22vw !important;
}

.u-w-max-23p {
  max-width: 23% !important;
}

.u-w-max-23v {
  max-width: 23vw !important;
}

.u-w-max-24p {
  max-width: 24% !important;
}

.u-w-max-24v {
  max-width: 24vw !important;
}

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

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

.u-w-max-26p {
  max-width: 26% !important;
}

.u-w-max-26v {
  max-width: 26vw !important;
}

.u-w-max-27p {
  max-width: 27% !important;
}

.u-w-max-27v {
  max-width: 27vw !important;
}

.u-w-max-28p {
  max-width: 28% !important;
}

.u-w-max-28v {
  max-width: 28vw !important;
}

.u-w-max-29p {
  max-width: 29% !important;
}

.u-w-max-29v {
  max-width: 29vw !important;
}

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

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

.u-w-max-31p {
  max-width: 31% !important;
}

.u-w-max-31v {
  max-width: 31vw !important;
}

.u-w-max-32p {
  max-width: 32% !important;
}

.u-w-max-32v {
  max-width: 32vw !important;
}

.u-w-max-33p {
  max-width: 33% !important;
}

.u-w-max-33v {
  max-width: 33vw !important;
}

.u-w-max-34p {
  max-width: 34% !important;
}

.u-w-max-34v {
  max-width: 34vw !important;
}

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

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

.u-w-max-36p {
  max-width: 36% !important;
}

.u-w-max-36v {
  max-width: 36vw !important;
}

.u-w-max-37p {
  max-width: 37% !important;
}

.u-w-max-37v {
  max-width: 37vw !important;
}

.u-w-max-38p {
  max-width: 38% !important;
}

.u-w-max-38v {
  max-width: 38vw !important;
}

.u-w-max-39p {
  max-width: 39% !important;
}

.u-w-max-39v {
  max-width: 39vw !important;
}

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

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

.u-w-max-41p {
  max-width: 41% !important;
}

.u-w-max-41v {
  max-width: 41vw !important;
}

.u-w-max-42p {
  max-width: 42% !important;
}

.u-w-max-42v {
  max-width: 42vw !important;
}

.u-w-max-43p {
  max-width: 43% !important;
}

.u-w-max-43v {
  max-width: 43vw !important;
}

.u-w-max-44p {
  max-width: 44% !important;
}

.u-w-max-44v {
  max-width: 44vw !important;
}

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

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

.u-w-max-46p {
  max-width: 46% !important;
}

.u-w-max-46v {
  max-width: 46vw !important;
}

.u-w-max-47p {
  max-width: 47% !important;
}

.u-w-max-47v {
  max-width: 47vw !important;
}

.u-w-max-48p {
  max-width: 48% !important;
}

.u-w-max-48v {
  max-width: 48vw !important;
}

.u-w-max-49p {
  max-width: 49% !important;
}

.u-w-max-49v {
  max-width: 49vw !important;
}

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

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

.u-w-max-51p {
  max-width: 51% !important;
}

.u-w-max-51v {
  max-width: 51vw !important;
}

.u-w-max-52p {
  max-width: 52% !important;
}

.u-w-max-52v {
  max-width: 52vw !important;
}

.u-w-max-53p {
  max-width: 53% !important;
}

.u-w-max-53v {
  max-width: 53vw !important;
}

.u-w-max-54p {
  max-width: 54% !important;
}

.u-w-max-54v {
  max-width: 54vw !important;
}

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

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

.u-w-max-56p {
  max-width: 56% !important;
}

.u-w-max-56v {
  max-width: 56vw !important;
}

.u-w-max-57p {
  max-width: 57% !important;
}

.u-w-max-57v {
  max-width: 57vw !important;
}

.u-w-max-58p {
  max-width: 58% !important;
}

.u-w-max-58v {
  max-width: 58vw !important;
}

.u-w-max-59p {
  max-width: 59% !important;
}

.u-w-max-59v {
  max-width: 59vw !important;
}

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

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

.u-w-max-61p {
  max-width: 61% !important;
}

.u-w-max-61v {
  max-width: 61vw !important;
}

.u-w-max-62p {
  max-width: 62% !important;
}

.u-w-max-62v {
  max-width: 62vw !important;
}

.u-w-max-63p {
  max-width: 63% !important;
}

.u-w-max-63v {
  max-width: 63vw !important;
}

.u-w-max-64p {
  max-width: 64% !important;
}

.u-w-max-64v {
  max-width: 64vw !important;
}

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

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

.u-w-max-66p {
  max-width: 66% !important;
}

.u-w-max-66v {
  max-width: 66vw !important;
}

.u-w-max-67p {
  max-width: 67% !important;
}

.u-w-max-67v {
  max-width: 67vw !important;
}

.u-w-max-68p {
  max-width: 68% !important;
}

.u-w-max-68v {
  max-width: 68vw !important;
}

.u-w-max-69p {
  max-width: 69% !important;
}

.u-w-max-69v {
  max-width: 69vw !important;
}

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

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

.u-w-max-71p {
  max-width: 71% !important;
}

.u-w-max-71v {
  max-width: 71vw !important;
}

.u-w-max-72p {
  max-width: 72% !important;
}

.u-w-max-72v {
  max-width: 72vw !important;
}

.u-w-max-73p {
  max-width: 73% !important;
}

.u-w-max-73v {
  max-width: 73vw !important;
}

.u-w-max-74p {
  max-width: 74% !important;
}

.u-w-max-74v {
  max-width: 74vw !important;
}

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

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

.u-w-max-76p {
  max-width: 76% !important;
}

.u-w-max-76v {
  max-width: 76vw !important;
}

.u-w-max-77p {
  max-width: 77% !important;
}

.u-w-max-77v {
  max-width: 77vw !important;
}

.u-w-max-78p {
  max-width: 78% !important;
}

.u-w-max-78v {
  max-width: 78vw !important;
}

.u-w-max-79p {
  max-width: 79% !important;
}

.u-w-max-79v {
  max-width: 79vw !important;
}

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

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

.u-w-max-81p {
  max-width: 81% !important;
}

.u-w-max-81v {
  max-width: 81vw !important;
}

.u-w-max-82p {
  max-width: 82% !important;
}

.u-w-max-82v {
  max-width: 82vw !important;
}

.u-w-max-83p {
  max-width: 83% !important;
}

.u-w-max-83v {
  max-width: 83vw !important;
}

.u-w-max-84p {
  max-width: 84% !important;
}

.u-w-max-84v {
  max-width: 84vw !important;
}

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

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

.u-w-max-86p {
  max-width: 86% !important;
}

.u-w-max-86v {
  max-width: 86vw !important;
}

.u-w-max-87p {
  max-width: 87% !important;
}

.u-w-max-87v {
  max-width: 87vw !important;
}

.u-w-max-88p {
  max-width: 88% !important;
}

.u-w-max-88v {
  max-width: 88vw !important;
}

.u-w-max-89p {
  max-width: 89% !important;
}

.u-w-max-89v {
  max-width: 89vw !important;
}

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

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

.u-w-max-91p {
  max-width: 91% !important;
}

.u-w-max-91v {
  max-width: 91vw !important;
}

.u-w-max-92p {
  max-width: 92% !important;
}

.u-w-max-92v {
  max-width: 92vw !important;
}

.u-w-max-93p {
  max-width: 93% !important;
}

.u-w-max-93v {
  max-width: 93vw !important;
}

.u-w-max-94p {
  max-width: 94% !important;
}

.u-w-max-94v {
  max-width: 94vw !important;
}

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

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

.u-w-max-96p {
  max-width: 96% !important;
}

.u-w-max-96v {
  max-width: 96vw !important;
}

.u-w-max-97p {
  max-width: 97% !important;
}

.u-w-max-97v {
  max-width: 97vw !important;
}

.u-w-max-98p {
  max-width: 98% !important;
}

.u-w-max-98v {
  max-width: 98vw !important;
}

.u-w-max-99p {
  max-width: 99% !important;
}

.u-w-max-99v {
  max-width: 99vw !important;
}

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

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

/* TAB版：プリフィクス tab- を付加 */
@media print, screen and (mxx-width: 768px) {
  /* 単位：em */
  .u-tab-w-max-1em {
    max-width: 1em !important;
  }
  .u-tab-w-max-2em {
    max-width: 2em !important;
  }
  .u-tab-w-max-3em {
    max-width: 3em !important;
  }
  .u-tab-w-max-4em {
    max-width: 4em !important;
  }
  .u-tab-w-max-5em {
    max-width: 5em !important;
  }
  .u-tab-w-max-6em {
    max-width: 6em !important;
  }
  .u-tab-w-max-7em {
    max-width: 7em !important;
  }
  .u-tab-w-max-8em {
    max-width: 8em !important;
  }
  .u-tab-w-max-9em {
    max-width: 9em !important;
  }
  .u-tab-w-max-10em {
    max-width: 10em !important;
  }
  /* 単位：px（rem） */
  .u-tab-w-max-5 {
    max-width: 0.5rem !important;
  }
  .u-tab-w-max-10 {
    max-width: 1rem !important;
  }
  .u-tab-w-max-15 {
    max-width: 1.5rem !important;
  }
  .u-tab-w-max-20 {
    max-width: 2rem !important;
  }
  .u-tab-w-max-25 {
    max-width: 2.5rem !important;
  }
  .u-tab-w-max-30 {
    max-width: 3rem !important;
  }
  .u-tab-w-max-35 {
    max-width: 3.5rem !important;
  }
  .u-tab-w-max-40 {
    max-width: 4rem !important;
  }
  .u-tab-w-max-45 {
    max-width: 4.5rem !important;
  }
  .u-tab-w-max-50 {
    max-width: 5rem !important;
  }
  .u-tab-w-max-55 {
    max-width: 5.5rem !important;
  }
  .u-tab-w-max-60 {
    max-width: 6rem !important;
  }
  .u-tab-w-max-65 {
    max-width: 6.5rem !important;
  }
  .u-tab-w-max-70 {
    max-width: 7rem !important;
  }
  .u-tab-w-max-75 {
    max-width: 7.5rem !important;
  }
  .u-tab-w-max-80 {
    max-width: 8rem !important;
  }
  .u-tab-w-max-85 {
    max-width: 8.5rem !important;
  }
  .u-tab-w-max-90 {
    max-width: 9rem !important;
  }
  .u-tab-w-max-95 {
    max-width: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-tab-w-max-100 {
    max-width: 10rem !important;
  }
  .u-tab-w-max-110 {
    max-width: 11rem !important;
  }
  .u-tab-w-max-120 {
    max-width: 12rem !important;
  }
  .u-tab-w-max-130 {
    max-width: 13rem !important;
  }
  .u-tab-w-max-140 {
    max-width: 14rem !important;
  }
  .u-tab-w-max-150 {
    max-width: 15rem !important;
  }
  .u-tab-w-max-160 {
    max-width: 16rem !important;
  }
  .u-tab-w-max-170 {
    max-width: 17rem !important;
  }
  .u-tab-w-max-180 {
    max-width: 18rem !important;
  }
  .u-tab-w-max-190 {
    max-width: 19rem !important;
  }
  .u-tab-w-max-200 {
    max-width: 20rem !important;
  }
  .u-tab-w-max-210 {
    max-width: 21rem !important;
  }
  .u-tab-w-max-220 {
    max-width: 22rem !important;
  }
  .u-tab-w-max-230 {
    max-width: 23rem !important;
  }
  .u-tab-w-max-240 {
    max-width: 24rem !important;
  }
  .u-tab-w-max-250 {
    max-width: 25rem !important;
  }
  .u-tab-w-max-260 {
    max-width: 26rem !important;
  }
  .u-tab-w-max-270 {
    max-width: 27rem !important;
  }
  .u-tab-w-max-280 {
    max-width: 28rem !important;
  }
  .u-tab-w-max-290 {
    max-width: 29rem !important;
  }
  .u-tab-w-max-300 {
    max-width: 30rem !important;
  }
  .u-tab-w-max-310 {
    max-width: 31rem !important;
  }
  .u-tab-w-max-320 {
    max-width: 32rem !important;
  }
  .u-tab-w-max-330 {
    max-width: 33rem !important;
  }
  .u-tab-w-max-340 {
    max-width: 34rem !important;
  }
  .u-tab-w-max-350 {
    max-width: 35rem !important;
  }
  .u-tab-w-max-360 {
    max-width: 36rem !important;
  }
  .u-tab-w-max-370 {
    max-width: 37rem !important;
  }
  .u-tab-w-max-380 {
    max-width: 38rem !important;
  }
  .u-tab-w-max-390 {
    max-width: 39rem !important;
  }
  .u-tab-w-max-400 {
    max-width: 40rem !important;
  }
  .u-tab-w-max-410 {
    max-width: 41rem !important;
  }
  .u-tab-w-max-420 {
    max-width: 42rem !important;
  }
  .u-tab-w-max-430 {
    max-width: 43rem !important;
  }
  .u-tab-w-max-440 {
    max-width: 44rem !important;
  }
  .u-tab-w-max-450 {
    max-width: 45rem !important;
  }
  .u-tab-w-max-460 {
    max-width: 46rem !important;
  }
  .u-tab-w-max-470 {
    max-width: 47rem !important;
  }
  .u-tab-w-max-480 {
    max-width: 48rem !important;
  }
  .u-tab-w-max-490 {
    max-width: 49rem !important;
  }
  .u-tab-w-max-500 {
    max-width: 50rem !important;
  }
  .u-tab-w-max-510 {
    max-width: 51rem !important;
  }
  .u-tab-w-max-520 {
    max-width: 52rem !important;
  }
  .u-tab-w-max-530 {
    max-width: 53rem !important;
  }
  .u-tab-w-max-540 {
    max-width: 54rem !important;
  }
  .u-tab-w-max-550 {
    max-width: 55rem !important;
  }
  .u-tab-w-max-560 {
    max-width: 56rem !important;
  }
  .u-tab-w-max-570 {
    max-width: 57rem !important;
  }
  .u-tab-w-max-580 {
    max-width: 58rem !important;
  }
  .u-tab-w-max-590 {
    max-width: 59rem !important;
  }
  .u-tab-w-max-600 {
    max-width: 60rem !important;
  }
  .u-tab-w-max-610 {
    max-width: 61rem !important;
  }
  .u-tab-w-max-620 {
    max-width: 62rem !important;
  }
  .u-tab-w-max-630 {
    max-width: 63rem !important;
  }
  .u-tab-w-max-640 {
    max-width: 64rem !important;
  }
  .u-tab-w-max-650 {
    max-width: 65rem !important;
  }
  .u-tab-w-max-660 {
    max-width: 66rem !important;
  }
  .u-tab-w-max-670 {
    max-width: 67rem !important;
  }
  .u-tab-w-max-680 {
    max-width: 68rem !important;
  }
  .u-tab-w-max-690 {
    max-width: 69rem !important;
  }
  .u-tab-w-max-700 {
    max-width: 70rem !important;
  }
  .u-tab-w-max-710 {
    max-width: 71rem !important;
  }
  .u-tab-w-max-720 {
    max-width: 72rem !important;
  }
  .u-tab-w-max-730 {
    max-width: 73rem !important;
  }
  .u-tab-w-max-740 {
    max-width: 74rem !important;
  }
  .u-tab-w-max-750 {
    max-width: 75rem !important;
  }
  .u-tab-w-max-760 {
    max-width: 76rem !important;
  }
  .u-tab-w-max-770 {
    max-width: 77rem !important;
  }
  .u-tab-w-max-780 {
    max-width: 78rem !important;
  }
  .u-tab-w-max-790 {
    max-width: 79rem !important;
  }
  .u-tab-w-max-800 {
    max-width: 80rem !important;
  }
  .u-tab-w-max-810 {
    max-width: 81rem !important;
  }
  .u-tab-w-max-820 {
    max-width: 82rem !important;
  }
  .u-tab-w-max-830 {
    max-width: 83rem !important;
  }
  .u-tab-w-max-840 {
    max-width: 84rem !important;
  }
  .u-tab-w-max-850 {
    max-width: 85rem !important;
  }
  .u-tab-w-max-860 {
    max-width: 86rem !important;
  }
  .u-tab-w-max-870 {
    max-width: 87rem !important;
  }
  .u-tab-w-max-880 {
    max-width: 88rem !important;
  }
  .u-tab-w-max-890 {
    max-width: 89rem !important;
  }
  .u-tab-w-max-900 {
    max-width: 90rem !important;
  }
  .u-tab-w-max-910 {
    max-width: 91rem !important;
  }
  .u-tab-w-max-920 {
    max-width: 92rem !important;
  }
  .u-tab-w-max-930 {
    max-width: 93rem !important;
  }
  .u-tab-w-max-940 {
    max-width: 94rem !important;
  }
  .u-tab-w-max-950 {
    max-width: 95rem !important;
  }
  .u-tab-w-max-960 {
    max-width: 96rem !important;
  }
  .u-tab-w-max-970 {
    max-width: 97rem !important;
  }
  .u-tab-w-max-980 {
    max-width: 98rem !important;
  }
  .u-tab-w-max-990 {
    max-width: 99rem !important;
  }
  .u-tab-w-max-1000 {
    max-width: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-tab-w-max-1p {
    max-width: 1% !important;
  }
  .u-tab-w-max-1v {
    max-width: 1vw !important;
  }
  .u-tab-w-max-2p {
    max-width: 2% !important;
  }
  .u-tab-w-max-2v {
    max-width: 2vw !important;
  }
  .u-tab-w-max-3p {
    max-width: 3% !important;
  }
  .u-tab-w-max-3v {
    max-width: 3vw !important;
  }
  .u-tab-w-max-4p {
    max-width: 4% !important;
  }
  .u-tab-w-max-4v {
    max-width: 4vw !important;
  }
  .u-tab-w-max-5p {
    max-width: 5% !important;
  }
  .u-tab-w-max-5v {
    max-width: 5vw !important;
  }
  .u-tab-w-max-6p {
    max-width: 6% !important;
  }
  .u-tab-w-max-6v {
    max-width: 6vw !important;
  }
  .u-tab-w-max-7p {
    max-width: 7% !important;
  }
  .u-tab-w-max-7v {
    max-width: 7vw !important;
  }
  .u-tab-w-max-8p {
    max-width: 8% !important;
  }
  .u-tab-w-max-8v {
    max-width: 8vw !important;
  }
  .u-tab-w-max-9p {
    max-width: 9% !important;
  }
  .u-tab-w-max-9v {
    max-width: 9vw !important;
  }
  .u-tab-w-max-10p {
    max-width: 10% !important;
  }
  .u-tab-w-max-10v {
    max-width: 10vw !important;
  }
  .u-tab-w-max-11p {
    max-width: 11% !important;
  }
  .u-tab-w-max-11v {
    max-width: 11vw !important;
  }
  .u-tab-w-max-12p {
    max-width: 12% !important;
  }
  .u-tab-w-max-12v {
    max-width: 12vw !important;
  }
  .u-tab-w-max-13p {
    max-width: 13% !important;
  }
  .u-tab-w-max-13v {
    max-width: 13vw !important;
  }
  .u-tab-w-max-14p {
    max-width: 14% !important;
  }
  .u-tab-w-max-14v {
    max-width: 14vw !important;
  }
  .u-tab-w-max-15p {
    max-width: 15% !important;
  }
  .u-tab-w-max-15v {
    max-width: 15vw !important;
  }
  .u-tab-w-max-16p {
    max-width: 16% !important;
  }
  .u-tab-w-max-16v {
    max-width: 16vw !important;
  }
  .u-tab-w-max-17p {
    max-width: 17% !important;
  }
  .u-tab-w-max-17v {
    max-width: 17vw !important;
  }
  .u-tab-w-max-18p {
    max-width: 18% !important;
  }
  .u-tab-w-max-18v {
    max-width: 18vw !important;
  }
  .u-tab-w-max-19p {
    max-width: 19% !important;
  }
  .u-tab-w-max-19v {
    max-width: 19vw !important;
  }
  .u-tab-w-max-20p {
    max-width: 20% !important;
  }
  .u-tab-w-max-20v {
    max-width: 20vw !important;
  }
  .u-tab-w-max-21p {
    max-width: 21% !important;
  }
  .u-tab-w-max-21v {
    max-width: 21vw !important;
  }
  .u-tab-w-max-22p {
    max-width: 22% !important;
  }
  .u-tab-w-max-22v {
    max-width: 22vw !important;
  }
  .u-tab-w-max-23p {
    max-width: 23% !important;
  }
  .u-tab-w-max-23v {
    max-width: 23vw !important;
  }
  .u-tab-w-max-24p {
    max-width: 24% !important;
  }
  .u-tab-w-max-24v {
    max-width: 24vw !important;
  }
  .u-tab-w-max-25p {
    max-width: 25% !important;
  }
  .u-tab-w-max-25v {
    max-width: 25vw !important;
  }
  .u-tab-w-max-26p {
    max-width: 26% !important;
  }
  .u-tab-w-max-26v {
    max-width: 26vw !important;
  }
  .u-tab-w-max-27p {
    max-width: 27% !important;
  }
  .u-tab-w-max-27v {
    max-width: 27vw !important;
  }
  .u-tab-w-max-28p {
    max-width: 28% !important;
  }
  .u-tab-w-max-28v {
    max-width: 28vw !important;
  }
  .u-tab-w-max-29p {
    max-width: 29% !important;
  }
  .u-tab-w-max-29v {
    max-width: 29vw !important;
  }
  .u-tab-w-max-30p {
    max-width: 30% !important;
  }
  .u-tab-w-max-30v {
    max-width: 30vw !important;
  }
  .u-tab-w-max-31p {
    max-width: 31% !important;
  }
  .u-tab-w-max-31v {
    max-width: 31vw !important;
  }
  .u-tab-w-max-32p {
    max-width: 32% !important;
  }
  .u-tab-w-max-32v {
    max-width: 32vw !important;
  }
  .u-tab-w-max-33p {
    max-width: 33% !important;
  }
  .u-tab-w-max-33v {
    max-width: 33vw !important;
  }
  .u-tab-w-max-34p {
    max-width: 34% !important;
  }
  .u-tab-w-max-34v {
    max-width: 34vw !important;
  }
  .u-tab-w-max-35p {
    max-width: 35% !important;
  }
  .u-tab-w-max-35v {
    max-width: 35vw !important;
  }
  .u-tab-w-max-36p {
    max-width: 36% !important;
  }
  .u-tab-w-max-36v {
    max-width: 36vw !important;
  }
  .u-tab-w-max-37p {
    max-width: 37% !important;
  }
  .u-tab-w-max-37v {
    max-width: 37vw !important;
  }
  .u-tab-w-max-38p {
    max-width: 38% !important;
  }
  .u-tab-w-max-38v {
    max-width: 38vw !important;
  }
  .u-tab-w-max-39p {
    max-width: 39% !important;
  }
  .u-tab-w-max-39v {
    max-width: 39vw !important;
  }
  .u-tab-w-max-40p {
    max-width: 40% !important;
  }
  .u-tab-w-max-40v {
    max-width: 40vw !important;
  }
  .u-tab-w-max-41p {
    max-width: 41% !important;
  }
  .u-tab-w-max-41v {
    max-width: 41vw !important;
  }
  .u-tab-w-max-42p {
    max-width: 42% !important;
  }
  .u-tab-w-max-42v {
    max-width: 42vw !important;
  }
  .u-tab-w-max-43p {
    max-width: 43% !important;
  }
  .u-tab-w-max-43v {
    max-width: 43vw !important;
  }
  .u-tab-w-max-44p {
    max-width: 44% !important;
  }
  .u-tab-w-max-44v {
    max-width: 44vw !important;
  }
  .u-tab-w-max-45p {
    max-width: 45% !important;
  }
  .u-tab-w-max-45v {
    max-width: 45vw !important;
  }
  .u-tab-w-max-46p {
    max-width: 46% !important;
  }
  .u-tab-w-max-46v {
    max-width: 46vw !important;
  }
  .u-tab-w-max-47p {
    max-width: 47% !important;
  }
  .u-tab-w-max-47v {
    max-width: 47vw !important;
  }
  .u-tab-w-max-48p {
    max-width: 48% !important;
  }
  .u-tab-w-max-48v {
    max-width: 48vw !important;
  }
  .u-tab-w-max-49p {
    max-width: 49% !important;
  }
  .u-tab-w-max-49v {
    max-width: 49vw !important;
  }
  .u-tab-w-max-50p {
    max-width: 50% !important;
  }
  .u-tab-w-max-50v {
    max-width: 50vw !important;
  }
  .u-tab-w-max-51p {
    max-width: 51% !important;
  }
  .u-tab-w-max-51v {
    max-width: 51vw !important;
  }
  .u-tab-w-max-52p {
    max-width: 52% !important;
  }
  .u-tab-w-max-52v {
    max-width: 52vw !important;
  }
  .u-tab-w-max-53p {
    max-width: 53% !important;
  }
  .u-tab-w-max-53v {
    max-width: 53vw !important;
  }
  .u-tab-w-max-54p {
    max-width: 54% !important;
  }
  .u-tab-w-max-54v {
    max-width: 54vw !important;
  }
  .u-tab-w-max-55p {
    max-width: 55% !important;
  }
  .u-tab-w-max-55v {
    max-width: 55vw !important;
  }
  .u-tab-w-max-56p {
    max-width: 56% !important;
  }
  .u-tab-w-max-56v {
    max-width: 56vw !important;
  }
  .u-tab-w-max-57p {
    max-width: 57% !important;
  }
  .u-tab-w-max-57v {
    max-width: 57vw !important;
  }
  .u-tab-w-max-58p {
    max-width: 58% !important;
  }
  .u-tab-w-max-58v {
    max-width: 58vw !important;
  }
  .u-tab-w-max-59p {
    max-width: 59% !important;
  }
  .u-tab-w-max-59v {
    max-width: 59vw !important;
  }
  .u-tab-w-max-60p {
    max-width: 60% !important;
  }
  .u-tab-w-max-60v {
    max-width: 60vw !important;
  }
  .u-tab-w-max-61p {
    max-width: 61% !important;
  }
  .u-tab-w-max-61v {
    max-width: 61vw !important;
  }
  .u-tab-w-max-62p {
    max-width: 62% !important;
  }
  .u-tab-w-max-62v {
    max-width: 62vw !important;
  }
  .u-tab-w-max-63p {
    max-width: 63% !important;
  }
  .u-tab-w-max-63v {
    max-width: 63vw !important;
  }
  .u-tab-w-max-64p {
    max-width: 64% !important;
  }
  .u-tab-w-max-64v {
    max-width: 64vw !important;
  }
  .u-tab-w-max-65p {
    max-width: 65% !important;
  }
  .u-tab-w-max-65v {
    max-width: 65vw !important;
  }
  .u-tab-w-max-66p {
    max-width: 66% !important;
  }
  .u-tab-w-max-66v {
    max-width: 66vw !important;
  }
  .u-tab-w-max-67p {
    max-width: 67% !important;
  }
  .u-tab-w-max-67v {
    max-width: 67vw !important;
  }
  .u-tab-w-max-68p {
    max-width: 68% !important;
  }
  .u-tab-w-max-68v {
    max-width: 68vw !important;
  }
  .u-tab-w-max-69p {
    max-width: 69% !important;
  }
  .u-tab-w-max-69v {
    max-width: 69vw !important;
  }
  .u-tab-w-max-70p {
    max-width: 70% !important;
  }
  .u-tab-w-max-70v {
    max-width: 70vw !important;
  }
  .u-tab-w-max-71p {
    max-width: 71% !important;
  }
  .u-tab-w-max-71v {
    max-width: 71vw !important;
  }
  .u-tab-w-max-72p {
    max-width: 72% !important;
  }
  .u-tab-w-max-72v {
    max-width: 72vw !important;
  }
  .u-tab-w-max-73p {
    max-width: 73% !important;
  }
  .u-tab-w-max-73v {
    max-width: 73vw !important;
  }
  .u-tab-w-max-74p {
    max-width: 74% !important;
  }
  .u-tab-w-max-74v {
    max-width: 74vw !important;
  }
  .u-tab-w-max-75p {
    max-width: 75% !important;
  }
  .u-tab-w-max-75v {
    max-width: 75vw !important;
  }
  .u-tab-w-max-76p {
    max-width: 76% !important;
  }
  .u-tab-w-max-76v {
    max-width: 76vw !important;
  }
  .u-tab-w-max-77p {
    max-width: 77% !important;
  }
  .u-tab-w-max-77v {
    max-width: 77vw !important;
  }
  .u-tab-w-max-78p {
    max-width: 78% !important;
  }
  .u-tab-w-max-78v {
    max-width: 78vw !important;
  }
  .u-tab-w-max-79p {
    max-width: 79% !important;
  }
  .u-tab-w-max-79v {
    max-width: 79vw !important;
  }
  .u-tab-w-max-80p {
    max-width: 80% !important;
  }
  .u-tab-w-max-80v {
    max-width: 80vw !important;
  }
  .u-tab-w-max-81p {
    max-width: 81% !important;
  }
  .u-tab-w-max-81v {
    max-width: 81vw !important;
  }
  .u-tab-w-max-82p {
    max-width: 82% !important;
  }
  .u-tab-w-max-82v {
    max-width: 82vw !important;
  }
  .u-tab-w-max-83p {
    max-width: 83% !important;
  }
  .u-tab-w-max-83v {
    max-width: 83vw !important;
  }
  .u-tab-w-max-84p {
    max-width: 84% !important;
  }
  .u-tab-w-max-84v {
    max-width: 84vw !important;
  }
  .u-tab-w-max-85p {
    max-width: 85% !important;
  }
  .u-tab-w-max-85v {
    max-width: 85vw !important;
  }
  .u-tab-w-max-86p {
    max-width: 86% !important;
  }
  .u-tab-w-max-86v {
    max-width: 86vw !important;
  }
  .u-tab-w-max-87p {
    max-width: 87% !important;
  }
  .u-tab-w-max-87v {
    max-width: 87vw !important;
  }
  .u-tab-w-max-88p {
    max-width: 88% !important;
  }
  .u-tab-w-max-88v {
    max-width: 88vw !important;
  }
  .u-tab-w-max-89p {
    max-width: 89% !important;
  }
  .u-tab-w-max-89v {
    max-width: 89vw !important;
  }
  .u-tab-w-max-90p {
    max-width: 90% !important;
  }
  .u-tab-w-max-90v {
    max-width: 90vw !important;
  }
  .u-tab-w-max-91p {
    max-width: 91% !important;
  }
  .u-tab-w-max-91v {
    max-width: 91vw !important;
  }
  .u-tab-w-max-92p {
    max-width: 92% !important;
  }
  .u-tab-w-max-92v {
    max-width: 92vw !important;
  }
  .u-tab-w-max-93p {
    max-width: 93% !important;
  }
  .u-tab-w-max-93v {
    max-width: 93vw !important;
  }
  .u-tab-w-max-94p {
    max-width: 94% !important;
  }
  .u-tab-w-max-94v {
    max-width: 94vw !important;
  }
  .u-tab-w-max-95p {
    max-width: 95% !important;
  }
  .u-tab-w-max-95v {
    max-width: 95vw !important;
  }
  .u-tab-w-max-96p {
    max-width: 96% !important;
  }
  .u-tab-w-max-96v {
    max-width: 96vw !important;
  }
  .u-tab-w-max-97p {
    max-width: 97% !important;
  }
  .u-tab-w-max-97v {
    max-width: 97vw !important;
  }
  .u-tab-w-max-98p {
    max-width: 98% !important;
  }
  .u-tab-w-max-98v {
    max-width: 98vw !important;
  }
  .u-tab-w-max-99p {
    max-width: 99% !important;
  }
  .u-tab-w-max-99v {
    max-width: 99vw !important;
  }
  .u-tab-w-max-100p {
    max-width: 100% !important;
  }
  .u-tab-w-max-100v {
    max-width: 100vw !important;
  }
}
/* SP版：プリフィクス tab- を付加 */
@media print, screen and (mxx-width: 768px) {
  /* 単位：em */
  .u-tab-w-max-1em {
    max-width: 1em !important;
  }
  .u-tab-w-max-2em {
    max-width: 2em !important;
  }
  .u-tab-w-max-3em {
    max-width: 3em !important;
  }
  .u-tab-w-max-4em {
    max-width: 4em !important;
  }
  .u-tab-w-max-5em {
    max-width: 5em !important;
  }
  .u-tab-w-max-6em {
    max-width: 6em !important;
  }
  .u-tab-w-max-7em {
    max-width: 7em !important;
  }
  .u-tab-w-max-8em {
    max-width: 8em !important;
  }
  .u-tab-w-max-9em {
    max-width: 9em !important;
  }
  .u-tab-w-max-10em {
    max-width: 10em !important;
  }
  /* 単位：px（rem） */
  .u-tab-w-max-5 {
    max-width: 0.5rem !important;
  }
  .u-tab-w-max-10 {
    max-width: 1rem !important;
  }
  .u-tab-w-max-15 {
    max-width: 1.5rem !important;
  }
  .u-tab-w-max-20 {
    max-width: 2rem !important;
  }
  .u-tab-w-max-25 {
    max-width: 2.5rem !important;
  }
  .u-tab-w-max-30 {
    max-width: 3rem !important;
  }
  .u-tab-w-max-35 {
    max-width: 3.5rem !important;
  }
  .u-tab-w-max-40 {
    max-width: 4rem !important;
  }
  .u-tab-w-max-45 {
    max-width: 4.5rem !important;
  }
  .u-tab-w-max-50 {
    max-width: 5rem !important;
  }
  .u-tab-w-max-55 {
    max-width: 5.5rem !important;
  }
  .u-tab-w-max-60 {
    max-width: 6rem !important;
  }
  .u-tab-w-max-65 {
    max-width: 6.5rem !important;
  }
  .u-tab-w-max-70 {
    max-width: 7rem !important;
  }
  .u-tab-w-max-75 {
    max-width: 7.5rem !important;
  }
  .u-tab-w-max-80 {
    max-width: 8rem !important;
  }
  .u-tab-w-max-85 {
    max-width: 8.5rem !important;
  }
  .u-tab-w-max-90 {
    max-width: 9rem !important;
  }
  .u-tab-w-max-95 {
    max-width: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-tab-w-max-100 {
    max-width: 10rem !important;
  }
  .u-tab-w-max-110 {
    max-width: 11rem !important;
  }
  .u-tab-w-max-120 {
    max-width: 12rem !important;
  }
  .u-tab-w-max-130 {
    max-width: 13rem !important;
  }
  .u-tab-w-max-140 {
    max-width: 14rem !important;
  }
  .u-tab-w-max-150 {
    max-width: 15rem !important;
  }
  .u-tab-w-max-160 {
    max-width: 16rem !important;
  }
  .u-tab-w-max-170 {
    max-width: 17rem !important;
  }
  .u-tab-w-max-180 {
    max-width: 18rem !important;
  }
  .u-tab-w-max-190 {
    max-width: 19rem !important;
  }
  .u-tab-w-max-200 {
    max-width: 20rem !important;
  }
  .u-tab-w-max-210 {
    max-width: 21rem !important;
  }
  .u-tab-w-max-220 {
    max-width: 22rem !important;
  }
  .u-tab-w-max-230 {
    max-width: 23rem !important;
  }
  .u-tab-w-max-240 {
    max-width: 24rem !important;
  }
  .u-tab-w-max-250 {
    max-width: 25rem !important;
  }
  .u-tab-w-max-260 {
    max-width: 26rem !important;
  }
  .u-tab-w-max-270 {
    max-width: 27rem !important;
  }
  .u-tab-w-max-280 {
    max-width: 28rem !important;
  }
  .u-tab-w-max-290 {
    max-width: 29rem !important;
  }
  .u-tab-w-max-300 {
    max-width: 30rem !important;
  }
  .u-tab-w-max-310 {
    max-width: 31rem !important;
  }
  .u-tab-w-max-320 {
    max-width: 32rem !important;
  }
  .u-tab-w-max-330 {
    max-width: 33rem !important;
  }
  .u-tab-w-max-340 {
    max-width: 34rem !important;
  }
  .u-tab-w-max-350 {
    max-width: 35rem !important;
  }
  .u-tab-w-max-360 {
    max-width: 36rem !important;
  }
  .u-tab-w-max-370 {
    max-width: 37rem !important;
  }
  .u-tab-w-max-380 {
    max-width: 38rem !important;
  }
  .u-tab-w-max-390 {
    max-width: 39rem !important;
  }
  .u-tab-w-max-400 {
    max-width: 40rem !important;
  }
  .u-tab-w-max-410 {
    max-width: 41rem !important;
  }
  .u-tab-w-max-420 {
    max-width: 42rem !important;
  }
  .u-tab-w-max-430 {
    max-width: 43rem !important;
  }
  .u-tab-w-max-440 {
    max-width: 44rem !important;
  }
  .u-tab-w-max-450 {
    max-width: 45rem !important;
  }
  .u-tab-w-max-460 {
    max-width: 46rem !important;
  }
  .u-tab-w-max-470 {
    max-width: 47rem !important;
  }
  .u-tab-w-max-480 {
    max-width: 48rem !important;
  }
  .u-tab-w-max-490 {
    max-width: 49rem !important;
  }
  .u-tab-w-max-500 {
    max-width: 50rem !important;
  }
  .u-tab-w-max-510 {
    max-width: 51rem !important;
  }
  .u-tab-w-max-520 {
    max-width: 52rem !important;
  }
  .u-tab-w-max-530 {
    max-width: 53rem !important;
  }
  .u-tab-w-max-540 {
    max-width: 54rem !important;
  }
  .u-tab-w-max-550 {
    max-width: 55rem !important;
  }
  .u-tab-w-max-560 {
    max-width: 56rem !important;
  }
  .u-tab-w-max-570 {
    max-width: 57rem !important;
  }
  .u-tab-w-max-580 {
    max-width: 58rem !important;
  }
  .u-tab-w-max-590 {
    max-width: 59rem !important;
  }
  .u-tab-w-max-600 {
    max-width: 60rem !important;
  }
  .u-tab-w-max-610 {
    max-width: 61rem !important;
  }
  .u-tab-w-max-620 {
    max-width: 62rem !important;
  }
  .u-tab-w-max-630 {
    max-width: 63rem !important;
  }
  .u-tab-w-max-640 {
    max-width: 64rem !important;
  }
  .u-tab-w-max-650 {
    max-width: 65rem !important;
  }
  .u-tab-w-max-660 {
    max-width: 66rem !important;
  }
  .u-tab-w-max-670 {
    max-width: 67rem !important;
  }
  .u-tab-w-max-680 {
    max-width: 68rem !important;
  }
  .u-tab-w-max-690 {
    max-width: 69rem !important;
  }
  .u-tab-w-max-700 {
    max-width: 70rem !important;
  }
  .u-tab-w-max-710 {
    max-width: 71rem !important;
  }
  .u-tab-w-max-720 {
    max-width: 72rem !important;
  }
  .u-tab-w-max-730 {
    max-width: 73rem !important;
  }
  .u-tab-w-max-740 {
    max-width: 74rem !important;
  }
  .u-tab-w-max-750 {
    max-width: 75rem !important;
  }
  .u-tab-w-max-760 {
    max-width: 76rem !important;
  }
  .u-tab-w-max-770 {
    max-width: 77rem !important;
  }
  .u-tab-w-max-780 {
    max-width: 78rem !important;
  }
  .u-tab-w-max-790 {
    max-width: 79rem !important;
  }
  .u-tab-w-max-800 {
    max-width: 80rem !important;
  }
  .u-tab-w-max-810 {
    max-width: 81rem !important;
  }
  .u-tab-w-max-820 {
    max-width: 82rem !important;
  }
  .u-tab-w-max-830 {
    max-width: 83rem !important;
  }
  .u-tab-w-max-840 {
    max-width: 84rem !important;
  }
  .u-tab-w-max-850 {
    max-width: 85rem !important;
  }
  .u-tab-w-max-860 {
    max-width: 86rem !important;
  }
  .u-tab-w-max-870 {
    max-width: 87rem !important;
  }
  .u-tab-w-max-880 {
    max-width: 88rem !important;
  }
  .u-tab-w-max-890 {
    max-width: 89rem !important;
  }
  .u-tab-w-max-900 {
    max-width: 90rem !important;
  }
  .u-tab-w-max-910 {
    max-width: 91rem !important;
  }
  .u-tab-w-max-920 {
    max-width: 92rem !important;
  }
  .u-tab-w-max-930 {
    max-width: 93rem !important;
  }
  .u-tab-w-max-940 {
    max-width: 94rem !important;
  }
  .u-tab-w-max-950 {
    max-width: 95rem !important;
  }
  .u-tab-w-max-960 {
    max-width: 96rem !important;
  }
  .u-tab-w-max-970 {
    max-width: 97rem !important;
  }
  .u-tab-w-max-980 {
    max-width: 98rem !important;
  }
  .u-tab-w-max-990 {
    max-width: 99rem !important;
  }
  .u-tab-w-max-1000 {
    max-width: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-tab-w-max-1p {
    max-width: 1% !important;
  }
  .u-tab-w-max-1v {
    max-width: 1vw !important;
  }
  .u-tab-w-max-2p {
    max-width: 2% !important;
  }
  .u-tab-w-max-2v {
    max-width: 2vw !important;
  }
  .u-tab-w-max-3p {
    max-width: 3% !important;
  }
  .u-tab-w-max-3v {
    max-width: 3vw !important;
  }
  .u-tab-w-max-4p {
    max-width: 4% !important;
  }
  .u-tab-w-max-4v {
    max-width: 4vw !important;
  }
  .u-tab-w-max-5p {
    max-width: 5% !important;
  }
  .u-tab-w-max-5v {
    max-width: 5vw !important;
  }
  .u-tab-w-max-6p {
    max-width: 6% !important;
  }
  .u-tab-w-max-6v {
    max-width: 6vw !important;
  }
  .u-tab-w-max-7p {
    max-width: 7% !important;
  }
  .u-tab-w-max-7v {
    max-width: 7vw !important;
  }
  .u-tab-w-max-8p {
    max-width: 8% !important;
  }
  .u-tab-w-max-8v {
    max-width: 8vw !important;
  }
  .u-tab-w-max-9p {
    max-width: 9% !important;
  }
  .u-tab-w-max-9v {
    max-width: 9vw !important;
  }
  .u-tab-w-max-10p {
    max-width: 10% !important;
  }
  .u-tab-w-max-10v {
    max-width: 10vw !important;
  }
  .u-tab-w-max-11p {
    max-width: 11% !important;
  }
  .u-tab-w-max-11v {
    max-width: 11vw !important;
  }
  .u-tab-w-max-12p {
    max-width: 12% !important;
  }
  .u-tab-w-max-12v {
    max-width: 12vw !important;
  }
  .u-tab-w-max-13p {
    max-width: 13% !important;
  }
  .u-tab-w-max-13v {
    max-width: 13vw !important;
  }
  .u-tab-w-max-14p {
    max-width: 14% !important;
  }
  .u-tab-w-max-14v {
    max-width: 14vw !important;
  }
  .u-tab-w-max-15p {
    max-width: 15% !important;
  }
  .u-tab-w-max-15v {
    max-width: 15vw !important;
  }
  .u-tab-w-max-16p {
    max-width: 16% !important;
  }
  .u-tab-w-max-16v {
    max-width: 16vw !important;
  }
  .u-tab-w-max-17p {
    max-width: 17% !important;
  }
  .u-tab-w-max-17v {
    max-width: 17vw !important;
  }
  .u-tab-w-max-18p {
    max-width: 18% !important;
  }
  .u-tab-w-max-18v {
    max-width: 18vw !important;
  }
  .u-tab-w-max-19p {
    max-width: 19% !important;
  }
  .u-tab-w-max-19v {
    max-width: 19vw !important;
  }
  .u-tab-w-max-20p {
    max-width: 20% !important;
  }
  .u-tab-w-max-20v {
    max-width: 20vw !important;
  }
  .u-tab-w-max-21p {
    max-width: 21% !important;
  }
  .u-tab-w-max-21v {
    max-width: 21vw !important;
  }
  .u-tab-w-max-22p {
    max-width: 22% !important;
  }
  .u-tab-w-max-22v {
    max-width: 22vw !important;
  }
  .u-tab-w-max-23p {
    max-width: 23% !important;
  }
  .u-tab-w-max-23v {
    max-width: 23vw !important;
  }
  .u-tab-w-max-24p {
    max-width: 24% !important;
  }
  .u-tab-w-max-24v {
    max-width: 24vw !important;
  }
  .u-tab-w-max-25p {
    max-width: 25% !important;
  }
  .u-tab-w-max-25v {
    max-width: 25vw !important;
  }
  .u-tab-w-max-26p {
    max-width: 26% !important;
  }
  .u-tab-w-max-26v {
    max-width: 26vw !important;
  }
  .u-tab-w-max-27p {
    max-width: 27% !important;
  }
  .u-tab-w-max-27v {
    max-width: 27vw !important;
  }
  .u-tab-w-max-28p {
    max-width: 28% !important;
  }
  .u-tab-w-max-28v {
    max-width: 28vw !important;
  }
  .u-tab-w-max-29p {
    max-width: 29% !important;
  }
  .u-tab-w-max-29v {
    max-width: 29vw !important;
  }
  .u-tab-w-max-30p {
    max-width: 30% !important;
  }
  .u-tab-w-max-30v {
    max-width: 30vw !important;
  }
  .u-tab-w-max-31p {
    max-width: 31% !important;
  }
  .u-tab-w-max-31v {
    max-width: 31vw !important;
  }
  .u-tab-w-max-32p {
    max-width: 32% !important;
  }
  .u-tab-w-max-32v {
    max-width: 32vw !important;
  }
  .u-tab-w-max-33p {
    max-width: 33% !important;
  }
  .u-tab-w-max-33v {
    max-width: 33vw !important;
  }
  .u-tab-w-max-34p {
    max-width: 34% !important;
  }
  .u-tab-w-max-34v {
    max-width: 34vw !important;
  }
  .u-tab-w-max-35p {
    max-width: 35% !important;
  }
  .u-tab-w-max-35v {
    max-width: 35vw !important;
  }
  .u-tab-w-max-36p {
    max-width: 36% !important;
  }
  .u-tab-w-max-36v {
    max-width: 36vw !important;
  }
  .u-tab-w-max-37p {
    max-width: 37% !important;
  }
  .u-tab-w-max-37v {
    max-width: 37vw !important;
  }
  .u-tab-w-max-38p {
    max-width: 38% !important;
  }
  .u-tab-w-max-38v {
    max-width: 38vw !important;
  }
  .u-tab-w-max-39p {
    max-width: 39% !important;
  }
  .u-tab-w-max-39v {
    max-width: 39vw !important;
  }
  .u-tab-w-max-40p {
    max-width: 40% !important;
  }
  .u-tab-w-max-40v {
    max-width: 40vw !important;
  }
  .u-tab-w-max-41p {
    max-width: 41% !important;
  }
  .u-tab-w-max-41v {
    max-width: 41vw !important;
  }
  .u-tab-w-max-42p {
    max-width: 42% !important;
  }
  .u-tab-w-max-42v {
    max-width: 42vw !important;
  }
  .u-tab-w-max-43p {
    max-width: 43% !important;
  }
  .u-tab-w-max-43v {
    max-width: 43vw !important;
  }
  .u-tab-w-max-44p {
    max-width: 44% !important;
  }
  .u-tab-w-max-44v {
    max-width: 44vw !important;
  }
  .u-tab-w-max-45p {
    max-width: 45% !important;
  }
  .u-tab-w-max-45v {
    max-width: 45vw !important;
  }
  .u-tab-w-max-46p {
    max-width: 46% !important;
  }
  .u-tab-w-max-46v {
    max-width: 46vw !important;
  }
  .u-tab-w-max-47p {
    max-width: 47% !important;
  }
  .u-tab-w-max-47v {
    max-width: 47vw !important;
  }
  .u-tab-w-max-48p {
    max-width: 48% !important;
  }
  .u-tab-w-max-48v {
    max-width: 48vw !important;
  }
  .u-tab-w-max-49p {
    max-width: 49% !important;
  }
  .u-tab-w-max-49v {
    max-width: 49vw !important;
  }
  .u-tab-w-max-50p {
    max-width: 50% !important;
  }
  .u-tab-w-max-50v {
    max-width: 50vw !important;
  }
  .u-tab-w-max-51p {
    max-width: 51% !important;
  }
  .u-tab-w-max-51v {
    max-width: 51vw !important;
  }
  .u-tab-w-max-52p {
    max-width: 52% !important;
  }
  .u-tab-w-max-52v {
    max-width: 52vw !important;
  }
  .u-tab-w-max-53p {
    max-width: 53% !important;
  }
  .u-tab-w-max-53v {
    max-width: 53vw !important;
  }
  .u-tab-w-max-54p {
    max-width: 54% !important;
  }
  .u-tab-w-max-54v {
    max-width: 54vw !important;
  }
  .u-tab-w-max-55p {
    max-width: 55% !important;
  }
  .u-tab-w-max-55v {
    max-width: 55vw !important;
  }
  .u-tab-w-max-56p {
    max-width: 56% !important;
  }
  .u-tab-w-max-56v {
    max-width: 56vw !important;
  }
  .u-tab-w-max-57p {
    max-width: 57% !important;
  }
  .u-tab-w-max-57v {
    max-width: 57vw !important;
  }
  .u-tab-w-max-58p {
    max-width: 58% !important;
  }
  .u-tab-w-max-58v {
    max-width: 58vw !important;
  }
  .u-tab-w-max-59p {
    max-width: 59% !important;
  }
  .u-tab-w-max-59v {
    max-width: 59vw !important;
  }
  .u-tab-w-max-60p {
    max-width: 60% !important;
  }
  .u-tab-w-max-60v {
    max-width: 60vw !important;
  }
  .u-tab-w-max-61p {
    max-width: 61% !important;
  }
  .u-tab-w-max-61v {
    max-width: 61vw !important;
  }
  .u-tab-w-max-62p {
    max-width: 62% !important;
  }
  .u-tab-w-max-62v {
    max-width: 62vw !important;
  }
  .u-tab-w-max-63p {
    max-width: 63% !important;
  }
  .u-tab-w-max-63v {
    max-width: 63vw !important;
  }
  .u-tab-w-max-64p {
    max-width: 64% !important;
  }
  .u-tab-w-max-64v {
    max-width: 64vw !important;
  }
  .u-tab-w-max-65p {
    max-width: 65% !important;
  }
  .u-tab-w-max-65v {
    max-width: 65vw !important;
  }
  .u-tab-w-max-66p {
    max-width: 66% !important;
  }
  .u-tab-w-max-66v {
    max-width: 66vw !important;
  }
  .u-tab-w-max-67p {
    max-width: 67% !important;
  }
  .u-tab-w-max-67v {
    max-width: 67vw !important;
  }
  .u-tab-w-max-68p {
    max-width: 68% !important;
  }
  .u-tab-w-max-68v {
    max-width: 68vw !important;
  }
  .u-tab-w-max-69p {
    max-width: 69% !important;
  }
  .u-tab-w-max-69v {
    max-width: 69vw !important;
  }
  .u-tab-w-max-70p {
    max-width: 70% !important;
  }
  .u-tab-w-max-70v {
    max-width: 70vw !important;
  }
  .u-tab-w-max-71p {
    max-width: 71% !important;
  }
  .u-tab-w-max-71v {
    max-width: 71vw !important;
  }
  .u-tab-w-max-72p {
    max-width: 72% !important;
  }
  .u-tab-w-max-72v {
    max-width: 72vw !important;
  }
  .u-tab-w-max-73p {
    max-width: 73% !important;
  }
  .u-tab-w-max-73v {
    max-width: 73vw !important;
  }
  .u-tab-w-max-74p {
    max-width: 74% !important;
  }
  .u-tab-w-max-74v {
    max-width: 74vw !important;
  }
  .u-tab-w-max-75p {
    max-width: 75% !important;
  }
  .u-tab-w-max-75v {
    max-width: 75vw !important;
  }
  .u-tab-w-max-76p {
    max-width: 76% !important;
  }
  .u-tab-w-max-76v {
    max-width: 76vw !important;
  }
  .u-tab-w-max-77p {
    max-width: 77% !important;
  }
  .u-tab-w-max-77v {
    max-width: 77vw !important;
  }
  .u-tab-w-max-78p {
    max-width: 78% !important;
  }
  .u-tab-w-max-78v {
    max-width: 78vw !important;
  }
  .u-tab-w-max-79p {
    max-width: 79% !important;
  }
  .u-tab-w-max-79v {
    max-width: 79vw !important;
  }
  .u-tab-w-max-80p {
    max-width: 80% !important;
  }
  .u-tab-w-max-80v {
    max-width: 80vw !important;
  }
  .u-tab-w-max-81p {
    max-width: 81% !important;
  }
  .u-tab-w-max-81v {
    max-width: 81vw !important;
  }
  .u-tab-w-max-82p {
    max-width: 82% !important;
  }
  .u-tab-w-max-82v {
    max-width: 82vw !important;
  }
  .u-tab-w-max-83p {
    max-width: 83% !important;
  }
  .u-tab-w-max-83v {
    max-width: 83vw !important;
  }
  .u-tab-w-max-84p {
    max-width: 84% !important;
  }
  .u-tab-w-max-84v {
    max-width: 84vw !important;
  }
  .u-tab-w-max-85p {
    max-width: 85% !important;
  }
  .u-tab-w-max-85v {
    max-width: 85vw !important;
  }
  .u-tab-w-max-86p {
    max-width: 86% !important;
  }
  .u-tab-w-max-86v {
    max-width: 86vw !important;
  }
  .u-tab-w-max-87p {
    max-width: 87% !important;
  }
  .u-tab-w-max-87v {
    max-width: 87vw !important;
  }
  .u-tab-w-max-88p {
    max-width: 88% !important;
  }
  .u-tab-w-max-88v {
    max-width: 88vw !important;
  }
  .u-tab-w-max-89p {
    max-width: 89% !important;
  }
  .u-tab-w-max-89v {
    max-width: 89vw !important;
  }
  .u-tab-w-max-90p {
    max-width: 90% !important;
  }
  .u-tab-w-max-90v {
    max-width: 90vw !important;
  }
  .u-tab-w-max-91p {
    max-width: 91% !important;
  }
  .u-tab-w-max-91v {
    max-width: 91vw !important;
  }
  .u-tab-w-max-92p {
    max-width: 92% !important;
  }
  .u-tab-w-max-92v {
    max-width: 92vw !important;
  }
  .u-tab-w-max-93p {
    max-width: 93% !important;
  }
  .u-tab-w-max-93v {
    max-width: 93vw !important;
  }
  .u-tab-w-max-94p {
    max-width: 94% !important;
  }
  .u-tab-w-max-94v {
    max-width: 94vw !important;
  }
  .u-tab-w-max-95p {
    max-width: 95% !important;
  }
  .u-tab-w-max-95v {
    max-width: 95vw !important;
  }
  .u-tab-w-max-96p {
    max-width: 96% !important;
  }
  .u-tab-w-max-96v {
    max-width: 96vw !important;
  }
  .u-tab-w-max-97p {
    max-width: 97% !important;
  }
  .u-tab-w-max-97v {
    max-width: 97vw !important;
  }
  .u-tab-w-max-98p {
    max-width: 98% !important;
  }
  .u-tab-w-max-98v {
    max-width: 98vw !important;
  }
  .u-tab-w-max-99p {
    max-width: 99% !important;
  }
  .u-tab-w-max-99v {
    max-width: 99vw !important;
  }
  .u-tab-w-max-100p {
    max-width: 100% !important;
  }
  .u-tab-w-max-100v {
    max-width: 100vw !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 最大幅（min-width）
   --------------------------------------------------------------------------------
     - 単位 px → u-w-min-5,   u-w-min-10  ... u-w-min-100, u-w-min-110, u-w-min-120, ..., u-w-min-1000
     - 100pxまでは5px刻み、以降は10px刻み
       ※実際の指定では px ではなく rem が使われている（10px = 1rem）
     - 単位 em → u-w-min-1em, u-w-min-2em ... u-w-min-10em
     - 単位 %  → u-w-min-1p,  u-w-min-2p  ... u-w-min-100p
     - 単位 vw → u-w-min-5v,  u-w-min-10v ... u-w-min-100v
     - u- の後ろに tab- を付加するとスマホ用のクラスになる
----------------------------------------------------------------------------------- */
/* 単位：em */
.u-w-min-1em {
  min-width: 1em !important;
}

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

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

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

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

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

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

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

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

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

/* 単位：px（rem） */
.u-w-min-0 {
  min-width: 0rem !important;
}

.u-w-min-1 {
  min-width: 0.1rem !important;
}

.u-w-min-2 {
  min-width: 0.2rem !important;
}

.u-w-min-3 {
  min-width: 0.3rem !important;
}

.u-w-min-4 {
  min-width: 0.4rem !important;
}

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

.u-w-min-6 {
  min-width: 0.6rem !important;
}

.u-w-min-7 {
  min-width: 0.7rem !important;
}

.u-w-min-8 {
  min-width: 0.8rem !important;
}

.u-w-min-9 {
  min-width: 0.9rem !important;
}

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

.u-w-min-11 {
  min-width: 1.1rem !important;
}

.u-w-min-12 {
  min-width: 1.2rem !important;
}

.u-w-min-13 {
  min-width: 1.3rem !important;
}

.u-w-min-14 {
  min-width: 1.4rem !important;
}

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

.u-w-min-16 {
  min-width: 1.6rem !important;
}

.u-w-min-17 {
  min-width: 1.7rem !important;
}

.u-w-min-18 {
  min-width: 1.8rem !important;
}

.u-w-min-19 {
  min-width: 1.9rem !important;
}

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

.u-w-min-21 {
  min-width: 2.1rem !important;
}

.u-w-min-22 {
  min-width: 2.2rem !important;
}

.u-w-min-23 {
  min-width: 2.3rem !important;
}

.u-w-min-24 {
  min-width: 2.4rem !important;
}

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

.u-w-min-26 {
  min-width: 2.6rem !important;
}

.u-w-min-27 {
  min-width: 2.7rem !important;
}

.u-w-min-28 {
  min-width: 2.8rem !important;
}

.u-w-min-29 {
  min-width: 2.9rem !important;
}

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

.u-w-min-31 {
  min-width: 3.1rem !important;
}

.u-w-min-32 {
  min-width: 3.2rem !important;
}

.u-w-min-33 {
  min-width: 3.3rem !important;
}

.u-w-min-34 {
  min-width: 3.4rem !important;
}

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

.u-w-min-36 {
  min-width: 3.6rem !important;
}

.u-w-min-37 {
  min-width: 3.7rem !important;
}

.u-w-min-38 {
  min-width: 3.8rem !important;
}

.u-w-min-39 {
  min-width: 3.9rem !important;
}

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

.u-w-min-41 {
  min-width: 4.1rem !important;
}

.u-w-min-42 {
  min-width: 4.2rem !important;
}

.u-w-min-43 {
  min-width: 4.3rem !important;
}

.u-w-min-44 {
  min-width: 4.4rem !important;
}

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

.u-w-min-46 {
  min-width: 4.6rem !important;
}

.u-w-min-47 {
  min-width: 4.7rem !important;
}

.u-w-min-48 {
  min-width: 4.8rem !important;
}

.u-w-min-49 {
  min-width: 4.9rem !important;
}

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

.u-w-min-51 {
  min-width: 5.1rem !important;
}

.u-w-min-52 {
  min-width: 5.2rem !important;
}

.u-w-min-53 {
  min-width: 5.3rem !important;
}

.u-w-min-54 {
  min-width: 5.4rem !important;
}

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

.u-w-min-56 {
  min-width: 5.6rem !important;
}

.u-w-min-57 {
  min-width: 5.7rem !important;
}

.u-w-min-58 {
  min-width: 5.8rem !important;
}

.u-w-min-59 {
  min-width: 5.9rem !important;
}

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

.u-w-min-61 {
  min-width: 6.1rem !important;
}

.u-w-min-62 {
  min-width: 6.2rem !important;
}

.u-w-min-63 {
  min-width: 6.3rem !important;
}

.u-w-min-64 {
  min-width: 6.4rem !important;
}

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

.u-w-min-66 {
  min-width: 6.6rem !important;
}

.u-w-min-67 {
  min-width: 6.7rem !important;
}

.u-w-min-68 {
  min-width: 6.8rem !important;
}

.u-w-min-69 {
  min-width: 6.9rem !important;
}

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

.u-w-min-71 {
  min-width: 7.1rem !important;
}

.u-w-min-72 {
  min-width: 7.2rem !important;
}

.u-w-min-73 {
  min-width: 7.3rem !important;
}

.u-w-min-74 {
  min-width: 7.4rem !important;
}

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

.u-w-min-76 {
  min-width: 7.6rem !important;
}

.u-w-min-77 {
  min-width: 7.7rem !important;
}

.u-w-min-78 {
  min-width: 7.8rem !important;
}

.u-w-min-79 {
  min-width: 7.9rem !important;
}

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

.u-w-min-81 {
  min-width: 8.1rem !important;
}

.u-w-min-82 {
  min-width: 8.2rem !important;
}

.u-w-min-83 {
  min-width: 8.3rem !important;
}

.u-w-min-84 {
  min-width: 8.4rem !important;
}

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

.u-w-min-86 {
  min-width: 8.6rem !important;
}

.u-w-min-87 {
  min-width: 8.7rem !important;
}

.u-w-min-88 {
  min-width: 8.8rem !important;
}

.u-w-min-89 {
  min-width: 8.9rem !important;
}

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

.u-w-min-91 {
  min-width: 9.1rem !important;
}

.u-w-min-92 {
  min-width: 9.2rem !important;
}

.u-w-min-93 {
  min-width: 9.3rem !important;
}

.u-w-min-94 {
  min-width: 9.4rem !important;
}

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

.u-w-min-96 {
  min-width: 9.6rem !important;
}

.u-w-min-97 {
  min-width: 9.7rem !important;
}

.u-w-min-98 {
  min-width: 9.8rem !important;
}

.u-w-min-99 {
  min-width: 9.9rem !important;
}

/* 単位：100px以上は10px刻み */
.u-w-min-100 {
  min-width: 10rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 単位：パーセント、vw */
.u-w-min-1p {
  min-width: 1% !important;
}

.u-w-min-1v {
  min-width: 1vw !important;
}

.u-w-min-2p {
  min-width: 2% !important;
}

.u-w-min-2v {
  min-width: 2vw !important;
}

.u-w-min-3p {
  min-width: 3% !important;
}

.u-w-min-3v {
  min-width: 3vw !important;
}

.u-w-min-4p {
  min-width: 4% !important;
}

.u-w-min-4v {
  min-width: 4vw !important;
}

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

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

.u-w-min-6p {
  min-width: 6% !important;
}

.u-w-min-6v {
  min-width: 6vw !important;
}

.u-w-min-7p {
  min-width: 7% !important;
}

.u-w-min-7v {
  min-width: 7vw !important;
}

.u-w-min-8p {
  min-width: 8% !important;
}

.u-w-min-8v {
  min-width: 8vw !important;
}

.u-w-min-9p {
  min-width: 9% !important;
}

.u-w-min-9v {
  min-width: 9vw !important;
}

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

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

.u-w-min-11p {
  min-width: 11% !important;
}

.u-w-min-11v {
  min-width: 11vw !important;
}

.u-w-min-12p {
  min-width: 12% !important;
}

.u-w-min-12v {
  min-width: 12vw !important;
}

.u-w-min-13p {
  min-width: 13% !important;
}

.u-w-min-13v {
  min-width: 13vw !important;
}

.u-w-min-14p {
  min-width: 14% !important;
}

.u-w-min-14v {
  min-width: 14vw !important;
}

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

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

.u-w-min-16p {
  min-width: 16% !important;
}

.u-w-min-16v {
  min-width: 16vw !important;
}

.u-w-min-17p {
  min-width: 17% !important;
}

.u-w-min-17v {
  min-width: 17vw !important;
}

.u-w-min-18p {
  min-width: 18% !important;
}

.u-w-min-18v {
  min-width: 18vw !important;
}

.u-w-min-19p {
  min-width: 19% !important;
}

.u-w-min-19v {
  min-width: 19vw !important;
}

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

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

.u-w-min-21p {
  min-width: 21% !important;
}

.u-w-min-21v {
  min-width: 21vw !important;
}

.u-w-min-22p {
  min-width: 22% !important;
}

.u-w-min-22v {
  min-width: 22vw !important;
}

.u-w-min-23p {
  min-width: 23% !important;
}

.u-w-min-23v {
  min-width: 23vw !important;
}

.u-w-min-24p {
  min-width: 24% !important;
}

.u-w-min-24v {
  min-width: 24vw !important;
}

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

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

.u-w-min-26p {
  min-width: 26% !important;
}

.u-w-min-26v {
  min-width: 26vw !important;
}

.u-w-min-27p {
  min-width: 27% !important;
}

.u-w-min-27v {
  min-width: 27vw !important;
}

.u-w-min-28p {
  min-width: 28% !important;
}

.u-w-min-28v {
  min-width: 28vw !important;
}

.u-w-min-29p {
  min-width: 29% !important;
}

.u-w-min-29v {
  min-width: 29vw !important;
}

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

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

.u-w-min-31p {
  min-width: 31% !important;
}

.u-w-min-31v {
  min-width: 31vw !important;
}

.u-w-min-32p {
  min-width: 32% !important;
}

.u-w-min-32v {
  min-width: 32vw !important;
}

.u-w-min-33p {
  min-width: 33% !important;
}

.u-w-min-33v {
  min-width: 33vw !important;
}

.u-w-min-34p {
  min-width: 34% !important;
}

.u-w-min-34v {
  min-width: 34vw !important;
}

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

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

.u-w-min-36p {
  min-width: 36% !important;
}

.u-w-min-36v {
  min-width: 36vw !important;
}

.u-w-min-37p {
  min-width: 37% !important;
}

.u-w-min-37v {
  min-width: 37vw !important;
}

.u-w-min-38p {
  min-width: 38% !important;
}

.u-w-min-38v {
  min-width: 38vw !important;
}

.u-w-min-39p {
  min-width: 39% !important;
}

.u-w-min-39v {
  min-width: 39vw !important;
}

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

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

.u-w-min-41p {
  min-width: 41% !important;
}

.u-w-min-41v {
  min-width: 41vw !important;
}

.u-w-min-42p {
  min-width: 42% !important;
}

.u-w-min-42v {
  min-width: 42vw !important;
}

.u-w-min-43p {
  min-width: 43% !important;
}

.u-w-min-43v {
  min-width: 43vw !important;
}

.u-w-min-44p {
  min-width: 44% !important;
}

.u-w-min-44v {
  min-width: 44vw !important;
}

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

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

.u-w-min-46p {
  min-width: 46% !important;
}

.u-w-min-46v {
  min-width: 46vw !important;
}

.u-w-min-47p {
  min-width: 47% !important;
}

.u-w-min-47v {
  min-width: 47vw !important;
}

.u-w-min-48p {
  min-width: 48% !important;
}

.u-w-min-48v {
  min-width: 48vw !important;
}

.u-w-min-49p {
  min-width: 49% !important;
}

.u-w-min-49v {
  min-width: 49vw !important;
}

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

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

.u-w-min-51p {
  min-width: 51% !important;
}

.u-w-min-51v {
  min-width: 51vw !important;
}

.u-w-min-52p {
  min-width: 52% !important;
}

.u-w-min-52v {
  min-width: 52vw !important;
}

.u-w-min-53p {
  min-width: 53% !important;
}

.u-w-min-53v {
  min-width: 53vw !important;
}

.u-w-min-54p {
  min-width: 54% !important;
}

.u-w-min-54v {
  min-width: 54vw !important;
}

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

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

.u-w-min-56p {
  min-width: 56% !important;
}

.u-w-min-56v {
  min-width: 56vw !important;
}

.u-w-min-57p {
  min-width: 57% !important;
}

.u-w-min-57v {
  min-width: 57vw !important;
}

.u-w-min-58p {
  min-width: 58% !important;
}

.u-w-min-58v {
  min-width: 58vw !important;
}

.u-w-min-59p {
  min-width: 59% !important;
}

.u-w-min-59v {
  min-width: 59vw !important;
}

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

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

.u-w-min-61p {
  min-width: 61% !important;
}

.u-w-min-61v {
  min-width: 61vw !important;
}

.u-w-min-62p {
  min-width: 62% !important;
}

.u-w-min-62v {
  min-width: 62vw !important;
}

.u-w-min-63p {
  min-width: 63% !important;
}

.u-w-min-63v {
  min-width: 63vw !important;
}

.u-w-min-64p {
  min-width: 64% !important;
}

.u-w-min-64v {
  min-width: 64vw !important;
}

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

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

.u-w-min-66p {
  min-width: 66% !important;
}

.u-w-min-66v {
  min-width: 66vw !important;
}

.u-w-min-67p {
  min-width: 67% !important;
}

.u-w-min-67v {
  min-width: 67vw !important;
}

.u-w-min-68p {
  min-width: 68% !important;
}

.u-w-min-68v {
  min-width: 68vw !important;
}

.u-w-min-69p {
  min-width: 69% !important;
}

.u-w-min-69v {
  min-width: 69vw !important;
}

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

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

.u-w-min-71p {
  min-width: 71% !important;
}

.u-w-min-71v {
  min-width: 71vw !important;
}

.u-w-min-72p {
  min-width: 72% !important;
}

.u-w-min-72v {
  min-width: 72vw !important;
}

.u-w-min-73p {
  min-width: 73% !important;
}

.u-w-min-73v {
  min-width: 73vw !important;
}

.u-w-min-74p {
  min-width: 74% !important;
}

.u-w-min-74v {
  min-width: 74vw !important;
}

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

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

.u-w-min-76p {
  min-width: 76% !important;
}

.u-w-min-76v {
  min-width: 76vw !important;
}

.u-w-min-77p {
  min-width: 77% !important;
}

.u-w-min-77v {
  min-width: 77vw !important;
}

.u-w-min-78p {
  min-width: 78% !important;
}

.u-w-min-78v {
  min-width: 78vw !important;
}

.u-w-min-79p {
  min-width: 79% !important;
}

.u-w-min-79v {
  min-width: 79vw !important;
}

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

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

.u-w-min-81p {
  min-width: 81% !important;
}

.u-w-min-81v {
  min-width: 81vw !important;
}

.u-w-min-82p {
  min-width: 82% !important;
}

.u-w-min-82v {
  min-width: 82vw !important;
}

.u-w-min-83p {
  min-width: 83% !important;
}

.u-w-min-83v {
  min-width: 83vw !important;
}

.u-w-min-84p {
  min-width: 84% !important;
}

.u-w-min-84v {
  min-width: 84vw !important;
}

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

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

.u-w-min-86p {
  min-width: 86% !important;
}

.u-w-min-86v {
  min-width: 86vw !important;
}

.u-w-min-87p {
  min-width: 87% !important;
}

.u-w-min-87v {
  min-width: 87vw !important;
}

.u-w-min-88p {
  min-width: 88% !important;
}

.u-w-min-88v {
  min-width: 88vw !important;
}

.u-w-min-89p {
  min-width: 89% !important;
}

.u-w-min-89v {
  min-width: 89vw !important;
}

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

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

.u-w-min-91p {
  min-width: 91% !important;
}

.u-w-min-91v {
  min-width: 91vw !important;
}

.u-w-min-92p {
  min-width: 92% !important;
}

.u-w-min-92v {
  min-width: 92vw !important;
}

.u-w-min-93p {
  min-width: 93% !important;
}

.u-w-min-93v {
  min-width: 93vw !important;
}

.u-w-min-94p {
  min-width: 94% !important;
}

.u-w-min-94v {
  min-width: 94vw !important;
}

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

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

.u-w-min-96p {
  min-width: 96% !important;
}

.u-w-min-96v {
  min-width: 96vw !important;
}

.u-w-min-97p {
  min-width: 97% !important;
}

.u-w-min-97v {
  min-width: 97vw !important;
}

.u-w-min-98p {
  min-width: 98% !important;
}

.u-w-min-98v {
  min-width: 98vw !important;
}

.u-w-min-99p {
  min-width: 99% !important;
}

.u-w-min-99v {
  min-width: 99vw !important;
}

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

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

/* TAB版：プリフィクス tab- を付加 */
@media print, screen and (mxx-width: 768px) {
  /* 単位：em */
  .u-tab-w-min-1em {
    min-width: 1em !important;
  }
  .u-tab-w-min-2em {
    min-width: 2em !important;
  }
  .u-tab-w-min-3em {
    min-width: 3em !important;
  }
  .u-tab-w-min-4em {
    min-width: 4em !important;
  }
  .u-tab-w-min-5em {
    min-width: 5em !important;
  }
  .u-tab-w-min-6em {
    min-width: 6em !important;
  }
  .u-tab-w-min-7em {
    min-width: 7em !important;
  }
  .u-tab-w-min-8em {
    min-width: 8em !important;
  }
  .u-tab-w-min-9em {
    min-width: 9em !important;
  }
  .u-tab-w-min-10em {
    min-width: 10em !important;
  }
  /* 単位：px（rem） */
  .u-tab-w-min-0 {
    min-width: 0rem !important;
  }
  .u-tab-w-min-4 {
    min-width: 0.4rem !important;
  }
  .u-tab-w-min-8 {
    min-width: 0.8rem !important;
  }
  .u-tab-w-min-12 {
    min-width: 1.2rem !important;
  }
  .u-tab-w-min-16 {
    min-width: 1.6rem !important;
  }
  .u-tab-w-min-20 {
    min-width: 2rem !important;
  }
  .u-tab-w-min-24 {
    min-width: 2.4rem !important;
  }
  .u-tab-w-min-28 {
    min-width: 2.8rem !important;
  }
  .u-tab-w-min-32 {
    min-width: 3.2rem !important;
  }
  .u-tab-w-min-36 {
    min-width: 3.6rem !important;
  }
  .u-tab-w-min-40 {
    min-width: 4rem !important;
  }
  .u-tab-w-min-44 {
    min-width: 4.4rem !important;
  }
  .u-tab-w-min-48 {
    min-width: 4.8rem !important;
  }
  .u-tab-w-min-52 {
    min-width: 5.2rem !important;
  }
  .u-tab-w-min-56 {
    min-width: 5.6rem !important;
  }
  .u-tab-w-min-60 {
    min-width: 6rem !important;
  }
  .u-tab-w-min-64 {
    min-width: 6.4rem !important;
  }
  .u-tab-w-min-68 {
    min-width: 6.8rem !important;
  }
  .u-tab-w-min-72 {
    min-width: 7.2rem !important;
  }
  .u-tab-w-min-76 {
    min-width: 7.6rem !important;
  }
  .u-tab-w-min-80 {
    min-width: 8rem !important;
  }
  .u-tab-w-min-84 {
    min-width: 8.4rem !important;
  }
  .u-tab-w-min-88 {
    min-width: 8.8rem !important;
  }
  .u-tab-w-min-92 {
    min-width: 9.2rem !important;
  }
  .u-tab-w-min-96 {
    min-width: 9.6rem !important;
  }
  .u-tab-w-min-100 {
    min-width: 10rem !important;
  }
  .u-tab-w-min-104 {
    min-width: 10.4rem !important;
  }
  .u-tab-w-min-108 {
    min-width: 10.8rem !important;
  }
  .u-tab-w-min-112 {
    min-width: 11.2rem !important;
  }
  .u-tab-w-min-116 {
    min-width: 11.6rem !important;
  }
  .u-tab-w-min-120 {
    min-width: 12rem !important;
  }
  .u-tab-w-min-124 {
    min-width: 12.4rem !important;
  }
  .u-tab-w-min-128 {
    min-width: 12.8rem !important;
  }
  .u-tab-w-min-132 {
    min-width: 13.2rem !important;
  }
  .u-tab-w-min-136 {
    min-width: 13.6rem !important;
  }
  .u-tab-w-min-140 {
    min-width: 14rem !important;
  }
  .u-tab-w-min-144 {
    min-width: 14.4rem !important;
  }
  .u-tab-w-min-148 {
    min-width: 14.8rem !important;
  }
  .u-tab-w-min-152 {
    min-width: 15.2rem !important;
  }
  .u-tab-w-min-156 {
    min-width: 15.6rem !important;
  }
  .u-tab-w-min-160 {
    min-width: 16rem !important;
  }
  .u-tab-w-min-164 {
    min-width: 16.4rem !important;
  }
  .u-tab-w-min-168 {
    min-width: 16.8rem !important;
  }
  .u-tab-w-min-172 {
    min-width: 17.2rem !important;
  }
  .u-tab-w-min-176 {
    min-width: 17.6rem !important;
  }
  .u-tab-w-min-180 {
    min-width: 18rem !important;
  }
  .u-tab-w-min-184 {
    min-width: 18.4rem !important;
  }
  .u-tab-w-min-188 {
    min-width: 18.8rem !important;
  }
  .u-tab-w-min-192 {
    min-width: 19.2rem !important;
  }
  .u-tab-w-min-196 {
    min-width: 19.6rem !important;
  }
  .u-tab-w-min-200 {
    min-width: 20rem !important;
  }
  .u-tab-w-min-204 {
    min-width: 20.4rem !important;
  }
  .u-tab-w-min-208 {
    min-width: 20.8rem !important;
  }
  .u-tab-w-min-212 {
    min-width: 21.2rem !important;
  }
  .u-tab-w-min-216 {
    min-width: 21.6rem !important;
  }
  .u-tab-w-min-220 {
    min-width: 22rem !important;
  }
  .u-tab-w-min-224 {
    min-width: 22.4rem !important;
  }
  .u-tab-w-min-228 {
    min-width: 22.8rem !important;
  }
  .u-tab-w-min-232 {
    min-width: 23.2rem !important;
  }
  .u-tab-w-min-236 {
    min-width: 23.6rem !important;
  }
  .u-tab-w-min-240 {
    min-width: 24rem !important;
  }
  .u-tab-w-min-244 {
    min-width: 24.4rem !important;
  }
  .u-tab-w-min-248 {
    min-width: 24.8rem !important;
  }
  .u-tab-w-min-252 {
    min-width: 25.2rem !important;
  }
  .u-tab-w-min-256 {
    min-width: 25.6rem !important;
  }
  .u-tab-w-min-260 {
    min-width: 26rem !important;
  }
  .u-tab-w-min-264 {
    min-width: 26.4rem !important;
  }
  .u-tab-w-min-268 {
    min-width: 26.8rem !important;
  }
  .u-tab-w-min-272 {
    min-width: 27.2rem !important;
  }
  .u-tab-w-min-276 {
    min-width: 27.6rem !important;
  }
  .u-tab-w-min-280 {
    min-width: 28rem !important;
  }
  .u-tab-w-min-284 {
    min-width: 28.4rem !important;
  }
  .u-tab-w-min-288 {
    min-width: 28.8rem !important;
  }
  .u-tab-w-min-292 {
    min-width: 29.2rem !important;
  }
  .u-tab-w-min-296 {
    min-width: 29.6rem !important;
  }
  .u-tab-w-min-300 {
    min-width: 30rem !important;
  }
  .u-tab-w-min-304 {
    min-width: 30.4rem !important;
  }
  .u-tab-w-min-308 {
    min-width: 30.8rem !important;
  }
  .u-tab-w-min-312 {
    min-width: 31.2rem !important;
  }
  .u-tab-w-min-316 {
    min-width: 31.6rem !important;
  }
  .u-tab-w-min-320 {
    min-width: 32rem !important;
  }
  .u-tab-w-min-324 {
    min-width: 32.4rem !important;
  }
  .u-tab-w-min-328 {
    min-width: 32.8rem !important;
  }
  .u-tab-w-min-332 {
    min-width: 33.2rem !important;
  }
  .u-tab-w-min-336 {
    min-width: 33.6rem !important;
  }
  .u-tab-w-min-340 {
    min-width: 34rem !important;
  }
  .u-tab-w-min-344 {
    min-width: 34.4rem !important;
  }
  .u-tab-w-min-348 {
    min-width: 34.8rem !important;
  }
  .u-tab-w-min-352 {
    min-width: 35.2rem !important;
  }
  .u-tab-w-min-356 {
    min-width: 35.6rem !important;
  }
  .u-tab-w-min-360 {
    min-width: 36rem !important;
  }
  .u-tab-w-min-364 {
    min-width: 36.4rem !important;
  }
  .u-tab-w-min-368 {
    min-width: 36.8rem !important;
  }
  .u-tab-w-min-372 {
    min-width: 37.2rem !important;
  }
  .u-tab-w-min-376 {
    min-width: 37.6rem !important;
  }
  .u-tab-w-min-380 {
    min-width: 38rem !important;
  }
  .u-tab-w-min-384 {
    min-width: 38.4rem !important;
  }
  .u-tab-w-min-388 {
    min-width: 38.8rem !important;
  }
  .u-tab-w-min-392 {
    min-width: 39.2rem !important;
  }
  .u-tab-w-min-396 {
    min-width: 39.6rem !important;
  }
  .u-tab-w-min-400 {
    min-width: 40rem !important;
  }
  .u-tab-w-min-404 {
    min-width: 40.4rem !important;
  }
  .u-tab-w-min-408 {
    min-width: 40.8rem !important;
  }
  .u-tab-w-min-412 {
    min-width: 41.2rem !important;
  }
  .u-tab-w-min-416 {
    min-width: 41.6rem !important;
  }
  .u-tab-w-min-420 {
    min-width: 42rem !important;
  }
  .u-tab-w-min-424 {
    min-width: 42.4rem !important;
  }
  .u-tab-w-min-428 {
    min-width: 42.8rem !important;
  }
  .u-tab-w-min-432 {
    min-width: 43.2rem !important;
  }
  .u-tab-w-min-436 {
    min-width: 43.6rem !important;
  }
  .u-tab-w-min-440 {
    min-width: 44rem !important;
  }
  .u-tab-w-min-444 {
    min-width: 44.4rem !important;
  }
  .u-tab-w-min-448 {
    min-width: 44.8rem !important;
  }
  .u-tab-w-min-452 {
    min-width: 45.2rem !important;
  }
  .u-tab-w-min-456 {
    min-width: 45.6rem !important;
  }
  .u-tab-w-min-460 {
    min-width: 46rem !important;
  }
  .u-tab-w-min-464 {
    min-width: 46.4rem !important;
  }
  .u-tab-w-min-468 {
    min-width: 46.8rem !important;
  }
  .u-tab-w-min-472 {
    min-width: 47.2rem !important;
  }
  .u-tab-w-min-476 {
    min-width: 47.6rem !important;
  }
  .u-tab-w-min-480 {
    min-width: 48rem !important;
  }
  .u-tab-w-min-484 {
    min-width: 48.4rem !important;
  }
  .u-tab-w-min-488 {
    min-width: 48.8rem !important;
  }
  .u-tab-w-min-492 {
    min-width: 49.2rem !important;
  }
  .u-tab-w-min-496 {
    min-width: 49.6rem !important;
  }
  .u-tab-w-min-500 {
    min-width: 50rem !important;
  }
  .u-tab-w-min-504 {
    min-width: 50.4rem !important;
  }
  .u-tab-w-min-508 {
    min-width: 50.8rem !important;
  }
  .u-tab-w-min-512 {
    min-width: 51.2rem !important;
  }
  .u-tab-w-min-516 {
    min-width: 51.6rem !important;
  }
  .u-tab-w-min-520 {
    min-width: 52rem !important;
  }
  .u-tab-w-min-524 {
    min-width: 52.4rem !important;
  }
  .u-tab-w-min-528 {
    min-width: 52.8rem !important;
  }
  .u-tab-w-min-532 {
    min-width: 53.2rem !important;
  }
  .u-tab-w-min-536 {
    min-width: 53.6rem !important;
  }
  .u-tab-w-min-540 {
    min-width: 54rem !important;
  }
  .u-tab-w-min-544 {
    min-width: 54.4rem !important;
  }
  .u-tab-w-min-548 {
    min-width: 54.8rem !important;
  }
  .u-tab-w-min-552 {
    min-width: 55.2rem !important;
  }
  .u-tab-w-min-556 {
    min-width: 55.6rem !important;
  }
  .u-tab-w-min-560 {
    min-width: 56rem !important;
  }
  .u-tab-w-min-564 {
    min-width: 56.4rem !important;
  }
  .u-tab-w-min-568 {
    min-width: 56.8rem !important;
  }
  .u-tab-w-min-572 {
    min-width: 57.2rem !important;
  }
  .u-tab-w-min-576 {
    min-width: 57.6rem !important;
  }
  .u-tab-w-min-580 {
    min-width: 58rem !important;
  }
  .u-tab-w-min-584 {
    min-width: 58.4rem !important;
  }
  .u-tab-w-min-588 {
    min-width: 58.8rem !important;
  }
  .u-tab-w-min-592 {
    min-width: 59.2rem !important;
  }
  .u-tab-w-min-596 {
    min-width: 59.6rem !important;
  }
  .u-tab-w-min-600 {
    min-width: 60rem !important;
  }
  .u-tab-w-min-604 {
    min-width: 60.4rem !important;
  }
  .u-tab-w-min-608 {
    min-width: 60.8rem !important;
  }
  .u-tab-w-min-612 {
    min-width: 61.2rem !important;
  }
  .u-tab-w-min-616 {
    min-width: 61.6rem !important;
  }
  .u-tab-w-min-620 {
    min-width: 62rem !important;
  }
  .u-tab-w-min-624 {
    min-width: 62.4rem !important;
  }
  .u-tab-w-min-628 {
    min-width: 62.8rem !important;
  }
  .u-tab-w-min-632 {
    min-width: 63.2rem !important;
  }
  .u-tab-w-min-636 {
    min-width: 63.6rem !important;
  }
  .u-tab-w-min-640 {
    min-width: 64rem !important;
  }
  .u-tab-w-min-644 {
    min-width: 64.4rem !important;
  }
  .u-tab-w-min-648 {
    min-width: 64.8rem !important;
  }
  .u-tab-w-min-652 {
    min-width: 65.2rem !important;
  }
  .u-tab-w-min-656 {
    min-width: 65.6rem !important;
  }
  .u-tab-w-min-660 {
    min-width: 66rem !important;
  }
  .u-tab-w-min-664 {
    min-width: 66.4rem !important;
  }
  .u-tab-w-min-668 {
    min-width: 66.8rem !important;
  }
  .u-tab-w-min-672 {
    min-width: 67.2rem !important;
  }
  .u-tab-w-min-676 {
    min-width: 67.6rem !important;
  }
  .u-tab-w-min-680 {
    min-width: 68rem !important;
  }
  .u-tab-w-min-684 {
    min-width: 68.4rem !important;
  }
  .u-tab-w-min-688 {
    min-width: 68.8rem !important;
  }
  .u-tab-w-min-692 {
    min-width: 69.2rem !important;
  }
  .u-tab-w-min-696 {
    min-width: 69.6rem !important;
  }
  .u-tab-w-min-700 {
    min-width: 70rem !important;
  }
  .u-tab-w-min-704 {
    min-width: 70.4rem !important;
  }
  .u-tab-w-min-708 {
    min-width: 70.8rem !important;
  }
  .u-tab-w-min-712 {
    min-width: 71.2rem !important;
  }
  .u-tab-w-min-716 {
    min-width: 71.6rem !important;
  }
  .u-tab-w-min-720 {
    min-width: 72rem !important;
  }
  .u-tab-w-min-724 {
    min-width: 72.4rem !important;
  }
  .u-tab-w-min-728 {
    min-width: 72.8rem !important;
  }
  .u-tab-w-min-732 {
    min-width: 73.2rem !important;
  }
  .u-tab-w-min-736 {
    min-width: 73.6rem !important;
  }
  .u-tab-w-min-740 {
    min-width: 74rem !important;
  }
  .u-tab-w-min-744 {
    min-width: 74.4rem !important;
  }
  .u-tab-w-min-748 {
    min-width: 74.8rem !important;
  }
  .u-tab-w-min-752 {
    min-width: 75.2rem !important;
  }
  .u-tab-w-min-756 {
    min-width: 75.6rem !important;
  }
  .u-tab-w-min-760 {
    min-width: 76rem !important;
  }
  .u-tab-w-min-764 {
    min-width: 76.4rem !important;
  }
  .u-tab-w-min-768 {
    min-width: 76.8rem !important;
  }
  .u-tab-w-min-772 {
    min-width: 77.2rem !important;
  }
  .u-tab-w-min-776 {
    min-width: 77.6rem !important;
  }
  .u-tab-w-min-780 {
    min-width: 78rem !important;
  }
  .u-tab-w-min-784 {
    min-width: 78.4rem !important;
  }
  .u-tab-w-min-788 {
    min-width: 78.8rem !important;
  }
  .u-tab-w-min-792 {
    min-width: 79.2rem !important;
  }
  .u-tab-w-min-796 {
    min-width: 79.6rem !important;
  }
  .u-tab-w-min-800 {
    min-width: 80rem !important;
  }
  .u-tab-w-min-804 {
    min-width: 80.4rem !important;
  }
  .u-tab-w-min-808 {
    min-width: 80.8rem !important;
  }
  .u-tab-w-min-812 {
    min-width: 81.2rem !important;
  }
  .u-tab-w-min-816 {
    min-width: 81.6rem !important;
  }
  .u-tab-w-min-820 {
    min-width: 82rem !important;
  }
  .u-tab-w-min-824 {
    min-width: 82.4rem !important;
  }
  .u-tab-w-min-828 {
    min-width: 82.8rem !important;
  }
  .u-tab-w-min-832 {
    min-width: 83.2rem !important;
  }
  .u-tab-w-min-836 {
    min-width: 83.6rem !important;
  }
  .u-tab-w-min-840 {
    min-width: 84rem !important;
  }
  .u-tab-w-min-844 {
    min-width: 84.4rem !important;
  }
  .u-tab-w-min-848 {
    min-width: 84.8rem !important;
  }
  .u-tab-w-min-852 {
    min-width: 85.2rem !important;
  }
  .u-tab-w-min-856 {
    min-width: 85.6rem !important;
  }
  .u-tab-w-min-860 {
    min-width: 86rem !important;
  }
  .u-tab-w-min-864 {
    min-width: 86.4rem !important;
  }
  .u-tab-w-min-868 {
    min-width: 86.8rem !important;
  }
  .u-tab-w-min-872 {
    min-width: 87.2rem !important;
  }
  .u-tab-w-min-876 {
    min-width: 87.6rem !important;
  }
  .u-tab-w-min-880 {
    min-width: 88rem !important;
  }
  .u-tab-w-min-884 {
    min-width: 88.4rem !important;
  }
  .u-tab-w-min-888 {
    min-width: 88.8rem !important;
  }
  .u-tab-w-min-892 {
    min-width: 89.2rem !important;
  }
  .u-tab-w-min-896 {
    min-width: 89.6rem !important;
  }
  .u-tab-w-min-900 {
    min-width: 90rem !important;
  }
  .u-tab-w-min-904 {
    min-width: 90.4rem !important;
  }
  .u-tab-w-min-908 {
    min-width: 90.8rem !important;
  }
  .u-tab-w-min-912 {
    min-width: 91.2rem !important;
  }
  .u-tab-w-min-916 {
    min-width: 91.6rem !important;
  }
  .u-tab-w-min-920 {
    min-width: 92rem !important;
  }
  .u-tab-w-min-924 {
    min-width: 92.4rem !important;
  }
  .u-tab-w-min-928 {
    min-width: 92.8rem !important;
  }
  .u-tab-w-min-932 {
    min-width: 93.2rem !important;
  }
  .u-tab-w-min-936 {
    min-width: 93.6rem !important;
  }
  .u-tab-w-min-940 {
    min-width: 94rem !important;
  }
  .u-tab-w-min-944 {
    min-width: 94.4rem !important;
  }
  .u-tab-w-min-948 {
    min-width: 94.8rem !important;
  }
  .u-tab-w-min-952 {
    min-width: 95.2rem !important;
  }
  .u-tab-w-min-956 {
    min-width: 95.6rem !important;
  }
  .u-tab-w-min-960 {
    min-width: 96rem !important;
  }
  .u-tab-w-min-964 {
    min-width: 96.4rem !important;
  }
  .u-tab-w-min-968 {
    min-width: 96.8rem !important;
  }
  .u-tab-w-min-972 {
    min-width: 97.2rem !important;
  }
  .u-tab-w-min-976 {
    min-width: 97.6rem !important;
  }
  .u-tab-w-min-980 {
    min-width: 98rem !important;
  }
  .u-tab-w-min-984 {
    min-width: 98.4rem !important;
  }
  .u-tab-w-min-988 {
    min-width: 98.8rem !important;
  }
  .u-tab-w-min-992 {
    min-width: 99.2rem !important;
  }
  .u-tab-w-min-996 {
    min-width: 99.6rem !important;
  }
  .u-tab-w-min-1000 {
    min-width: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-tab-w-min-1p {
    min-width: 1% !important;
  }
  .u-tab-w-min-1v {
    min-width: 1vw !important;
  }
  .u-tab-w-min-2p {
    min-width: 2% !important;
  }
  .u-tab-w-min-2v {
    min-width: 2vw !important;
  }
  .u-tab-w-min-3p {
    min-width: 3% !important;
  }
  .u-tab-w-min-3v {
    min-width: 3vw !important;
  }
  .u-tab-w-min-4p {
    min-width: 4% !important;
  }
  .u-tab-w-min-4v {
    min-width: 4vw !important;
  }
  .u-tab-w-min-5p {
    min-width: 5% !important;
  }
  .u-tab-w-min-5v {
    min-width: 5vw !important;
  }
  .u-tab-w-min-6p {
    min-width: 6% !important;
  }
  .u-tab-w-min-6v {
    min-width: 6vw !important;
  }
  .u-tab-w-min-7p {
    min-width: 7% !important;
  }
  .u-tab-w-min-7v {
    min-width: 7vw !important;
  }
  .u-tab-w-min-8p {
    min-width: 8% !important;
  }
  .u-tab-w-min-8v {
    min-width: 8vw !important;
  }
  .u-tab-w-min-9p {
    min-width: 9% !important;
  }
  .u-tab-w-min-9v {
    min-width: 9vw !important;
  }
  .u-tab-w-min-10p {
    min-width: 10% !important;
  }
  .u-tab-w-min-10v {
    min-width: 10vw !important;
  }
  .u-tab-w-min-11p {
    min-width: 11% !important;
  }
  .u-tab-w-min-11v {
    min-width: 11vw !important;
  }
  .u-tab-w-min-12p {
    min-width: 12% !important;
  }
  .u-tab-w-min-12v {
    min-width: 12vw !important;
  }
  .u-tab-w-min-13p {
    min-width: 13% !important;
  }
  .u-tab-w-min-13v {
    min-width: 13vw !important;
  }
  .u-tab-w-min-14p {
    min-width: 14% !important;
  }
  .u-tab-w-min-14v {
    min-width: 14vw !important;
  }
  .u-tab-w-min-15p {
    min-width: 15% !important;
  }
  .u-tab-w-min-15v {
    min-width: 15vw !important;
  }
  .u-tab-w-min-16p {
    min-width: 16% !important;
  }
  .u-tab-w-min-16v {
    min-width: 16vw !important;
  }
  .u-tab-w-min-17p {
    min-width: 17% !important;
  }
  .u-tab-w-min-17v {
    min-width: 17vw !important;
  }
  .u-tab-w-min-18p {
    min-width: 18% !important;
  }
  .u-tab-w-min-18v {
    min-width: 18vw !important;
  }
  .u-tab-w-min-19p {
    min-width: 19% !important;
  }
  .u-tab-w-min-19v {
    min-width: 19vw !important;
  }
  .u-tab-w-min-20p {
    min-width: 20% !important;
  }
  .u-tab-w-min-20v {
    min-width: 20vw !important;
  }
  .u-tab-w-min-21p {
    min-width: 21% !important;
  }
  .u-tab-w-min-21v {
    min-width: 21vw !important;
  }
  .u-tab-w-min-22p {
    min-width: 22% !important;
  }
  .u-tab-w-min-22v {
    min-width: 22vw !important;
  }
  .u-tab-w-min-23p {
    min-width: 23% !important;
  }
  .u-tab-w-min-23v {
    min-width: 23vw !important;
  }
  .u-tab-w-min-24p {
    min-width: 24% !important;
  }
  .u-tab-w-min-24v {
    min-width: 24vw !important;
  }
  .u-tab-w-min-25p {
    min-width: 25% !important;
  }
  .u-tab-w-min-25v {
    min-width: 25vw !important;
  }
  .u-tab-w-min-26p {
    min-width: 26% !important;
  }
  .u-tab-w-min-26v {
    min-width: 26vw !important;
  }
  .u-tab-w-min-27p {
    min-width: 27% !important;
  }
  .u-tab-w-min-27v {
    min-width: 27vw !important;
  }
  .u-tab-w-min-28p {
    min-width: 28% !important;
  }
  .u-tab-w-min-28v {
    min-width: 28vw !important;
  }
  .u-tab-w-min-29p {
    min-width: 29% !important;
  }
  .u-tab-w-min-29v {
    min-width: 29vw !important;
  }
  .u-tab-w-min-30p {
    min-width: 30% !important;
  }
  .u-tab-w-min-30v {
    min-width: 30vw !important;
  }
  .u-tab-w-min-31p {
    min-width: 31% !important;
  }
  .u-tab-w-min-31v {
    min-width: 31vw !important;
  }
  .u-tab-w-min-32p {
    min-width: 32% !important;
  }
  .u-tab-w-min-32v {
    min-width: 32vw !important;
  }
  .u-tab-w-min-33p {
    min-width: 33% !important;
  }
  .u-tab-w-min-33v {
    min-width: 33vw !important;
  }
  .u-tab-w-min-34p {
    min-width: 34% !important;
  }
  .u-tab-w-min-34v {
    min-width: 34vw !important;
  }
  .u-tab-w-min-35p {
    min-width: 35% !important;
  }
  .u-tab-w-min-35v {
    min-width: 35vw !important;
  }
  .u-tab-w-min-36p {
    min-width: 36% !important;
  }
  .u-tab-w-min-36v {
    min-width: 36vw !important;
  }
  .u-tab-w-min-37p {
    min-width: 37% !important;
  }
  .u-tab-w-min-37v {
    min-width: 37vw !important;
  }
  .u-tab-w-min-38p {
    min-width: 38% !important;
  }
  .u-tab-w-min-38v {
    min-width: 38vw !important;
  }
  .u-tab-w-min-39p {
    min-width: 39% !important;
  }
  .u-tab-w-min-39v {
    min-width: 39vw !important;
  }
  .u-tab-w-min-40p {
    min-width: 40% !important;
  }
  .u-tab-w-min-40v {
    min-width: 40vw !important;
  }
  .u-tab-w-min-41p {
    min-width: 41% !important;
  }
  .u-tab-w-min-41v {
    min-width: 41vw !important;
  }
  .u-tab-w-min-42p {
    min-width: 42% !important;
  }
  .u-tab-w-min-42v {
    min-width: 42vw !important;
  }
  .u-tab-w-min-43p {
    min-width: 43% !important;
  }
  .u-tab-w-min-43v {
    min-width: 43vw !important;
  }
  .u-tab-w-min-44p {
    min-width: 44% !important;
  }
  .u-tab-w-min-44v {
    min-width: 44vw !important;
  }
  .u-tab-w-min-45p {
    min-width: 45% !important;
  }
  .u-tab-w-min-45v {
    min-width: 45vw !important;
  }
  .u-tab-w-min-46p {
    min-width: 46% !important;
  }
  .u-tab-w-min-46v {
    min-width: 46vw !important;
  }
  .u-tab-w-min-47p {
    min-width: 47% !important;
  }
  .u-tab-w-min-47v {
    min-width: 47vw !important;
  }
  .u-tab-w-min-48p {
    min-width: 48% !important;
  }
  .u-tab-w-min-48v {
    min-width: 48vw !important;
  }
  .u-tab-w-min-49p {
    min-width: 49% !important;
  }
  .u-tab-w-min-49v {
    min-width: 49vw !important;
  }
  .u-tab-w-min-50p {
    min-width: 50% !important;
  }
  .u-tab-w-min-50v {
    min-width: 50vw !important;
  }
  .u-tab-w-min-51p {
    min-width: 51% !important;
  }
  .u-tab-w-min-51v {
    min-width: 51vw !important;
  }
  .u-tab-w-min-52p {
    min-width: 52% !important;
  }
  .u-tab-w-min-52v {
    min-width: 52vw !important;
  }
  .u-tab-w-min-53p {
    min-width: 53% !important;
  }
  .u-tab-w-min-53v {
    min-width: 53vw !important;
  }
  .u-tab-w-min-54p {
    min-width: 54% !important;
  }
  .u-tab-w-min-54v {
    min-width: 54vw !important;
  }
  .u-tab-w-min-55p {
    min-width: 55% !important;
  }
  .u-tab-w-min-55v {
    min-width: 55vw !important;
  }
  .u-tab-w-min-56p {
    min-width: 56% !important;
  }
  .u-tab-w-min-56v {
    min-width: 56vw !important;
  }
  .u-tab-w-min-57p {
    min-width: 57% !important;
  }
  .u-tab-w-min-57v {
    min-width: 57vw !important;
  }
  .u-tab-w-min-58p {
    min-width: 58% !important;
  }
  .u-tab-w-min-58v {
    min-width: 58vw !important;
  }
  .u-tab-w-min-59p {
    min-width: 59% !important;
  }
  .u-tab-w-min-59v {
    min-width: 59vw !important;
  }
  .u-tab-w-min-60p {
    min-width: 60% !important;
  }
  .u-tab-w-min-60v {
    min-width: 60vw !important;
  }
  .u-tab-w-min-61p {
    min-width: 61% !important;
  }
  .u-tab-w-min-61v {
    min-width: 61vw !important;
  }
  .u-tab-w-min-62p {
    min-width: 62% !important;
  }
  .u-tab-w-min-62v {
    min-width: 62vw !important;
  }
  .u-tab-w-min-63p {
    min-width: 63% !important;
  }
  .u-tab-w-min-63v {
    min-width: 63vw !important;
  }
  .u-tab-w-min-64p {
    min-width: 64% !important;
  }
  .u-tab-w-min-64v {
    min-width: 64vw !important;
  }
  .u-tab-w-min-65p {
    min-width: 65% !important;
  }
  .u-tab-w-min-65v {
    min-width: 65vw !important;
  }
  .u-tab-w-min-66p {
    min-width: 66% !important;
  }
  .u-tab-w-min-66v {
    min-width: 66vw !important;
  }
  .u-tab-w-min-67p {
    min-width: 67% !important;
  }
  .u-tab-w-min-67v {
    min-width: 67vw !important;
  }
  .u-tab-w-min-68p {
    min-width: 68% !important;
  }
  .u-tab-w-min-68v {
    min-width: 68vw !important;
  }
  .u-tab-w-min-69p {
    min-width: 69% !important;
  }
  .u-tab-w-min-69v {
    min-width: 69vw !important;
  }
  .u-tab-w-min-70p {
    min-width: 70% !important;
  }
  .u-tab-w-min-70v {
    min-width: 70vw !important;
  }
  .u-tab-w-min-71p {
    min-width: 71% !important;
  }
  .u-tab-w-min-71v {
    min-width: 71vw !important;
  }
  .u-tab-w-min-72p {
    min-width: 72% !important;
  }
  .u-tab-w-min-72v {
    min-width: 72vw !important;
  }
  .u-tab-w-min-73p {
    min-width: 73% !important;
  }
  .u-tab-w-min-73v {
    min-width: 73vw !important;
  }
  .u-tab-w-min-74p {
    min-width: 74% !important;
  }
  .u-tab-w-min-74v {
    min-width: 74vw !important;
  }
  .u-tab-w-min-75p {
    min-width: 75% !important;
  }
  .u-tab-w-min-75v {
    min-width: 75vw !important;
  }
  .u-tab-w-min-76p {
    min-width: 76% !important;
  }
  .u-tab-w-min-76v {
    min-width: 76vw !important;
  }
  .u-tab-w-min-77p {
    min-width: 77% !important;
  }
  .u-tab-w-min-77v {
    min-width: 77vw !important;
  }
  .u-tab-w-min-78p {
    min-width: 78% !important;
  }
  .u-tab-w-min-78v {
    min-width: 78vw !important;
  }
  .u-tab-w-min-79p {
    min-width: 79% !important;
  }
  .u-tab-w-min-79v {
    min-width: 79vw !important;
  }
  .u-tab-w-min-80p {
    min-width: 80% !important;
  }
  .u-tab-w-min-80v {
    min-width: 80vw !important;
  }
  .u-tab-w-min-81p {
    min-width: 81% !important;
  }
  .u-tab-w-min-81v {
    min-width: 81vw !important;
  }
  .u-tab-w-min-82p {
    min-width: 82% !important;
  }
  .u-tab-w-min-82v {
    min-width: 82vw !important;
  }
  .u-tab-w-min-83p {
    min-width: 83% !important;
  }
  .u-tab-w-min-83v {
    min-width: 83vw !important;
  }
  .u-tab-w-min-84p {
    min-width: 84% !important;
  }
  .u-tab-w-min-84v {
    min-width: 84vw !important;
  }
  .u-tab-w-min-85p {
    min-width: 85% !important;
  }
  .u-tab-w-min-85v {
    min-width: 85vw !important;
  }
  .u-tab-w-min-86p {
    min-width: 86% !important;
  }
  .u-tab-w-min-86v {
    min-width: 86vw !important;
  }
  .u-tab-w-min-87p {
    min-width: 87% !important;
  }
  .u-tab-w-min-87v {
    min-width: 87vw !important;
  }
  .u-tab-w-min-88p {
    min-width: 88% !important;
  }
  .u-tab-w-min-88v {
    min-width: 88vw !important;
  }
  .u-tab-w-min-89p {
    min-width: 89% !important;
  }
  .u-tab-w-min-89v {
    min-width: 89vw !important;
  }
  .u-tab-w-min-90p {
    min-width: 90% !important;
  }
  .u-tab-w-min-90v {
    min-width: 90vw !important;
  }
  .u-tab-w-min-91p {
    min-width: 91% !important;
  }
  .u-tab-w-min-91v {
    min-width: 91vw !important;
  }
  .u-tab-w-min-92p {
    min-width: 92% !important;
  }
  .u-tab-w-min-92v {
    min-width: 92vw !important;
  }
  .u-tab-w-min-93p {
    min-width: 93% !important;
  }
  .u-tab-w-min-93v {
    min-width: 93vw !important;
  }
  .u-tab-w-min-94p {
    min-width: 94% !important;
  }
  .u-tab-w-min-94v {
    min-width: 94vw !important;
  }
  .u-tab-w-min-95p {
    min-width: 95% !important;
  }
  .u-tab-w-min-95v {
    min-width: 95vw !important;
  }
  .u-tab-w-min-96p {
    min-width: 96% !important;
  }
  .u-tab-w-min-96v {
    min-width: 96vw !important;
  }
  .u-tab-w-min-97p {
    min-width: 97% !important;
  }
  .u-tab-w-min-97v {
    min-width: 97vw !important;
  }
  .u-tab-w-min-98p {
    min-width: 98% !important;
  }
  .u-tab-w-min-98v {
    min-width: 98vw !important;
  }
  .u-tab-w-min-99p {
    min-width: 99% !important;
  }
  .u-tab-w-min-99v {
    min-width: 99vw !important;
  }
  .u-tab-w-min-100p {
    min-width: 100% !important;
  }
  .u-tab-w-min-100v {
    min-width: 100vw !important;
  }
}
/* SP版：プリフィクス sp- を付加 */
@media print, screen and (mxx-width: 480px) {
  /* 単位：em */
  .u-sp-w-min-1em {
    min-width: 1em !important;
  }
  .u-sp-w-min-2em {
    min-width: 2em !important;
  }
  .u-sp-w-min-3em {
    min-width: 3em !important;
  }
  .u-sp-w-min-4em {
    min-width: 4em !important;
  }
  .u-sp-w-min-5em {
    min-width: 5em !important;
  }
  .u-sp-w-min-6em {
    min-width: 6em !important;
  }
  .u-sp-w-min-7em {
    min-width: 7em !important;
  }
  .u-sp-w-min-8em {
    min-width: 8em !important;
  }
  .u-sp-w-min-9em {
    min-width: 9em !important;
  }
  .u-sp-w-min-10em {
    min-width: 10em !important;
  }
  /* 単位：px（rem） */
  .u-sp-w-min-0 {
    min-width: 0rem !important;
  }
  .u-sp-w-min-4 {
    min-width: 0.4rem !important;
  }
  .u-sp-w-min-8 {
    min-width: 0.8rem !important;
  }
  .u-sp-w-min-12 {
    min-width: 1.2rem !important;
  }
  .u-sp-w-min-16 {
    min-width: 1.6rem !important;
  }
  .u-sp-w-min-20 {
    min-width: 2rem !important;
  }
  .u-sp-w-min-24 {
    min-width: 2.4rem !important;
  }
  .u-sp-w-min-28 {
    min-width: 2.8rem !important;
  }
  .u-sp-w-min-32 {
    min-width: 3.2rem !important;
  }
  .u-sp-w-min-36 {
    min-width: 3.6rem !important;
  }
  .u-sp-w-min-40 {
    min-width: 4rem !important;
  }
  .u-sp-w-min-44 {
    min-width: 4.4rem !important;
  }
  .u-sp-w-min-48 {
    min-width: 4.8rem !important;
  }
  .u-sp-w-min-52 {
    min-width: 5.2rem !important;
  }
  .u-sp-w-min-56 {
    min-width: 5.6rem !important;
  }
  .u-sp-w-min-60 {
    min-width: 6rem !important;
  }
  .u-sp-w-min-64 {
    min-width: 6.4rem !important;
  }
  .u-sp-w-min-68 {
    min-width: 6.8rem !important;
  }
  .u-sp-w-min-72 {
    min-width: 7.2rem !important;
  }
  .u-sp-w-min-76 {
    min-width: 7.6rem !important;
  }
  .u-sp-w-min-80 {
    min-width: 8rem !important;
  }
  .u-sp-w-min-84 {
    min-width: 8.4rem !important;
  }
  .u-sp-w-min-88 {
    min-width: 8.8rem !important;
  }
  .u-sp-w-min-92 {
    min-width: 9.2rem !important;
  }
  .u-sp-w-min-96 {
    min-width: 9.6rem !important;
  }
  .u-sp-w-min-100 {
    min-width: 10rem !important;
  }
  .u-sp-w-min-104 {
    min-width: 10.4rem !important;
  }
  .u-sp-w-min-108 {
    min-width: 10.8rem !important;
  }
  .u-sp-w-min-112 {
    min-width: 11.2rem !important;
  }
  .u-sp-w-min-116 {
    min-width: 11.6rem !important;
  }
  .u-sp-w-min-120 {
    min-width: 12rem !important;
  }
  .u-sp-w-min-124 {
    min-width: 12.4rem !important;
  }
  .u-sp-w-min-128 {
    min-width: 12.8rem !important;
  }
  .u-sp-w-min-132 {
    min-width: 13.2rem !important;
  }
  .u-sp-w-min-136 {
    min-width: 13.6rem !important;
  }
  .u-sp-w-min-140 {
    min-width: 14rem !important;
  }
  .u-sp-w-min-144 {
    min-width: 14.4rem !important;
  }
  .u-sp-w-min-148 {
    min-width: 14.8rem !important;
  }
  .u-sp-w-min-152 {
    min-width: 15.2rem !important;
  }
  .u-sp-w-min-156 {
    min-width: 15.6rem !important;
  }
  .u-sp-w-min-160 {
    min-width: 16rem !important;
  }
  .u-sp-w-min-164 {
    min-width: 16.4rem !important;
  }
  .u-sp-w-min-168 {
    min-width: 16.8rem !important;
  }
  .u-sp-w-min-172 {
    min-width: 17.2rem !important;
  }
  .u-sp-w-min-176 {
    min-width: 17.6rem !important;
  }
  .u-sp-w-min-180 {
    min-width: 18rem !important;
  }
  .u-sp-w-min-184 {
    min-width: 18.4rem !important;
  }
  .u-sp-w-min-188 {
    min-width: 18.8rem !important;
  }
  .u-sp-w-min-192 {
    min-width: 19.2rem !important;
  }
  .u-sp-w-min-196 {
    min-width: 19.6rem !important;
  }
  .u-sp-w-min-200 {
    min-width: 20rem !important;
  }
  .u-sp-w-min-204 {
    min-width: 20.4rem !important;
  }
  .u-sp-w-min-208 {
    min-width: 20.8rem !important;
  }
  .u-sp-w-min-212 {
    min-width: 21.2rem !important;
  }
  .u-sp-w-min-216 {
    min-width: 21.6rem !important;
  }
  .u-sp-w-min-220 {
    min-width: 22rem !important;
  }
  .u-sp-w-min-224 {
    min-width: 22.4rem !important;
  }
  .u-sp-w-min-228 {
    min-width: 22.8rem !important;
  }
  .u-sp-w-min-232 {
    min-width: 23.2rem !important;
  }
  .u-sp-w-min-236 {
    min-width: 23.6rem !important;
  }
  .u-sp-w-min-240 {
    min-width: 24rem !important;
  }
  .u-sp-w-min-244 {
    min-width: 24.4rem !important;
  }
  .u-sp-w-min-248 {
    min-width: 24.8rem !important;
  }
  .u-sp-w-min-252 {
    min-width: 25.2rem !important;
  }
  .u-sp-w-min-256 {
    min-width: 25.6rem !important;
  }
  .u-sp-w-min-260 {
    min-width: 26rem !important;
  }
  .u-sp-w-min-264 {
    min-width: 26.4rem !important;
  }
  .u-sp-w-min-268 {
    min-width: 26.8rem !important;
  }
  .u-sp-w-min-272 {
    min-width: 27.2rem !important;
  }
  .u-sp-w-min-276 {
    min-width: 27.6rem !important;
  }
  .u-sp-w-min-280 {
    min-width: 28rem !important;
  }
  .u-sp-w-min-284 {
    min-width: 28.4rem !important;
  }
  .u-sp-w-min-288 {
    min-width: 28.8rem !important;
  }
  .u-sp-w-min-292 {
    min-width: 29.2rem !important;
  }
  .u-sp-w-min-296 {
    min-width: 29.6rem !important;
  }
  .u-sp-w-min-300 {
    min-width: 30rem !important;
  }
  .u-sp-w-min-304 {
    min-width: 30.4rem !important;
  }
  .u-sp-w-min-308 {
    min-width: 30.8rem !important;
  }
  .u-sp-w-min-312 {
    min-width: 31.2rem !important;
  }
  .u-sp-w-min-316 {
    min-width: 31.6rem !important;
  }
  .u-sp-w-min-320 {
    min-width: 32rem !important;
  }
  .u-sp-w-min-324 {
    min-width: 32.4rem !important;
  }
  .u-sp-w-min-328 {
    min-width: 32.8rem !important;
  }
  .u-sp-w-min-332 {
    min-width: 33.2rem !important;
  }
  .u-sp-w-min-336 {
    min-width: 33.6rem !important;
  }
  .u-sp-w-min-340 {
    min-width: 34rem !important;
  }
  .u-sp-w-min-344 {
    min-width: 34.4rem !important;
  }
  .u-sp-w-min-348 {
    min-width: 34.8rem !important;
  }
  .u-sp-w-min-352 {
    min-width: 35.2rem !important;
  }
  .u-sp-w-min-356 {
    min-width: 35.6rem !important;
  }
  .u-sp-w-min-360 {
    min-width: 36rem !important;
  }
  .u-sp-w-min-364 {
    min-width: 36.4rem !important;
  }
  .u-sp-w-min-368 {
    min-width: 36.8rem !important;
  }
  .u-sp-w-min-372 {
    min-width: 37.2rem !important;
  }
  .u-sp-w-min-376 {
    min-width: 37.6rem !important;
  }
  .u-sp-w-min-380 {
    min-width: 38rem !important;
  }
  .u-sp-w-min-384 {
    min-width: 38.4rem !important;
  }
  .u-sp-w-min-388 {
    min-width: 38.8rem !important;
  }
  .u-sp-w-min-392 {
    min-width: 39.2rem !important;
  }
  .u-sp-w-min-396 {
    min-width: 39.6rem !important;
  }
  .u-sp-w-min-400 {
    min-width: 40rem !important;
  }
  .u-sp-w-min-404 {
    min-width: 40.4rem !important;
  }
  .u-sp-w-min-408 {
    min-width: 40.8rem !important;
  }
  .u-sp-w-min-412 {
    min-width: 41.2rem !important;
  }
  .u-sp-w-min-416 {
    min-width: 41.6rem !important;
  }
  .u-sp-w-min-420 {
    min-width: 42rem !important;
  }
  .u-sp-w-min-424 {
    min-width: 42.4rem !important;
  }
  .u-sp-w-min-428 {
    min-width: 42.8rem !important;
  }
  .u-sp-w-min-432 {
    min-width: 43.2rem !important;
  }
  .u-sp-w-min-436 {
    min-width: 43.6rem !important;
  }
  .u-sp-w-min-440 {
    min-width: 44rem !important;
  }
  .u-sp-w-min-444 {
    min-width: 44.4rem !important;
  }
  .u-sp-w-min-448 {
    min-width: 44.8rem !important;
  }
  .u-sp-w-min-452 {
    min-width: 45.2rem !important;
  }
  .u-sp-w-min-456 {
    min-width: 45.6rem !important;
  }
  .u-sp-w-min-460 {
    min-width: 46rem !important;
  }
  .u-sp-w-min-464 {
    min-width: 46.4rem !important;
  }
  .u-sp-w-min-468 {
    min-width: 46.8rem !important;
  }
  .u-sp-w-min-472 {
    min-width: 47.2rem !important;
  }
  .u-sp-w-min-476 {
    min-width: 47.6rem !important;
  }
  .u-sp-w-min-480 {
    min-width: 48rem !important;
  }
  .u-sp-w-min-484 {
    min-width: 48.4rem !important;
  }
  .u-sp-w-min-488 {
    min-width: 48.8rem !important;
  }
  .u-sp-w-min-492 {
    min-width: 49.2rem !important;
  }
  .u-sp-w-min-496 {
    min-width: 49.6rem !important;
  }
  .u-sp-w-min-500 {
    min-width: 50rem !important;
  }
  .u-sp-w-min-504 {
    min-width: 50.4rem !important;
  }
  .u-sp-w-min-508 {
    min-width: 50.8rem !important;
  }
  .u-sp-w-min-512 {
    min-width: 51.2rem !important;
  }
  .u-sp-w-min-516 {
    min-width: 51.6rem !important;
  }
  .u-sp-w-min-520 {
    min-width: 52rem !important;
  }
  .u-sp-w-min-524 {
    min-width: 52.4rem !important;
  }
  .u-sp-w-min-528 {
    min-width: 52.8rem !important;
  }
  .u-sp-w-min-532 {
    min-width: 53.2rem !important;
  }
  .u-sp-w-min-536 {
    min-width: 53.6rem !important;
  }
  .u-sp-w-min-540 {
    min-width: 54rem !important;
  }
  .u-sp-w-min-544 {
    min-width: 54.4rem !important;
  }
  .u-sp-w-min-548 {
    min-width: 54.8rem !important;
  }
  .u-sp-w-min-552 {
    min-width: 55.2rem !important;
  }
  .u-sp-w-min-556 {
    min-width: 55.6rem !important;
  }
  .u-sp-w-min-560 {
    min-width: 56rem !important;
  }
  .u-sp-w-min-564 {
    min-width: 56.4rem !important;
  }
  .u-sp-w-min-568 {
    min-width: 56.8rem !important;
  }
  .u-sp-w-min-572 {
    min-width: 57.2rem !important;
  }
  .u-sp-w-min-576 {
    min-width: 57.6rem !important;
  }
  .u-sp-w-min-580 {
    min-width: 58rem !important;
  }
  .u-sp-w-min-584 {
    min-width: 58.4rem !important;
  }
  .u-sp-w-min-588 {
    min-width: 58.8rem !important;
  }
  .u-sp-w-min-592 {
    min-width: 59.2rem !important;
  }
  .u-sp-w-min-596 {
    min-width: 59.6rem !important;
  }
  .u-sp-w-min-600 {
    min-width: 60rem !important;
  }
  .u-sp-w-min-604 {
    min-width: 60.4rem !important;
  }
  .u-sp-w-min-608 {
    min-width: 60.8rem !important;
  }
  .u-sp-w-min-612 {
    min-width: 61.2rem !important;
  }
  .u-sp-w-min-616 {
    min-width: 61.6rem !important;
  }
  .u-sp-w-min-620 {
    min-width: 62rem !important;
  }
  .u-sp-w-min-624 {
    min-width: 62.4rem !important;
  }
  .u-sp-w-min-628 {
    min-width: 62.8rem !important;
  }
  .u-sp-w-min-632 {
    min-width: 63.2rem !important;
  }
  .u-sp-w-min-636 {
    min-width: 63.6rem !important;
  }
  .u-sp-w-min-640 {
    min-width: 64rem !important;
  }
  .u-sp-w-min-644 {
    min-width: 64.4rem !important;
  }
  .u-sp-w-min-648 {
    min-width: 64.8rem !important;
  }
  .u-sp-w-min-652 {
    min-width: 65.2rem !important;
  }
  .u-sp-w-min-656 {
    min-width: 65.6rem !important;
  }
  .u-sp-w-min-660 {
    min-width: 66rem !important;
  }
  .u-sp-w-min-664 {
    min-width: 66.4rem !important;
  }
  .u-sp-w-min-668 {
    min-width: 66.8rem !important;
  }
  .u-sp-w-min-672 {
    min-width: 67.2rem !important;
  }
  .u-sp-w-min-676 {
    min-width: 67.6rem !important;
  }
  .u-sp-w-min-680 {
    min-width: 68rem !important;
  }
  .u-sp-w-min-684 {
    min-width: 68.4rem !important;
  }
  .u-sp-w-min-688 {
    min-width: 68.8rem !important;
  }
  .u-sp-w-min-692 {
    min-width: 69.2rem !important;
  }
  .u-sp-w-min-696 {
    min-width: 69.6rem !important;
  }
  .u-sp-w-min-700 {
    min-width: 70rem !important;
  }
  .u-sp-w-min-704 {
    min-width: 70.4rem !important;
  }
  .u-sp-w-min-708 {
    min-width: 70.8rem !important;
  }
  .u-sp-w-min-712 {
    min-width: 71.2rem !important;
  }
  .u-sp-w-min-716 {
    min-width: 71.6rem !important;
  }
  .u-sp-w-min-720 {
    min-width: 72rem !important;
  }
  .u-sp-w-min-724 {
    min-width: 72.4rem !important;
  }
  .u-sp-w-min-728 {
    min-width: 72.8rem !important;
  }
  .u-sp-w-min-732 {
    min-width: 73.2rem !important;
  }
  .u-sp-w-min-736 {
    min-width: 73.6rem !important;
  }
  .u-sp-w-min-740 {
    min-width: 74rem !important;
  }
  .u-sp-w-min-744 {
    min-width: 74.4rem !important;
  }
  .u-sp-w-min-748 {
    min-width: 74.8rem !important;
  }
  .u-sp-w-min-752 {
    min-width: 75.2rem !important;
  }
  .u-sp-w-min-756 {
    min-width: 75.6rem !important;
  }
  .u-sp-w-min-760 {
    min-width: 76rem !important;
  }
  .u-sp-w-min-764 {
    min-width: 76.4rem !important;
  }
  .u-sp-w-min-768 {
    min-width: 76.8rem !important;
  }
  .u-sp-w-min-772 {
    min-width: 77.2rem !important;
  }
  .u-sp-w-min-776 {
    min-width: 77.6rem !important;
  }
  .u-sp-w-min-780 {
    min-width: 78rem !important;
  }
  .u-sp-w-min-784 {
    min-width: 78.4rem !important;
  }
  .u-sp-w-min-788 {
    min-width: 78.8rem !important;
  }
  .u-sp-w-min-792 {
    min-width: 79.2rem !important;
  }
  .u-sp-w-min-796 {
    min-width: 79.6rem !important;
  }
  .u-sp-w-min-800 {
    min-width: 80rem !important;
  }
  .u-sp-w-min-804 {
    min-width: 80.4rem !important;
  }
  .u-sp-w-min-808 {
    min-width: 80.8rem !important;
  }
  .u-sp-w-min-812 {
    min-width: 81.2rem !important;
  }
  .u-sp-w-min-816 {
    min-width: 81.6rem !important;
  }
  .u-sp-w-min-820 {
    min-width: 82rem !important;
  }
  .u-sp-w-min-824 {
    min-width: 82.4rem !important;
  }
  .u-sp-w-min-828 {
    min-width: 82.8rem !important;
  }
  .u-sp-w-min-832 {
    min-width: 83.2rem !important;
  }
  .u-sp-w-min-836 {
    min-width: 83.6rem !important;
  }
  .u-sp-w-min-840 {
    min-width: 84rem !important;
  }
  .u-sp-w-min-844 {
    min-width: 84.4rem !important;
  }
  .u-sp-w-min-848 {
    min-width: 84.8rem !important;
  }
  .u-sp-w-min-852 {
    min-width: 85.2rem !important;
  }
  .u-sp-w-min-856 {
    min-width: 85.6rem !important;
  }
  .u-sp-w-min-860 {
    min-width: 86rem !important;
  }
  .u-sp-w-min-864 {
    min-width: 86.4rem !important;
  }
  .u-sp-w-min-868 {
    min-width: 86.8rem !important;
  }
  .u-sp-w-min-872 {
    min-width: 87.2rem !important;
  }
  .u-sp-w-min-876 {
    min-width: 87.6rem !important;
  }
  .u-sp-w-min-880 {
    min-width: 88rem !important;
  }
  .u-sp-w-min-884 {
    min-width: 88.4rem !important;
  }
  .u-sp-w-min-888 {
    min-width: 88.8rem !important;
  }
  .u-sp-w-min-892 {
    min-width: 89.2rem !important;
  }
  .u-sp-w-min-896 {
    min-width: 89.6rem !important;
  }
  .u-sp-w-min-900 {
    min-width: 90rem !important;
  }
  .u-sp-w-min-904 {
    min-width: 90.4rem !important;
  }
  .u-sp-w-min-908 {
    min-width: 90.8rem !important;
  }
  .u-sp-w-min-912 {
    min-width: 91.2rem !important;
  }
  .u-sp-w-min-916 {
    min-width: 91.6rem !important;
  }
  .u-sp-w-min-920 {
    min-width: 92rem !important;
  }
  .u-sp-w-min-924 {
    min-width: 92.4rem !important;
  }
  .u-sp-w-min-928 {
    min-width: 92.8rem !important;
  }
  .u-sp-w-min-932 {
    min-width: 93.2rem !important;
  }
  .u-sp-w-min-936 {
    min-width: 93.6rem !important;
  }
  .u-sp-w-min-940 {
    min-width: 94rem !important;
  }
  .u-sp-w-min-944 {
    min-width: 94.4rem !important;
  }
  .u-sp-w-min-948 {
    min-width: 94.8rem !important;
  }
  .u-sp-w-min-952 {
    min-width: 95.2rem !important;
  }
  .u-sp-w-min-956 {
    min-width: 95.6rem !important;
  }
  .u-sp-w-min-960 {
    min-width: 96rem !important;
  }
  .u-sp-w-min-964 {
    min-width: 96.4rem !important;
  }
  .u-sp-w-min-968 {
    min-width: 96.8rem !important;
  }
  .u-sp-w-min-972 {
    min-width: 97.2rem !important;
  }
  .u-sp-w-min-976 {
    min-width: 97.6rem !important;
  }
  .u-sp-w-min-980 {
    min-width: 98rem !important;
  }
  .u-sp-w-min-984 {
    min-width: 98.4rem !important;
  }
  .u-sp-w-min-988 {
    min-width: 98.8rem !important;
  }
  .u-sp-w-min-992 {
    min-width: 99.2rem !important;
  }
  .u-sp-w-min-996 {
    min-width: 99.6rem !important;
  }
  .u-sp-w-min-1000 {
    min-width: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-sp-w-min-1p {
    min-width: 1% !important;
  }
  .u-sp-w-min-1v {
    min-width: 1vw !important;
  }
  .u-sp-w-min-2p {
    min-width: 2% !important;
  }
  .u-sp-w-min-2v {
    min-width: 2vw !important;
  }
  .u-sp-w-min-3p {
    min-width: 3% !important;
  }
  .u-sp-w-min-3v {
    min-width: 3vw !important;
  }
  .u-sp-w-min-4p {
    min-width: 4% !important;
  }
  .u-sp-w-min-4v {
    min-width: 4vw !important;
  }
  .u-sp-w-min-5p {
    min-width: 5% !important;
  }
  .u-sp-w-min-5v {
    min-width: 5vw !important;
  }
  .u-sp-w-min-6p {
    min-width: 6% !important;
  }
  .u-sp-w-min-6v {
    min-width: 6vw !important;
  }
  .u-sp-w-min-7p {
    min-width: 7% !important;
  }
  .u-sp-w-min-7v {
    min-width: 7vw !important;
  }
  .u-sp-w-min-8p {
    min-width: 8% !important;
  }
  .u-sp-w-min-8v {
    min-width: 8vw !important;
  }
  .u-sp-w-min-9p {
    min-width: 9% !important;
  }
  .u-sp-w-min-9v {
    min-width: 9vw !important;
  }
  .u-sp-w-min-10p {
    min-width: 10% !important;
  }
  .u-sp-w-min-10v {
    min-width: 10vw !important;
  }
  .u-sp-w-min-11p {
    min-width: 11% !important;
  }
  .u-sp-w-min-11v {
    min-width: 11vw !important;
  }
  .u-sp-w-min-12p {
    min-width: 12% !important;
  }
  .u-sp-w-min-12v {
    min-width: 12vw !important;
  }
  .u-sp-w-min-13p {
    min-width: 13% !important;
  }
  .u-sp-w-min-13v {
    min-width: 13vw !important;
  }
  .u-sp-w-min-14p {
    min-width: 14% !important;
  }
  .u-sp-w-min-14v {
    min-width: 14vw !important;
  }
  .u-sp-w-min-15p {
    min-width: 15% !important;
  }
  .u-sp-w-min-15v {
    min-width: 15vw !important;
  }
  .u-sp-w-min-16p {
    min-width: 16% !important;
  }
  .u-sp-w-min-16v {
    min-width: 16vw !important;
  }
  .u-sp-w-min-17p {
    min-width: 17% !important;
  }
  .u-sp-w-min-17v {
    min-width: 17vw !important;
  }
  .u-sp-w-min-18p {
    min-width: 18% !important;
  }
  .u-sp-w-min-18v {
    min-width: 18vw !important;
  }
  .u-sp-w-min-19p {
    min-width: 19% !important;
  }
  .u-sp-w-min-19v {
    min-width: 19vw !important;
  }
  .u-sp-w-min-20p {
    min-width: 20% !important;
  }
  .u-sp-w-min-20v {
    min-width: 20vw !important;
  }
  .u-sp-w-min-21p {
    min-width: 21% !important;
  }
  .u-sp-w-min-21v {
    min-width: 21vw !important;
  }
  .u-sp-w-min-22p {
    min-width: 22% !important;
  }
  .u-sp-w-min-22v {
    min-width: 22vw !important;
  }
  .u-sp-w-min-23p {
    min-width: 23% !important;
  }
  .u-sp-w-min-23v {
    min-width: 23vw !important;
  }
  .u-sp-w-min-24p {
    min-width: 24% !important;
  }
  .u-sp-w-min-24v {
    min-width: 24vw !important;
  }
  .u-sp-w-min-25p {
    min-width: 25% !important;
  }
  .u-sp-w-min-25v {
    min-width: 25vw !important;
  }
  .u-sp-w-min-26p {
    min-width: 26% !important;
  }
  .u-sp-w-min-26v {
    min-width: 26vw !important;
  }
  .u-sp-w-min-27p {
    min-width: 27% !important;
  }
  .u-sp-w-min-27v {
    min-width: 27vw !important;
  }
  .u-sp-w-min-28p {
    min-width: 28% !important;
  }
  .u-sp-w-min-28v {
    min-width: 28vw !important;
  }
  .u-sp-w-min-29p {
    min-width: 29% !important;
  }
  .u-sp-w-min-29v {
    min-width: 29vw !important;
  }
  .u-sp-w-min-30p {
    min-width: 30% !important;
  }
  .u-sp-w-min-30v {
    min-width: 30vw !important;
  }
  .u-sp-w-min-31p {
    min-width: 31% !important;
  }
  .u-sp-w-min-31v {
    min-width: 31vw !important;
  }
  .u-sp-w-min-32p {
    min-width: 32% !important;
  }
  .u-sp-w-min-32v {
    min-width: 32vw !important;
  }
  .u-sp-w-min-33p {
    min-width: 33% !important;
  }
  .u-sp-w-min-33v {
    min-width: 33vw !important;
  }
  .u-sp-w-min-34p {
    min-width: 34% !important;
  }
  .u-sp-w-min-34v {
    min-width: 34vw !important;
  }
  .u-sp-w-min-35p {
    min-width: 35% !important;
  }
  .u-sp-w-min-35v {
    min-width: 35vw !important;
  }
  .u-sp-w-min-36p {
    min-width: 36% !important;
  }
  .u-sp-w-min-36v {
    min-width: 36vw !important;
  }
  .u-sp-w-min-37p {
    min-width: 37% !important;
  }
  .u-sp-w-min-37v {
    min-width: 37vw !important;
  }
  .u-sp-w-min-38p {
    min-width: 38% !important;
  }
  .u-sp-w-min-38v {
    min-width: 38vw !important;
  }
  .u-sp-w-min-39p {
    min-width: 39% !important;
  }
  .u-sp-w-min-39v {
    min-width: 39vw !important;
  }
  .u-sp-w-min-40p {
    min-width: 40% !important;
  }
  .u-sp-w-min-40v {
    min-width: 40vw !important;
  }
  .u-sp-w-min-41p {
    min-width: 41% !important;
  }
  .u-sp-w-min-41v {
    min-width: 41vw !important;
  }
  .u-sp-w-min-42p {
    min-width: 42% !important;
  }
  .u-sp-w-min-42v {
    min-width: 42vw !important;
  }
  .u-sp-w-min-43p {
    min-width: 43% !important;
  }
  .u-sp-w-min-43v {
    min-width: 43vw !important;
  }
  .u-sp-w-min-44p {
    min-width: 44% !important;
  }
  .u-sp-w-min-44v {
    min-width: 44vw !important;
  }
  .u-sp-w-min-45p {
    min-width: 45% !important;
  }
  .u-sp-w-min-45v {
    min-width: 45vw !important;
  }
  .u-sp-w-min-46p {
    min-width: 46% !important;
  }
  .u-sp-w-min-46v {
    min-width: 46vw !important;
  }
  .u-sp-w-min-47p {
    min-width: 47% !important;
  }
  .u-sp-w-min-47v {
    min-width: 47vw !important;
  }
  .u-sp-w-min-48p {
    min-width: 48% !important;
  }
  .u-sp-w-min-48v {
    min-width: 48vw !important;
  }
  .u-sp-w-min-49p {
    min-width: 49% !important;
  }
  .u-sp-w-min-49v {
    min-width: 49vw !important;
  }
  .u-sp-w-min-50p {
    min-width: 50% !important;
  }
  .u-sp-w-min-50v {
    min-width: 50vw !important;
  }
  .u-sp-w-min-51p {
    min-width: 51% !important;
  }
  .u-sp-w-min-51v {
    min-width: 51vw !important;
  }
  .u-sp-w-min-52p {
    min-width: 52% !important;
  }
  .u-sp-w-min-52v {
    min-width: 52vw !important;
  }
  .u-sp-w-min-53p {
    min-width: 53% !important;
  }
  .u-sp-w-min-53v {
    min-width: 53vw !important;
  }
  .u-sp-w-min-54p {
    min-width: 54% !important;
  }
  .u-sp-w-min-54v {
    min-width: 54vw !important;
  }
  .u-sp-w-min-55p {
    min-width: 55% !important;
  }
  .u-sp-w-min-55v {
    min-width: 55vw !important;
  }
  .u-sp-w-min-56p {
    min-width: 56% !important;
  }
  .u-sp-w-min-56v {
    min-width: 56vw !important;
  }
  .u-sp-w-min-57p {
    min-width: 57% !important;
  }
  .u-sp-w-min-57v {
    min-width: 57vw !important;
  }
  .u-sp-w-min-58p {
    min-width: 58% !important;
  }
  .u-sp-w-min-58v {
    min-width: 58vw !important;
  }
  .u-sp-w-min-59p {
    min-width: 59% !important;
  }
  .u-sp-w-min-59v {
    min-width: 59vw !important;
  }
  .u-sp-w-min-60p {
    min-width: 60% !important;
  }
  .u-sp-w-min-60v {
    min-width: 60vw !important;
  }
  .u-sp-w-min-61p {
    min-width: 61% !important;
  }
  .u-sp-w-min-61v {
    min-width: 61vw !important;
  }
  .u-sp-w-min-62p {
    min-width: 62% !important;
  }
  .u-sp-w-min-62v {
    min-width: 62vw !important;
  }
  .u-sp-w-min-63p {
    min-width: 63% !important;
  }
  .u-sp-w-min-63v {
    min-width: 63vw !important;
  }
  .u-sp-w-min-64p {
    min-width: 64% !important;
  }
  .u-sp-w-min-64v {
    min-width: 64vw !important;
  }
  .u-sp-w-min-65p {
    min-width: 65% !important;
  }
  .u-sp-w-min-65v {
    min-width: 65vw !important;
  }
  .u-sp-w-min-66p {
    min-width: 66% !important;
  }
  .u-sp-w-min-66v {
    min-width: 66vw !important;
  }
  .u-sp-w-min-67p {
    min-width: 67% !important;
  }
  .u-sp-w-min-67v {
    min-width: 67vw !important;
  }
  .u-sp-w-min-68p {
    min-width: 68% !important;
  }
  .u-sp-w-min-68v {
    min-width: 68vw !important;
  }
  .u-sp-w-min-69p {
    min-width: 69% !important;
  }
  .u-sp-w-min-69v {
    min-width: 69vw !important;
  }
  .u-sp-w-min-70p {
    min-width: 70% !important;
  }
  .u-sp-w-min-70v {
    min-width: 70vw !important;
  }
  .u-sp-w-min-71p {
    min-width: 71% !important;
  }
  .u-sp-w-min-71v {
    min-width: 71vw !important;
  }
  .u-sp-w-min-72p {
    min-width: 72% !important;
  }
  .u-sp-w-min-72v {
    min-width: 72vw !important;
  }
  .u-sp-w-min-73p {
    min-width: 73% !important;
  }
  .u-sp-w-min-73v {
    min-width: 73vw !important;
  }
  .u-sp-w-min-74p {
    min-width: 74% !important;
  }
  .u-sp-w-min-74v {
    min-width: 74vw !important;
  }
  .u-sp-w-min-75p {
    min-width: 75% !important;
  }
  .u-sp-w-min-75v {
    min-width: 75vw !important;
  }
  .u-sp-w-min-76p {
    min-width: 76% !important;
  }
  .u-sp-w-min-76v {
    min-width: 76vw !important;
  }
  .u-sp-w-min-77p {
    min-width: 77% !important;
  }
  .u-sp-w-min-77v {
    min-width: 77vw !important;
  }
  .u-sp-w-min-78p {
    min-width: 78% !important;
  }
  .u-sp-w-min-78v {
    min-width: 78vw !important;
  }
  .u-sp-w-min-79p {
    min-width: 79% !important;
  }
  .u-sp-w-min-79v {
    min-width: 79vw !important;
  }
  .u-sp-w-min-80p {
    min-width: 80% !important;
  }
  .u-sp-w-min-80v {
    min-width: 80vw !important;
  }
  .u-sp-w-min-81p {
    min-width: 81% !important;
  }
  .u-sp-w-min-81v {
    min-width: 81vw !important;
  }
  .u-sp-w-min-82p {
    min-width: 82% !important;
  }
  .u-sp-w-min-82v {
    min-width: 82vw !important;
  }
  .u-sp-w-min-83p {
    min-width: 83% !important;
  }
  .u-sp-w-min-83v {
    min-width: 83vw !important;
  }
  .u-sp-w-min-84p {
    min-width: 84% !important;
  }
  .u-sp-w-min-84v {
    min-width: 84vw !important;
  }
  .u-sp-w-min-85p {
    min-width: 85% !important;
  }
  .u-sp-w-min-85v {
    min-width: 85vw !important;
  }
  .u-sp-w-min-86p {
    min-width: 86% !important;
  }
  .u-sp-w-min-86v {
    min-width: 86vw !important;
  }
  .u-sp-w-min-87p {
    min-width: 87% !important;
  }
  .u-sp-w-min-87v {
    min-width: 87vw !important;
  }
  .u-sp-w-min-88p {
    min-width: 88% !important;
  }
  .u-sp-w-min-88v {
    min-width: 88vw !important;
  }
  .u-sp-w-min-89p {
    min-width: 89% !important;
  }
  .u-sp-w-min-89v {
    min-width: 89vw !important;
  }
  .u-sp-w-min-90p {
    min-width: 90% !important;
  }
  .u-sp-w-min-90v {
    min-width: 90vw !important;
  }
  .u-sp-w-min-91p {
    min-width: 91% !important;
  }
  .u-sp-w-min-91v {
    min-width: 91vw !important;
  }
  .u-sp-w-min-92p {
    min-width: 92% !important;
  }
  .u-sp-w-min-92v {
    min-width: 92vw !important;
  }
  .u-sp-w-min-93p {
    min-width: 93% !important;
  }
  .u-sp-w-min-93v {
    min-width: 93vw !important;
  }
  .u-sp-w-min-94p {
    min-width: 94% !important;
  }
  .u-sp-w-min-94v {
    min-width: 94vw !important;
  }
  .u-sp-w-min-95p {
    min-width: 95% !important;
  }
  .u-sp-w-min-95v {
    min-width: 95vw !important;
  }
  .u-sp-w-min-96p {
    min-width: 96% !important;
  }
  .u-sp-w-min-96v {
    min-width: 96vw !important;
  }
  .u-sp-w-min-97p {
    min-width: 97% !important;
  }
  .u-sp-w-min-97v {
    min-width: 97vw !important;
  }
  .u-sp-w-min-98p {
    min-width: 98% !important;
  }
  .u-sp-w-min-98v {
    min-width: 98vw !important;
  }
  .u-sp-w-min-99p {
    min-width: 99% !important;
  }
  .u-sp-w-min-99v {
    min-width: 99vw !important;
  }
  .u-sp-w-min-100p {
    min-width: 100% !important;
  }
  .u-sp-w-min-100v {
    min-width: 100vw !important;
  }
}
/* --------------------------------------------------------------------------------
   ユーティリティクラス - 幅
   --------------------------------------------------------------------------------
     - 単位 px → u-w-5,   u-w-10  ... u-w-100, u-w-110, u-w-120, ..., u-w-1000
     - 100pxまでは5px刻み、以降は10px刻み
       ※実際の指定では px ではなく rem が使われている（10px = 1rem）
     - 単位 em → u-w-1em, u-w-2em ... u-w-10em
     - 単位 %  → u-w-1p,  u-w-2p  ... u-w-100p
     - 単位 vw → u-w-5v,  u-w-10v ... u-w-100v
     - u- の後ろに sp- を付加するとスマホ用のクラスになる
----------------------------------------------------------------------------------- */
/* 単位：em */
.u-w-1em {
  width: 1em !important;
}

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

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

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

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

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

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

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

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

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

/* 単位：px（rem） */
.u-w-0 {
  width: 0rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 単位：100px以上は10px刻み */
.u-w-100 {
  width: 10rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 単位：パーセント、vw */
.u-w-1p {
  width: 1% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* PC版：プリフィクス pc- を付加 */
@media print, screen and (min-width: 480px) {
  /* 単位：em */
  .u-pc-w-1em {
    width: 1em !important;
  }
  .u-pc-w-2em {
    width: 2em !important;
  }
  .u-pc-w-3em {
    width: 3em !important;
  }
  .u-pc-w-4em {
    width: 4em !important;
  }
  .u-pc-w-5em {
    width: 5em !important;
  }
  .u-pc-w-6em {
    width: 6em !important;
  }
  .u-pc-w-7em {
    width: 7em !important;
  }
  .u-pc-w-8em {
    width: 8em !important;
  }
  .u-pc-w-9em {
    width: 9em !important;
  }
  .u-pc-w-10em {
    width: 10em !important;
  }
  /* 単位：px（rem） */
  .u-pc-w-5 {
    width: 0.5rem !important;
  }
  .u-pc-w-10 {
    width: 1rem !important;
  }
  .u-pc-w-15 {
    width: 1.5rem !important;
  }
  .u-pc-w-20 {
    width: 2rem !important;
  }
  .u-pc-w-25 {
    width: 2.5rem !important;
  }
  .u-pc-w-30 {
    width: 3rem !important;
  }
  .u-pc-w-35 {
    width: 3.5rem !important;
  }
  .u-pc-w-40 {
    width: 4rem !important;
  }
  .u-pc-w-45 {
    width: 4.5rem !important;
  }
  .u-pc-w-50 {
    width: 5rem !important;
  }
  .u-pc-w-55 {
    width: 5.5rem !important;
  }
  .u-pc-w-60 {
    width: 6rem !important;
  }
  .u-pc-w-65 {
    width: 6.5rem !important;
  }
  .u-pc-w-70 {
    width: 7rem !important;
  }
  .u-pc-w-75 {
    width: 7.5rem !important;
  }
  .u-pc-w-80 {
    width: 8rem !important;
  }
  .u-pc-w-85 {
    width: 8.5rem !important;
  }
  .u-pc-w-90 {
    width: 9rem !important;
  }
  .u-pc-w-95 {
    width: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-pc-w-100 {
    width: 10rem !important;
  }
  .u-pc-w-110 {
    width: 11rem !important;
  }
  .u-pc-w-120 {
    width: 12rem !important;
  }
  .u-pc-w-130 {
    width: 13rem !important;
  }
  .u-pc-w-140 {
    width: 14rem !important;
  }
  .u-pc-w-150 {
    width: 15rem !important;
  }
  .u-pc-w-160 {
    width: 16rem !important;
  }
  .u-pc-w-170 {
    width: 17rem !important;
  }
  .u-pc-w-180 {
    width: 18rem !important;
  }
  .u-pc-w-190 {
    width: 19rem !important;
  }
  .u-pc-w-200 {
    width: 20rem !important;
  }
  .u-pc-w-210 {
    width: 21rem !important;
  }
  .u-pc-w-220 {
    width: 22rem !important;
  }
  .u-pc-w-230 {
    width: 23rem !important;
  }
  .u-pc-w-240 {
    width: 24rem !important;
  }
  .u-pc-w-250 {
    width: 25rem !important;
  }
  .u-pc-w-260 {
    width: 26rem !important;
  }
  .u-pc-w-270 {
    width: 27rem !important;
  }
  .u-pc-w-280 {
    width: 28rem !important;
  }
  .u-pc-w-290 {
    width: 29rem !important;
  }
  .u-pc-w-300 {
    width: 30rem !important;
  }
  .u-pc-w-310 {
    width: 31rem !important;
  }
  .u-pc-w-320 {
    width: 32rem !important;
  }
  .u-pc-w-330 {
    width: 33rem !important;
  }
  .u-pc-w-340 {
    width: 34rem !important;
  }
  .u-pc-w-350 {
    width: 35rem !important;
  }
  .u-pc-w-360 {
    width: 36rem !important;
  }
  .u-pc-w-370 {
    width: 37rem !important;
  }
  .u-pc-w-380 {
    width: 38rem !important;
  }
  .u-pc-w-390 {
    width: 39rem !important;
  }
  .u-pc-w-400 {
    width: 40rem !important;
  }
  .u-pc-w-410 {
    width: 41rem !important;
  }
  .u-pc-w-420 {
    width: 42rem !important;
  }
  .u-pc-w-430 {
    width: 43rem !important;
  }
  .u-pc-w-440 {
    width: 44rem !important;
  }
  .u-pc-w-450 {
    width: 45rem !important;
  }
  .u-pc-w-460 {
    width: 46rem !important;
  }
  .u-pc-w-470 {
    width: 47rem !important;
  }
  .u-pc-w-480 {
    width: 48rem !important;
  }
  .u-pc-w-490 {
    width: 49rem !important;
  }
  .u-pc-w-500 {
    width: 50rem !important;
  }
  .u-pc-w-510 {
    width: 51rem !important;
  }
  .u-pc-w-520 {
    width: 52rem !important;
  }
  .u-pc-w-530 {
    width: 53rem !important;
  }
  .u-pc-w-540 {
    width: 54rem !important;
  }
  .u-pc-w-550 {
    width: 55rem !important;
  }
  .u-pc-w-560 {
    width: 56rem !important;
  }
  .u-pc-w-570 {
    width: 57rem !important;
  }
  .u-pc-w-580 {
    width: 58rem !important;
  }
  .u-pc-w-590 {
    width: 59rem !important;
  }
  .u-pc-w-600 {
    width: 60rem !important;
  }
  .u-pc-w-610 {
    width: 61rem !important;
  }
  .u-pc-w-620 {
    width: 62rem !important;
  }
  .u-pc-w-630 {
    width: 63rem !important;
  }
  .u-pc-w-640 {
    width: 64rem !important;
  }
  .u-pc-w-650 {
    width: 65rem !important;
  }
  .u-pc-w-660 {
    width: 66rem !important;
  }
  .u-pc-w-670 {
    width: 67rem !important;
  }
  .u-pc-w-680 {
    width: 68rem !important;
  }
  .u-pc-w-690 {
    width: 69rem !important;
  }
  .u-pc-w-700 {
    width: 70rem !important;
  }
  .u-pc-w-710 {
    width: 71rem !important;
  }
  .u-pc-w-720 {
    width: 72rem !important;
  }
  .u-pc-w-730 {
    width: 73rem !important;
  }
  .u-pc-w-740 {
    width: 74rem !important;
  }
  .u-pc-w-750 {
    width: 75rem !important;
  }
  .u-pc-w-760 {
    width: 76rem !important;
  }
  .u-pc-w-770 {
    width: 77rem !important;
  }
  .u-pc-w-780 {
    width: 78rem !important;
  }
  .u-pc-w-790 {
    width: 79rem !important;
  }
  .u-pc-w-800 {
    width: 80rem !important;
  }
  .u-pc-w-810 {
    width: 81rem !important;
  }
  .u-pc-w-820 {
    width: 82rem !important;
  }
  .u-pc-w-830 {
    width: 83rem !important;
  }
  .u-pc-w-840 {
    width: 84rem !important;
  }
  .u-pc-w-850 {
    width: 85rem !important;
  }
  .u-pc-w-860 {
    width: 86rem !important;
  }
  .u-pc-w-870 {
    width: 87rem !important;
  }
  .u-pc-w-880 {
    width: 88rem !important;
  }
  .u-pc-w-890 {
    width: 89rem !important;
  }
  .u-pc-w-900 {
    width: 90rem !important;
  }
  .u-pc-w-910 {
    width: 91rem !important;
  }
  .u-pc-w-920 {
    width: 92rem !important;
  }
  .u-pc-w-930 {
    width: 93rem !important;
  }
  .u-pc-w-940 {
    width: 94rem !important;
  }
  .u-pc-w-950 {
    width: 95rem !important;
  }
  .u-pc-w-960 {
    width: 96rem !important;
  }
  .u-pc-w-970 {
    width: 97rem !important;
  }
  .u-pc-w-980 {
    width: 98rem !important;
  }
  .u-pc-w-990 {
    width: 99rem !important;
  }
  .u-pc-w-1000 {
    width: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-pc-w-1p {
    width: 1% !important;
  }
  .u-pc-w-1v {
    width: 1vw !important;
  }
  .u-pc-w-2p {
    width: 2% !important;
  }
  .u-pc-w-2v {
    width: 2vw !important;
  }
  .u-pc-w-3p {
    width: 3% !important;
  }
  .u-pc-w-3v {
    width: 3vw !important;
  }
  .u-pc-w-4p {
    width: 4% !important;
  }
  .u-pc-w-4v {
    width: 4vw !important;
  }
  .u-pc-w-5p {
    width: 5% !important;
  }
  .u-pc-w-5v {
    width: 5vw !important;
  }
  .u-pc-w-6p {
    width: 6% !important;
  }
  .u-pc-w-6v {
    width: 6vw !important;
  }
  .u-pc-w-7p {
    width: 7% !important;
  }
  .u-pc-w-7v {
    width: 7vw !important;
  }
  .u-pc-w-8p {
    width: 8% !important;
  }
  .u-pc-w-8v {
    width: 8vw !important;
  }
  .u-pc-w-9p {
    width: 9% !important;
  }
  .u-pc-w-9v {
    width: 9vw !important;
  }
  .u-pc-w-10p {
    width: 10% !important;
  }
  .u-pc-w-10v {
    width: 10vw !important;
  }
  .u-pc-w-11p {
    width: 11% !important;
  }
  .u-pc-w-11v {
    width: 11vw !important;
  }
  .u-pc-w-12p {
    width: 12% !important;
  }
  .u-pc-w-12v {
    width: 12vw !important;
  }
  .u-pc-w-13p {
    width: 13% !important;
  }
  .u-pc-w-13v {
    width: 13vw !important;
  }
  .u-pc-w-14p {
    width: 14% !important;
  }
  .u-pc-w-14v {
    width: 14vw !important;
  }
  .u-pc-w-15p {
    width: 15% !important;
  }
  .u-pc-w-15v {
    width: 15vw !important;
  }
  .u-pc-w-16p {
    width: 16% !important;
  }
  .u-pc-w-16v {
    width: 16vw !important;
  }
  .u-pc-w-17p {
    width: 17% !important;
  }
  .u-pc-w-17v {
    width: 17vw !important;
  }
  .u-pc-w-18p {
    width: 18% !important;
  }
  .u-pc-w-18v {
    width: 18vw !important;
  }
  .u-pc-w-19p {
    width: 19% !important;
  }
  .u-pc-w-19v {
    width: 19vw !important;
  }
  .u-pc-w-20p {
    width: 20% !important;
  }
  .u-pc-w-20v {
    width: 20vw !important;
  }
  .u-pc-w-21p {
    width: 21% !important;
  }
  .u-pc-w-21v {
    width: 21vw !important;
  }
  .u-pc-w-22p {
    width: 22% !important;
  }
  .u-pc-w-22v {
    width: 22vw !important;
  }
  .u-pc-w-23p {
    width: 23% !important;
  }
  .u-pc-w-23v {
    width: 23vw !important;
  }
  .u-pc-w-24p {
    width: 24% !important;
  }
  .u-pc-w-24v {
    width: 24vw !important;
  }
  .u-pc-w-25p {
    width: 25% !important;
  }
  .u-pc-w-25v {
    width: 25vw !important;
  }
  .u-pc-w-26p {
    width: 26% !important;
  }
  .u-pc-w-26v {
    width: 26vw !important;
  }
  .u-pc-w-27p {
    width: 27% !important;
  }
  .u-pc-w-27v {
    width: 27vw !important;
  }
  .u-pc-w-28p {
    width: 28% !important;
  }
  .u-pc-w-28v {
    width: 28vw !important;
  }
  .u-pc-w-29p {
    width: 29% !important;
  }
  .u-pc-w-29v {
    width: 29vw !important;
  }
  .u-pc-w-30p {
    width: 30% !important;
  }
  .u-pc-w-30v {
    width: 30vw !important;
  }
  .u-pc-w-31p {
    width: 31% !important;
  }
  .u-pc-w-31v {
    width: 31vw !important;
  }
  .u-pc-w-32p {
    width: 32% !important;
  }
  .u-pc-w-32v {
    width: 32vw !important;
  }
  .u-pc-w-33p {
    width: 33% !important;
  }
  .u-pc-w-33v {
    width: 33vw !important;
  }
  .u-pc-w-34p {
    width: 34% !important;
  }
  .u-pc-w-34v {
    width: 34vw !important;
  }
  .u-pc-w-35p {
    width: 35% !important;
  }
  .u-pc-w-35v {
    width: 35vw !important;
  }
  .u-pc-w-36p {
    width: 36% !important;
  }
  .u-pc-w-36v {
    width: 36vw !important;
  }
  .u-pc-w-37p {
    width: 37% !important;
  }
  .u-pc-w-37v {
    width: 37vw !important;
  }
  .u-pc-w-38p {
    width: 38% !important;
  }
  .u-pc-w-38v {
    width: 38vw !important;
  }
  .u-pc-w-39p {
    width: 39% !important;
  }
  .u-pc-w-39v {
    width: 39vw !important;
  }
  .u-pc-w-40p {
    width: 40% !important;
  }
  .u-pc-w-40v {
    width: 40vw !important;
  }
  .u-pc-w-41p {
    width: 41% !important;
  }
  .u-pc-w-41v {
    width: 41vw !important;
  }
  .u-pc-w-42p {
    width: 42% !important;
  }
  .u-pc-w-42v {
    width: 42vw !important;
  }
  .u-pc-w-43p {
    width: 43% !important;
  }
  .u-pc-w-43v {
    width: 43vw !important;
  }
  .u-pc-w-44p {
    width: 44% !important;
  }
  .u-pc-w-44v {
    width: 44vw !important;
  }
  .u-pc-w-45p {
    width: 45% !important;
  }
  .u-pc-w-45v {
    width: 45vw !important;
  }
  .u-pc-w-46p {
    width: 46% !important;
  }
  .u-pc-w-46v {
    width: 46vw !important;
  }
  .u-pc-w-47p {
    width: 47% !important;
  }
  .u-pc-w-47v {
    width: 47vw !important;
  }
  .u-pc-w-48p {
    width: 48% !important;
  }
  .u-pc-w-48v {
    width: 48vw !important;
  }
  .u-pc-w-49p {
    width: 49% !important;
  }
  .u-pc-w-49v {
    width: 49vw !important;
  }
  .u-pc-w-50p {
    width: 50% !important;
  }
  .u-pc-w-50v {
    width: 50vw !important;
  }
  .u-pc-w-51p {
    width: 51% !important;
  }
  .u-pc-w-51v {
    width: 51vw !important;
  }
  .u-pc-w-52p {
    width: 52% !important;
  }
  .u-pc-w-52v {
    width: 52vw !important;
  }
  .u-pc-w-53p {
    width: 53% !important;
  }
  .u-pc-w-53v {
    width: 53vw !important;
  }
  .u-pc-w-54p {
    width: 54% !important;
  }
  .u-pc-w-54v {
    width: 54vw !important;
  }
  .u-pc-w-55p {
    width: 55% !important;
  }
  .u-pc-w-55v {
    width: 55vw !important;
  }
  .u-pc-w-56p {
    width: 56% !important;
  }
  .u-pc-w-56v {
    width: 56vw !important;
  }
  .u-pc-w-57p {
    width: 57% !important;
  }
  .u-pc-w-57v {
    width: 57vw !important;
  }
  .u-pc-w-58p {
    width: 58% !important;
  }
  .u-pc-w-58v {
    width: 58vw !important;
  }
  .u-pc-w-59p {
    width: 59% !important;
  }
  .u-pc-w-59v {
    width: 59vw !important;
  }
  .u-pc-w-60p {
    width: 60% !important;
  }
  .u-pc-w-60v {
    width: 60vw !important;
  }
  .u-pc-w-61p {
    width: 61% !important;
  }
  .u-pc-w-61v {
    width: 61vw !important;
  }
  .u-pc-w-62p {
    width: 62% !important;
  }
  .u-pc-w-62v {
    width: 62vw !important;
  }
  .u-pc-w-63p {
    width: 63% !important;
  }
  .u-pc-w-63v {
    width: 63vw !important;
  }
  .u-pc-w-64p {
    width: 64% !important;
  }
  .u-pc-w-64v {
    width: 64vw !important;
  }
  .u-pc-w-65p {
    width: 65% !important;
  }
  .u-pc-w-65v {
    width: 65vw !important;
  }
  .u-pc-w-66p {
    width: 66% !important;
  }
  .u-pc-w-66v {
    width: 66vw !important;
  }
  .u-pc-w-67p {
    width: 67% !important;
  }
  .u-pc-w-67v {
    width: 67vw !important;
  }
  .u-pc-w-68p {
    width: 68% !important;
  }
  .u-pc-w-68v {
    width: 68vw !important;
  }
  .u-pc-w-69p {
    width: 69% !important;
  }
  .u-pc-w-69v {
    width: 69vw !important;
  }
  .u-pc-w-70p {
    width: 70% !important;
  }
  .u-pc-w-70v {
    width: 70vw !important;
  }
  .u-pc-w-71p {
    width: 71% !important;
  }
  .u-pc-w-71v {
    width: 71vw !important;
  }
  .u-pc-w-72p {
    width: 72% !important;
  }
  .u-pc-w-72v {
    width: 72vw !important;
  }
  .u-pc-w-73p {
    width: 73% !important;
  }
  .u-pc-w-73v {
    width: 73vw !important;
  }
  .u-pc-w-74p {
    width: 74% !important;
  }
  .u-pc-w-74v {
    width: 74vw !important;
  }
  .u-pc-w-75p {
    width: 75% !important;
  }
  .u-pc-w-75v {
    width: 75vw !important;
  }
  .u-pc-w-76p {
    width: 76% !important;
  }
  .u-pc-w-76v {
    width: 76vw !important;
  }
  .u-pc-w-77p {
    width: 77% !important;
  }
  .u-pc-w-77v {
    width: 77vw !important;
  }
  .u-pc-w-78p {
    width: 78% !important;
  }
  .u-pc-w-78v {
    width: 78vw !important;
  }
  .u-pc-w-79p {
    width: 79% !important;
  }
  .u-pc-w-79v {
    width: 79vw !important;
  }
  .u-pc-w-80p {
    width: 80% !important;
  }
  .u-pc-w-80v {
    width: 80vw !important;
  }
  .u-pc-w-81p {
    width: 81% !important;
  }
  .u-pc-w-81v {
    width: 81vw !important;
  }
  .u-pc-w-82p {
    width: 82% !important;
  }
  .u-pc-w-82v {
    width: 82vw !important;
  }
  .u-pc-w-83p {
    width: 83% !important;
  }
  .u-pc-w-83v {
    width: 83vw !important;
  }
  .u-pc-w-84p {
    width: 84% !important;
  }
  .u-pc-w-84v {
    width: 84vw !important;
  }
  .u-pc-w-85p {
    width: 85% !important;
  }
  .u-pc-w-85v {
    width: 85vw !important;
  }
  .u-pc-w-86p {
    width: 86% !important;
  }
  .u-pc-w-86v {
    width: 86vw !important;
  }
  .u-pc-w-87p {
    width: 87% !important;
  }
  .u-pc-w-87v {
    width: 87vw !important;
  }
  .u-pc-w-88p {
    width: 88% !important;
  }
  .u-pc-w-88v {
    width: 88vw !important;
  }
  .u-pc-w-89p {
    width: 89% !important;
  }
  .u-pc-w-89v {
    width: 89vw !important;
  }
  .u-pc-w-90p {
    width: 90% !important;
  }
  .u-pc-w-90v {
    width: 90vw !important;
  }
  .u-pc-w-91p {
    width: 91% !important;
  }
  .u-pc-w-91v {
    width: 91vw !important;
  }
  .u-pc-w-92p {
    width: 92% !important;
  }
  .u-pc-w-92v {
    width: 92vw !important;
  }
  .u-pc-w-93p {
    width: 93% !important;
  }
  .u-pc-w-93v {
    width: 93vw !important;
  }
  .u-pc-w-94p {
    width: 94% !important;
  }
  .u-pc-w-94v {
    width: 94vw !important;
  }
  .u-pc-w-95p {
    width: 95% !important;
  }
  .u-pc-w-95v {
    width: 95vw !important;
  }
  .u-pc-w-96p {
    width: 96% !important;
  }
  .u-pc-w-96v {
    width: 96vw !important;
  }
  .u-pc-w-97p {
    width: 97% !important;
  }
  .u-pc-w-97v {
    width: 97vw !important;
  }
  .u-pc-w-98p {
    width: 98% !important;
  }
  .u-pc-w-98v {
    width: 98vw !important;
  }
  .u-pc-w-99p {
    width: 99% !important;
  }
  .u-pc-w-99v {
    width: 99vw !important;
  }
  .u-pc-w-100p {
    width: 100% !important;
  }
  .u-pc-w-100v {
    width: 100vw !important;
  }
}
/* TAB版：プリフィクス tab- を付加 */
@media print, screen and (min-width: 1000px) and (max-width: 1280px) {
  /* 単位：em */
  .u-tab-w-1em {
    width: 1em !important;
  }
  .u-tab-w-2em {
    width: 2em !important;
  }
  .u-tab-w-3em {
    width: 3em !important;
  }
  .u-tab-w-4em {
    width: 4em !important;
  }
  .u-tab-w-5em {
    width: 5em !important;
  }
  .u-tab-w-6em {
    width: 6em !important;
  }
  .u-tab-w-7em {
    width: 7em !important;
  }
  .u-tab-w-8em {
    width: 8em !important;
  }
  .u-tab-w-9em {
    width: 9em !important;
  }
  .u-tab-w-10em {
    width: 10em !important;
  }
  /* 単位：px（rem） */
  .u-tab-w-5 {
    width: 0.5rem !important;
  }
  .u-tab-w-10 {
    width: 1rem !important;
  }
  .u-tab-w-15 {
    width: 1.5rem !important;
  }
  .u-tab-w-20 {
    width: 2rem !important;
  }
  .u-tab-w-25 {
    width: 2.5rem !important;
  }
  .u-tab-w-30 {
    width: 3rem !important;
  }
  .u-tab-w-35 {
    width: 3.5rem !important;
  }
  .u-tab-w-40 {
    width: 4rem !important;
  }
  .u-tab-w-45 {
    width: 4.5rem !important;
  }
  .u-tab-w-50 {
    width: 5rem !important;
  }
  .u-tab-w-55 {
    width: 5.5rem !important;
  }
  .u-tab-w-60 {
    width: 6rem !important;
  }
  .u-tab-w-65 {
    width: 6.5rem !important;
  }
  .u-tab-w-70 {
    width: 7rem !important;
  }
  .u-tab-w-75 {
    width: 7.5rem !important;
  }
  .u-tab-w-80 {
    width: 8rem !important;
  }
  .u-tab-w-85 {
    width: 8.5rem !important;
  }
  .u-tab-w-90 {
    width: 9rem !important;
  }
  .u-tab-w-95 {
    width: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-tab-w-100 {
    width: 10rem !important;
  }
  .u-tab-w-110 {
    width: 11rem !important;
  }
  .u-tab-w-120 {
    width: 12rem !important;
  }
  .u-tab-w-130 {
    width: 13rem !important;
  }
  .u-tab-w-140 {
    width: 14rem !important;
  }
  .u-tab-w-150 {
    width: 15rem !important;
  }
  .u-tab-w-160 {
    width: 16rem !important;
  }
  .u-tab-w-170 {
    width: 17rem !important;
  }
  .u-tab-w-180 {
    width: 18rem !important;
  }
  .u-tab-w-190 {
    width: 19rem !important;
  }
  .u-tab-w-200 {
    width: 20rem !important;
  }
  .u-tab-w-210 {
    width: 21rem !important;
  }
  .u-tab-w-220 {
    width: 22rem !important;
  }
  .u-tab-w-230 {
    width: 23rem !important;
  }
  .u-tab-w-240 {
    width: 24rem !important;
  }
  .u-tab-w-250 {
    width: 25rem !important;
  }
  .u-tab-w-260 {
    width: 26rem !important;
  }
  .u-tab-w-270 {
    width: 27rem !important;
  }
  .u-tab-w-280 {
    width: 28rem !important;
  }
  .u-tab-w-290 {
    width: 29rem !important;
  }
  .u-tab-w-300 {
    width: 30rem !important;
  }
  .u-tab-w-310 {
    width: 31rem !important;
  }
  .u-tab-w-320 {
    width: 32rem !important;
  }
  .u-tab-w-330 {
    width: 33rem !important;
  }
  .u-tab-w-340 {
    width: 34rem !important;
  }
  .u-tab-w-350 {
    width: 35rem !important;
  }
  .u-tab-w-360 {
    width: 36rem !important;
  }
  .u-tab-w-370 {
    width: 37rem !important;
  }
  .u-tab-w-380 {
    width: 38rem !important;
  }
  .u-tab-w-390 {
    width: 39rem !important;
  }
  .u-tab-w-400 {
    width: 40rem !important;
  }
  .u-tab-w-410 {
    width: 41rem !important;
  }
  .u-tab-w-420 {
    width: 42rem !important;
  }
  .u-tab-w-430 {
    width: 43rem !important;
  }
  .u-tab-w-440 {
    width: 44rem !important;
  }
  .u-tab-w-450 {
    width: 45rem !important;
  }
  .u-tab-w-460 {
    width: 46rem !important;
  }
  .u-tab-w-470 {
    width: 47rem !important;
  }
  .u-tab-w-480 {
    width: 48rem !important;
  }
  .u-tab-w-490 {
    width: 49rem !important;
  }
  .u-tab-w-500 {
    width: 50rem !important;
  }
  .u-tab-w-510 {
    width: 51rem !important;
  }
  .u-tab-w-520 {
    width: 52rem !important;
  }
  .u-tab-w-530 {
    width: 53rem !important;
  }
  .u-tab-w-540 {
    width: 54rem !important;
  }
  .u-tab-w-550 {
    width: 55rem !important;
  }
  .u-tab-w-560 {
    width: 56rem !important;
  }
  .u-tab-w-570 {
    width: 57rem !important;
  }
  .u-tab-w-580 {
    width: 58rem !important;
  }
  .u-tab-w-590 {
    width: 59rem !important;
  }
  .u-tab-w-600 {
    width: 60rem !important;
  }
  .u-tab-w-610 {
    width: 61rem !important;
  }
  .u-tab-w-620 {
    width: 62rem !important;
  }
  .u-tab-w-630 {
    width: 63rem !important;
  }
  .u-tab-w-640 {
    width: 64rem !important;
  }
  .u-tab-w-650 {
    width: 65rem !important;
  }
  .u-tab-w-660 {
    width: 66rem !important;
  }
  .u-tab-w-670 {
    width: 67rem !important;
  }
  .u-tab-w-680 {
    width: 68rem !important;
  }
  .u-tab-w-690 {
    width: 69rem !important;
  }
  .u-tab-w-700 {
    width: 70rem !important;
  }
  .u-tab-w-710 {
    width: 71rem !important;
  }
  .u-tab-w-720 {
    width: 72rem !important;
  }
  .u-tab-w-730 {
    width: 73rem !important;
  }
  .u-tab-w-740 {
    width: 74rem !important;
  }
  .u-tab-w-750 {
    width: 75rem !important;
  }
  .u-tab-w-760 {
    width: 76rem !important;
  }
  .u-tab-w-770 {
    width: 77rem !important;
  }
  .u-tab-w-780 {
    width: 78rem !important;
  }
  .u-tab-w-790 {
    width: 79rem !important;
  }
  .u-tab-w-800 {
    width: 80rem !important;
  }
  .u-tab-w-810 {
    width: 81rem !important;
  }
  .u-tab-w-820 {
    width: 82rem !important;
  }
  .u-tab-w-830 {
    width: 83rem !important;
  }
  .u-tab-w-840 {
    width: 84rem !important;
  }
  .u-tab-w-850 {
    width: 85rem !important;
  }
  .u-tab-w-860 {
    width: 86rem !important;
  }
  .u-tab-w-870 {
    width: 87rem !important;
  }
  .u-tab-w-880 {
    width: 88rem !important;
  }
  .u-tab-w-890 {
    width: 89rem !important;
  }
  .u-tab-w-900 {
    width: 90rem !important;
  }
  .u-tab-w-910 {
    width: 91rem !important;
  }
  .u-tab-w-920 {
    width: 92rem !important;
  }
  .u-tab-w-930 {
    width: 93rem !important;
  }
  .u-tab-w-940 {
    width: 94rem !important;
  }
  .u-tab-w-950 {
    width: 95rem !important;
  }
  .u-tab-w-960 {
    width: 96rem !important;
  }
  .u-tab-w-970 {
    width: 97rem !important;
  }
  .u-tab-w-980 {
    width: 98rem !important;
  }
  .u-tab-w-990 {
    width: 99rem !important;
  }
  .u-tab-w-1000 {
    width: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-tab-w-1p {
    width: 1% !important;
  }
  .u-tab-w-1v {
    width: 1vw !important;
  }
  .u-tab-w-2p {
    width: 2% !important;
  }
  .u-tab-w-2v {
    width: 2vw !important;
  }
  .u-tab-w-3p {
    width: 3% !important;
  }
  .u-tab-w-3v {
    width: 3vw !important;
  }
  .u-tab-w-4p {
    width: 4% !important;
  }
  .u-tab-w-4v {
    width: 4vw !important;
  }
  .u-tab-w-5p {
    width: 5% !important;
  }
  .u-tab-w-5v {
    width: 5vw !important;
  }
  .u-tab-w-6p {
    width: 6% !important;
  }
  .u-tab-w-6v {
    width: 6vw !important;
  }
  .u-tab-w-7p {
    width: 7% !important;
  }
  .u-tab-w-7v {
    width: 7vw !important;
  }
  .u-tab-w-8p {
    width: 8% !important;
  }
  .u-tab-w-8v {
    width: 8vw !important;
  }
  .u-tab-w-9p {
    width: 9% !important;
  }
  .u-tab-w-9v {
    width: 9vw !important;
  }
  .u-tab-w-10p {
    width: 10% !important;
  }
  .u-tab-w-10v {
    width: 10vw !important;
  }
  .u-tab-w-11p {
    width: 11% !important;
  }
  .u-tab-w-11v {
    width: 11vw !important;
  }
  .u-tab-w-12p {
    width: 12% !important;
  }
  .u-tab-w-12v {
    width: 12vw !important;
  }
  .u-tab-w-13p {
    width: 13% !important;
  }
  .u-tab-w-13v {
    width: 13vw !important;
  }
  .u-tab-w-14p {
    width: 14% !important;
  }
  .u-tab-w-14v {
    width: 14vw !important;
  }
  .u-tab-w-15p {
    width: 15% !important;
  }
  .u-tab-w-15v {
    width: 15vw !important;
  }
  .u-tab-w-16p {
    width: 16% !important;
  }
  .u-tab-w-16v {
    width: 16vw !important;
  }
  .u-tab-w-17p {
    width: 17% !important;
  }
  .u-tab-w-17v {
    width: 17vw !important;
  }
  .u-tab-w-18p {
    width: 18% !important;
  }
  .u-tab-w-18v {
    width: 18vw !important;
  }
  .u-tab-w-19p {
    width: 19% !important;
  }
  .u-tab-w-19v {
    width: 19vw !important;
  }
  .u-tab-w-20p {
    width: 20% !important;
  }
  .u-tab-w-20v {
    width: 20vw !important;
  }
  .u-tab-w-21p {
    width: 21% !important;
  }
  .u-tab-w-21v {
    width: 21vw !important;
  }
  .u-tab-w-22p {
    width: 22% !important;
  }
  .u-tab-w-22v {
    width: 22vw !important;
  }
  .u-tab-w-23p {
    width: 23% !important;
  }
  .u-tab-w-23v {
    width: 23vw !important;
  }
  .u-tab-w-24p {
    width: 24% !important;
  }
  .u-tab-w-24v {
    width: 24vw !important;
  }
  .u-tab-w-25p {
    width: 25% !important;
  }
  .u-tab-w-25v {
    width: 25vw !important;
  }
  .u-tab-w-26p {
    width: 26% !important;
  }
  .u-tab-w-26v {
    width: 26vw !important;
  }
  .u-tab-w-27p {
    width: 27% !important;
  }
  .u-tab-w-27v {
    width: 27vw !important;
  }
  .u-tab-w-28p {
    width: 28% !important;
  }
  .u-tab-w-28v {
    width: 28vw !important;
  }
  .u-tab-w-29p {
    width: 29% !important;
  }
  .u-tab-w-29v {
    width: 29vw !important;
  }
  .u-tab-w-30p {
    width: 30% !important;
  }
  .u-tab-w-30v {
    width: 30vw !important;
  }
  .u-tab-w-31p {
    width: 31% !important;
  }
  .u-tab-w-31v {
    width: 31vw !important;
  }
  .u-tab-w-32p {
    width: 32% !important;
  }
  .u-tab-w-32v {
    width: 32vw !important;
  }
  .u-tab-w-33p {
    width: 33% !important;
  }
  .u-tab-w-33v {
    width: 33vw !important;
  }
  .u-tab-w-34p {
    width: 34% !important;
  }
  .u-tab-w-34v {
    width: 34vw !important;
  }
  .u-tab-w-35p {
    width: 35% !important;
  }
  .u-tab-w-35v {
    width: 35vw !important;
  }
  .u-tab-w-36p {
    width: 36% !important;
  }
  .u-tab-w-36v {
    width: 36vw !important;
  }
  .u-tab-w-37p {
    width: 37% !important;
  }
  .u-tab-w-37v {
    width: 37vw !important;
  }
  .u-tab-w-38p {
    width: 38% !important;
  }
  .u-tab-w-38v {
    width: 38vw !important;
  }
  .u-tab-w-39p {
    width: 39% !important;
  }
  .u-tab-w-39v {
    width: 39vw !important;
  }
  .u-tab-w-40p {
    width: 40% !important;
  }
  .u-tab-w-40v {
    width: 40vw !important;
  }
  .u-tab-w-41p {
    width: 41% !important;
  }
  .u-tab-w-41v {
    width: 41vw !important;
  }
  .u-tab-w-42p {
    width: 42% !important;
  }
  .u-tab-w-42v {
    width: 42vw !important;
  }
  .u-tab-w-43p {
    width: 43% !important;
  }
  .u-tab-w-43v {
    width: 43vw !important;
  }
  .u-tab-w-44p {
    width: 44% !important;
  }
  .u-tab-w-44v {
    width: 44vw !important;
  }
  .u-tab-w-45p {
    width: 45% !important;
  }
  .u-tab-w-45v {
    width: 45vw !important;
  }
  .u-tab-w-46p {
    width: 46% !important;
  }
  .u-tab-w-46v {
    width: 46vw !important;
  }
  .u-tab-w-47p {
    width: 47% !important;
  }
  .u-tab-w-47v {
    width: 47vw !important;
  }
  .u-tab-w-48p {
    width: 48% !important;
  }
  .u-tab-w-48v {
    width: 48vw !important;
  }
  .u-tab-w-49p {
    width: 49% !important;
  }
  .u-tab-w-49v {
    width: 49vw !important;
  }
  .u-tab-w-50p {
    width: 50% !important;
  }
  .u-tab-w-50v {
    width: 50vw !important;
  }
  .u-tab-w-51p {
    width: 51% !important;
  }
  .u-tab-w-51v {
    width: 51vw !important;
  }
  .u-tab-w-52p {
    width: 52% !important;
  }
  .u-tab-w-52v {
    width: 52vw !important;
  }
  .u-tab-w-53p {
    width: 53% !important;
  }
  .u-tab-w-53v {
    width: 53vw !important;
  }
  .u-tab-w-54p {
    width: 54% !important;
  }
  .u-tab-w-54v {
    width: 54vw !important;
  }
  .u-tab-w-55p {
    width: 55% !important;
  }
  .u-tab-w-55v {
    width: 55vw !important;
  }
  .u-tab-w-56p {
    width: 56% !important;
  }
  .u-tab-w-56v {
    width: 56vw !important;
  }
  .u-tab-w-57p {
    width: 57% !important;
  }
  .u-tab-w-57v {
    width: 57vw !important;
  }
  .u-tab-w-58p {
    width: 58% !important;
  }
  .u-tab-w-58v {
    width: 58vw !important;
  }
  .u-tab-w-59p {
    width: 59% !important;
  }
  .u-tab-w-59v {
    width: 59vw !important;
  }
  .u-tab-w-60p {
    width: 60% !important;
  }
  .u-tab-w-60v {
    width: 60vw !important;
  }
  .u-tab-w-61p {
    width: 61% !important;
  }
  .u-tab-w-61v {
    width: 61vw !important;
  }
  .u-tab-w-62p {
    width: 62% !important;
  }
  .u-tab-w-62v {
    width: 62vw !important;
  }
  .u-tab-w-63p {
    width: 63% !important;
  }
  .u-tab-w-63v {
    width: 63vw !important;
  }
  .u-tab-w-64p {
    width: 64% !important;
  }
  .u-tab-w-64v {
    width: 64vw !important;
  }
  .u-tab-w-65p {
    width: 65% !important;
  }
  .u-tab-w-65v {
    width: 65vw !important;
  }
  .u-tab-w-66p {
    width: 66% !important;
  }
  .u-tab-w-66v {
    width: 66vw !important;
  }
  .u-tab-w-67p {
    width: 67% !important;
  }
  .u-tab-w-67v {
    width: 67vw !important;
  }
  .u-tab-w-68p {
    width: 68% !important;
  }
  .u-tab-w-68v {
    width: 68vw !important;
  }
  .u-tab-w-69p {
    width: 69% !important;
  }
  .u-tab-w-69v {
    width: 69vw !important;
  }
  .u-tab-w-70p {
    width: 70% !important;
  }
  .u-tab-w-70v {
    width: 70vw !important;
  }
  .u-tab-w-71p {
    width: 71% !important;
  }
  .u-tab-w-71v {
    width: 71vw !important;
  }
  .u-tab-w-72p {
    width: 72% !important;
  }
  .u-tab-w-72v {
    width: 72vw !important;
  }
  .u-tab-w-73p {
    width: 73% !important;
  }
  .u-tab-w-73v {
    width: 73vw !important;
  }
  .u-tab-w-74p {
    width: 74% !important;
  }
  .u-tab-w-74v {
    width: 74vw !important;
  }
  .u-tab-w-75p {
    width: 75% !important;
  }
  .u-tab-w-75v {
    width: 75vw !important;
  }
  .u-tab-w-76p {
    width: 76% !important;
  }
  .u-tab-w-76v {
    width: 76vw !important;
  }
  .u-tab-w-77p {
    width: 77% !important;
  }
  .u-tab-w-77v {
    width: 77vw !important;
  }
  .u-tab-w-78p {
    width: 78% !important;
  }
  .u-tab-w-78v {
    width: 78vw !important;
  }
  .u-tab-w-79p {
    width: 79% !important;
  }
  .u-tab-w-79v {
    width: 79vw !important;
  }
  .u-tab-w-80p {
    width: 80% !important;
  }
  .u-tab-w-80v {
    width: 80vw !important;
  }
  .u-tab-w-81p {
    width: 81% !important;
  }
  .u-tab-w-81v {
    width: 81vw !important;
  }
  .u-tab-w-82p {
    width: 82% !important;
  }
  .u-tab-w-82v {
    width: 82vw !important;
  }
  .u-tab-w-83p {
    width: 83% !important;
  }
  .u-tab-w-83v {
    width: 83vw !important;
  }
  .u-tab-w-84p {
    width: 84% !important;
  }
  .u-tab-w-84v {
    width: 84vw !important;
  }
  .u-tab-w-85p {
    width: 85% !important;
  }
  .u-tab-w-85v {
    width: 85vw !important;
  }
  .u-tab-w-86p {
    width: 86% !important;
  }
  .u-tab-w-86v {
    width: 86vw !important;
  }
  .u-tab-w-87p {
    width: 87% !important;
  }
  .u-tab-w-87v {
    width: 87vw !important;
  }
  .u-tab-w-88p {
    width: 88% !important;
  }
  .u-tab-w-88v {
    width: 88vw !important;
  }
  .u-tab-w-89p {
    width: 89% !important;
  }
  .u-tab-w-89v {
    width: 89vw !important;
  }
  .u-tab-w-90p {
    width: 90% !important;
  }
  .u-tab-w-90v {
    width: 90vw !important;
  }
  .u-tab-w-91p {
    width: 91% !important;
  }
  .u-tab-w-91v {
    width: 91vw !important;
  }
  .u-tab-w-92p {
    width: 92% !important;
  }
  .u-tab-w-92v {
    width: 92vw !important;
  }
  .u-tab-w-93p {
    width: 93% !important;
  }
  .u-tab-w-93v {
    width: 93vw !important;
  }
  .u-tab-w-94p {
    width: 94% !important;
  }
  .u-tab-w-94v {
    width: 94vw !important;
  }
  .u-tab-w-95p {
    width: 95% !important;
  }
  .u-tab-w-95v {
    width: 95vw !important;
  }
  .u-tab-w-96p {
    width: 96% !important;
  }
  .u-tab-w-96v {
    width: 96vw !important;
  }
  .u-tab-w-97p {
    width: 97% !important;
  }
  .u-tab-w-97v {
    width: 97vw !important;
  }
  .u-tab-w-98p {
    width: 98% !important;
  }
  .u-tab-w-98v {
    width: 98vw !important;
  }
  .u-tab-w-99p {
    width: 99% !important;
  }
  .u-tab-w-99v {
    width: 99vw !important;
  }
  .u-tab-w-100p {
    width: 100% !important;
  }
  .u-tab-w-100v {
    width: 100vw !important;
  }
}
/* SP版：プリフィクス sp- を付加 */
@media print, screen and (mxx-width: 480px) {
  /* 単位：em */
  .u-sp-w-1em {
    width: 1em !important;
  }
  .u-sp-w-2em {
    width: 2em !important;
  }
  .u-sp-w-3em {
    width: 3em !important;
  }
  .u-sp-w-4em {
    width: 4em !important;
  }
  .u-sp-w-5em {
    width: 5em !important;
  }
  .u-sp-w-6em {
    width: 6em !important;
  }
  .u-sp-w-7em {
    width: 7em !important;
  }
  .u-sp-w-8em {
    width: 8em !important;
  }
  .u-sp-w-9em {
    width: 9em !important;
  }
  .u-sp-w-10em {
    width: 10em !important;
  }
  /* 単位：px（rem） */
  .u-sp-w-5 {
    width: 0.5rem !important;
  }
  .u-sp-w-10 {
    width: 1rem !important;
  }
  .u-sp-w-15 {
    width: 1.5rem !important;
  }
  .u-sp-w-20 {
    width: 2rem !important;
  }
  .u-sp-w-25 {
    width: 2.5rem !important;
  }
  .u-sp-w-30 {
    width: 3rem !important;
  }
  .u-sp-w-35 {
    width: 3.5rem !important;
  }
  .u-sp-w-40 {
    width: 4rem !important;
  }
  .u-sp-w-45 {
    width: 4.5rem !important;
  }
  .u-sp-w-50 {
    width: 5rem !important;
  }
  .u-sp-w-55 {
    width: 5.5rem !important;
  }
  .u-sp-w-60 {
    width: 6rem !important;
  }
  .u-sp-w-65 {
    width: 6.5rem !important;
  }
  .u-sp-w-70 {
    width: 7rem !important;
  }
  .u-sp-w-75 {
    width: 7.5rem !important;
  }
  .u-sp-w-80 {
    width: 8rem !important;
  }
  .u-sp-w-85 {
    width: 8.5rem !important;
  }
  .u-sp-w-90 {
    width: 9rem !important;
  }
  .u-sp-w-95 {
    width: 9.5rem !important;
  }
  /* 単位：100px以上は10px刻み */
  .u-sp-w-100 {
    width: 10rem !important;
  }
  .u-sp-w-110 {
    width: 11rem !important;
  }
  .u-sp-w-120 {
    width: 12rem !important;
  }
  .u-sp-w-130 {
    width: 13rem !important;
  }
  .u-sp-w-140 {
    width: 14rem !important;
  }
  .u-sp-w-150 {
    width: 15rem !important;
  }
  .u-sp-w-160 {
    width: 16rem !important;
  }
  .u-sp-w-170 {
    width: 17rem !important;
  }
  .u-sp-w-180 {
    width: 18rem !important;
  }
  .u-sp-w-190 {
    width: 19rem !important;
  }
  .u-sp-w-200 {
    width: 20rem !important;
  }
  .u-sp-w-210 {
    width: 21rem !important;
  }
  .u-sp-w-220 {
    width: 22rem !important;
  }
  .u-sp-w-230 {
    width: 23rem !important;
  }
  .u-sp-w-240 {
    width: 24rem !important;
  }
  .u-sp-w-250 {
    width: 25rem !important;
  }
  .u-sp-w-260 {
    width: 26rem !important;
  }
  .u-sp-w-270 {
    width: 27rem !important;
  }
  .u-sp-w-280 {
    width: 28rem !important;
  }
  .u-sp-w-290 {
    width: 29rem !important;
  }
  .u-sp-w-300 {
    width: 30rem !important;
  }
  .u-sp-w-310 {
    width: 31rem !important;
  }
  .u-sp-w-320 {
    width: 32rem !important;
  }
  .u-sp-w-330 {
    width: 33rem !important;
  }
  .u-sp-w-340 {
    width: 34rem !important;
  }
  .u-sp-w-350 {
    width: 35rem !important;
  }
  .u-sp-w-360 {
    width: 36rem !important;
  }
  .u-sp-w-370 {
    width: 37rem !important;
  }
  .u-sp-w-380 {
    width: 38rem !important;
  }
  .u-sp-w-390 {
    width: 39rem !important;
  }
  .u-sp-w-400 {
    width: 40rem !important;
  }
  .u-sp-w-410 {
    width: 41rem !important;
  }
  .u-sp-w-420 {
    width: 42rem !important;
  }
  .u-sp-w-430 {
    width: 43rem !important;
  }
  .u-sp-w-440 {
    width: 44rem !important;
  }
  .u-sp-w-450 {
    width: 45rem !important;
  }
  .u-sp-w-460 {
    width: 46rem !important;
  }
  .u-sp-w-470 {
    width: 47rem !important;
  }
  .u-sp-w-480 {
    width: 48rem !important;
  }
  .u-sp-w-490 {
    width: 49rem !important;
  }
  .u-sp-w-500 {
    width: 50rem !important;
  }
  .u-sp-w-510 {
    width: 51rem !important;
  }
  .u-sp-w-520 {
    width: 52rem !important;
  }
  .u-sp-w-530 {
    width: 53rem !important;
  }
  .u-sp-w-540 {
    width: 54rem !important;
  }
  .u-sp-w-550 {
    width: 55rem !important;
  }
  .u-sp-w-560 {
    width: 56rem !important;
  }
  .u-sp-w-570 {
    width: 57rem !important;
  }
  .u-sp-w-580 {
    width: 58rem !important;
  }
  .u-sp-w-590 {
    width: 59rem !important;
  }
  .u-sp-w-600 {
    width: 60rem !important;
  }
  .u-sp-w-610 {
    width: 61rem !important;
  }
  .u-sp-w-620 {
    width: 62rem !important;
  }
  .u-sp-w-630 {
    width: 63rem !important;
  }
  .u-sp-w-640 {
    width: 64rem !important;
  }
  .u-sp-w-650 {
    width: 65rem !important;
  }
  .u-sp-w-660 {
    width: 66rem !important;
  }
  .u-sp-w-670 {
    width: 67rem !important;
  }
  .u-sp-w-680 {
    width: 68rem !important;
  }
  .u-sp-w-690 {
    width: 69rem !important;
  }
  .u-sp-w-700 {
    width: 70rem !important;
  }
  .u-sp-w-710 {
    width: 71rem !important;
  }
  .u-sp-w-720 {
    width: 72rem !important;
  }
  .u-sp-w-730 {
    width: 73rem !important;
  }
  .u-sp-w-740 {
    width: 74rem !important;
  }
  .u-sp-w-750 {
    width: 75rem !important;
  }
  .u-sp-w-760 {
    width: 76rem !important;
  }
  .u-sp-w-770 {
    width: 77rem !important;
  }
  .u-sp-w-780 {
    width: 78rem !important;
  }
  .u-sp-w-790 {
    width: 79rem !important;
  }
  .u-sp-w-800 {
    width: 80rem !important;
  }
  .u-sp-w-810 {
    width: 81rem !important;
  }
  .u-sp-w-820 {
    width: 82rem !important;
  }
  .u-sp-w-830 {
    width: 83rem !important;
  }
  .u-sp-w-840 {
    width: 84rem !important;
  }
  .u-sp-w-850 {
    width: 85rem !important;
  }
  .u-sp-w-860 {
    width: 86rem !important;
  }
  .u-sp-w-870 {
    width: 87rem !important;
  }
  .u-sp-w-880 {
    width: 88rem !important;
  }
  .u-sp-w-890 {
    width: 89rem !important;
  }
  .u-sp-w-900 {
    width: 90rem !important;
  }
  .u-sp-w-910 {
    width: 91rem !important;
  }
  .u-sp-w-920 {
    width: 92rem !important;
  }
  .u-sp-w-930 {
    width: 93rem !important;
  }
  .u-sp-w-940 {
    width: 94rem !important;
  }
  .u-sp-w-950 {
    width: 95rem !important;
  }
  .u-sp-w-960 {
    width: 96rem !important;
  }
  .u-sp-w-970 {
    width: 97rem !important;
  }
  .u-sp-w-980 {
    width: 98rem !important;
  }
  .u-sp-w-990 {
    width: 99rem !important;
  }
  .u-sp-w-1000 {
    width: 100rem !important;
  }
  /* 単位：パーセント、vw */
  .u-sp-w-1p {
    width: 1% !important;
  }
  .u-sp-w-1v {
    width: 1vw !important;
  }
  .u-sp-w-2p {
    width: 2% !important;
  }
  .u-sp-w-2v {
    width: 2vw !important;
  }
  .u-sp-w-3p {
    width: 3% !important;
  }
  .u-sp-w-3v {
    width: 3vw !important;
  }
  .u-sp-w-4p {
    width: 4% !important;
  }
  .u-sp-w-4v {
    width: 4vw !important;
  }
  .u-sp-w-5p {
    width: 5% !important;
  }
  .u-sp-w-5v {
    width: 5vw !important;
  }
  .u-sp-w-6p {
    width: 6% !important;
  }
  .u-sp-w-6v {
    width: 6vw !important;
  }
  .u-sp-w-7p {
    width: 7% !important;
  }
  .u-sp-w-7v {
    width: 7vw !important;
  }
  .u-sp-w-8p {
    width: 8% !important;
  }
  .u-sp-w-8v {
    width: 8vw !important;
  }
  .u-sp-w-9p {
    width: 9% !important;
  }
  .u-sp-w-9v {
    width: 9vw !important;
  }
  .u-sp-w-10p {
    width: 10% !important;
  }
  .u-sp-w-10v {
    width: 10vw !important;
  }
  .u-sp-w-11p {
    width: 11% !important;
  }
  .u-sp-w-11v {
    width: 11vw !important;
  }
  .u-sp-w-12p {
    width: 12% !important;
  }
  .u-sp-w-12v {
    width: 12vw !important;
  }
  .u-sp-w-13p {
    width: 13% !important;
  }
  .u-sp-w-13v {
    width: 13vw !important;
  }
  .u-sp-w-14p {
    width: 14% !important;
  }
  .u-sp-w-14v {
    width: 14vw !important;
  }
  .u-sp-w-15p {
    width: 15% !important;
  }
  .u-sp-w-15v {
    width: 15vw !important;
  }
  .u-sp-w-16p {
    width: 16% !important;
  }
  .u-sp-w-16v {
    width: 16vw !important;
  }
  .u-sp-w-17p {
    width: 17% !important;
  }
  .u-sp-w-17v {
    width: 17vw !important;
  }
  .u-sp-w-18p {
    width: 18% !important;
  }
  .u-sp-w-18v {
    width: 18vw !important;
  }
  .u-sp-w-19p {
    width: 19% !important;
  }
  .u-sp-w-19v {
    width: 19vw !important;
  }
  .u-sp-w-20p {
    width: 20% !important;
  }
  .u-sp-w-20v {
    width: 20vw !important;
  }
  .u-sp-w-21p {
    width: 21% !important;
  }
  .u-sp-w-21v {
    width: 21vw !important;
  }
  .u-sp-w-22p {
    width: 22% !important;
  }
  .u-sp-w-22v {
    width: 22vw !important;
  }
  .u-sp-w-23p {
    width: 23% !important;
  }
  .u-sp-w-23v {
    width: 23vw !important;
  }
  .u-sp-w-24p {
    width: 24% !important;
  }
  .u-sp-w-24v {
    width: 24vw !important;
  }
  .u-sp-w-25p {
    width: 25% !important;
  }
  .u-sp-w-25v {
    width: 25vw !important;
  }
  .u-sp-w-26p {
    width: 26% !important;
  }
  .u-sp-w-26v {
    width: 26vw !important;
  }
  .u-sp-w-27p {
    width: 27% !important;
  }
  .u-sp-w-27v {
    width: 27vw !important;
  }
  .u-sp-w-28p {
    width: 28% !important;
  }
  .u-sp-w-28v {
    width: 28vw !important;
  }
  .u-sp-w-29p {
    width: 29% !important;
  }
  .u-sp-w-29v {
    width: 29vw !important;
  }
  .u-sp-w-30p {
    width: 30% !important;
  }
  .u-sp-w-30v {
    width: 30vw !important;
  }
  .u-sp-w-31p {
    width: 31% !important;
  }
  .u-sp-w-31v {
    width: 31vw !important;
  }
  .u-sp-w-32p {
    width: 32% !important;
  }
  .u-sp-w-32v {
    width: 32vw !important;
  }
  .u-sp-w-33p {
    width: 33% !important;
  }
  .u-sp-w-33v {
    width: 33vw !important;
  }
  .u-sp-w-34p {
    width: 34% !important;
  }
  .u-sp-w-34v {
    width: 34vw !important;
  }
  .u-sp-w-35p {
    width: 35% !important;
  }
  .u-sp-w-35v {
    width: 35vw !important;
  }
  .u-sp-w-36p {
    width: 36% !important;
  }
  .u-sp-w-36v {
    width: 36vw !important;
  }
  .u-sp-w-37p {
    width: 37% !important;
  }
  .u-sp-w-37v {
    width: 37vw !important;
  }
  .u-sp-w-38p {
    width: 38% !important;
  }
  .u-sp-w-38v {
    width: 38vw !important;
  }
  .u-sp-w-39p {
    width: 39% !important;
  }
  .u-sp-w-39v {
    width: 39vw !important;
  }
  .u-sp-w-40p {
    width: 40% !important;
  }
  .u-sp-w-40v {
    width: 40vw !important;
  }
  .u-sp-w-41p {
    width: 41% !important;
  }
  .u-sp-w-41v {
    width: 41vw !important;
  }
  .u-sp-w-42p {
    width: 42% !important;
  }
  .u-sp-w-42v {
    width: 42vw !important;
  }
  .u-sp-w-43p {
    width: 43% !important;
  }
  .u-sp-w-43v {
    width: 43vw !important;
  }
  .u-sp-w-44p {
    width: 44% !important;
  }
  .u-sp-w-44v {
    width: 44vw !important;
  }
  .u-sp-w-45p {
    width: 45% !important;
  }
  .u-sp-w-45v {
    width: 45vw !important;
  }
  .u-sp-w-46p {
    width: 46% !important;
  }
  .u-sp-w-46v {
    width: 46vw !important;
  }
  .u-sp-w-47p {
    width: 47% !important;
  }
  .u-sp-w-47v {
    width: 47vw !important;
  }
  .u-sp-w-48p {
    width: 48% !important;
  }
  .u-sp-w-48v {
    width: 48vw !important;
  }
  .u-sp-w-49p {
    width: 49% !important;
  }
  .u-sp-w-49v {
    width: 49vw !important;
  }
  .u-sp-w-50p {
    width: 50% !important;
  }
  .u-sp-w-50v {
    width: 50vw !important;
  }
  .u-sp-w-51p {
    width: 51% !important;
  }
  .u-sp-w-51v {
    width: 51vw !important;
  }
  .u-sp-w-52p {
    width: 52% !important;
  }
  .u-sp-w-52v {
    width: 52vw !important;
  }
  .u-sp-w-53p {
    width: 53% !important;
  }
  .u-sp-w-53v {
    width: 53vw !important;
  }
  .u-sp-w-54p {
    width: 54% !important;
  }
  .u-sp-w-54v {
    width: 54vw !important;
  }
  .u-sp-w-55p {
    width: 55% !important;
  }
  .u-sp-w-55v {
    width: 55vw !important;
  }
  .u-sp-w-56p {
    width: 56% !important;
  }
  .u-sp-w-56v {
    width: 56vw !important;
  }
  .u-sp-w-57p {
    width: 57% !important;
  }
  .u-sp-w-57v {
    width: 57vw !important;
  }
  .u-sp-w-58p {
    width: 58% !important;
  }
  .u-sp-w-58v {
    width: 58vw !important;
  }
  .u-sp-w-59p {
    width: 59% !important;
  }
  .u-sp-w-59v {
    width: 59vw !important;
  }
  .u-sp-w-60p {
    width: 60% !important;
  }
  .u-sp-w-60v {
    width: 60vw !important;
  }
  .u-sp-w-61p {
    width: 61% !important;
  }
  .u-sp-w-61v {
    width: 61vw !important;
  }
  .u-sp-w-62p {
    width: 62% !important;
  }
  .u-sp-w-62v {
    width: 62vw !important;
  }
  .u-sp-w-63p {
    width: 63% !important;
  }
  .u-sp-w-63v {
    width: 63vw !important;
  }
  .u-sp-w-64p {
    width: 64% !important;
  }
  .u-sp-w-64v {
    width: 64vw !important;
  }
  .u-sp-w-65p {
    width: 65% !important;
  }
  .u-sp-w-65v {
    width: 65vw !important;
  }
  .u-sp-w-66p {
    width: 66% !important;
  }
  .u-sp-w-66v {
    width: 66vw !important;
  }
  .u-sp-w-67p {
    width: 67% !important;
  }
  .u-sp-w-67v {
    width: 67vw !important;
  }
  .u-sp-w-68p {
    width: 68% !important;
  }
  .u-sp-w-68v {
    width: 68vw !important;
  }
  .u-sp-w-69p {
    width: 69% !important;
  }
  .u-sp-w-69v {
    width: 69vw !important;
  }
  .u-sp-w-70p {
    width: 70% !important;
  }
  .u-sp-w-70v {
    width: 70vw !important;
  }
  .u-sp-w-71p {
    width: 71% !important;
  }
  .u-sp-w-71v {
    width: 71vw !important;
  }
  .u-sp-w-72p {
    width: 72% !important;
  }
  .u-sp-w-72v {
    width: 72vw !important;
  }
  .u-sp-w-73p {
    width: 73% !important;
  }
  .u-sp-w-73v {
    width: 73vw !important;
  }
  .u-sp-w-74p {
    width: 74% !important;
  }
  .u-sp-w-74v {
    width: 74vw !important;
  }
  .u-sp-w-75p {
    width: 75% !important;
  }
  .u-sp-w-75v {
    width: 75vw !important;
  }
  .u-sp-w-76p {
    width: 76% !important;
  }
  .u-sp-w-76v {
    width: 76vw !important;
  }
  .u-sp-w-77p {
    width: 77% !important;
  }
  .u-sp-w-77v {
    width: 77vw !important;
  }
  .u-sp-w-78p {
    width: 78% !important;
  }
  .u-sp-w-78v {
    width: 78vw !important;
  }
  .u-sp-w-79p {
    width: 79% !important;
  }
  .u-sp-w-79v {
    width: 79vw !important;
  }
  .u-sp-w-80p {
    width: 80% !important;
  }
  .u-sp-w-80v {
    width: 80vw !important;
  }
  .u-sp-w-81p {
    width: 81% !important;
  }
  .u-sp-w-81v {
    width: 81vw !important;
  }
  .u-sp-w-82p {
    width: 82% !important;
  }
  .u-sp-w-82v {
    width: 82vw !important;
  }
  .u-sp-w-83p {
    width: 83% !important;
  }
  .u-sp-w-83v {
    width: 83vw !important;
  }
  .u-sp-w-84p {
    width: 84% !important;
  }
  .u-sp-w-84v {
    width: 84vw !important;
  }
  .u-sp-w-85p {
    width: 85% !important;
  }
  .u-sp-w-85v {
    width: 85vw !important;
  }
  .u-sp-w-86p {
    width: 86% !important;
  }
  .u-sp-w-86v {
    width: 86vw !important;
  }
  .u-sp-w-87p {
    width: 87% !important;
  }
  .u-sp-w-87v {
    width: 87vw !important;
  }
  .u-sp-w-88p {
    width: 88% !important;
  }
  .u-sp-w-88v {
    width: 88vw !important;
  }
  .u-sp-w-89p {
    width: 89% !important;
  }
  .u-sp-w-89v {
    width: 89vw !important;
  }
  .u-sp-w-90p {
    width: 90% !important;
  }
  .u-sp-w-90v {
    width: 90vw !important;
  }
  .u-sp-w-91p {
    width: 91% !important;
  }
  .u-sp-w-91v {
    width: 91vw !important;
  }
  .u-sp-w-92p {
    width: 92% !important;
  }
  .u-sp-w-92v {
    width: 92vw !important;
  }
  .u-sp-w-93p {
    width: 93% !important;
  }
  .u-sp-w-93v {
    width: 93vw !important;
  }
  .u-sp-w-94p {
    width: 94% !important;
  }
  .u-sp-w-94v {
    width: 94vw !important;
  }
  .u-sp-w-95p {
    width: 95% !important;
  }
  .u-sp-w-95v {
    width: 95vw !important;
  }
  .u-sp-w-96p {
    width: 96% !important;
  }
  .u-sp-w-96v {
    width: 96vw !important;
  }
  .u-sp-w-97p {
    width: 97% !important;
  }
  .u-sp-w-97v {
    width: 97vw !important;
  }
  .u-sp-w-98p {
    width: 98% !important;
  }
  .u-sp-w-98v {
    width: 98vw !important;
  }
  .u-sp-w-99p {
    width: 99% !important;
  }
  .u-sp-w-99v {
    width: 99vw !important;
  }
  .u-sp-w-100p {
    width: 100% !important;
  }
  .u-sp-w-100v {
    width: 100vw !important;
  }
}
/* ================================================================================
  ページごとのスタイル
  ================================================================================ */
.p-kikai-summary__chart__legend.auto-time-study li {
  border-bottom: 1px solid #c7cacd;
}
.p-kikai-summary__chart__legend.auto-time-study li .c-legend.is-sm {
  font-size: 1.4rem;
}
.p-kikai-summary__chart__legend.auto-time-study li div {
  font-size: 2.4rem;
  font-weight: bold;
}
.p-kikai-summary__chart__legend.auto-time-study li div span {
  font-size: 1.6rem;
}

ul.auto-time-study .c-legend.is-sm {
  font-size: 1.4rem;
}

/* --------------------------------------------------------------------------------
   .page-dashboard : ダッシュボードページ用のスタイル
----------------------------------------------------------------------------------- */
.page-dashboard {
  height: 100dvh;
  /* あまりに高さの小さいウィンドウのときはスクロールさせる */
}
.page-dashboard .l-main {
  height: calc(100dvh - 10rem);
}
.page-dashboard.is-simple-header .l-main {
  height: calc(100dvh - 4.8rem);
}
.page-dashboard .l-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.page-dashboard .l-container > .c-flex {
  margin-bottom: 0.8rem;
}

.add_widget_btn {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 88px;
  height: 88px;
  background-color: #140A9A;
  border-radius: 4px;
  z-index: 1;
}
@media print, screen and (max-width: 1280px) {
  .add_widget_btn {
    width: 100px;
    height: 44px;
  }
}
.add_widget_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  line-height: 1;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
@media print, screen and (max-width: 1280px) {
  .add_widget_btn a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px;
  }
}
.add_widget_btn a .material-icons-round {
  font-size: 32px;
}
@media print, screen and (max-width: 1280px) {
  .add_widget_btn a .material-icons-round {
    font-size: 20px;
    margin-right: 4px;
  }
}

.page-denryoku_monitor .c-tab-content .c-box .is-gap-4-12 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (max-width: 1280px) {
  .page-denryoku_monitor .c-tab-content .c-box .is-gap-4-12 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}
.page-denryoku_monitor .notice-text {
  font-size: 14px;
}

.page-event-history.nodata table.nodata th:nth-child(n+8),
.page-event-history.nodata table.nodata td:nth-child(n+8) {
  display: none;
}

.page-event-history th .c-flex, .page-event-history td .c-flex {
  gap: 0;
}
.page-event-history td .c-btn {
  width: 10rem;
  height: 2.8rem;
}
@media print, screen and (max-width: 1280px) {
  .page-event-history td .c-btn {
    height: 4.4rem;
    width: 7.2rem;
    line-height: 1.2;
  }
}
.page-event-history .time-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.2rem 0.6rem;
}
.page-event-history .cell-status-label {
  color: #ffffff;
  display: inline-block;
  width: 10rem;
  height: 2.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px 0;
}
@media print, screen and (max-width: 1280px) {
  .page-event-history .cell-status-label {
    height: 4.4rem;
    width: 7.2rem;
    line-height: 1.2;
  }
}
.page-event-history .cell-status-label.active {
  background-color: #140a9a;
}
.page-event-history .cell-status-label.inactive {
  background-color: #a5abaf;
}
.page-event-history br.sp-only {
  display: none;
}
@media print, screen and (max-width: 1280px) {
  .page-event-history br.sp-only {
    display: block;
  }
}
.page-event-history .l-page-bottom.is-selected {
  background-color: #f6f6f6;
}

.page-hoshu-tenken-info .c-pager {
  margin-bottom: 0;
}

.page-hoshu-tenken-reset-history {
  overflow: hidden;
}

/* --------------------------------------------------------------------------------
   ~.cell-label : 種別毎の表示アイコン画像共通スタイル 画面毎に都度追加
----------------------------------------------------------------------------------- */
.page-event-history .cell-label
,.page-error-summary-list .cell-label
,.page-machine-alarm-mail .cell-label
,.program-management .cell-label
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  font-size: 1.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80%;
  padding: 2px 0;
  margin: 0 auto;
}
.page-event-history .cell-label.error
,.page-error-summary-list .cell-label.error
,.page-machine-alarm-mail .cell-label.error

{
  background-color: #ff0000;
}
.page-event-history .cell-label.warning
,.page-error-summary-list .cell-label.warning
,.page-machine-alarm-mail .cell-label.warning

{
  background-color: #f37021;
}
.page-event-history .cell-label.operation
,.page-error-summary-list .cell-label.operation
,.page-machine-alarm-mail .cell-label.operation

{
  color: #fff;
  background: #6E757A;
}
.page-event-history .cell-label.caveatLine
,.page-error-summary-list .cell-label.caveatLine
,.page-machine-alarm-mail .cell-label.caveatLine

{
  color: #f37021;
  background-color: color;
  border: 2px solid #f37021;
}
.page-event-history .cell-label > span
,.page-error-summary-list .cell-label > span
,.page-machine-alarm-mail .cell-label > span

{
  font-size: 1.8rem;
}

/* --------------------------------------------------------------------------------
   .page-kadou-keijiban : 稼働掲示板ページ用のスタイル
----------------------------------------------------------------------------------- */
.page-kadou-keijiban {
  /* テーブル表示の場合 */
  /* カード表示の場合 */
}
.page-kadou-keijiban .l-main {
  padding-bottom: 0;
}
@media screen and (min-width: 1800px) {
  .page-kadou-keijiban .c-tbl {
    width: 100%;
  }
}
.page-kadou-keijiban .l-page-bottom.is-selected {
  background: #f6f6f6;
}
.page-kadou-keijiban .pg-card-only {
  display: none;
}
.page-kadou-keijiban .l-main.is-card .pg-tbl-only {
  display: none;
}
.page-kadou-keijiban .l-main.is-card .pg-card-only {
  display: block;
}
.page-kadou-keijiban .l-main.is-card .c-tbl-wrapper {
  padding-top: 0.8rem; /* ブックマークが飛び出す分 */
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban {
  /* カード表示の基本スタイル */
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban td {
  height: 4rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban .pg-unit {
  vertical-align: 0;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card {
  border: 0;
  /* グリッド定義とアイテムのフレーム */
  /* グリッドアイテムの基本スタイル */
  /* 個別グリッドアイテムのスタイル */
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card thead {
  display: none;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card tbody,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card tr,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card th,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card td {
  display: block;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.6rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card tr {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 5rem 9rem 25.6rem 21rem 1fr 16.8rem 19.2rem;
  grid-template-areas: "bookmark  img status user    graph-1 legend seisan-time" "bookmark  img status user    graph-1 legend seisan-time" "check     img name   tyuuban graph-1 legend tsuuden-time" "check     img name   tyuuban graph-2 legend tsuuden-time" "dashboard img name   hinban  graph-2 legend seisan-kaisuu" "dashboard img name   hinban  graph-2 legend seisan-kaisuu";
  position: relative;
  padding: 2rem 2rem 2rem 0;
  border: 0.1rem solid #c7cacd;
  border-radius: 0.4rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
  box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card td {
  width: auto;
  min-width: 0 !important;
  max-width: none;
  height: auto;
  min-height: 3rem;
  padding: 0;
  line-height: 1.15;
  border: 0;
  background-color: transparent;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card .pg-label {
  min-width: 4rem;
  color: #6e757a;
  white-space: nowrap;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=check] {
  grid-area: check;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=ブックマーク] {
  grid-area: bookmark;
  position: absolute;
  left: 0.6rem;
  top: -2.8rem;
  width: 3.5rem;
  height: 4rem;
  padding: 0;
  font-size: 2.8rem;
  color: #a5abaf;
  border: 0;
  background: none;
  background: url(../images/bg-ribon-on.svg) no-repeat center;
  background-size: contain;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=ブックマーク].off {
  background: url(../images/bg-ribon-off.svg) no-repeat center;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=ブックマーク] button {
  padding-bottom: 1.2rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=ブックマーク] button.c-btn-icon.is-checkbox.is-on .c-btn-icon__on {
  color: #fff;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=ブックマーク].is-on {
  color: #ffffff;
  background-image: url(../images/bg-ribon-on.svg);
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通信・異常・保守] {
  grid-area: status;
  margin-right: 1.6rem;
  padding-right: 1.6rem;
  border-right: 0.1rem solid #c7cacd;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通信・異常・保守] > .c-tbl__multi-col > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  width: 100%;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通信・異常・保守] > .c-tbl__multi-col > ul > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=設置場所] {
  display: none;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=画像] {
  grid-area: img;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -0.8rem;
  margin-right: 0.8rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=画像] img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=機械名] {
  grid-area: name;
  margin-right: 1.6rem;
  padding-right: 1.6rem;
  border-right: 0.1rem solid #c7cacd;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=機械名] .pg-card-only {
  margin-top: 0.6rem;
  font-size: 1.4rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=機械名] .material-icons-round {
  font-size: 1.6rem;
  color: #6e757a;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=ダッシュボード] {
  grid-area: dashboard;
  margin-top: 0.6rem;
  margin-bottom: -0.6rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=作業者] {
  grid-area: user;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=注番] {
  grid-area: tyuuban;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=品番] {
  grid-area: hinban;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働状況] {
  grid-area: graph-1;
  padding-bottom: 0.4rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働率] {
  grid-area: graph-2;
  padding-top: 0.4rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働状況],
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働率] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  margin-left: 1.6rem;
  padding: 0 1.6rem !important;
  border-left: 0.1rem solid #c7cacd;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働状況] .pg-label,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働率] .pg-label {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 5.8rem;
  color: #1b232a;
  text-align: right;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働状況] .pg-value,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働率] .pg-value {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 7rem);
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働状況] .pg-value img,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働率] .pg-value img {
  height: 4.1rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働状況] .pg-value .c-th-kadou-status__graph::after,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働率] .pg-value .c-th-kadou-status__graph::after {
  display: none;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=凡例] {
  grid-area: legend;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1.6rem;
  padding-right: 1.6rem;
  border-right: 0.1rem solid #c7cacd;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=凡例] .pg-card-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=凡例] img {
  width: 1.2rem;
  height: 1.2rem;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産時間] {
  grid-area: seisan-time;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産回数] {
  grid-area: seisan-kaisuu;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通電時間] {
  grid-area: tsuuden-time;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=作業者],
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=注番],
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=品番],
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産時間],
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産回数],
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通電時間] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  padding-top: 0.6rem;
  border-bottom: 0.1rem solid #c7cacd;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産時間] .pg-value,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産回数] .pg-value,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通電時間] .pg-value {
  margin-left: auto;
  font-size: 1.6rem;
  font-weight: bold;
}
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産時間] .pg-unit,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産回数] .pg-unit,
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通電時間] .pg-unit {
  margin-left: 0.4rem;
  font-size: 1.4rem;
}
@media print, screen and (max-width: 1440px) {
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card {
    /* 個別グリッドアイテムのスタイル */
  }
.page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card tr {
    grid-template-columns: 5rem 9rem 7.5rem 7.5rem 9rem 6rem 7.5rem 7.5rem 1fr;
    grid-template-areas: "bookmark  img status      status      status       user         user          user          graph-1" "bookmark  img status      status      status       user         user          user          graph-1" "check     img name        name        name         tyuuban      tyuuban       tyuuban       graph-1" "check     img name        name        name         tyuuban      tyuuban       tyuuban       graph-2" "check     img name        name        name         hinban       hinban        hinban        graph-2" "check     img name        name        name         hinban       hinban        hinban        graph-2" "dashboard img seisan-time seisan-time tsuuden-time tsuuden-time seisan-kaisuu seisan-kaisuu legend";
}
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=ダッシュボード] {
    margin-top: 0.8rem;
  }
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通信・異常・保守],
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=機械名] {
    margin-right: 1.2rem;
    padding-right: 1.2rem;
  }
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働状況],
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=稼働率] {
    gap: 0.8rem;
    margin-left: 1.2rem;
    padding: 0 1.2rem !important;
  }
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=凡例] {
    margin: 0;
    padding: 0 0 0 9rem;
    border: 0;
  }
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=凡例] .pg-card-legend {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 1fr 1fr;
    grid-gap: 0.2rem 1.2rem;
    gap: 0.2rem 1.2rem;
  }
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産時間],
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産回数],
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通電時間] {
    margin: 0.8rem 0;
    line-height: 1.6rem;
    vertical-align: baseline;
  }
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=生産回数],
  .page-kadou-keijiban .c-tbl.is-kadou-keijiban.is-card [data-label=通電時間] {
    margin-left: 1.4rem;
  }
}

/* --------------------------------------------------------------------------------
   .page-hoyu-kikai : 保有機械ページ用のスタイル
----------------------------------------------------------------------------------- */
.page-hoyu-kikai .l-main {
    padding-bottom: 0;
}

@media screen and (min-width: 1800px) {
    .page-hoyu-kikai .c-tbl {
        width: 100%;
    }
}

.page-hoyu-kikai .l-page-bottom.is-selected {
    background: #f6f6f6;
}

.page-hoyu-kikai .c-tbl.is-machine-list td {
    height: 4rem;
}

.page-hoyu-kikai .c-tbl.is-machine-list .pg-unit {
    vertical-align: 0;
}

/*
 * サブカラムヘッダーのテキスト折り返し設定
 * .c-tbl thead th の white-space: nowrap を子要素でオーバーライドし、
 * サブカラム名が設定幅を超える場合にテキストを折り返す
 */
.page-hoyu-kikai .c-tbl.is-machine-list thead .c-tbl__multi-col > div {
    white-space: normal;
    overflow-wrap: break-word;
}

.page-hoyu-kikai .is-machine-list [data-label=設置場所] {
    width: auto !important;
}

.page-hoyu-kikai .is-machine-list [data-label=機械名] {
    width: auto !important;
}

.page-hoyu-kikai .is-machine-list [data-label=顧客名] {
    width: auto !important;
}

.page-hoyu-kikai .is-machine-list [data-label=累計稼働時間] {
    width: auto !important;
}

.page-hoyu-kikai .is-machine-list [data-label=累計稼働回数] {
    width: auto !important;
}

.page-hoyu-kikai .is-machine-list [data-label=最新通信時刻] {
    width: auto !important;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_過負荷モニタ] {
    min-width: 10rem !important;
    max-width: 10rem;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_荷重トレンド] {
    min-width: 10rem !important;
    max-width: 10rem;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_自動タイムスタディ] {
    min-width: 14rem !important;
    max-width: 14rem;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_過負荷モニタ4軸] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_荷重トレンド4軸] {
    min-width: 14rem !important;
    max-width: 14rem;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_荷重トレンドショット毎] {
    min-width: 16rem !important;
    max-width: 16rem;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_荷重トレンドショット毎4軸] {
    min-width: 20rem !important;
    max-width: 20rem;
}

.page-hoyu-kikai .is-machine-list [data-label=使われ方モニタ_LWC] {
    min-width: 18rem !important;
    max-width: 18rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_プレス] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_ベルト] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_TRフィーダ] {
    min-width: 10rem !important;
    max-width: 10rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_振子フィーダ] {
    min-width: 10rem !important;
    max-width: 10rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_リニアフィーダ] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_リフトサーボ] {
    min-width: 10rem !important;
    max-width: 10rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_メインモータ] {
    min-width: 10rem !important;
    max-width: 10rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_減速機] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_DC-ASSY] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_三柱式フィーダ] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_LDM劣化] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_温度監視] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=予知保全_レーザ駆動部] {
    min-width: 10rem !important;
    max-width: 10rem;
}


.page-hoyu-kikai .is-machine-list [data-label=メール機能_アラーム] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=メール機能_保守管理] {
    min-width: 10rem !important;
    max-width: 10rem;
}


.page-hoyu-kikai .is-machine-list [data-label=CSV一括ダウンロード_手動] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=CSV一括ダウンロード_自動] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=有料月間レポート_機械荷重トレンド] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=有料月間レポート_アラームパレート] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=有料月間レポート_保有機械稼働比率] {
    min-width: 14rem !important;
    max-width: 14rem;
}


.page-hoyu-kikai .is-machine-list [data-label=FL拡張機能_プログラム管理] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=FL拡張機能_稼働管理] {
    min-width: 10rem !important;
    max-width: 10rem;
}


.page-hoyu-kikai .is-machine-list [data-label=ライン管理_イベント履歴_総括] {
    min-width: 14rem !important;
    max-width: 14rem;
}

.page-hoyu-kikai .is-machine-list [data-label=ライン管理_型データ管理] {
    min-width: 12rem !important;
    max-width: 12rem;
}

.page-hoyu-kikai .is-machine-list [data-label=ライン管理_BS疲労度] {
    min-width: 8rem !important;
    max-width: 8rem;
}

.page-hoyu-kikai .is-machine-list [data-label=ライン管理_サーボ波形ロギング機能] {
    min-width: 16rem !important;
    max-width: 16rem;
}

/**
 * 横スクロール固定列の描画指定
 */
.page-hoyu-kikai .is-machine-list th[data-label=check] {
    z-index: 2 !important;
}

.page-hoyu-kikai .is-machine-list th[data-label=ブックマーク] {
    z-index: 2 !important;
}

.page-hoyu-kikai .is-machine-list th[data-label=設置場所] {
    z-index: 2 !important
}

.page-hoyu-kikai .is-machine-list th[data-label=機械名] {
    z-index: 2 !important;
}

.page-kajyu_trend .c-legend.is-sm {
  font-size: 1.4rem;
}
.page-kajyu_trend .c-tab-1 {
  margin-top: 2rem;
}
.page-kajyu_trend .c-flex > .c-tab-3 {
  margin-bottom: 0;
}
.page-kajyu_trend .c-column:last-child {
  margin-bottom: 2rem;
}
.page-kajyu_trend .upper-layer-inner {
  position: relative;
}
.page-kajyu_trend .upper-layer-inner .l-page-bottom {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-bottom: -2rem;
}

.trend-Calendar {
  position: relative;
}
.trend-Calendar > .c-btn {
  position: absolute;
  right: 0;
}

.p-kajyu-trend__chart > img {
  width: 100%;
}
@media print, screen and (max-width: 1280px) {
  .p-kajyu-trend__chart .c-flex.is-wrap {
    max-width: 461px;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}
.p-kajyu-trend__chart .c-flex.is-column {
  margin: 0 auto;
  max-width: 155px;
}

.c-column.no-graph {
  width: calc(50% - 1rem);
}

.c-tbl-wrapper.trend {
  max-width: 944px;
  margin: 0 auto;
}

.page-kadou-keijiban .l-main:not(.is-card) th[data-label="稼働状況"],
.page-kadou-keijiban .l-main:not(.is-card) th[data-label="稼働率"],
.page-kadou-keijiban .l-main:not(.is-card) td[data-label="稼働状況"],
.page-kadou-keijiban .l-main:not(.is-card) td[data-label="稼働率"] {
  max-width: 18rem !important;
}

/* --------------------------------------------------------------------------------
   イベント履歴画面（ErrorList）のボタン見切れ対策
   ボタンのテキストが見切れないように最小幅を確保
----------------------------------------------------------------------------------- */
@media print, screen and (max-width: 1440px) {
  /* ボタンを含むセルの最小幅を確保 */
  .page-event-history .c-tbl td[data-label="データ要求"],
  .page-event-history .c-tbl td[data-label="要求日時"],
  .page-event-history .c-tbl td[data-label="受信状態"],
  .page-event-history .c-tbl td[data-label="受信結果"] {
    min-width: 120px;
  }
  
  /* ボタン自体に最小幅を設定してテキストが収まるようにする */
  .page-event-history .c-tbl td[data-label="データ要求"] .c-btn.is-lg,
  .page-event-history .c-tbl td[data-label="受信結果"] .c-btn.is-lg {
    min-width: 110px;
    padding: 0 0.8rem;
  }
}

@media print, screen and (max-width: 1280px) {
  /* より狭い画面では最小幅を少し調整 */
  .page-event-history .c-tbl td[data-label="データ要求"],
  .page-event-history .c-tbl td[data-label="要求日時"],
  .page-event-history .c-tbl td[data-label="受信状態"],
  .page-event-history .c-tbl td[data-label="受信結果"] {
    min-width: 110px;
  }
  
  /* ボタンのpaddingを抑えてコンパクトにするが、フォントサイズは維持 */
  .page-event-history .c-tbl td[data-label="データ要求"] .c-btn.is-lg,
  .page-event-history .c-tbl td[data-label="受信結果"] .c-btn.is-lg {
    min-width: 100px;
    padding: 0 0.6rem;
  }
}

/* --------------------------------------------------------------------------------
   .page-kikai-kadou : 機械稼働状況ページ用のスタイル
----------------------------------------------------------------------------------- */
.page-kikai-kadou .p-kadou-joukyou .p-kadou-joukyou__chart {
width: calc(100% - 32.8rem);
}

.page-kikai-kadou .p-seisan-kouritsu .p-seisan-kouritsu__chart {
width: calc(100% - 30rem);
}

.page-kikai-kadou #gasConsumptionGraph ,
.page-kikai-kadou #powerConsumptionGraph {
  width: 50%;
}

.page-kikai-kadou__dashboard-btn-1, .page-kikai-kadou__dashboard-btn-2 {
  position: absolute;
  right: 0;
  top: -4.8rem;
}
.page-kikai-kadou__shouhi-chart {
  height: 27rem;
}
.page-kikai-kadou__shouhi-chart img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
}
/* 表示切替ボタンのスタイルを追加 */
.p-switching-tbl-col {
    position: relative;
}

.p-switching-tbl-col ul {
    z-index: 6; /* ページャーより上 */
    position: absolute;
    right: 0;
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* jsで初期非表示にする */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    min-width: 16rem;
    max-height: 32rem;
    padding: 1.2rem;
    overflow-y: auto;
    border: 0.1rem solid #c7cacd;
    border-radius: 0.4rem;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    /* スクロールバー */
    -webkit-overflow-scrolling: touch;
}

.p-switching-tbl-col ul li {
    vertical-align: top;
}

.p-switching-tbl-col ul label {
    width: 100%;
    white-space: nowrap;
    cursor: pointer;
}

.p-switching-tbl-col ul label span {
    flex-grow: 1;
    margin: 0;
}

@media print, screen and (max-width: 1643px) {
  .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 {
    /* thead のみ */
  }
  .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=メモ] {
    display: none;
  }
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=生産個数] .c-tbl__multi-col,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=生産時間] .c-tbl__multi-col{
        display: grid;
        grid-template-columns: none;
        grid-template-rows: 1fr 1fr 1fr;
    }
    /* ガス消費量と消費電力量を追加 */
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=ガス消費量] .c-tbl__multi-col,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=消費電力量] .c-tbl__multi-col {
        display: grid;
        grid-template-columns: none;
        grid-template-rows: 1fr 1fr;
    }
        /* ガス消費量と消費電力量を追加 */
        .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=生産個数] .c-tbl__multi-col > div,
        .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=生産時間] .c-tbl__multi-col > div,
        .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=ガス消費量] .c-tbl__multi-col > div,
        .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=消費電力量] .c-tbl__multi-col > div {
            -webkit-box-sizing: border-box;
            box-sizing: border-box; /* MEMO: なぜここでこれ必要 */
            width: 100% !important;
            border-right: 0;
        }
            /* ガス消費量と消費電力量を追加 */
            .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=生産個数] .c-tbl__multi-col > div:not(:last-child),
            .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=生産時間] .c-tbl__multi-col > div:not(:last-child),
            .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=ガス消費量] .c-tbl__multi-col > div:not(:last-child),
            .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 [data-label=消費電力量] .c-tbl__multi-col > div:not(:last-child) {
                border-bottom: 0.1rem solid #c7cacd;
            }
    /* ガス消費量と消費電力量を追加 */
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=生産個数] .c-tbl__multi-row > div:first-child,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=生産時間] .c-tbl__multi-row > div:first-child,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .c-tbl__multi-row > div:first-child,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .c-tbl__multi-row > div:first-child {
        display: none;
    }
    /* ガス消費量と消費電力量を追加 */
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=生産個数] .c-tbl__multi-row > div:nth-child(2),
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=生産時間] .c-tbl__multi-row > div:nth-child(2),
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .c-tbl__multi-row > div:nth-child(2),
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .c-tbl__multi-row > div:nth-child(2) {
        border-top: 0;
    }
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=生産個数] .u-hide,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=生産時間] .u-hide {
        display: inline !important;
    }
    /* ガス消費量と消費電力量を追加 */
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .u-hide,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .u-hide {
        display: none !important;
    }

  .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 .u-hide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
    /* 消費電力量を追加 */
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .c-tbl__multi-col > div,
    .page-kikai-kadou .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .c-tbl__multi-col > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* multi-rowの各divに高さを指定 */
.page-kikai-kadou .c-tbl__multi-row > div {
    min-height: 29px;
}

/* テーブル行全体の高さを指定 */
.page-kikai-kadou .c-tbl.is-seisan-joukyou-1 tbody tr {
    min-height: 58px;
}

/* --------------------------------------------------------------------------------
   .page-kikan-kadou : 期間稼働状況ページ用のスタイル
----------------------------------------------------------------------------------- */
.page-kikan-kadou {
  /* 期間内の稼働時間テーブル */
  /* 水テーブル監視 */
  /* 素材 */
}
.page-kikan-kadou .c-tbl.is-kikan-kadou-time tbody th {
  text-align: center;
  background-color: #e2f2ff;
}
.page-kikan-kadou .c-tbl.is-kikan-kadou-time tbody td:not(.c-tbl__no-data) {
  background-color: #ffffff;
}
.page-kikan-kadou__mizu-tbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 1.6rem;
  margin-bottom: 0.8rem;
}
.page-kikan-kadou__mizu-tbl > section {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 64rem;
  flex: 1 1 64rem;
}
.page-kikan-kadou__sozai-chart {
  margin-top: 2rem;
  margin-bottom: 0.8rem;
  height: 26.8rem;
}
.page-kikan-kadou__sozai-chart img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 26.8rem;
}

.page-kikan-kadou .is-kikan-kadou-time th,
.page-kikan-kadou .is-kikan-kadou-joukyou th {
    word-break: normal;
    white-space: normal;
}

.page-kikan-kadou .is-kikan-kadou-time td,
.page-kikan-kadou .is-kikan-kadou-joukyou td {
    white-space: nowrap;
}

.page-kikan-kadou .is-kikan-kadou-joukyou th[data-label="稼働状況"],
.page-kikan-kadou .is-kikan-kadou-joukyou th[data-label="稼働率"],
.page-kikan-kadou .is-kikan-kadou-joukyou td[data-label="稼働状況"],
.page-kikan-kadou .is-kikan-kadou-joukyou td[data-label="稼働率"] {
    max-width: 18rem !important;
}


/* --------------------------------------------------------------------------------
   .page-sv-maintenance-mail : 特自検アフターサポートメール情報ページ用のスタイル
----------------------------------------------------------------------------------- */
@media screen and (min-width: 1800px) {
    .page-sv-maintenance-mail .c-tbl {
        width: 100%;
    }
}

.page-sv-maintenance-mail .l-page-bottom.is-selected {
    background: #f6f6f6;
}

/*TWC機種対応が廃止のためコメントアウト ここから*/
/* --------------------------------------------------------------------------------
   .page-twc-water-mail : 水テーブル監視メール情報ページ用のスタイル
----------------------------------------------------------------------------------- */
/*@media screen and (min-width: 1800px) {
    .page-twc-water-mail .c-tbl {
        width: 100%;
    }
}

.page-twc-water-mail .l-page-bottom.is-selected {
    background: #f6f6f6;
}*/
/*TWC機種対応が廃止のためコメントアウト ここまで*/

/* --------------------------------------------------------------------------------
   .page-program-change-mail : プログラム変更メール情報ページ用のスタイル
----------------------------------------------------------------------------------- */
@media screen and (min-width: 1800px) {
    .page-program-change-mail .c-tbl {
        width: 100%;
    }
}

.page-program-change-mail .l-page-bottom.is-selected {
    background: #f6f6f6;
}

/* --------------------------------------------------------------------------------
   .page-predict-ldm-mail : LDM劣化検知お知らせメール設定ページ用のスタイル
----------------------------------------------------------------------------------- */
@media screen and (min-width: 1800px) {
    .page-predict-ldm-mail .c-tbl {
        width: 100%;
    }
}

.page-predict-ldm-mail .l-page-bottom.is-selected {
    background: #f6f6f6;
}

/* --------------------------------------------------------------------------------
   .page-mainte-contract-mmplan-mail : 保守契約Mプランメール設定ページ用のスタイル
----------------------------------------------------------------------------------- */
@media screen and (min-width: 1800px) {
    .page-mainte-contract-mmplan-mail .c-tbl {
        width: 100%;
    }
}

.page-mainte-contract-mmplan-mail .l-page-bottom.is-selected {
    background: #f6f6f6;
}

/* --------------------------------------------------------------------------------
   .page-predict-mail : 予知保全劣化メール設定ページ用のスタイル
----------------------------------------------------------------------------------- */
@media screen and (min-width: 1800px) {
    .page-predict-mail .c-tbl {
        width: 100%;
    }
}

.page-predict-mail .l-page-bottom.is-selected {
    background: #f6f6f6;
}


.infoView {
  overflow: hidden;
  margin-top: 230px;
}

.loadingWrapper {
  -webkit-transform: rotate(275deg);
  transform: rotate(275deg);
}

.loading {
  position: relative;
  height: 6rem;
  width: 6rem;
  margin: 0 auto;
  -webkit-animation: 0.8s step-start infinite rotation1;
  animation: 0.8s step-start infinite rotation1;
}

.loading-item {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #E2F2FF;
  position: absolute;
  top: 50%;
  left: 50%;
  /** HTML内で付与したindex番号を取得して角度を計算。 */
  --angle: calc(360deg / 10 * var(--index));
  /** コサイン関数とサイン関数で座標位置を計算。 */
  --x: calc(cos(var(--angle)) * 25px);
  --y: calc(sin(var(--angle)) * 25px);
  translate: calc(calc(cos(calc(360deg / 10 * var(--index))) * 25px) - 50%) calc(calc(sin(calc(360deg / 10 * var(--index))) * 25px) - 50%);
  translate: calc(var(--x) - 50%) calc(var(--y) - 50%);
  --duration: 1s;
  --delay: calc(var(--duration) * var(--index) / 8);
  /* animation: animate var(--duration) var(--delay) infinite ease-in-out; */
}

.loading-item:nth-child(1) {
  background-color: #E2F2FF;
}

.loading-item:nth-child(2) {
  background-color: #CCEDF9;
}

.loading-item:nth-child(3) {
  background-color: #99CCFF;
}

.loading-item:nth-child(4) {
  background-color: #6699FF;
}

.loading-item:nth-child(5) {
  background-color: #3366CC;
}

.loading-item:nth-child(6) {
  background-color: #253FC8;
}

.loading-item:nth-child(7) {
  background-color: #140A9A;
}

.loading-item:nth-child(8) {
  background-color: #0C065C;
}

.loading-item:nth-child(9) {
  background-color: #08043E;
}

.loading-item:nth-child(10) {
  background-color: #04121F;
}

@-webkit-keyframes rotation1 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
  20% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  30% {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
  }
  40% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  60% {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
  }
  70% {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
  }
  80% {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
  }
  90% {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation1 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
  20% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  30% {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
  }
  40% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  60% {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
  }
  70% {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
  }
  80% {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
  }
  90% {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes animate {
  0% {
    background-color: #E2F2FF;
  }
  10% {
    background-color: #CCEDF9;
  }
  20% {
    background-color: #99CCFF;
  }
  30% {
    background-color: #6699FF;
  }
  40% {
    background-color: #3366CC;
  }
  50% {
    background-color: #253FC8;
  }
  60% {
    background-color: #140A9A;
  }
  70% {
    background-color: #0C065C;
  }
  80% {
    background-color: #08043E;
  }
  90% {
    background-color: #04121F;
  }
}
@keyframes animate {
  0% {
    background-color: #E2F2FF;
  }
  10% {
    background-color: #CCEDF9;
  }
  20% {
    background-color: #99CCFF;
  }
  30% {
    background-color: #6699FF;
  }
  40% {
    background-color: #3366CC;
  }
  50% {
    background-color: #253FC8;
  }
  60% {
    background-color: #140A9A;
  }
  70% {
    background-color: #0C065C;
  }
  80% {
    background-color: #08043E;
  }
  90% {
    background-color: #04121F;
  }
}
/* 
@keyframes animate {
  0%{
      background-color: #04121F;
  }
  10%{
      background-color: #08043E;
  }
  20%{
      background-color: #0C065C;

  }
  30%{
      background-color: #140A9A;
  }
  40% {
      background-color: #253FC8;

  }
  50% {
      background-color: #3366CC;
  }
  60% {
      background-color: #6699FF;
  }
  70% {
      background-color: #99CCFF;
  }
  80% {
      background-color: #CCEDF9;
  }
  90%{
      background-color: #E2F2FF;
  }

} */
/* --------------------------------------------------------------------------------
   .page-login : ログインページ用のスタイル
----------------------------------------------------------------------------------- */
.page-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100dvh;
  background: url(../images/login-bg.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
.page-login .l-footer {
  z-index: -1;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.page-login .l-footer__inner {
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0;
  color: #ffffff;
  background-color: transparent;
}
.page-login .l-footer a,
.page-login .l-footer p {
  color: #ffffff;
}
.page-login .l-chatbot {
  top: 0;
  height: 100%;
}
@media print, screen and (max-height: 900px) {
  .page-login {
    /* ウィンドウの高さが一定以下ならスクロールさせる */
    display: block;
    padding-top: 7.2rem;
    padding-bottom: 7.2rem;
  }
  .page-login .l-footer {
    position: static;
    margin-top: 4rem;
  }
}
@media print, screen and (mxx-width: 768px) {
  .page-login {
    display: block;
    padding: 7.2rem 1.6rem;
  }
  .page-login .l-footer {
    position: static;
    margin: 4rem -1.6rem 0;
  }
}
/* --------------------------------------------------------------------------------
   .page-machine-list : 特自検対象機械一覧
----------------------------------------------------------------------------------- */
.page-machine-list th {
  position: relative;
}
.page-machine-list th .double-th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.page-machine-list th .double-th > div {
  width: calc(50% - 0.4rem);
  gap: 1rem;
}
.page-machine-list th .double-th > div:first-child::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #c7cacd;
  left: calc(50% - 0.4rem);
  top: 0;
}
.page-machine-list th[data-label="形式/型番"] {
  width: 170px;
}
.page-machine-list th[data-label=製造年月日] {
  border-right: 1px solid #c7cacd;
}
.page-machine-list th[data-label="機械種類/機種"] {
  width: 390px;
}
.page-machine-list th[data-label="型式/機番"] {
  width: 120px;
}
.page-machine-list th br.sp-only {
  display: none;
}
@media print, screen and (max-width: 1371px) {
  .page-machine-list th .double-th {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .page-machine-list th .double-th > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .page-machine-list th .double-th > div:first-child {
    margin-bottom: 0.2rem;
  }
  .page-machine-list th .double-th > div:first-child::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #c7cacd;
    left: 0;
    top: 50%;
  }
  .page-machine-list th[data-label="形式/型番"] {
    width: 75px;
  }
  .page-machine-list th[data-label="機械種類/機種"] {
    width: 170px;
  }
  .page-machine-list th[data-label="型式/機番"] {
    width: auto;
  }
  .page-machine-list th[data-label=製造年月日] {
    width: 90px;
  }
  .page-machine-list th br.sp-only {
    display: block;
  }
}
.page-machine-list td {
  position: relative;
}
.page-machine-list td .double-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
}
.page-machine-list td .double-td > div {
  width: calc(50% - 0.4rem);
}
.page-machine-list td .double-td > div:first-child::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #c7cacd;
  left: calc(50% - 0.4rem);
  top: 0;
}
.page-machine-list td.error {
  color: #ff0000;
  font-weight: bold;
}
.page-machine-list td.warning {
  color: #f37021;
  font-weight: bold;
}
.page-machine-list td[data-label=指摘項目] span {
  color: #f37021;
}
.page-machine-list td[data-label=残項目] span {
  color: #ff0000;
}
@media print, screen and (max-width: 1371px) {
  .page-machine-list td .double-td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.4rem;
    height: 100%;
  }
  .page-machine-list td .double-td > div {
    width: 100%;
    height: calc(50% - 0.2rem);
    padding: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .page-machine-list td .double-td > div:first-child {
    border-bottom: 1px solid #c7cacd;
  }
  .page-machine-list td .double-td > div:first-child::before {
    content: none;
  }
}
.page-machine-list .l-page-bottom.is-selected {
  background-color: #f6f6f6;
}
.page-machine-list .c-tbl-wrapper {
  max-height: 70dvh;
}
.page-machine-list .l-main {
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-machine-list .c-tbl thead tr:nth-child(2) th{
    top: 6rem;
}

.page-machine-list td[data-label="状態"] div{
    /* border: 2px solid black; */
    width: 100%;
    height: 60%;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
}

.page-machine-list .c-tbl .complete {
    background-color: mediumseagreen;
}

.page-machine-list .c-tbl .incomplete {
    background-color: red;
}

/* --------------------------------------------------------------------------------
   .page-nippou-report : 日報レポートページ用のスタイル
----------------------------------------------------------------------------------- */
.page-nippou-report__dashboard-btn-1, .page-nippou-report__dashboard-btn-2 {
  position: absolute;
  right: 0;
  top: -4.8rem;
}
.page-nippou-report__shouhi-chart img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
}
.page-nippou-report .p-nippou-kadou-joukyou__chart.is-2 .graph-box {
  gap: 0.4rem;
}
.page-nippou-report .p-nippou-kadou-joukyou__chart.is-2 .graph-box img {
  height: 1200px;
}
.page-nippou-report .p-nippou-kadou-joukyou__chart.is-2 .graph-box > span {
  font-size: 1.4rem;
}
@media print, screen and (max-width: 1643px) {
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 {
    /* thead のみ */
  }
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=メモ] {
    display: none;
  }
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=生産個数] .c-tbl__multi-col,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=生産時間] .c-tbl__multi-col {
    display: grid;
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr 1fr;
  }
  /* ガス消費量と消費電力量を追加 */
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=ガス消費量] .c-tbl__multi-col,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=消費電力量] .c-tbl__multi-col {
    display: grid;
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
  /* ガス消費量と消費電力量を追加 */
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=生産個数] .c-tbl__multi-col > div,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=生産時間] .c-tbl__multi-col > div,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=ガス消費量] .c-tbl__multi-col > div,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=消費電力量] .c-tbl__multi-col > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* MEMO: なぜここでこれ必要 */
    width: 100% !important;
    border-right: 0;
  }
  /* ガス消費量と消費電力量を追加 */
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=生産個数] .c-tbl__multi-col > div:not(:last-child),
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=生産時間] .c-tbl__multi-col > div:not(:last-child),
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=ガス消費量] .c-tbl__multi-col > div:not(:last-child),
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 [data-label=消費電力量] .c-tbl__multi-col > div:not(:last-child) {
    border-bottom: 0.1rem solid #c7cacd;
    }
  /* 消費電力量を追加 */
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=生産個数] .c-tbl__multi-row > div:first-child,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=生産時間] .c-tbl__multi-row > div:first-child,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .c-tbl__multi-row > div:first-child,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .c-tbl__multi-row > div:first-child {
    display: none;
  }
  /* 消費電力量を追加 */
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=生産個数] .c-tbl__multi-row > div:nth-child(2),
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=生産時間] .c-tbl__multi-row > div:nth-child(2),
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .c-tbl__multi-row > div:nth-child(2),
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .c-tbl__multi-row > div:nth-child(2) {
    border-top: 0;
  }
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=生産個数] .u-hide,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=生産時間] .u-hide,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .u-hide {
    display: inline !important;
  }
  /* ガス消費量と消費電力量を追加 */
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .u-hide,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .u-hide {
    display: none !important;
  }
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 .u-hide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  /* 消費電力量を追加 */
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=ガス消費量] .c-tbl__multi-col > div,
  .page-nippou-report .c-tbl.is-seisan-joukyou-1 thead [data-label=消費電力量] .c-tbl__multi-col > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.page-nippou-report .p-seisan-kouritsu div#gasConsumptionGraph ,
.page-nippou-report .p-seisan-kouritsu div#powerConsumptionGraph {
  width: calc(100% - 30rem);
}

.page-no-search-results .alert-box {
  margin-top: 230px;
}

/* multi-rowの各divに高さを指定 */
.page-nippou-report .c-tbl__multi-row > div {
    min-height: 29px;
}

/* テーブル行全体の高さを指定 */
.page-nippou-report .c-tbl.is-seisan-joukyou-1 tbody tr {
    min-height: 58px;
}

/* --------------------------------------------------------------------------------
   .page-pointing-out-list : 特自検アフターサポート画面用のスタイル
----------------------------------------------------------------------------------- */
.page-pointing-out-list .c-column .c-legend-wrap .c-legend.is-sm {
  color: #08043e;
  font-size: 1.6rem;
  font-weight: bold;
}
.page-pointing-out-list .c-column .c-legend-wrap .c-legend.is-sm img {
  width: 16px;
  height: 16px;
}
.page-pointing-out-list .c-column .number {
  color: #08043e;
  font-size: 24px;
  font-weight: bold;
}
.page-pointing-out-list .c-column #general-finding {
  white-space: pre-wrap;
}
.page-pointing-out-list .c-tbl th br.sp-only, .page-pointing-out-list .c-tbl td br.sp-only {
  display: none;
}
@media print, screen and (max-width: 1280px) {
  .page-pointing-out-list .c-tbl th br.sp-only, .page-pointing-out-list .c-tbl td br.sp-only {
    display: block;
  }
}
.page-pointing-out-list .c-tbl th.sp-left > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (max-width: 1280px) {
  .page-pointing-out-list .c-tbl th.sp-left > div {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
.page-pointing-out-list .c-tbl td span.c-flex {
  gap: 0.2rem;
}
.page-pointing-out-list .c-tbl td span.red-text {
  color: #ff0000;
}
.page-pointing-out-list .c-tbl td span.green-text {
  color: #f37021;
}
.page-pointing-out-list .c-tbl td[data-label=判定] span {
  color: #6E757A;
}
.page-pointing-out-list .c-tbl .cell-label {
  color: #ffffff;
  display: inline-block;
  width: 64px;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.4rem;
  border-radius: 2px;
}
.page-pointing-out-list .c-tbl .cell-label.wip {
  background-color: #ff0000;
}
.page-pointing-out-list .c-tbl .cell-label.done {
  background-color: #2bb673;
}
.page-pointing-out-list .c-tbl .cell-status-label {
  color: #ffffff;
  display: inline-block;
  width: 90%;
  line-height: 1.2;
  height: auto;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 4px;
  padding: 4px 0;
}
.page-pointing-out-list .c-tbl .cell-status-label.inactive {
  background-color: #a5abaf;
}
.page-pointing-out-list .c-pager {
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
   .page-plasma-mainte-contract : プラズマ保守点検指摘項目の管理タブ用のスタイル
----------------------------------------------------------------------------------- */
.page-plasma-mainte-contract .c-category-important {
    color: #ff0000;
}

.page-plasma-mainte-contract .c-category-safety {
    color: #000000;
}

.page-plasma-mainte-contract .c-column .c-legend-wrap .c-legend.is-sm {
    color: #08043e;
    font-size: 1.6rem;
    font-weight: bold;
}

    .page-plasma-mainte-contract .c-column .c-legend-wrap .c-legend.is-sm img {
        width: 16px;
        height: 16px;
    }

.page-plasma-mainte-contract .c-column .number {
    color: #08043e;
    font-size: 24px;
    font-weight: bold;
}

.page-plasma-mainte-contract .c-tbl th br.sp-only, .page-plasma-mainte-contract .c-tbl td br.sp-only {
    display: none;
}

@media print, screen and (max-width: 1280px) {
    .page-plasma-mainte-contract .c-tbl th br.sp-only, .page-plasma-mainte-contract .c-tbl td br.sp-only {
        display: block;
    }
}

.page-plasma-mainte-contract .c-tbl th.sp-left > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media print, screen and (max-width: 1280px) {
    .page-plasma-mainte-contract .c-tbl th.sp-left > div {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.page-plasma-mainte-contract .c-tbl td span.c-flex {
    gap: 0.2rem;
}

.page-plasma-mainte-contract .c-tbl td span.red-text {
    color: #ff0000;
}

.page-plasma-mainte-contract .c-tbl td span.green-text {
    color: #f37021;
}

.page-plasma-mainte-contract .c-tbl td[data-label=判定] span {
    color: #6E757A;
}

.page-plasma-mainte-contract .c-tbl .cell-label {
    color: #ffffff;
    display: inline-block;
    width: 64px;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
    border-radius: 2px;
}

    .page-plasma-mainte-contract .c-tbl .cell-label.wip {
        background-color: #ff0000;
    }

    .page-plasma-mainte-contract .c-tbl .cell-label.done {
        background-color: #2bb673;
    }

.page-plasma-mainte-contract .c-tbl .cell-status-label {
    color: #ffffff;
    display: inline-block;
    width: 90%;
    line-height: 1.2;
    height: auto;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px 0;
}

    .page-plasma-mainte-contract .c-tbl .cell-status-label.inactive {
        background-color: #a5abaf;
    }

.page-plasma-mainte-contract .c-pager {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
   .page-mplan-mainte-contract : 保守契約Mプランチェックリスト一覧タブ用のスタイル
----------------------------------------------------------------------------------- */
.page-mplan-mainte-contract .c-column .c-legend-wrap .c-legend.is-sm {
    color: #08043e;
    font-size: 1.6rem;
    font-weight: bold;
}

    .page-mplan-mainte-contract .c-column .c-legend-wrap .c-legend.is-sm img {
        width: 16px;
        height: 16px;
    }

.page-mplan-mainte-contract .c-column .number {
    color: #08043e;
    font-size: 24px;
    font-weight: bold;
}

.page-mplan-mainte-contract .c-column #general-finding {
    white-space: pre-wrap;
}

.page-mplan-mainte-contract .c-tbl th br.sp-only, .page-mplan-mainte-contract .c-tbl td br.sp-only {
    display: none;
}

@media print, screen and (max-width: 1280px) {
    .page-mplan-mainte-contract .c-tbl th br.sp-only, .page-mplan-mainte-contract .c-tbl td br.sp-only {
        display: block;
    }
}

.page-mplan-mainte-contract .c-tbl th.sp-left > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media print, screen and (max-width: 1280px) {
    .page-mplan-mainte-contract .c-tbl th.sp-left > div {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.page-mplan-mainte-contract .c-tbl td span.c-flex {
    gap: 0.2rem;
}

.page-mplan-mainte-contract .c-tbl td span.red-text {
    color: #ff0000;
}

.page-mplan-mainte-contract .c-tbl td span.green-text {
    color: #f37021;
}

.page-mplan-mainte-contract .c-tbl td[data-label=判定] span {
    color: #6E757A;
}

.page-mplan-mainte-contract .c-tbl .cell-label {
    color: #ffffff;
    display: inline-block;
    width: 64px;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
    border-radius: 2px;
}

    .page-mplan-mainte-contract .c-tbl .cell-label.wip {
        background-color: #ff0000;
    }

    .page-mplan-mainte-contract .c-tbl .cell-label.done {
        background-color: #2bb673;
    }

.page-mplan-mainte-contract .c-tbl .cell-status-label {
    color: #ffffff;
    display: inline-block;
    width: 90%;
    line-height: 1.2;
    height: auto;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px 0;
}

    .page-mplan-mainte-contract .c-tbl .cell-status-label.inactive {
        background-color: #a5abaf;
    }

.page-mplan-mainte-contract .c-pager {
    margin-bottom: 0;
}


/* --------------------------------------------------------------------------------
   .page-yochi-hozen-zanzon : 予知保全 残存寿命ページ用のスタイル
----------------------------------------------------------------------------------- */
@media print, screen and (max-width: 1280px) {
  .page-yochi-hozen-zanzon .c-tbl.is-settei-1 [data-label="現在値/既定値"] > span,
  .page-yochi-hozen-zanzon .c-tbl.is-settei-2 [data-label="現在値/既定値"] > span,
  .page-yochi-hozen-zanzon .c-tbl.is-settei-3 [data-label="現在値/既定値"] > span {
    display: block;
  }
}

/* --------------------------------------------------------------------------------
   .page-yochi-hozen : 予知保全ページ用のスタイル
----------------------------------------------------------------------------------- */
.page-yochi-hozen .c-tbl.is-yochi-hozen-1 [data-label=スライド駆動部] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-1 [data-label=ダイクッション駆動部] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-2 [data-label=スライド駆動部] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-2 [data-label=ダイクッション駆動部] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-3 [data-label=TRフィーダ] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-4 [data-label=振子フィーダ] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-5 [data-label=リニアフィーダ] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-6 [data-label=リフトサーボ] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-7 [data-label=メインモータ] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-8 [data-label=減速機] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-9 [data-label=DC-ASSY] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-10 [data-label=三柱式フィーダ] .c-tbl__multi-col > div,
.page-yochi-hozen .c-tbl.is-yochi-hozen-11 [data-label=LDM] .c-tbl__multi-col > div {
    width: 4.6rem;
}
.page-yochi-hozen .c-tbl.is-yochi-hozen-1 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-2 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-3 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-4 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-5 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-6 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-7 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-8 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-9 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-10 [data-label=顧客名] .c-flex,
.page-yochi-hozen .c-tbl.is-yochi-hozen-11 [data-label=顧客名] .c-flex {
    gap: 0;
}

.page-yochi-hozen .c-tbl.is-yochi-hozen-11 [data-label=LDM] td .double-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4rem;
}
.page-yochi-hozen .c-tbl.is-yochi-hozen-11 [data-label=LDM] td .double-td > div {
    width: calc(50% - 0.4rem);
}

.page-yochi-hozen .c-tbl.is-yochi-hozen-11 [data-label=LDM] td .double-td > div:first-child::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #c7cacd;
    left: calc(50% - 0.4rem);
    top: 0;
}

.page-yochi-hozen .c-tbl.is-yochi-hozen-1 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-2 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-3 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-4 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-5 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-6 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-7 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-8 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-9 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-10 .pc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-11 .pc-head {
    display: block;
}
.page-yochi-hozen .c-tbl.is-yochi-hozen-1 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-2 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-3 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-4 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-5 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-6 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-7 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-8 .sp-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-9 .sc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-10 .sc-head,
.page-yochi-hozen .c-tbl.is-yochi-hozen-11 .sc-head {
    display: none;
}
.page-yochi-hozen .l-main {
  padding-bottom: 0;
}
.page-yochi-hozen .l-page-bottom.is-selected {
  background: #f6f6f6;
}
@media print, screen and (max-width: 1643px) {
    .page-yochi-hozen .c-tbl.is-yochi-hozen-1 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-2 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-3 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-4 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-5 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-6 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-7 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-8 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-9 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-10 .u-hide,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-11 .u-hide {
        display: block !important;
    }
    .page-yochi-hozen .c-tbl.is-yochi-hozen-1 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-2 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-3 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-4 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-5 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-6 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-7 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-8 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-9 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-10 .pc-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-11 .pc-head {
        display: none;
    }
    .page-yochi-hozen .c-tbl.is-yochi-hozen-1 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-2 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-3 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-4 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-5 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-6 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-7 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-8 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-9 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-10 .sp-head,
    .page-yochi-hozen .c-tbl.is-yochi-hozen-11 .sp-head {
        display: block;
    }
}

/* ローディング初期状態を非表示 */
.page-yochi-hozen #main .infoView {
    display: none;
}


.page-change-password .c-box-inner .c-title-4,
.page-initial-user-update .c-box-inner .c-title-4 {
    margin-top: 1.7rem;
}
.page-change-password .c-box-inner p,
.page-initial-user-update .c-box-inner p {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
}

.page-initial-user-update .c-box {
    overflow-y: auto;
}

/* --------------------------------------------------------------------------------
   .page-manual-download : 取扱説明書ダウンロードページ用のスタイル
----------------------------------------------------------------------------------- */
.page-manual-download td[data-label=資料名] span {
    color: #ff0000;
}
.page-manual-download td[data-label^='ファイル'] .c-btn {
    height: auto !important;
    min-height: 2.8rem !important;
}
.page-manual-download td[data-label^='ファイル'] span[id^='upload-label-'] {
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: normal;
    max-width: 25rem;
    line-height: 1.2;
    display: inline-block;
}

/* --------------------------------------------------------------------------------
   .page-dedicated-app-download : 専用アプリダウンロードページ用のスタイル
----------------------------------------------------------------------------------- */
.page-dedicated-app-download td[data-label^='ファイル'] .c-btn {
    height: auto !important;
    min-height: 2.8rem !important;
}
.page-dedicated-app-download td[data-label^='ファイル'] span#upload-label {
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: normal;
    max-width: 25rem;
    line-height: 1.2;
    display: inline-block;
}

/*# sourceMappingURL=maps/style.css.map */

/* MCC追加、確認ダイアログ等の表示のためのスタイル*/
.l-dialog__body .confirm-dialog-icon-div {
    text-align: center;
}

.material-icons-round.confirm-dialog-icon {
    font-size: 4rem;
    margin-bottom: 3rem;
}

.material-icons-round.confirm-dialog-icon.info {
    color: #0086b4;
}

.material-icons-round.confirm-dialog-icon.warning {
    color: #f37021;
}

.material-icons-round.confirm-dialog-icon.alert {
    color: #ff0000;
}

.l-dialog__body .confirm-dialog-message {
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}

/**
    保有機械画面:絞り込み条件ダイアログ_複数選択select用
*/
/* 表示対象無し */
[id^="select2-contractCheckboxDropdown"] .select2-results__option.select2-results__message:before {
    display: none !important;
}

/* 通常:ラベル */
[id^="select2-contractCheckboxDropdown"] .select2-results__option {
    display: block;
    white-space: pre-wrap;
}

    /* 通常:チェックボックス部 */
[id^="select2-contractCheckboxDropdown"] .select2-results__option::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 0;
    border: 0.1rem solid #a5abaf;
    border-radius: 0.4rem;
    background-color: #ffffff;
    background-position: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-right: 8px;
}

/* フォーカス中:チェックボックス部 */
[id^="select2-contractCheckboxDropdown"] .select2-results__option[aria-selected=true]::before {
    background: #140a9a url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.615%22%20height%3D%2216.272%22%20viewBox%3D%220%200%2021.615%2016.272%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3590%22%20data-name%3D%22%E3%83%91%E3%82%B9%203590%22%20d%3D%22M11.625-10.111l-4.48-4.48a1.317%2C1.317%2C0%2C0%2C0-1.816%2C0%2C1.317%2C1.317%2C0%2C0%2C0%2C0%2C1.816l5.389%2C5.389a1.213%2C1.213%2C0%2C0%2C0%2C1.816%2C0L26.217-21.07a1.316%2C1.316%2C0%2C0%2C0%2C0-1.816%2C1.317%2C1.317%2C0%2C0%2C0-1.816%2C0Z%22%20transform%3D%22translate(-4.965%2023.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 1.8rem;
}

/* 選択中:チェックボックス部 */
[id^="select2-contractCheckboxDropdown"] .select2-results__option--selected::before {
    background: #140a9a url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.615%22%20height%3D%2216.272%22%20viewBox%3D%220%200%2021.615%2016.272%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3590%22%20data-name%3D%22%E3%83%91%E3%82%B9%203590%22%20d%3D%22M11.625-10.111l-4.48-4.48a1.317%2C1.317%2C0%2C0%2C0-1.816%2C0%2C1.317%2C1.317%2C0%2C0%2C0%2C0%2C1.816l5.389%2C5.389a1.213%2C1.213%2C0%2C0%2C0%2C1.816%2C0L26.217-21.07a1.316%2C1.316%2C0%2C0%2C0%2C0-1.816%2C1.317%2C1.317%2C0%2C0%2C0-1.816%2C0Z%22%20transform%3D%22translate(-4.965%2023.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 1.8rem;
}

/* メール情報画面 ボタン:ON 
   画面ごとに追加する必要あり
*/
/* 特自検アフターサポートメール情報 */
.page-sv-maintenance-mail .c-btn:not(:disabled).is-on {
    color: #ffffff;
    background-color: #253fc8;
}

/*TWC機種対応が廃止のためコメントアウト ここから*/
/* 水テーブル監視メール情報 */
/*.page-twc-water-mail .c-btn:not(:disabled).is-on {
    color: #ffffff;
    background-color: #253fc8;
}*/
/*TWC機種対応が廃止のためコメントアウト ここまで*/

/* プログラム変更メール情報 */
.page-program-change-mail .c-btn:not(:disabled).is-on {
    color: #ffffff;
    background-color: #253fc8;
}

/* LDM劣化通知お知らせメール情報*/
.page-predict-ldm-mail .c-btn:not(:disabled).is-on {
    color: #ffffff;
    background-color: #253fc8;
}

/* 保守契約Mプランメール設定*/
.page-mainte-contract-mmplan-mail .c-btn:not(:disabled).is-on {
    color: #ffffff;
    background-color: #253fc8;
}

/* 予知保全劣化メール設定*/
.page-predict-mail .c-btn:not(:disabled).is-on {
    color: #ffffff;
    background-color: #253fc8;
}

/* 機械アラームメール設定・アラーム設定*/
.page-machine-alarm-mail .c-btn:not(:disabled).is-on {
    color: #ffffff;
    background-color: #253fc8;
}

/* メール選択ダイアログ */
div.mail-setting {
    gap: 0 !important;
}

.mail-setting-label {
    display: inline;
    vertical-align: middle;
}

.mail-setting-label::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.2rem;
    color: #ffc82f;
    background-color: #ffc82f;
    margin-right: 0.2rem;
    display: inline-block;
}

/* --------------------------------------------------------------------------------
   .page-machine-info : 機械情報ページ用のスタイル
----------------------------------------------------------------------------------- */

.page-machine-info .section-machine-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 0.8rem;
    padding: 2rem;
    border: 0.1rem solid #c7cacd;
    border-radius: 0.4rem;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    width: 100%;
}

/* 項目見出し */
.page-machine-info .c-title-4 {
    font-size: 1.6rem;
    font-weight: bold;
    padding-top: 10px;
    margin: 0;
}

/* 任意・必須アイコン */
.page-machine-info .cell-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    font-size: 1.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 0;
}
    /* 必須 */
    .page-machine-info .cell-label.required {
        background-color: #ff0000;
        width: 40px;
        border-radius: 2px;
    }
    /* 任意 */
    .page-machine-info .cell-label.optional {
        color: #fff;
        background: #6e757a;
        width: 40px;
    }

/* 見出しと任意・必須アイコンの配置 */
.page-machine-info .label-flex {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

/* タイムゾーン文字とリストの間隔 */
.page-machine-info .p-form-timezone-list {
    margin-top: 1rem;
}


/* 選択したタイムゾーン設定をコピーして上書きする */
.page-machine-info .strong-label {
    font-weight: bold;
}

/* チェックボックスとリストの配置 */
.page-machine-info .c-form-checkbox-and-list {
    margin-top: 2rem;
}

/* 機械一覧リストの配置 */
.page-machine-info .p-form-list {
    margin-top: 1rem;
}

/* 生産回数表示切替とラジオボタンの間隔 */
.page-machine-info .product-display-top {
    margin-top: 1rem;
}
/* 絞り込み設定ボタンの配置 */
.page-machine-info .filter-box {
    display: flex;
    justify-content: flex-end; /* 右寄せ */
}

/* オフセット値入力キャンセルボタンの配置 */
.page-machine-info .update-cancel-btn {
    margin-top: 20px;
}

/* オフセット値の見出しの配置 */
.page-machine-info .offset-label {
    font-weight: bold;
    font-size: 1.3rem;
}

/* オフセット値ラベルとテキストボックスの配置 */
.page-machine-info .offset-group {
    width: 200px;
}

/* オフセット値更新ボタンの配置 */
.page-machine-info .offset-uppdate-btn {
    margin-top: 20px;
}

/* --------------------------------------------------------------------------------
   .mail-group-form : メールグループ管理画面用のスタイル
----------------------------------------------------------------------------------- */

/* メールグループ管理画面:フォーム */
.mail-group-form {
    position: relative;
}

/* メールグループ管理画面:入力フィールド */
.mail-group-input {
    position: absolute;
    bottom: 0;
}

/* --------------------------------------------------------------------------------
   .user-information : ユーザ情報登録・変更ページ用のスタイル
----------------------------------------------------------------------------------- */

/* ユーザ情報登録・変更：ヘッダー */
.user-information-header{
    position: relative !important;
    z-index: 0 !important;
}

/* ユーザ情報登録・変更：ラベル */
.user-information-labeltext{
    font-size: 1.4rem;
    font-weight: bold;
}

/* ユーザ情報登録・変更：赤字 */
.user-information-requiredtext{
    font-size: 1.4rem;
    font-weight: bold;
    color: #ff0000;
}

/* 配信設定：縦並び */
.user-information-vertical {
  display: flex;
  flex-direction: column;
}

/* 配信設定：チェックボタン */
.user-information-vertical .btns{
  margin: 0 auto;
  text-align: center;
}

/* 配信設定：注釈(縦) */
.user-information-vertical .note{
    text-align: center;
}

/* 配信設定：横並び */
.user-information-horizontal {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

/* 配信設定：注釈(横) */
.user-information-horizontal .note{
    padding-left: 22rem;
}

/* 配信設定：予知保全レポート */
.user-information-horizontal .predictTitle{
    margin-right: 2.1rem;
}

/* --------------------------------------------------------------------------------
   .page-contact : お問い合わせ画面用のスタイル
----------------------------------------------------------------------------------- */

/* お問い合わせ画面の全コンポーネント */
.page-contact .l-container {
    width: 65%;
    margin: 0 auto;
}

/* お問い合わせ画面の全コンポーネント */
.page-contact .l-main {
    position: relative;
    padding: 36px 0 2rem 22rem;
}

/* お問い合わせフォーム部分の位置 */
.page-contact .c-box {
    padding: 4rem;
}

/* 見出し */
.page-contact .contact-title {
    font-weight: bold;
}
/* 見出しとテキストボックスの並び */
.page-contact .contact-row-ctg {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* 詳細 */
.page-contact .contact-row-dtl {
    display: flex;
    gap: 1rem;
    margin: 20px auto;
}

/* 送信ボタン */
.page-contact .c-btn.is-primary.is-lg.submit-button {
    display: block;
    margin: 20px auto;
}
.page-contact .p-form-item {
    width: 80%;
}

/* 詳細テキストエリア */
.page-contact .c-form-textarea {
    resize: none;
}

/* ユーザ情報 */
.page-contact .contact-row-userinfo-title {
    display: flex;
    align-items: center;
    gap: 3.2rem;
}

/* カテゴリ ・ 詳細：見出しを固定幅・左詰めにして入力欄の位置を固定 */
.page-contact .contact-row-ctg .contact-title,
.page-contact .contact-row-dtl .contact-title {
    width: 7.5rem;
    flex-shrink: 0;
    text-align: left;
}

/* 氏名 ・ メールアドレス ・ 電話番号：見出しを固定幅・右詰めにして入力欄の位置を固定 */
.page-contact .contact-row-name .contact-title,
.page-contact .contact-row-mail .contact-title,
.page-contact .contact-row-tel .contact-title {
    width: 15.5rem;
    flex-shrink: 0;
    text-align: right;
}

/* 氏名 見出しとテキストボックスの並び*/
.page-contact .contact-row-name {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 2rem;
}

/* メールアドレス 見出しとテキストボックスの並び*/
.page-contact .contact-row-mail {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 1rem;
}

/* 電話番号 見出しとテキストボックスの並び*/
.page-contact .contact-row-tel {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 1rem;
}

/* エラーメッセージ表示 */

/* カテゴリ */
.page-contact #error-msg-ctg {
    margin-left: 8.5rem;
}

/* 詳細 */
.page-contact #error-msg-dtl {
    margin-top: 2rem;
    margin-bottom: -2rem;
    margin-left: 8.5rem;
}

/* 氏名 */
.page-contact #error-msg-name {
    margin-top: 2rem;
    margin-bottom: -2rem;
    margin-left: 17.5rem;
}

/* メールアドレス */
.page-contact #error-msg-mail {
    margin-top: 2rem;
    margin-bottom: -2rem;
    margin-left: 17.5rem;
}

/* 電話番号 */
.page-contact #error-msg-tel {
    margin-top: 2rem;
    margin-bottom: -2rem;
    margin-left: 17.5rem;
}

/* お問い合わせ画面：送信完了ダイアログ */
.l-dialog__body .confirm-dialog-message {
    margin: 16px;
}

/* --------------------------------------------------------------------------------
   .program-management : プログラム管理(変更履歴・書込み履歴)用のスタイル
----------------------------------------------------------------------------------- */

.program-management .cell-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  font-size: 1.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80%;
  padding: 2px 0;
  margin: 0 auto;
}

.program-management .cell-label.type-job {
  background-color: #0086B4;
}

.program-management .cell-label.type-desc {
  color: #0086B4;
  background-color: #ffffff;
  border: 2px solid #0086B4;
}

.program-management .write-label span {
  text-align: left;
  font-weight: bold;
  font-size: 1.3rem;
}

.program-management.c-flex {
  gap: 0rem !important;
}

.program-management .file-data {
  background-color: #ffffff;
  height: 43rem;
  overflow-x: auto;
  overflow-y: auto;
}

.program-management .both-scroll {
  height: 43rem;
  width: 1.2rem;
  overflow-y: auto;
  vertical-align: top;
}

.program-management #scroll-pane {
  height: 43rem;
  width: 1.2rem;
  overflow-x: auto;
  overflow-y: auto;
  overflow-y: scroll;
}

.program-management #scroll-content {
  width: 0.1rem;
  overflow-y: auto;
  overflow-x: auto;
}

.program-management.different-compare {
  height: 43rem !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

/**
 * 比較用表示クラス
 * ProgramChangeHistory.cssから引用
 * e: equal:  左右で一致しているところ
 * i: insert: 右にのみ存在するところ
 * d: delete: 左にのみ存在するところ
 * 基本のデザイン定義
 */
.program-management .compare span.e,
.program-management .compare span.i,
.program-management .compare span.d {
    white-space: nowrap;
    background-color: white;
    font-family: 'Courier New', Consolas, monospace;
    font-size: 12px;
    color: black;
}
/**
 * 強調文字色の定義
 */
.program-management .compare span.i {
  background-color: #f6add7;
}

.program-management .compare span.d {
  background-color: #ff8080;
}
/**
 * diff: 左右で異なるところ
 * 強調背景色の定義
 */
.program-management .compare span.diff.e {
  background-color: #ffde82;
}

.program-management .compare span.diff.i {
  background-color: white;
  color: red;
}

.program-management .compare span.diff.d {
  background-color: white;
  color: red;
}

tr.program-management.no-file td {
  pointer-events: none;
  background-color: #bfbfbf !important; 
}

tr.program-management.mis-match td {
  color: red;
}

.page-program-management .l-page-bottom.is-selected {
    background-color: #f6f6f6;
}

/* --------------------------------------------------------------------------------
    .page-user-info : ユーザ情報画面用のスタイル
----------------------------------------------------------------------------------- */

/* タイトル・セクション配置 */
.page-user-info #title-section {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
}

    /* ユーザ情報登録・変更　/ 配信設定 */
    .page-user-info #title-section #userinfo-section {
        display: flex;
        gap: 2rem;
    }

/* 登録ボタン */
.page-user-info #update-button {
    display: block;
    margin: 2rem auto 0 auto;
}

/* --------------------------------------------------------------------------------
   .page_news : お知らせ一覧画面用のスタイル
----------------------------------------------------------------------------------- */

/* エラー項目表示 */
.page_news input.JPsection.is-error,
.page_news textarea.JPsection.is-error {
    border: 1px solid red;
    background-color: #ffeaea;
}

.page_news input.ENsection.is-error,
.page_news textarea.ENsection.is-error {
    border: 1px solid red;
    background-color: #ffeaea;
}

.page_news input.CNsection.is-error,
.page_news textarea.CNsection.is-error {
    border: 1px solid red;
    background-color: #ffeaea;
}

.page_news label.c-btn.is-sm.u-w-300.is-error {
    color: red;
    background-color: #ffeaea;
    border-bottom-color: red;
    border-left-color: red;
    border-right-color: red;
    border-top-color: red;
}

.page_news label.c-btn.is-sm.u-w-300 {
    display: flex;
    justify-content: flex-start;
    margin-right: 8px;
}

.page_news div.upload-file {
    display: flex;
    align-items: center;
}

.page_news span.upload-file-label {
    text-align: left;
}

/* --------------------------------------------------------------------------------
   .page-inhouse-usermanagement : 社内ユーザ管理画面用のスタイル
----------------------------------------------------------------------------------- */

.page-inhouse-usermanagement .c-flex.is-end{
    margin-bottom: -4rem !important;
}

/* --------------------------------------------------------------------------------
   .page-error-summary-list : 型データ管理のイベント履歴総括画面用のスタイル
                              ベースとするスタイルはpage-event-history
----------------------------------------------------------------------------------- */
.page-error-summary-list.nodata table.nodata th:nth-child(n+8),
.page-error-summary-list.nodata table.nodata td:nth-child(n+8) {
    display: none;
}
.page-error-summary-list th .c-flex, .page-error-summary-list td .c-flex {
    gap: 0;
}
.page-error-summary-list td .c-btn {
    width: 10rem;
    height: 2.8rem;
}
@media print, screen and (max-width: 1280px) {
    .page-error-summary-list td .c-btn {
        height: 4.4rem;
        width: 7.2rem;
        line-height: 1.2;
    }
}
.page-error-summary-list .time-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.2rem 0.6rem;
}
.page-error-summary-list .cell-status-label {
    color: #ffffff;
    display: inline-block;
    width: 10rem;
    height: 2.8rem;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 0;
}
@media print, screen and (max-width: 1280px) {
    .page-error-summary-list .cell-status-label {
        height: 4.4rem;
        width: 7.2rem;
        line-height: 1.2;
    }
}
.page-error-summary-list .cell-status-label.active {
    background-color: #140a9a;
}
.page-error-summary-list .cell-status-label.inactive {
    background-color: #a5abaf;
}
.page-error-summary-list br.sp-only {
    display: none;
}
@media print, screen and (max-width: 1280px) {
    .page-error-summary-list br.sp-only {
        display: block;
    }
}
.page-error-summary-list .l-page-bottom.is-selected {
    background-color: #f6f6f6;
}

/* --------------------------------------------------------------------------------
   .page-machine-alarm-mail : 機械アラームメール設定画面用のスタイル
----------------------------------------------------------------------------------- */
.page-machine-alarm-mail .is-error{
    border-color: #ff0000;
    color: #ff0000;
}

.page-machine-alarm-mail .l-page-bottom.is-selected {
    background: #f6f6f6;
}

/* --------------------------------------------------------------------------------
   .page-bs-fatigue-calc : ダイクッションBS疲労度計算画面用のスタイル
----------------------------------------------------------------------------------- */
.page-bs-fatigue-calc .c-tbl.is-sticky-header thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}
/* ソートボタン付きのテーブルヘッダー：ボタンを垂直中央に配置 */
.page-bs-fatigue-calc #usage-history-table-left thead th[data-sort-key],
.page-bs-fatigue-calc #usage-history-table-right thead th[data-sort-key],
.page-bs-fatigue-calc #reset-history-table thead th[data-label] {
    position: sticky;  /* ヘッダー固定のためstickyを維持 */
    top: 0;
    z-index: 1;
    padding-right: 2rem;
}
.page-bs-fatigue-calc #usage-history-table-left thead th[data-sort-key] .c-tbl-sort,
.page-bs-fatigue-calc #usage-history-table-right thead th[data-sort-key] .c-tbl-sort,
.page-bs-fatigue-calc #reset-history-table thead th[data-label] .c-tbl-sort {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
}


/* --------------------------------------------------------------------------------
   .u-border-bottom : 下線ユーティリティ
----------------------------------------------------------------------------------- */
.u-border-bottom {
  border-bottom: 0.1rem solid #c7cacd !important;
}

.c-box > .u-border-bottom {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* --------------------------------------------------------------------------------
   readonly input : 読み取り専用テキストボックスの背景色を白に
----------------------------------------------------------------------------------- */
.c-form-text[readonly] {
  background-color: #ffffff !important;
}

/* --------------------------------------------------------------------------------
   サーボ波形ロギング機能画面 : アップロード状況のスタイル
----------------------------------------------------------------------------------- */
.servowave-logging-contents #upload-rate-title {
    text-align: left;
}
.servowave-logging-contents #upload-rate-contents {
    text-align: center;
}
.servowave-logging-contents #upload-rate-graph {
    display: inline-flex;
    align-items: center;
}
.servowave-logging-contents #upload-current-size {
    font-size: 1.5em;
    font-weight: bold;
}

/* --------------------------------------------------------------------------------
   サーボ波形ロギング機能画面 : 進捗ダイアログのスタイル
----------------------------------------------------------------------------------- */
.page-servo-waveform-logging .progress-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  display: none;
}

/* 進捗ダイアログのタイトルバー背景色 */
.page-servo-waveform-logging #progressDialog.ui-dialog-content ~ .ui-dialog-titlebar,
.page-servo-waveform-logging .ui-dialog[aria-describedby="progressDialog"] .ui-dialog-titlebar {
  background-color: #272080 !important;
  color: #ffffff !important;
}

.page-servo-waveform-logging .progress-dialog {
  padding: 20px;
}

.page-servo-waveform-logging.progress-dialog-message {
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}

.page-servo-waveform-logging .progress-dialog-bar-container {
  margin-bottom: 10px;
}

.page-servo-waveform-logging .progress-dialog-bar {
  width: 100%;
  height: 30px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.page-servo-waveform-logging .progress-dialog-bar-fill {
    height: 100%;
    background-color: #007CBA;
    transition: width 0.3s ease;
    width: 0%;
}

.page-servo-waveform-logging .progress-dialog-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.page-servo-waveform-logging .progress-dialog-button-container {
  text-align: center;
}

/* --------------------------------------------------------------------------------
   サーボ波形ロギング機能画面 : サーボ波形ダイアログのスタイル
----------------------------------------------------------------------------------- */
#servowave-logging-dialog-parents .floating-waveform-window {
    position: fixed;
    top: 100px;
    left: 100px;
    width: 1000px;
    height: 620px;
    background: white;
    border-radius: 0.8rem;
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#servowave-logging-dialog-parents .floating-waveform-window > header {
    justify-content: flex-start;
}

#servowave-logging-dialog-parents .floating-waveform-window .l-dialog__body {
    padding: 0;
    overflow: hidden;
}

#servowave-logging-dialog-parents .floating-waveform-window .c-box {
    margin: 0;
    border: none;
    box-shadow: none;
}

/* --------------------------------------------------------------------------------
   サーボ波形ロギング機能画面 : サーボ波形ダイアログ表示時のグラフ操作無効化スタイル
----------------------------------------------------------------------------------- */
.servowave-logging-contents .graph-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0.0);
}

/* --------------------------------------------------------------------------------
   .page-simple-production-control : 簡易生産管理画面用のスタイル
----------------------------------------------------------------------------------- */

.page-simple-production-control .upload-result-row {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.page-simple-production-control .upload-result-title-box {
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
    padding: 4px 10px; /* 高さを下げる */
    min-width: 100px;
    background: #f9f9f9;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95em; /* 文字を少し小さく */
}

.page-simple-production-control .upload-result-label-box {
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    padding: 4px 10px; /* 高さを下げる */
    min-width: 100px;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-simple-production-control .is-error {
    border: 1px solid red !important;
}

.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(2n+1) th,
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(2n+1) td:not(.c-tbl__no-data) {
    background-color: inherit;
}

.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+1) th,
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+1) td:not(.c-tbl__no-data),
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+2) th,
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+2) td:not(.c-tbl__no-data) {
    background-color: #f6f6f6 !important;
}

    /* input要素にも背景色を適用 */
    .page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+1) th input,
    .page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+1) td:not(.c-tbl__no-data) input,
    .page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+2) th input,
    .page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+2) td:not(.c-tbl__no-data) input {
        background-color: #f6f6f6 !important;
    }

.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+3) th,
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+3) td:not(.c-tbl__no-data),
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+4) th,
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(4n+4) td:not(.c-tbl__no-data) {
    background-color: #ffffff !important;
}

.page-simple-production-control .c-tbl.highlight-row tbody tr td,
.page-simple-production-control .c-tbl.highlight-row tbody tr th {
    border-bottom: 1px solid #c7cacd; /*通常の下線*/
}

/*2行ごと（偶数行）の下に下線を追加 */
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(even) td,
.page-simple-production-control .c-tbl.highlight-row tbody tr:nth-child(even) th {
    border-bottom: 1px solid #c7cacd !important;
}

/* tbody内のthだけ太字を解除する */
.page-simple-production-control .c-tbl.highlight-row tbody th {
    font-weight: normal !important;
}

.page-simple-production-control #seisan-joukyou .c-flex.is-start-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-simple-production-control #seisan-joukyou .c-title-2 {
    margin: 0;
}

.page-simple-production-control #seisan-joukyou .upload-file {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-simple-production-control #upload-execute {
    margin-left: 12px;
}

.page-simple-production-control #PlanTab {
    margin-top: 10px;
}

.page-simple-production-control #csv-download {
    display: flex;
    justify-content: flex-end;
}

.page-simple-production-control .c-title-4--mt20 {
    font-size: 16px;
    margin-top: 20px;
}

.page-simple-production-control .c-title-3--mg0 {
    margin: 0;
}

.page-simple-production-control #unregistered-plan {
    justify-content: space-between;
    align-items: center;
}

.page-simple-production-control #unregistered-down {
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

#seisanKeikaku1 .p-seisan-kouritsu .p-seisan-kouritsu__chart {
    width: calc(100% - 32.8rem);
}

#seisanKeikaku2 .p-seisan-kouritsu .p-seisan-kouritsu__chart {
    width: calc(100% - 32.8rem);
}

/* --------------------------------------------------------------------------------
   型データ管理画面 : 型データ詳細ダイアログのスタイル
----------------------------------------------------------------------------------- */
#diedata-dialog-parents .floating-diedata-window {
    position: fixed;
    top: 100px;
    left: 100px;
    width: 800px;
    height: 600px;
    background: white;
    border-radius: 0.8rem;
    box-shadow: 0 0 0.6rem rgba(27, 35, 42, 0.16);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
}

#diedata-dialog-parents .floating-diedata-window > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 2rem;
    background: white;
    border-bottom: 1px solid #e0e3e7;
    cursor: move;
}

#diedata-dialog-parents .floating-diedata-window > header h1 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0;
}

#diedata-dialog-parents .floating-diedata-window header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1rem 2rem !important;
}

#diedata-dialog-parents .floating-diedata-window header h1 {
    margin: 0 !important;
    padding: 0 !important;
}

#diedata-dialog-parents .floating-diedata-window .l-dialog__close {
    width: 3.2rem;
    height: 3.2rem;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 0.4rem;
    transition: background-color 0.2s;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
}

#diedata-dialog-parents .floating-diedata-window .l-dialog__close span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 2rem !important;
    vertical-align: middle !important;
}

#diedata-dialog-parents .floating-diedata-window .l-dialog__close:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* ダイアログヘッダのレイアウト */
#diedata-dialog-parents .floating-diedata-window > header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 1.6rem 1.6rem;
    min-height: 4.8rem;
}

/* ダイアログヘッダのタイトル */
#diedata-dialog-parents .floating-diedata-window > header > h1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
}

/* ダイアログヘッダの閉じるボタンを右寄せ */
#diedata-dialog-parents .floating-diedata-window > header .l-dialog__close {
    margin-left: auto;
    z-index: 1;
}

#diedata-dialog-parents .floating-diedata-window .l-dialog__body {
    flex: 1;
    padding: 2rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#diedata-dialog-parents .floating-diedata-window .p-form-group {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

#diedata-dialog-parents .floating-diedata-window .diedata-table-wrapper {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 3.2rem;
    max-height: 430px;
}

#diedata-dialog-parents .floating-diedata-window .c-box {
    margin: 0;
    border: none;
    box-shadow: none;
}

/* 型データ詳細ダイアログ : テーブルのスタイル */
#diedata-dialog-parents .diedata-table-wrapper table.Diedata {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #c0c0c0;
    font-size: 13.5px;
}

#diedata-dialog-parents .diedata-table-wrapper table.Diedata th {
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 0.4rem;
    width: 40%;
    text-align: left;
    background-color: #e2f2ff;
    font-weight: normal;
    line-height: 1.2;
    color: #08043e;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#diedata-dialog-parents .diedata-table-wrapper table.Diedata tbody th {
    font-weight: normal;
    text-align: left;
    background-color: #e2f2ff;
}

#diedata-dialog-parents .diedata-table-wrapper table.Diedata td {
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 8px;
    width: 60%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    #diedata-dialog-parents .diedata-table-wrapper table.Diedata td.text {
        text-align: left;
        word-break: break-all;
    }

    #diedata-dialog-parents .diedata-table-wrapper table.Diedata td.number {
        text-align: left;
    }

/* 型データ詳細ダイアログ : 行ごとの色変更を無効化 */
#diedata-dialog-parents .diedata-table-wrapper table.Diedata tbody tr:nth-child(2n+1) td,
#diedata-dialog-parents .diedata-table-wrapper table.Diedata tbody tr td {
    background-color: transparent;
}

/* --------------------------------------------------------------------------------
   自動タイムスタディ画面 : 設定SPHと実績SPHの比較グラフでスタイル
----------------------------------------------------------------------------------- */
.page-auto-time-study .info-icon {
    color: #140a9a !important;
    font-size: 48px;
    background-color: inherit;
}

.page-auto-time-study .sph-no-data-message {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.page-auto-time-study .sph-no-data-message__inner {
    text-align: center;
}

.page-auto-time-study .sph-no-data-message__text {
    margin-top: 8px;
}