@charset "UTF-8";
/* =============================================
	Foundation
============================================= */
/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
     touch-action: manipulation;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
	 # General elements
	 # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
  color: inherit; /* Correct border color in Firefox. */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}
summary::-webkit-details-marker {
  display: none;
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

@media (hover: hover) {
  a:hover {
    outline-width: 0;
    /* Remove the outline when hovering in all browsers */
  }
}
a:active {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
}

/* # =================================================================
	 # Forms
	 # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

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

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

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

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  /* outline-width: 0; */
}

/* Style select like a standard input */
select {
  -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+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-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 */
}

/* # =================================================================
	 # Specify media element style
	 # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
	 # Accessibility
	 # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

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

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

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Thin.woff2") format("woff2"), url("../fonts/NotoSansJP-Thin.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Light.woff2") format("woff2"), url("../fonts/NotoSansJP-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/NotoSansJP-DemiLight.woff2") format("woff2"), url("../fonts/NotoSansJP-DemiLight.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/NotoSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Black.woff2") format("woff2"), url("../fonts/NotoSansJP-Black.woff") format("woff");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("Material Icons Round"), local("MaterialIconsRound-Regular"), url(../fonts/MaterialIcons-Regular.woff2);
}
.material-icons {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
}

/* ------------------------------
- base -reset上書き
------------------------------ */
html {
  background: #F6F6F6;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #1b232a;
  font-size: 62.5%;
  overflow: hidden !important;
  height: 100vh;
}

body {
  visibility: hidden;
  width: 100%;
  overflow-x: hidden;
  font-size: 1.6rem;
  position: fixed;
  overflow-y: auto;
  height: 100%;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  overflow: hidden !important;
}

::-webkit-full-page-media, :future, :root body {
  position: relative;
}

body::-webkit-scrollbar {
  display: none !important; /* chrome対応 */
}

* {
  overscroll-behavior: none;
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
*:focus-visible {
  outline: 2px solid #140a9a;
}

*::-webkit-scrollbar {
  display: none !important; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

::-webkit-scrollbar {
  display: none !important;
}

input + input {
  margin-top: 0.8rem;
}

li {
  list-style-type: none;
  word-break: break-word;
}
li img {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  max-width: 100%;
  width: auto;
}

a {
  word-break: break-word;
  color: #0086b4;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
a[target=_blank] i {
  font-size: 1.6rem;
  vertical-align: top;
}
@media (hover: hover) {
  a:hover {
    color: #140a9a;
    opacity: 0.8;
  }
}

button {
  word-break: break-word;
  cursor: pointer;
  line-height: 1.6;
}
button:focus-visible {
  outline: 2px solid #1b232a;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

sup {
  vertical-align: super;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: break-word;
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  word-break: break-word;
  line-height: 1.6;
}

p,
p span,
a,
li,
label {
  word-break: break-word;
  line-height: 1.2;
}

p {
  color: #1b232a;
  word-break: break-word;
}

p + p,
div + p,
p + div {
  margin-top: 1.6rem;
}

ul + ul {
  margin-top: 0.8rem;
}

div + button {
  margin-top: 0.8rem;
}

* + .heading {
  margin-top: 1.6rem;
}

button + button {
  margin-top: 0.8rem;
}

div {
  line-height: normal;
  line-height: initial;
}

input,
button,
textarea,
select {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

select::-ms-expand {
  display: none;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table th,
table td {
  line-height: 1.6;
}

input[type=button], input[type=text], input[type=email], input[type=submit], input[type=image], textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 4px !important;
}

/* =============================================
	Layout
============================================= */
.container {
  padding: 1.6rem 1rem;
  background: #fff;
}
.container.containerItem {
  padding-top: 2.4rem;
}

.container.gray {
  background: #F6F6F6;
}

.main.gray {
  background: #F6F6F6;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  height: 100%;
  overflow-y: scroll;
  height: 100% !important;
}
.wrapper.gray {
  background: #F6F6F6;
}
.wrapper.login {
  background: #F6F6F6;
}
.wrapper.login .main {
  padding-top: 1.6rem;
}
.wrapper.login .main .loginLogo img {
  max-width: 28rem;
}
.wrapper::-webkit-scrollbar {
  display: none !important; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a[href] {
    -webkit-tap-highlight-color: rgba(165,171,175,0.4);
}

summary {
    -webkit-tap-highlight-color: rgba(165,171,175,0.4);
}

/* =============================================
	Object
============================================= */
/* Component
-----------------------------------------------*/
.boardArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}
.boardArea.event {
  gap: 1.6rem;
}

.board {
  position: relative;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
          box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  border: 1px solid #c7cacd;
  text-decoration: none;
}
.board:has(.boardLabel) {
  margin-top: 0.8rem;
}
.board .boardInner {
  text-decoration: none;
  width: 100%;
  text-decoration: none;
  padding: 1.6rem 1.2rem;
}
.board .boardInner .boardGoods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board .boardImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 7rem;
  height: 7rem;
}
.board .boardImage img {
  max-width: 7rem;
}
.board .boardBody {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.board .boardBody h2 {
  font-size: 1.8rem;
  margin-top: 0.4rem;
  color: #0086b4;
  text-decoration: underline;
}
.board .boardBody .boardInfo {
  margin-top: 0.4rem;
  font-weight: normal;
}
.board .boardBody .boardInfo p {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board .boardBody .boardInfo p.name i {
  margin-right: 0.1rem;
  font-size: 2rem;
  margin-left: 0;
}
.board .boardBody .boardInfo p i {
  margin-left: 0.2rem;
  font-size: 1.6rem;
  color: #6e757a;
  margin-right: 0.4rem;
}
.board .boardBody .boardInfo p + p {
  margin-top: 0.4rem;
}
.board .boardBody.numbered .boardNumberArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #c7cacd;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #1b232a;
}
.board .boardBody.numbered .boardNumberArea .date {
  font-size: 14px;
  color: #6e757a;
  margin-right: 10px;
}
.board .boardBody.numbered .boardStatus {
  font-size: 14px;
  color: #1b232a;
}
.board .boardBody.numbered .boardStatus p {
  font-size: 16px;
}
.board .boardBody.numbered .boardStatus .boardCode {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.board .boardFooter {
  padding: 0 1.2rem 1.6rem;
}
.board .boardLabel {
  position: absolute;
  background-image: url("../images/icon/boardLabel.svg");
  top: -0.8rem;
  left: 1.6rem;
  width: 35px;
  height: 40px;
  background-size: cover;
  cursor: pointer;
  z-index: 2;
}
.board .boardLabel::before {
  font-family: "Material Icons Round";
  content: "star_border";
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 2.8rem;
  z-index: 5;
  color: #a5abaf;
}
.board .boardLabel.active {
  background-image: url("../images/icon/boardLabelActive.svg");
}
.board .boardLabel.active::before {
  font-family: "Material Icons Round";
  content: "\e838";
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 2.8rem;
  color: #fff;
}
.board.error {
  border: 2px solid #ff0000;
}
.board:has(.boardFooter) .boardInner {
  padding-bottom: 0;
}
.board.specialSelf .boardInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.6rem 1.2rem;
  gap: 1.5rem;
}
.board.specialSelf .boardImage {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 7rem;
  height: 7rem;
}
.board.specialSelf .boardImage img {
  max-width: 7rem;
}
.board.specialSelf .definitionList {
  margin-top: 0.4rem;
  font-size: 1.4rem;
}
.board.specialSelf .definitionList dt {
  color: #6e757a;
}
.board.specialSelf .definitionList dd {
  color: #1b232a;
}

.box {
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
          box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  border: 1px solid #c7cacd;
  border-radius: 4px;
  padding: 1.6rem 1rem;
  width: 100%;
  overflow: hidden;
}
.box.LinkBox {
  text-decoration: none;
}
.box.LinkBox h2 {
  text-decoration: underline;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
}
.box.LinkBox .labelIcon {
  color: #1b232a;
}
.box.error {
  border: 2px solid #ff0000;
}
.box.boxSuccess {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #2bb673;
}
.box.boxSuccess h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2bb673;
  font-weight: bold;
  font-size: 1.6rem;
}
.box.boxSuccess h2 i {
  font-size: 2.4rem;
  margin-right: 0.4rem;
}
.box.boxSuccess h2 + p {
  margin-top: 0.6rem;
}
.box.disabled {
  background: #e4e6e6;
}
.box.wide {
  padding: 1.8rem 1.9rem;
}
.box.middle {
  padding: 1rem;
}
.box.small {
  padding: 0.8rem 1rem;
}
.box.judge .lineList li {
  font-size: 1.6rem;
}

.box + .box {
  margin-top: 1.6rem;
}

.LinkBox + .LinkBox {
  margin-top: 1.2rem;
}

.btn {
  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;
  font-weight: bold;
  border-radius: 4px;
  gap: 0.2rem;
  background: #140a9a;
  color: #fff;
  width: 100%;
  min-height: 4.4rem;
  -webkit-tap-highlight-color: transparent;
}
.btn.isClick {
  background: #253fc8;
}
.btn:active {
  background: #253fc8;
}
.btn:disabled {
  background: #a5abaf;
  pointer-events: none;
}
.btn i {
  font-size: 2rem;
}
.btn.medium {
  padding: 0.4rem 1rem !important;
  min-height: 3.2rem;
}
.btn.btnSecondary {
  color: #140a9a;
  border: 1px solid #140a9a;
  border-radius: 4px;
  background: #fff;
  width: 100%;
}
.btn.btnSecondary.isClick {
  color: #fff;
  border: 1px solid #253fc8;
  background: #253fc8;
}
.btn.btnSecondary:active {
  color: #fff;
  border: 1px solid #253fc8;
  background: #253fc8;
}
.btn.btnSecondary:disabled {
  border: 1px solid #a5abaf;
  color: #a5abaf;
  opacity: 0.8;
  pointer-events: none;
}

.checkboxWrap + .checkboxWrap {
  margin-top: 0.8rem;
}

input[type=checkbox] {
  display: none;
}

.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding: 7px 10px 5px 38px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkbox.full {
  width: 100%;
}
.checkbox i {
  font-size: 2rem;
  color: #6e757a;
}
.checkbox + .checkbox {
  margin-top: 0.8rem;
}
.checkbox > * {
  margin-top: 0;
}

.checkbox:before {
  background: #fff;
  width: 3.2rem; /* チェックボックスの幅 */
  height: 3.2rem; /* チェックボックスの高さ */
  left: 0;
  border: 1px solid #c7cacd; /* チェックボックスの枠 */
  border-radius: 3px;
  margin-top: -1.6rem;
}

.checkbox:after,
.checkbox:before {
  position: absolute;
  content: "";
  top: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.checkbox::after {
  position: absolute;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  top: -2px;
  left: 1px;
  font-family: "Material Icons Round";
  content: "\e5ca";
  font-size: 3rem;
  opacity: 0;
  color: #fff;
}

input[type=checkbox]:checked + .checkbox::after {
  opacity: 1;
}

input[type=checkbox]:checked + .checkbox::before {
  background: #140a9a;
}

input[type=checkbox].err + .checkbox {
  color: #ff0000;
}

input[type=checkbox].err + .checkbox::before {
  border: 1px solid #ff0000;
}

input[type=checkbox][disabled] + .checkbox {
  color: #a5abaf;
}

input[type=checkbox][disabled] + .checkbox:before {
  background: #e4e6e6;
  border: 1px solid #a5abaf;
}

.checkboxList li {
  border-bottom: 1px solid #DDD9E2;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.checkboxList li .checkbox {
  padding: 7px 10px 5px 44px;
}

.comment {
  border-radius: 4px;
  padding: 0.95rem 0.8rem;
  background: #F8F6FB;
}
.comment.commentBlue {
  background: #e2f2ff;
}

.currentHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.currentHead .sortArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.4rem;
}
.currentHead .results {
  margin-left: auto;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.currentHead .results .btn {
  font-size: 1.4rem;
}

.currentHead + .boardArea {
  margin-top: 2.4rem;
}

.air-datepicker.-inline- {
  margin: 0 auto;
  width: calc(100% - 2px);
  border-color: #c7cacd;
}

.air-datepicker-body--day-name {
  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--title {
  font-weight: bold;
}

.air-datepicker-nav--title i {
  line-height: 2;
  color: #1b232a;
}

.air-datepicker-body--cells.-days- {
  grid-auto-rows: 38px;
}

.daysBoxArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.daysBox {
  display: block;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #c7cacd;
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
          box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  overflow: hidden;
}
.daysBox .daysBoxHead {
  background: #99ccff;
  font-size: 1.4rem;
  text-align: center;
  padding: 0.6rem 1rem;
}
.daysBox .daysBoxBody {
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  padding: 0.6rem 1rem;
}

.definitionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.2rem 1.6rem;
  font-size: 1.4rem;
}
.definitionList dt {
  width: 6.6rem;
}
.definitionList dd {
  width: calc(100% - 8.2rem);
}

.dropDown {
  width: 100%;
}
.dropDown .container {
  padding: 0;
}
.dropDown .arrow {
  display: none !important;
}
.dropDown .image {
  vertical-align: top !important;
  width: 2rem;
}
.dropDown .text {
  font-size: 1.6rem !important;
  font-weight: normal !important;
}
.dropDown .current {
  border: 1px solid #c7cacd !important;
  border-radius: 4px !important;
  width: 100% !important;
  padding: 1rem !important;
  padding-right: 3rem !important;
  background: #fff !important;
  position: relative;
  height: 4.4rem;
}
.dropDown .current::before {
  font-family: "Material Icons Round";
  content: "\e5c5";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 4rem;
  color: #6e757a;
}
.dropDown .dditem {
  padding-right: 3rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropDown .dditem div:has(.image) {
  margin-left: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropDown.disabled {
  pointer-events: none;
  background: #e4e6e6;
  opacity: 0.6;
}
.dropDown.disabled .current {
  background: #e4e6e6 !important;
}
.dropDown.err {
  color: #ff0000;
}
.dropDown.err .current {
  border: 2px solid #ff0000 !important;
}
.dropDown.err::-webkit-input-placeholder {
  color: #ff0000;
}
.dropDown.err::-moz-placeholder {
  color: #ff0000;
}
.dropDown.err::-ms-input-placeholder {
  color: #ff0000;
}
.dropDown.err::placeholder {
  color: #ff0000;
}

.flexArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.flexArea > * {
  width: 100%;
  margin-top: 0 !important;
}

.flexArea + .flexArea {
  margin-top: 1.6rem;
}

.normalFooter {
    margin-top: auto;
    border-top: 1px solid #a5abaf;
    background: #fff;
    padding: 0.8rem 0;
    padding-bottom: calc(0.8rem + env(safe-area-inset-bottom));
}
.normalFooter .contactNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.normalFooter .contactNav a {
  width: 50%;
  padding: 1.1rem 0;
  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;
  font-size: 1.4rem;
  color: #1b232a;
  text-decoration: none;
}
.normalFooter .contactNav a span {
  text-decoration: underline;
}
.normalFooter .contactNav a i {
  text-decoration: none;
  margin-right: 0.4rem;
  font-size: 1.8rem;
}
.normalFooter .copyLight {
  text-align: center;
  color: #4c5459;
  font-size: 1.2rem;
}

.followFooter {
  padding-top: 52px;
}
.followFooter .followFooterInner {
  border-top: 1px solid #c7cacd;
  position: fixed;
  z-index: 900;
  bottom: 0;
  width: calc(100% - env(safe-area-inset-right) - env(safe-area-inset-left));
  background: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding-bottom: env(safe-area-inset-bottom);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.followFooter .followFooterInner.gray {
    background: #F6F6F6;
}
.followFooter .followFooterInner.noFooter {
    border: none;
    height: 20px;
}

.followFooter .followFooterInner .PaginationArea {
    border-bottom: 1px solid #c7cacd;
}
.followFooter .followFooterInner .footerNavList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.followFooter .followFooterInner .footerNavList li {
  width: 100%;
}
.followFooter .followFooterInner .footerNavList li a {
  text-align: center;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-size: 1.2rem;
  color: #1b232a;
  height: 52px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.2rem;
}

/* 英語版のフッタは上にそろえる 文字とアイコンの間を縮めてその分padding-topへ */
.followFooter .followFooterInner .footerNavList li a.en {
    justify-content: flex-start;
    padding-top: 0.1rem;
    gap: 0.1rem;
}
/* 英語版のフッタの文字を縦に中央ぞろえにする */
/*.followFooter .followFooterInner .footerNavList li a.en span {
    display: flex;
    flex-grow: 1;
    align-items: center;
}*/

.followFooter .followFooterInner .footerNavList li a i {
    font-size: 2rem;
}
.followFooter .followFooterInner .footerNavList li a.current {
  color: #140a9a;
  font-weight: bold;
}
.followFooter .followFooterInner .footerNavList li a:active, .followFooter .followFooterInner .footerNavList li a:hover {
  color: #140a9a;
  font-weight: bold;
}
.followFooter .followFooterInner .footerNavList li.disabled a {
  color: #a5abaf;
  pointer-events: none;
}

form:first-child {
  background-color: 0;
}
form > *:first-child {
  margin: 0;
}
form > * + * {
  margin-top: 0.8rem;
}

.fullScreenBackground {
  position: fixed;
  display: none;
  top: 0;
  z-index: 998;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
.fullScreenBackground.active {
  display: block;
}

.graphLabel,
.graphLabelBottom {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.graphLabel.center,
.graphLabelBottom.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.graphLabel.trend2,
.graphLabelBottom.trend2 {
  padding-left: 27%;
}
.graphLabel.right,
.graphLabelBottom.right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.graphLabel + .graphLabel {
  margin-top: 0;
}

.graphLabel + .graphBox {
  margin-top: 5.5px;
}

.graphBox + .graphLabelBottom {
  margin-top: 5.5px;
}

.graphBox {
  height: 30rem;
  width: 100%;
}
.graphBox img {
  height: 100%;
  width: 100%;
}
.graphBox.machine {
  height: 25rem;
}
.graphBox.machine img {
  height: 100%;
  width: 100%;
}
.graphBox.operation {
  height: 5.4rem;
}
.graphBox.operation img {
  height: 100%;
  width: 100%;
}
.graphBox.load {
  height: 60rem;
}
.graphBox.load img {
  width: 100%;
  height: 100%;
}
.graphBox.load1 {
  height: 80rem;
}
.graphBox.load1 img {
  width: 100%;
  height: 100%;
}
.graphBox.autoSmall {
  height: 9.3rem;
}
.graphBox.auto1 {
  height: 48rem;
}
.graphBox.auto {
  height: 63rem;
}

.graphBoxLine {
  height: 1.4rem;
  width: 100%;
}
.graphBoxLine.meter {
  height: 3rem;
}
.graphBoxLine img {
  height: 100%;
  width: 100%;
  vertical-align: top;
}

.header {
  padding-top: env(safe-area-inset-top);
}
.header .headerInner {
  position: fixed;
  background: #fff;
  z-index: 100;
  width: calc(100% - env(safe-area-inset-right) - env(safe-area-inset-left));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  top: calc(var(--newTop) + env(safe-area-inset-top));
}
.header .headerInner .mainHeader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 54px;
  border-bottom: 1px solid #c7cacd;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  padding: 0.8rem 1rem;
  background: #fff;
}
.header .headerInner .mainHeader .loginHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .headerInner .mainHeader .loginHead .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 13.5rem;
}
.header .headerInner .mainHeader .loginHead .icon img {
  max-width: 135px;
}
.header .headerInner .mainHeader .loginHead .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  width: 8rem;
}
.header .headerInner .mainHeader .loginHead .ttl img {
  max-width: 8rem;
}
.header .headerInner .mainHeader .headerOptionBtn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.7rem;
  cursor: pointer;
}
.header .headerInner .mainHeader .headerOptionBtn i {
  font-size: 4rem;
  color: #140a9a;
}
.header .headerInner .mainHeader .headerLogo {
  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: 100%;
}
.header .headerInner .mainHeader .headerLogo img {
  max-width: 145px;
  width: auto;
}
.header .headerInner .mainHeader .iconArea {
  margin-right: 8px;
  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: flex-start;
  color: #140a9a;
  text-decoration: none;
}
.header .headerInner .mainHeader .iconArea i {
  font-size: 4rem;
}
.header .headerInner .mainHeader .iconArea span {
  margin-top: -0.1rem;
  line-height: 1;
  font-size: 1.2rem;
}
.header .headerInner .mainHeader .titleArea {
  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-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.header .headerInner .mainHeader .titleArea .subHeading {
  font-size: 1.4rem;
  color: #1b232a;
}
.header .headerInner .mainHeader .titleArea h1 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #1b232a;
}
.header .headerInner .subHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F6F6F6;
  padding: 1.2rem 1rem;
}
.header .headerInner .subHeader .ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .headerInner .subHeader .ttl h2, .header .headerInner .subHeader .ttl span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .headerInner .subHeader .ttl h2 {
  font-size: 1.6rem;
  font-weight: bold;
}
.header .headerInner .subHeader .ttl .subHeading {
  font-size: 1.4rem;
}
.header .headerInner .subHeader .icon {
  margin-left: 2.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.js-navOpen {
  cursor: pointer;
}

.heading {
  font-weight: bold;
  color: #08043e;
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}
.heading span {
  color: #1b232a;
  font-size: 1.6rem;
  padding-left: 0.8rem;
}

h1.heading {
  font-size: 2rem;
}

h2.heading {
  font-size: 1.8rem;
}

h3.heading {
  font-size: 1.6rem;
}

p + .heading {
  margin-top: 1.6rem;
}

.heading + p,
.heading + ul {
  margin-top: 1.6rem;
}

.heading.lowMargin + * {
  margin-top: 0.8rem;
}

.headingSmall {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
  font-weight: bold;
}

.normalHeading {
  font-weight: normal;
  font-size: 1.4rem;
  margin-top: 1.2rem;
  margin-bottom: 1.4rem;
}
.normalHeading .sub {
  font-weight: bold;
}
.normalHeading .sub .number {
  font-size: 1.6rem;
}

.headingFullLine {
  color: #fff;
  background: #140a9a;
  font-size: 2rem;
  font-weight: bold;
  width: 100%;
  padding: 0.8rem 1rem;
}

.infoBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #140a9a;
  padding: 0.6rem 1.3rem;
  background: #fff;
  color: #140a9a;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
.infoBtn i {
  font-size: 1.6rem;
}
.infoBtn span {
  font-size: 1.4rem;
  font-weight: bold;
}

.infoView {
  text-align: center;
  font-weight: bold;
  overflow: hidden;
}
.infoView .icon {
  text-align: center;
}
.infoView .icon img {
  width: 6rem;
}

* + .infoView {
  margin-top: 8rem;
  /*margin-bottom: 8rem;*/
}

input {
  -webkit-appearance: none;
}

input[type=text],
input[type=password],
input[type=email],
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #c7cacd;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    width: 100%;
    padding: 1rem;
    background: #fff;
    min-height: 4.4rem;
    line-height: 1.4;
    /* ガイドラインp36 */
    color: #1B232A;
    background-color: #fff;
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
textarea::placeholder {
    color: #A5ABAF;
}
input[type=text]:-webkit-autofill,
input[type=password]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #1B232A;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
textarea:disabled {
    background: #e4e6e6;
    /* 打ち消し用 */
    -webkit-appearance: none;
    opacity: 1;
    /* ガイドラインp36 */
    color: #1B232A;
}
input[type=text].err, input[type=text]:invalid,
input[type=email].err, input[type=email]:invalid,
input[type=password].err,
input[type=password]:invalid,
textarea.err,
textarea:invalid {
    border: 2px solid #ff0000;
    color: #ff0000;
}
input[type=text].err::-webkit-input-placeholder, input[type=text]:invalid::-webkit-input-placeholder,
input[type=email].err::-webkit-input-placeholder, input[type=email]:invalid::-webkit-input-placeholder,
input[type=password].err::-webkit-input-placeholder,
input[type=password]:invalid::-webkit-input-placeholder,
textarea.err::-webkit-input-placeholder,
textarea:invalid::-webkit-input-placeholder {
    color: #ff0000;
}
input[type=text].err::-moz-placeholder, input[type=text]:invalid::-moz-placeholder,
input[type=email].err::-moz-placeholder, input[type=email]:invalid::-moz-placeholder,
input[type=password].err::-moz-placeholder,
input[type=password]:invalid::-moz-placeholder,
textarea.err::-moz-placeholder,
textarea:invalid::-moz-placeholder {
    color: #ff0000;
}
input[type=text].err::-ms-input-placeholder, input[type=text]:invalid::-ms-input-placeholder,
input[type=email].err::-ms-input-placeholder, input[type=email]:invalid::-ms-input-placeholder,
input[type=password].err::-ms-input-placeholder,
input[type=password]:invalid::-ms-input-placeholder,
textarea.err::-ms-input-placeholder,
textarea:invalid::-ms-input-placeholder {
    color: #ff0000;
}
input[type=text].err::placeholder, input[type=text]:invalid::placeholder,
input[type=email].err::placeholder, input[type=email]:invalid::placeholder,
input[type=password].err::placeholder,
input[type=password]:invalid::placeholder,
textarea.err::placeholder,
textarea:invalid::placeholder {
    color: #ff0000;
}
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=password]:focus-visible,
textarea:focus-visible {
    border: 2px solid #140a9a;
    outline: none;
}

input[type=search]:focus-visible {
  border: 2px solid #140a9a;
  outline: none;
}

select:focus-visible {
  border: 2px solid #140a9a;
  outline: none;
}

textarea {
  resize: none;
  min-height: 100px;
}

.js-countText .textlength {
  text-align: right;
}

.inputPassword {
  position: relative;
}
.inputPassword .icon {
  position: absolute;
  right: 1.4rem;
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.inputPassword .icon::before {
  font-family: "Material Icons Round";
  content: "visibility_off";
  position: absolute;
  font-size: 2.4rem;
  color: #6e757a;
}
.inputPassword .icon i {
  color: #6e757a;
}
.inputPassword:has(input[type=text]) .icon::before {
  content: "visibility";
}

.inputLabel .ttl {
  display: block;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}

.inputCalendar {
  position: relative;
}
.inputCalendar input {
  pointer-events: none;
  background: #fff;
}
.inputCalendar::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;
}

.textInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
.textInput span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.textInput input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  pointer-events: none;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.6rem;
  white-space: nowrap;
  min-height: 3.2rem;
  height: 3.2rem;
}

.textInput + .textInput {
  margin-top: 0.8rem;
}

.timsBeforeAfter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.inputTimes {
  position: relative;
  width: 100%;
}
.inputTimes input {
  pointer-events: none;
  background: #fff;
}
.inputTimes::before {
  font-family: "Material Icons Round";
  content: "watch_later";
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.8rem;
  color: #6e757a;
}

.inputLogin {
  ime-mode: inactive;
}

.labelArea {
  min-height: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.labelArea.side {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.labelArea.right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.4rem;
  padding: 0.2rem 0.7rem;
  font-size: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
}
.label i {
  font-size: 1.4rem;
  margin-top: 0.2rem;
}
.label.success {
  color: #fff;
  background: #2bb673;
}
.label.caveat {
  color: #fff;
  background: #f37021;
}
.label.caveatLine {
  color: #f37021;
  border: 2px solid #f37021;
}
.label.error {
  color: #fff;
  background: #ff0000;
}
.label.errorLine {
  color: #ff0000;
  border: 2px solid #ff0000;
  font-weight: bold;
}
.label.online {
  color: #fff;
  background: #0086b4;
  border: 1px solid #0086b4;
}
.label.offline {
  color: #fff;
  background: #6e757a;
}
.label.operation {
  color: #fff;
  background: #6E757A;
}

.emptyLabel.left {
  height: 2.6rem;
  width: 6rem;
}
.emptyLabel.center {
  height: 2.6rem;
  width: 8rem;
}
.emptyLabel.right {
  height: 2.6rem;
  width: 6.9rem;
}

.labelBox {
  border-radius: 2px;
  width: 1.5rem;
  height: 1.5rem;
  background: #000;
}
.labelBox.circle {
  border-radius: 10px;
  width: 1.2rem;
  height: 1.2rem;
}
.labelBox.colorRed {
  background: #ff0000;
}
.labelBox.colorCrimson {
  background: #CC0000;
}
.labelBox.colorBlue {
  background: #253fc8;
}
.labelBox.colorGreen {
  background: #66CC66;
}
.labelBox.colorOrange {
  background: #f37021;
}
.labelBox.colorYellow {
  background: #FFC82F;
}
.labelBox.colorLightGreen {
  background: #00B050;
}
.labelBox.colorGray {
  background: #a5abaf;
}
.labelBox.colorLightBlue {
  background: #99ccff;
}
.labelBox.colorBitterSweet {
  background: #FF6E6E;
}
.labelBox.colorAmethyst {
  background: #A568D2;
}
.labelBox.colorSkyBlue {
  background: #66caed;
}
.labelBox.colorBistaBlue {
  background: #80D3AB;
}
.labelBox.colorSalomie {
  background: #FFDE82;
}
.labelBox.colorPersianPink {
  background: #f180c1;
}
.labelBox.colorConifer {
  background: #99E866;
}
.labelBox.colorRajah {
  background: #F8A97A;
}
.labelBox.colorLightWisteria {
  background: #C59EE2;
}
.labelBox.colorJordyBlue {
  background: #99dcf3;
}

.labelIconArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem 1.5rem;
}
.labelIconArea.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 1.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.labelIconArea.inline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.labelIconArea.inline .labelIcon {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.labelIconArea.inline.consumption {
  margin: 0 auto;
  max-width: 220px;
}
.labelIconArea.inline.consumption .labelIcon {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.labelIconArea.load {
  width: 296px;
  margin: 10px auto 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  text-align: center;
  gap: 10px 18px;
}
.labelIconArea.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  width: 190px;
  margin: 0 auto;
}
.labelIconArea.automatic {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 300px;
  margin: 0 auto;
  gap: 3px 22px;
}

.labelIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.6rem;
  font-size: 1.4rem;
}
.labelIcon.w100p {
  width: 100%;
}
.labelIcon .value {
  font-weight: bold;
  font-size: 16px;
  width: 82px;
  text-align: right;
}
.labelIcon .value .unit {
  font-size: 13px;
}
.labelIcon.inline {
  width: 100%;
}

.list {
  list-style: none;
  padding-left: 1.5em;
}
.list li {
  text-indent: -1.5em;
  margin-bottom: 0.8rem;
}
.list li:last-child {
  margin-bottom: 0;
}
.list li::before {
  content: "・";
  margin-right: 0.4em;
}

.asteriskList {
  list-style: none;
  padding-left: 1.5em;
}
.asteriskList li {
  text-indent: -1.5em;
  margin-bottom: 0.8rem;
}
.asteriskList li:last-child {
  margin-bottom: 0;
}
.asteriskList li::before {
  content: "※";
  margin-right: 0.4em;
}

.lineList.fistLineNone li:first-child {
  border-top: none;
}
.lineList.linePurple li {
  border-top: 1px solid #AFA7B8;
}
.lineList.lineGray li {
  border-top: 1px solid #c7cacd;
}
.lineList.lineGray li:first-child {
  border-top: 1px solid #8f969a;
}
.lineList li {
  border-top: 1px solid #c7cacd;
  padding: 1rem 0;
  font-size: 1.4rem;
}
.lineList li .textNumber {
  margin-top: 0.8rem;
}
.lineList li .subtitle {
  color: #a5abaf;
  font-size: 1.4rem;
}
.lineList li * + .subtitle {
  margin-top: 0.8rem;
}
.lineList li .errorText {
  color: #ff0000;
}
.lineList li .errorText img {
  vertical-align: unset;
  margin-right: 0.6rem;
  margin-left: 0;
}
.lineList.lineBottom li:last-child {
  border-bottom: 1px solid #c7cacd;
}
.lineList.lineCenter li:first-child {
  padding-top: 0;
  border-top: none;
}
.lineList.lineCenter li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.lineList.headBold li:first-child {
  border-top: 1px solid #a5abaf;
}

.dialog {
  display: none;
}

.modaal-confirm-btn {
  margin: 0;
}

.modaal-inner-wrapper {
  padding: 1.3rem 1rem;
}

.normalDialog .modaal-container {
  border-radius: 8px;
}
.normalDialog .modaal-content-container {
  padding: 0;
  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%;
  max-height: calc(100dvh - 2.6rem);
}
.normalDialog .modaal-close {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
}
.normalDialog .modaal-close:after, .normalDialog .modaal-close:before {
  background: #6e757a;
}
.normalDialog .modaal-close:focus:after, .normalDialog .modaal-close:focus:before, .normalDialog .modaal-close:hover:after, .normalDialog .modaal-close:hover:before {
  background: #6e757a;
}
.normalDialog .modalHead {
  padding: 1rem;
  position: relative;
  border-bottom: 1px solid #c7cacd;
}
.normalDialog .modalHead h2 {
  margin: 0;
  text-align: center;
}
.normalDialog .modalHead .close {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  overflow-y: auto;
}
.normalDialog .modalHead .close i {
  color: #6e757a;
  font-size: 3.2rem;
}
.normalDialog .modalBody {
  padding: 2.4rem 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.normalDialog .modalBody > *:first-child {
  margin-top: 0;
}
.normalDialog .modalBody > div + div {
  margin-top: 1.6rem;
}
.normalDialog.inputDialog .modaal-content-container {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100dvh - 2.6rem);
}
.normalDialog.inputDialog .modalBottom {
  width: 100%;
  border-radius: 0 0 8px 8px;
  background: #fff;
  padding: 1rem;
  border-top: 1px solid #c7cacd;
}

.modaal-fullscreen .modaal-content-container {
  padding: 0;
}
.modaal-fullscreen .modaal-close {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
}
.modaal-fullscreen .modaal-close:focus:after, .modaal-fullscreen .modaal-close:focus:before, .modaal-fullscreen .modaal-close:hover:after, .modaal-fullscreen .modaal-close:hover:before {
  background: #fff;
}
.modaal-fullscreen .modaal-container {
  border-radius: 0;
}

.modaal-container {
  border-radius: 8px;
}

.modalBackground {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, .75);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
.modalBackground.is-show {
  display: block;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
}

.modalWrapper {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 2001;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
.modalWrapper.is-show {
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
}
.modalWrapper.loginErr .ttlImage {
  text-align: center;
  margin-bottom: 1.6rem;
}
.modalWrapper.loginErr .ttlImage span {
  display: inline-block;
  width: 6rem;
  height: 6rem;
}
.modalWrapper.loginErr .ttlImage span img {
  width: 4.8rem;
}
.modalWrapper.loginErr .js-modalCloseBtn {
  margin-top: 2.4rem;
}
.modalWrapper.fullModal {
  height: 100%;
}
.modalWrapper.fullModal .modalWrapperInner {
  padding: 0;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.modalWrapper.fullModal .modalWrapperInner .modalContainer {
  width: 100%;
  max-height: calc(100dvh - env(safe-area-inset-top));
  height: 100%;
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
}
.modalWrapper.fullModal .modalWrapperInner .modalContainer .modal {
  margin-top: 0;
  max-height: 100dvh;
  height: 100%;
  border-radius: 0;
}
.modalWrapper.fullModal .modalWrapperInner .modalContainer .modal .modalHead {
  padding: 0;
}
.modalWrapper.fullModal .modalWrapperInner .modalContainer .modal .modalHead .close i {
  color: #fff;
}
.modalWrapper.fullModal .modalBody {
  padding-bottom: calc(2.4rem + env(safe-area-inset-bottom)) !important;
}
.modalWrapper.fullModal.menu .modalWrapperInner {
  padding: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.modalWrapper.fullModal.menu .modalWrapperInner .modalBody {
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.modalWrapper.inputDialog .modal {
  height: calc(100dvh - 2rem);
}
.modalWrapper.inputDialog .modal .modalBody {
  padding-top: 1rem;
}
.modalWrapper.inputDialog .modal .modalBody > div + select {
  margin-top: 1rem;
}
.modalWrapper.inputDialog .modal .modalBody > div + div {
  margin-top: 1rem;
}
.modalWrapper.inputDialog .modal .modalBody .arrowDown {
  text-align: center;
  margin-bottom: 1rem;
}
.modalWrapper.inputDialog .modal .modalBody .arrowDown img {
  max-width: 5rem;
}
.modalWrapper .modalWrapperInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem calc(1rem + env(safe-area-inset-right)) 1rem calc(1rem + env(safe-area-inset-left));
  height: 100%;
}
.modalWrapper .modalContainer {
  width: 100%;
}
.modalWrapper .modal {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  max-height: calc(100dvh - (2rem + env(safe-area-inset-top) + env(safe-area-inset-bottom)));
  margin-top: env(safe-area-inset-top);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modalWrapper .modal .modalHead {
  padding: 1rem;
  position: relative;
  border-bottom: 1px solid #c7cacd;
}
.modalWrapper .modal .modalHead h2 {
  margin: 0;
  text-align: center;
}
.modalWrapper .modal .modalHead .close {
  position: absolute;
  right: 0.8rem;
  top: 0.7rem;
  cursor: pointer;
  overflow-y: auto;
}
.modalWrapper .modal .modalHead .close i {
  color: #6e757a;
  font-size: 3.2rem;
}
.modalWrapper .modal .modalBody {
  padding: 2.4rem 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.modalWrapper .modal .modalBody > *:first-child {
  margin-top: 0;
}
.modalWrapper .modal .modalBody > div + div {
  margin-top: 1.6rem;
}
.modalWrapper .modal .modalBottom {
  width: 100%;
  border-radius: 0 0 8px 8px;
  background: #fff;
  padding: 1rem;
  border-top: 1px solid #c7cacd;
}
.modalWrapper .modal .modalBottom .modalErrText {
  display: none;
  font-weight: bold;
  text-align: center;
  color: #ff0000;
}
.modalWrapper .modal .modalBottom .modalErrText.isActive {
  display: block;
  margin-bottom: 0.8rem;
}

.PaginationArea {
  padding: 0.7rem 0.2rem;
}

.Pagination {
  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;
  gap: 2px;
}

.PaginationItem {
  width: 100%;
  height: 4rem;
  max-width: 4rem;
}
.PaginationItem .next, .PaginationItem .before, .PaginationItem .point {
  color: #6e757a;
}
.PaginationItem .point {
  pointer-events: none;
}

.PaginationItemLink {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  border: solid 1px #c7cacd;
  font-size: 14px;
  color: #111;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  text-decoration: none;
}
.PaginationItemLink.isErr::before {
  font-family: "Material Icons Round";
  content: "\e000";
  position: absolute;
  top: -1rem;
  right: -1rem;
  z-index: 5;
  color: #ff0000;
  font-size: 2.4rem;
}
.PaginationItemLink.isErr::after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  top: -0.5rem;
  right: -0.6rem;
  background: #fff;
  z-index: 1;
}

.PaginationItemLinkIcon {
  width: 20px;
}

.PaginationItemLink.isActive {
  border: 1px solid #140a9a;
  color: #140a9a;
  pointer-events: none;
  font-weight: bold;
}

.radioWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.radioWrap + .radioWrap {
  margin-top: 0.8rem;
}
.radioWrap:has(.err) {
  color: #ff0000;
}

.radioBtn {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0;
  position: relative;
  vertical-align: sub;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.2rem;
          flex: 0 0 3.2rem;
  margin-right: 0.8rem;
}
.radioBtn.err::before {
  border: 1px solid #ff0000;
}

.radioBtn::before, .radioBtn::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.radioBtn::before {
  background-color: #fff;
  border: 1px solid #c7cacd;
  height: 3.2rem; /*radioボタンの横幅*/
  width: 3.2rem; /*radioボタンの縦幅*/
  left: 0px;
}

.radioBtn::after {
  background-color: #140a9a;
  opacity: 0; /*チェックされてないradioボタンは非表示*/
  height: 2.4rem; /*radioボタンチェック時の中点の高さ*/
  width: 2.4rem; /*radioボタンチェック時の中点の横幅*/
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}

.radioBtn:disabled::before {
  background-color: #e4e6e6;
}

.radioBtn:checked::after {
  opacity: 1; /*チェックされたradioボタンは表示*/
}

.radioBtn + label {
  margin-left: 0.6rem;
}

label + .radioBtn {
  margin-left: 1.8rem;
}

.radioBtnList li {
  border-bottom: 1px solid #DDD9E2;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.radioBtnList li .radioBtn {
  margin-right: 1.4rem;
}

.selectWrap {
  position: relative;
}
.selectWrap::before {
  font-family: "Material Icons Round";
  content: "\e5c5";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 4rem;
  color: #6e757a;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; /* デフォルトの矢印を非表示 */
  width: 100%;
  border: 1px solid #c7cacd;
  border-radius: 4px;
  width: 100%;
  padding: 1rem;
  background: #fff;
}
select:disabled {
  background: #e4e6e6;
}
select.err, select:invalid {
  border: 2px solid #ff0000;
  color: #ff0000;
}
select.err::-webkit-input-placeholder, select:invalid::-webkit-input-placeholder {
  color: #ff0000;
}
select.err::-moz-placeholder, select:invalid::-moz-placeholder {
  color: #ff0000;
}
select.err::-ms-input-placeholder, select:invalid::-ms-input-placeholder {
  color: #ff0000;
}
select.err::placeholder, select:invalid::placeholder {
  color: #ff0000;
}

select::-ms-expand {
  display: none; /* デフォルトの矢印を非表示(IE用) */
}

/* セレクトボックスの矢印デザイン変更 */
select {
  color: #1b232a;
}

.select2 {
  width: 100% !important;
}

.select2-container {
  max-width: 100%;
}

.select2-container .select2-selection--single {
  height: auto;
  position: relative;
}
.select2-container .select2-selection--single::before {
  font-family: "Material Icons Round";
  content: "\e5c5";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 4rem;
  color: #6e757a;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: inherit;
  color: #1b232a;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 3.2rem;
  word-break: break-word;
  white-space: break-spaces;
}
.select2-container .select2-selection--single .select2-selection__rendered .icon {
  position: relative;
  height: 2.4rem;
}
.select2-container .select2-selection--single .select2-selection__rendered .icon.error {
  color: #ff0000;
}

.select2-results__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 3.2rem;
  min-height: 3.2rem;
}
.select2-results__option .icon {
  height: 2.4rem;
}
.select2-results__option .icon.error {
  color: #ff0000;
  position: relative;
}
.select2-results__option .icon.error::before {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  z-index: 1;
}
.select2-results__option .icon.error i {
  z-index: 2;
  position: relative;
}

.select2-selection__arrow {
  display: none;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid #c7cacd;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border: 2px solid #140a9a;
  border-bottom: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border: 2px solid #140a9a;
  border-top: none;
}

.js-selectSearch.err + .select2 .select2-selection--single {
  border: 2px solid #ff0000;
}

.selectSearch.err + .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
}

.selectSearch.err + .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
}

.select2-dropdown {
  z-index: 20;
  border: 2px solid #140a9a;
}
.select2-dropdown.err {
  border: 2px solid #ff0000;
}

.select2-container--open .select2-dropdown--above.err {
  border-bottom: none;
}

.select2-container--open .select2-dropdown--below.err {
  border-top: none;
}

.js-selectSearch.err + .select2-container .select2-selection--single .select2-selection__rendered {
  color: #ff0000;
}

.select2-container .select2-search--inline .select2-search__field {
  min-height: 0 !important;
  display: none;
}

.select2-container .select2-selection--multiple {
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: inherit;
  color: #1b232a;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 3.2rem;
  word-break: break-word;
  white-space: break-spaces;
}
.select2-container .select2-selection--multiple::before {
  font-family: "Material Icons Round";
  content: "\e5c5";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 4rem;
  color: #6e757a;
}

.js-selectSearch-multiple.err + .select2 .select2-selection--multiple {
  border: 2px solid #ff0000;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #c7cacd;
}

.select2-container--default .select2-selection--multiple {
  padding-top: 0.5rem;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0;
  padding-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .icon {
  position: relative;
  height: 2rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .icon i {
  font-size: 2rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .icon.error {
  color: #ff0000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: relative;
}

.sideNav {
  position: fixed;
  z-index: 999;
  top: calc(0px + env(safe-area-inset-top));
  left: -120%;
  width: calc(32rem + env(safe-area-inset-left));
  height: calc(100% - env(safe-area-inset-top));
  background: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow-y: auto;
  padding-left: env(safe-area-inset-left);
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.sideNavClose {
  position: absolute;
  right: 1.1rem;
  top: 0.4rem;
  color: #6e757a;
  cursor: pointer;
}
.sideNavClose i {
  font-size: 3.2rem;
}

/*アクティブクラスがついたら位置を0に*/
.sideNav.panelactive {
  left: 0;
}

.sideNavHead {
  padding: 1rem;
  padding-right: 3.4rem;
  font-weight: bold;
}
.sideNavHead .sideNavLoginUser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-all;
  font-size: 1.4rem;
  color: #6e757a;
  margin-bottom: 0.5rem;
}
.sideNavHead .sideNavLoginUser i {
  padding-right: 0.2rem;
  font-size: 2rem;
}
.sideNavHead .sideNavUserName {
  font-size: 1.6rem;
  color: #1b232a;
}

/*ナビゲーション*/
.sideNav ul {
  /*ナビゲーション天地中央揃え*/
}

/*リストのレイアウト設定*/
.slideDateHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.8rem;
  gap: 1.1rem;
}
.slideDateHead.gap8px {
  gap: 8px;
}
.slideDateHead .arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.8rem;
          flex: 0 0 3.8rem;
  border: 1px solid #c7cacd;
  background: #fff;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.8rem;
}
.slideDateHead .arrow i {
  font-size: 1.6rem;
  color: #6e757a;
}
.slideDateHead .arrow:active, .slideDateHead .arrow:hover {
  border: 1px solid #253fc8;
  background: #253fc8;
}
.slideDateHead .arrow:active i, .slideDateHead .arrow:hover i {
  color: #fff;
}
.slideDateHead .slideDateInput {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.slideDateHead .select2-container .select2-selection--single .select2-selection__rendered {
  min-height: 3.8rem;
}

.slideDateBody .graphBox {
  height: 41.5rem;
}
.slideDateBody .graphBox img {
  width: 100%;
  height: 100%;
}
.slideDateBody .btn {
  max-width: 240px;
  margin: 0 auto;
}

.slideItems {
  color: #1b232a;
  font-size: 1.4rem;
  margin-top: 0.8rem;
}
.slideItems dt {
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #c7cacd;
}
.slideItems dd {
  padding-top: 0.7rem;
}

.slideList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slideList li {
  width: calc(50% - 0.5rem);
}
.slideList li.disabled .slideArea {
  color: #a5abaf;
}
.slideList li.disabled .slideLine span {
  background: #e4e6e6;
}
.slideList li .slideArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.4rem;
}
.slideList li .slideArea.err {
  color: #ff0000;
  font-weight: bold;
}
.slideList li .slideLine {
  height: 1rem;
  border: 1px solid #c7cacd;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.slideList li .slideLine.err {
  border: 1px solid #ff0000;
}
.slideList li .slideLine.err span {
  width: 0;
}
.slideList li .slideLine span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00a7e1;
}
.slideList li .slideLine span.colorRed {
  background-color: #ff0000;
}
.slideList li .slideLine span.colorOrange {
  background-color: #f37021;
}
.slideList li .slideLine img {
  vertical-align: top;
  height: 100%;
  width: 100%;
}
.slideList li img {
  margin: 0;
}

.statusbar {
  position: fixed;
  width: 100%;
  background-color: #000;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  height: calc(10px + env(safe-area-inset-top));
  z-index: 10000;
}

.detailsBox {
  margin-top: calc((1.2rem + env(safe-area-inset-top)) * -1);
  padding-top: calc(1rem + env(safe-area-inset-top));
  /* --------アイコン-------- */
  /* アコーディオンが開いた時のスタイル */
}
.detailsBox.caveat .detailsHead {
  color: #f37021;
}
.detailsBox summary {
  padding-left: 0;
}
.detailsBox .summaryInner {
  display: block;
  cursor: pointer;
  min-height: 3.2rem;
}
.detailsBox .summaryInner .detailsHead {
  position: relative;
  width: 100%;
  min-height: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.detailsBox .summaryInner .detailsHead.blocK {
  display: block;
}
.detailsBox .summaryInner .detailsHeadBody {
  border-top: 1px solid #c7cacd;
  padding-top: 1.4rem;
}
.detailsBox:has(.detailsHeadBody) .detailsHead {
  padding-bottom: 0.6rem;
}
.detailsBox .icon {
  display: block;
  position: absolute;
  right: 1.8rem;
  right: 0;
  top: 0;
  width: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.detailsBox .icon i {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #6e757a;
  font-size: 3.2rem;
}

details[open] .icon i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

summary {
  display: block;
  padding-left: 1rem;
}

summary::-webkit-details-marker {
  display: none;
}
summary::-webkit-details-marker:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
summary::-webkit-details-marker *:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@-webkit-keyframes close-animation {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes close-animation {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.tabBox {
  width: 100%;
}
.tabBox.full .btnArea {
  padding-left: 0;
  padding-right: 0;
}
.tabBox.full .panelArea {
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
          box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  border-radius: 0 0 4px 4px;
}
.tabBox.gray .btnArea .tabBtn.active {
  background: #F6F6F6;
}
.tabBox.gray .btnArea .tabBtn.active::before {
  background: #F6F6F6;
}
.tabBox.gray .panelArea {
  background: #F6F6F6;
}

.btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #140a9a;
  padding: 0 1rem 0 1rem;
  gap: 0.4rem;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.btnArea.gray .tabBtn.active {
  background: #F6F6F6;
}
.btnArea.gray .tabBtn.active::before {
  background: #F6F6F6;
}
.btnArea.is-fixed {
  position: fixed;
  width: 100%;
  z-index: 50;
}

.tabBtn {
  width: 100%;
  font-size: 1.6rem;
  padding: 8px 0;
  border-radius: 4px 4px 0 0;
  background: #e4e6e6;
  border: 1px solid #c7cacd;
  border-bottom: none;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, .16);
          box-shadow: 0 0px 4px rgba(0, 0, 0, .16);
}

.header .btnArea,
.btnArea.white {
  padding-top: 1.5rem;
  background: #fff;
}

.modal .tabBtn {
  margin-top: 1.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tabBtn.active {
  color: #140a9a;
  font-weight: bold;
  border: 1px solid #140a9a;
  border-bottom: none;
  background: #fff;
  position: relative;
}
.tabBtn.active::before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 2;
  height: 8px;
  background: #fff;
  left: 0;
  bottom: -1px;
}

.panelArea {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 -7px 6px -6px rgba(0, 0, 0, .16);
          box-shadow: 0 -7px 6px -6px rgba(0, 0, 0, .16);
}
.panelArea.gray {
  background: #F6F6F6 !important;
}
.panelArea.gray.noGrayShadow::before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 2;
  height: 8px;
  background: #F6F6F6;
  left: 0;
  top: 0;
}

.tabPanel {
  padding: 1rem;
}
.tabPanel.modalTabPanel {
  padding-top: 2.4rem;
}
.tabPanel.tabItem {
  padding-top: 2.4rem;
}
.tabPanel > * + * {
  margin-top: 1.6rem;
}
.tabPanel * + .select2 {
  margin-top: 0;
}

.tabPanel.active {
  display: block;
}
.tabPanel.active textarea {
  border-radius: 10px;
}

.table thead tr {
  border-top: 1px solid #a5abaf;
}
.table th {
  background: #d1d4d3;
  border-right: 1px solid #a5abaf;
  padding: 0.2rem 0.4rem;
}
.table th:first-child {
  border-left: 1px solid #a5abaf;
}
.table tbody tr {
  border-top: 1px solid #a5abaf;
}
.table tbody tr:last-child {
  border-bottom: 1px solid #a5abaf;
}
.table tbody tr td {
  border-right: 1px solid #a5abaf;
  border: 1px solid #a5abaf;
  padding: 0.2rem 0.4rem;
}
.table tbody tr td:first-child {
  border-left: 1px solid #a5abaf;
}

.toggleList {
  overflow: hidden;
  /* --------アイコン-------- */
  /* アコーディオンが開いた時のスタイル */
}
.toggleList .isActive {
  color: #140a9a !important;
  font-weight: bold;
}
.toggleList li {
  list-style: none;
  text-align: center;
  position: relative;
  background: #fff;
  z-index: 1;
  border-bottom: 1px solid #c7cacd;
  font-size: 1.6rem;
  color: #1b232a;
}
.toggleList li:first-child {
  border-top: 1px solid #c7cacd;
}
.toggleList li > a, .toggleList li > span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 52px;
  text-decoration: none;
  color: #1b232a;
  padding-left: 2.4rem;
}
.toggleList li > a i, .toggleList li > span i {
  margin-right: 0.8rem;
}
.toggleList li > span {
  color: #08043e;
  font-weight: bold;
  padding: 1rem;
}
.toggleList li.disabled {
  color: #a5abaf;
}
.toggleList li.disabled a, .toggleList li.disabled > span {
  color: #a5abaf !important;
}
.toggleList li.disabled a {
  pointer-events: none;
}
.toggleList li.disabled a:hover {
  opacity: 1;
}
.toggleList summary {
  display: block;
  padding-left: 2.4rem;
}
.toggleList summary::-webkit-details-marker {
  display: none;
}
.toggleList summary::-webkit-details-marker:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.toggleList summary::-webkit-details-marker *:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.toggleList .summaryInner {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 52px;
}
.toggleList .summaryInner i {
  margin-right: 0.8rem;
}
.toggleList .icon {
  display: block;
  position: absolute;
  right: 1.8rem;
  width: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.toggleList .icon i {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #6e757a;
  font-size: 3.2rem;
}
.toggleList details[open] .icon i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@keyframes close-animation {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.toggleList .content {
  background: #F6F6F6;
}
.toggleList .content .contentInner {
  padding-left: 4.8rem;
}
.toggleList .content .contentInner ul li {
  border: none;
  list-style: none;
  background: #F6F6F6;
}
.toggleList .content .contentInner ul li a {
  padding: 0;
  min-height: 44px;
  text-decoration: none;
  color: #1b232a;
  text-align: left;
}

.update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6rem;
}
.update > * {
  margin-top: 0;
}
.update .updateArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
}

.statusGraphHead + .verticalGraph {
  margin-top: 0.3rem;
}

.verticalGraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
}
.verticalGraph.productionTimes .graphImage {
  min-width: 10rem;
  height: 108rem;
}
.verticalGraph.productionTimes .verticalGraphImageArea {
  min-width: 108.13px;
}
.verticalGraph.productionTimes .verticalGraphInput {
  padding-top: 4.4rem;
}

.verticalGraphImageArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32.8%;
          flex: 0 0 32.8%;
}
.verticalGraphImageArea .graphImage {
  width: 100%;
  min-width: 2.1rem;
  height: 99.4rem;
}
.verticalGraphImageArea img {
  height: 100%;
  width: 100%;
}
.verticalGraphImageArea.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.verticalGraphInput {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.verticalGraphInput .textInput {
  font-size: 1.4rem;
}

.statusGraphHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32.8%;
}
.statusGraphHead p {
  margin: 0;
  width: 100%;
  text-align: center;
}
.statusGraphHead p span {
  font-size: 1.4rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

/* Project
-----------------------------------------------*/
.flexBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.flexBtn button {
  margin-top: 0;
}

/* utility
------------------------------------------------*/
.BgWhite {
  background: #fff;
}

.colorBlack {
  color: #1b232a;
}

.dispNone {
  display: none !important;
}

.timeEmpty {
  width: 3.8rem;
  display: inline-block;
  text-align: left;
}

.flexSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flexSide > * {
  margin-top: 0 !important;
}
.flexSide.flexStart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mb4px {
  margin-bottom: 4px !important;
}

.mt2px {
  margin-top: 2px !important;
}

.ml2px {
  margin-left: 2px !important;
}

.mr2px {
  margin-right: 2px !important;
}

.pt2px {
  padding-top: 2px !important;
}

.mb8px {
  margin-bottom: 8px !important;
}

.mt4px {
  margin-top: 4px !important;
}

.ml4px {
  margin-left: 4px !important;
}

.mr4px {
  margin-right: 4px !important;
}

.pt4px {
  padding-top: 4px !important;
}

.mb12px {
  margin-bottom: 12px !important;
}

.mt6px {
  margin-top: 6px !important;
}

.ml6px {
  margin-left: 6px !important;
}

.mr6px {
  margin-right: 6px !important;
}

.pt6px {
  padding-top: 6px !important;
}

.mb16px {
  margin-bottom: 16px !important;
}

.mt8px {
  margin-top: 8px !important;
}

.ml8px {
  margin-left: 8px !important;
}

.mr8px {
  margin-right: 8px !important;
}

.pt8px {
  padding-top: 8px !important;
}

.mb20px {
  margin-bottom: 20px !important;
}

.mt10px {
  margin-top: 10px !important;
}

.ml10px {
  margin-left: 10px !important;
}

.mr10px {
  margin-right: 10px !important;
}

.pt10px {
  padding-top: 10px !important;
}

.mb24px {
  margin-bottom: 24px !important;
}

.mt12px {
  margin-top: 12px !important;
}

.ml12px {
  margin-left: 12px !important;
}

.mr12px {
  margin-right: 12px !important;
}

.pt12px {
  padding-top: 12px !important;
}

.mb28px {
  margin-bottom: 28px !important;
}

.mt14px {
  margin-top: 14px !important;
}

.ml14px {
  margin-left: 14px !important;
}

.mr14px {
  margin-right: 14px !important;
}

.pt14px {
  padding-top: 14px !important;
}

.mb32px {
  margin-bottom: 32px !important;
}

.mt16px {
  margin-top: 16px !important;
}

.ml16px {
  margin-left: 16px !important;
}

.mr16px {
  margin-right: 16px !important;
}

.pt16px {
  padding-top: 16px !important;
}

.mb36px {
  margin-bottom: 36px !important;
}

.mt18px {
  margin-top: 18px !important;
}

.ml18px {
  margin-left: 18px !important;
}

.mr18px {
  margin-right: 18px !important;
}

.pt18px {
  padding-top: 18px !important;
}

.mb40px {
  margin-bottom: 40px !important;
}

.mt20px {
  margin-top: 20px !important;
}

.ml20px {
  margin-left: 20px !important;
}

.mr20px {
  margin-right: 20px !important;
}

.pt20px {
  padding-top: 20px !important;
}

.mb44px {
  margin-bottom: 44px !important;
}

.mt22px {
  margin-top: 22px !important;
}

.ml22px {
  margin-left: 22px !important;
}

.mr22px {
  margin-right: 22px !important;
}

.pt22px {
  padding-top: 22px !important;
}

.mb48px {
  margin-bottom: 48px !important;
}

.mt24px {
  margin-top: 24px !important;
}

.ml24px {
  margin-left: 24px !important;
}

.mr24px {
  margin-right: 24px !important;
}

.pt24px {
  padding-top: 24px !important;
}

.mb52px {
  margin-bottom: 52px !important;
}

.mt26px {
  margin-top: 26px !important;
}

.ml26px {
  margin-left: 26px !important;
}

.mr26px {
  margin-right: 26px !important;
}

.pt26px {
  padding-top: 26px !important;
}

.mb56px {
  margin-bottom: 56px !important;
}

.mt28px {
  margin-top: 28px !important;
}

.ml28px {
  margin-left: 28px !important;
}

.mr28px {
  margin-right: 28px !important;
}

.pt28px {
  padding-top: 28px !important;
}

.mb60px {
  margin-bottom: 60px !important;
}

.mt30px {
  margin-top: 30px !important;
}

.ml30px {
  margin-left: 30px !important;
}

.mr30px {
  margin-right: 30px !important;
}

.pt30px {
  padding-top: 30px !important;
}

.mb64px {
  margin-bottom: 64px !important;
}

.mt32px {
  margin-top: 32px !important;
}

.ml32px {
  margin-left: 32px !important;
}

.mr32px {
  margin-right: 32px !important;
}

.pt32px {
  padding-top: 32px !important;
}

.mb68px {
  margin-bottom: 68px !important;
}

.mt34px {
  margin-top: 34px !important;
}

.ml34px {
  margin-left: 34px !important;
}

.mr34px {
  margin-right: 34px !important;
}

.pt34px {
  padding-top: 34px !important;
}

.mb72px {
  margin-bottom: 72px !important;
}

.mt36px {
  margin-top: 36px !important;
}

.ml36px {
  margin-left: 36px !important;
}

.mr36px {
  margin-right: 36px !important;
}

.pt36px {
  padding-top: 36px !important;
}

.mb76px {
  margin-bottom: 76px !important;
}

.mt38px {
  margin-top: 38px !important;
}

.ml38px {
  margin-left: 38px !important;
}

.mr38px {
  margin-right: 38px !important;
}

.pt38px {
  padding-top: 38px !important;
}

.mb80px {
  margin-bottom: 80px !important;
}

.mt40px {
  margin-top: 40px !important;
}

.ml40px {
  margin-left: 40px !important;
}

.mr40px {
  margin-right: 40px !important;
}

.pt40px {
  padding-top: 40px !important;
}

.mb84px {
  margin-bottom: 84px !important;
}

.mt42px {
  margin-top: 42px !important;
}

.ml42px {
  margin-left: 42px !important;
}

.mr42px {
  margin-right: 42px !important;
}

.pt42px {
  padding-top: 42px !important;
}

.mb88px {
  margin-bottom: 88px !important;
}

.mt44px {
  margin-top: 44px !important;
}

.ml44px {
  margin-left: 44px !important;
}

.mr44px {
  margin-right: 44px !important;
}

.pt44px {
  padding-top: 44px !important;
}

.mb92px {
  margin-bottom: 92px !important;
}

.mt46px {
  margin-top: 46px !important;
}

.ml46px {
  margin-left: 46px !important;
}

.mr46px {
  margin-right: 46px !important;
}

.pt46px {
  padding-top: 46px !important;
}

.mb96px {
  margin-bottom: 96px !important;
}

.mt48px {
  margin-top: 48px !important;
}

.ml48px {
  margin-left: 48px !important;
}

.mr48px {
  margin-right: 48px !important;
}

.pt48px {
  padding-top: 48px !important;
}

.mb100px {
  margin-bottom: 100px !important;
}

.mt50px {
  margin-top: 50px !important;
}

.ml50px {
  margin-left: 50px !important;
}

.mr50px {
  margin-right: 50px !important;
}

.pt50px {
  padding-top: 50px !important;
}

.mb104px {
  margin-bottom: 104px !important;
}

.mt52px {
  margin-top: 52px !important;
}

.ml52px {
  margin-left: 52px !important;
}

.mr52px {
  margin-right: 52px !important;
}

.pt52px {
  padding-top: 52px !important;
}

.mb108px {
  margin-bottom: 108px !important;
}

.mt54px {
  margin-top: 54px !important;
}

.ml54px {
  margin-left: 54px !important;
}

.mr54px {
  margin-right: 54px !important;
}

.pt54px {
  padding-top: 54px !important;
}

.mb112px {
  margin-bottom: 112px !important;
}

.mt56px {
  margin-top: 56px !important;
}

.ml56px {
  margin-left: 56px !important;
}

.mr56px {
  margin-right: 56px !important;
}

.pt56px {
  padding-top: 56px !important;
}

.mb116px {
  margin-bottom: 116px !important;
}

.mt58px {
  margin-top: 58px !important;
}

.ml58px {
  margin-left: 58px !important;
}

.mr58px {
  margin-right: 58px !important;
}

.pt58px {
  padding-top: 58px !important;
}

.mb120px {
  margin-bottom: 120px !important;
}

.mt60px {
  margin-top: 60px !important;
}

.ml60px {
  margin-left: 60px !important;
}

.mr60px {
  margin-right: 60px !important;
}

.pt60px {
  padding-top: 60px !important;
}

.mb124px {
  margin-bottom: 124px !important;
}

.mt62px {
  margin-top: 62px !important;
}

.ml62px {
  margin-left: 62px !important;
}

.mr62px {
  margin-right: 62px !important;
}

.pt62px {
  padding-top: 62px !important;
}

.mb128px {
  margin-bottom: 128px !important;
}

.mt64px {
  margin-top: 64px !important;
}

.ml64px {
  margin-left: 64px !important;
}

.mr64px {
  margin-right: 64px !important;
}

.pt64px {
  padding-top: 64px !important;
}

.mb132px {
  margin-bottom: 132px !important;
}

.mt66px {
  margin-top: 66px !important;
}

.ml66px {
  margin-left: 66px !important;
}

.mr66px {
  margin-right: 66px !important;
}

.pt66px {
  padding-top: 66px !important;
}

.mb136px {
  margin-bottom: 136px !important;
}

.mt68px {
  margin-top: 68px !important;
}

.ml68px {
  margin-left: 68px !important;
}

.mr68px {
  margin-right: 68px !important;
}

.pt68px {
  padding-top: 68px !important;
}

.mb140px {
  margin-bottom: 140px !important;
}

.mt70px {
  margin-top: 70px !important;
}

.ml70px {
  margin-left: 70px !important;
}

.mr70px {
  margin-right: 70px !important;
}

.pt70px {
  padding-top: 70px !important;
}

.mb144px {
  margin-bottom: 144px !important;
}

.mt72px {
  margin-top: 72px !important;
}

.ml72px {
  margin-left: 72px !important;
}

.mr72px {
  margin-right: 72px !important;
}

.pt72px {
  padding-top: 72px !important;
}

.mb148px {
  margin-bottom: 148px !important;
}

.mt74px {
  margin-top: 74px !important;
}

.ml74px {
  margin-left: 74px !important;
}

.mr74px {
  margin-right: 74px !important;
}

.pt74px {
  padding-top: 74px !important;
}

.mb152px {
  margin-bottom: 152px !important;
}

.mt76px {
  margin-top: 76px !important;
}

.ml76px {
  margin-left: 76px !important;
}

.mr76px {
  margin-right: 76px !important;
}

.pt76px {
  padding-top: 76px !important;
}

.mb156px {
  margin-bottom: 156px !important;
}

.mt78px {
  margin-top: 78px !important;
}

.ml78px {
  margin-left: 78px !important;
}

.mr78px {
  margin-right: 78px !important;
}

.pt78px {
  padding-top: 78px !important;
}

.mb160px {
  margin-bottom: 160px !important;
}

.mt80px {
  margin-top: 80px !important;
}

.ml80px {
  margin-left: 80px !important;
}

.mr80px {
  margin-right: 80px !important;
}

.pt80px {
  padding-top: 80px !important;
}

.mb164px {
  margin-bottom: 164px !important;
}

.mt82px {
  margin-top: 82px !important;
}

.ml82px {
  margin-left: 82px !important;
}

.mr82px {
  margin-right: 82px !important;
}

.pt82px {
  padding-top: 82px !important;
}

.mb168px {
  margin-bottom: 168px !important;
}

.mt84px {
  margin-top: 84px !important;
}

.ml84px {
  margin-left: 84px !important;
}

.mr84px {
  margin-right: 84px !important;
}

.pt84px {
  padding-top: 84px !important;
}

.mb172px {
  margin-bottom: 172px !important;
}

.mt86px {
  margin-top: 86px !important;
}

.ml86px {
  margin-left: 86px !important;
}

.mr86px {
  margin-right: 86px !important;
}

.pt86px {
  padding-top: 86px !important;
}

.mb176px {
  margin-bottom: 176px !important;
}

.mt88px {
  margin-top: 88px !important;
}

.ml88px {
  margin-left: 88px !important;
}

.mr88px {
  margin-right: 88px !important;
}

.pt88px {
  padding-top: 88px !important;
}

.mb180px {
  margin-bottom: 180px !important;
}

.mt90px {
  margin-top: 90px !important;
}

.ml90px {
  margin-left: 90px !important;
}

.mr90px {
  margin-right: 90px !important;
}

.pt90px {
  padding-top: 90px !important;
}

.mb184px {
  margin-bottom: 184px !important;
}

.mt92px {
  margin-top: 92px !important;
}

.ml92px {
  margin-left: 92px !important;
}

.mr92px {
  margin-right: 92px !important;
}

.pt92px {
  padding-top: 92px !important;
}

.mb188px {
  margin-bottom: 188px !important;
}

.mt94px {
  margin-top: 94px !important;
}

.ml94px {
  margin-left: 94px !important;
}

.mr94px {
  margin-right: 94px !important;
}

.pt94px {
  padding-top: 94px !important;
}

.mb192px {
  margin-bottom: 192px !important;
}

.mt96px {
  margin-top: 96px !important;
}

.ml96px {
  margin-left: 96px !important;
}

.mr96px {
  margin-right: 96px !important;
}

.pt96px {
  padding-top: 96px !important;
}

.mb196px {
  margin-bottom: 196px !important;
}

.mt98px {
  margin-top: 98px !important;
}

.ml98px {
  margin-left: 98px !important;
}

.mr98px {
  margin-right: 98px !important;
}

.pt98px {
  padding-top: 98px !important;
}

.mb200px {
  margin-bottom: 200px !important;
}

.mt100px {
  margin-top: 100px !important;
}

.ml100px {
  margin-left: 100px !important;
}

.mr100px {
  margin-right: 100px !important;
}

.pt100px {
  padding-top: 100px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.ma0 {
  margin: 0;
}

.mb0 {
  margin-bottom: 0;
}

.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.rotateIcon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sectionLine {
  padding: 1.6rem 0;
}
.sectionLine.bottom {
  border-bottom: 1px solid #DDD9E2;
}
.sectionLine.top {
  border-top: 1px solid #DDD9E2;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.textLeft {
  text-align: left !important;
}

.textBold {
  font-weight: bold;
}

.smallText {
  font-size: 1.4rem;
}

.bigText {
  font-size: 1.8rem;
}

.textRed {
  color: #ff0000;
}

.textCaveat {
  color: #f37021;
}

.errorText {
  font-weight: bold;
  text-align: center;
  color: #ff0000;
}
.errorText img {
  margin-right: 0.2rem;
}

.errorText + * {
  margin-top: 1.6rem;
}

.textNumber {
  text-align: right;
  font-size: 1.8rem;
  font-weight: bold;
}

.textGreen {
  color: #2bb673;
}

.subText {
  font-size: 1.4rem;
  color: #6e757a;
}
.subText.dec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subText.dec i.material-icons {
  font-size: 1.4rem;
  margin-right: 3px;
}

.flexSide {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 0;
}
.flexSide .subText {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
}
.flexSide * + * {
  margin-left: auto;
}
/*# sourceMappingURL=maps/style.css.map */