@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap");
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before, ::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
  box-sizing: inherit;
}

::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

hr {
  overflow: visible;
  height: 0;
  color: inherit;
}

details, main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

ul, ol, li {
  list-style: none;
}

a, button, label {
  cursor: pointer;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

a {
  text-decoration: none;
  background-color: transparent;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b, strong {
  font-weight: bolder;
}

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;
  text-indent: 0;
}

iframe {
  border-style: none;
}

input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] { /*
-webkit-appearance: textfield;*/
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

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;}*/
button, input, select, textarea {
  background-color: transparent;
  border-style: none;
}

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

/*select {
  -moz-appearance: none;
  -webkit-appearance: none;
}*/
select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  max-width: 100%;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

[disabled] {
  cursor: default;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

/***setting***/
/*4d4d4d*/
/*808080*/
#loading {
  display: none;
  visibility: hidden;
}

.bg_base, #ldAnime,
.btn-anime, #loadingBox {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.2s ease-in-out;
}

#loadingBox {
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  z-index: -1;
}

#ldAnime,
.btn-anime {
  --n:12;
  display: none;
  position: absolute;
  margin: auto;
  width: 4em;
  height: 4em;
  border-radius: 0.5em;
  list-style: none;
}
#ldAnime li,
.btn-anime li {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(calc(var(--i) * 360deg / var(--n)));
}
#ldAnime span,
.btn-anime span {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
#ldAnime span::before,
.btn-anime span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  width: 0.3em;
  height: 0.8em;
  border-radius: 0.15em;
  animation: yt_ball 0.6s steps(var(--n)) calc(var(--i) / var(--n) * 0.6s) infinite;
}

.btn-anime {
  font-size: 0.5rem;
}

@keyframes yt_ball {
  0% {
    background: #FFF;
  }
  35% {
    background: rgba(255, 255, 255, 0.3);
  }
  100% {
    background: rgba(255, 255, 255, 0);
  }
}
#loading:checked ~ #loadingBox {
  z-index: 9999;
  opacity: 1;
}

#loading:checked ~ #loadingBox #ldAnime,
#loading:checked ~ #loadingBox .btn-anime {
  display: block;
}

#checkLogin:checked ~ .btn-anime {
  display: none;
}

#checkSerial:checked ~ .btn-anime {
  display: none;
}

.loader-text, section.home_lists li.loading dd {
  font-weight: bold;
  font-size: 1.2rem;
  color: rgb(135, 160, 146);
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 500 !important;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.loader-text span, section.home_lists li.loading dd span {
  display: inline-block;
  opacity: 0;
  transform: translateY(-2px);
  animation: text-animation 2s infinite;
}
.loader-text span:nth-child(1), section.home_lists li.loading dd span:nth-child(1) {
  animation-delay: 0s;
}
.loader-text span:nth-child(1)::before, section.home_lists li.loading dd span:nth-child(1)::before {
  content: "l";
}
.loader-text span:nth-child(2), section.home_lists li.loading dd span:nth-child(2) {
  animation-delay: 0.08s;
}
.loader-text span:nth-child(2)::before, section.home_lists li.loading dd span:nth-child(2)::before {
  content: "o";
}
.loader-text span:nth-child(3), section.home_lists li.loading dd span:nth-child(3) {
  animation-delay: 0.16s;
}
.loader-text span:nth-child(3)::before, section.home_lists li.loading dd span:nth-child(3)::before {
  content: "a";
}
.loader-text span:nth-child(4), section.home_lists li.loading dd span:nth-child(4) {
  animation-delay: 0.24s;
}
.loader-text span:nth-child(4)::before, section.home_lists li.loading dd span:nth-child(4)::before {
  content: "d";
}
.loader-text span:nth-child(5), section.home_lists li.loading dd span:nth-child(5) {
  animation-delay: 0.32s;
}
.loader-text span:nth-child(5)::before, section.home_lists li.loading dd span:nth-child(5)::before {
  content: "i";
}
.loader-text span:nth-child(6), section.home_lists li.loading dd span:nth-child(6) {
  animation-delay: 0.4s;
}
.loader-text span:nth-child(6)::before, section.home_lists li.loading dd span:nth-child(6)::before {
  content: "n";
}
.loader-text span:nth-child(7), section.home_lists li.loading dd span:nth-child(7) {
  animation-delay: 0.48s;
}
.loader-text span:nth-child(7)::before, section.home_lists li.loading dd span:nth-child(7)::before {
  content: "g";
}
.loader-text span:nth-child(8), section.home_lists li.loading dd span:nth-child(8) {
  animation-delay: 0.58s;
}
.loader-text span:nth-child(8)::before, section.home_lists li.loading dd span:nth-child(8)::before {
  content: ".";
}
.loader-text span:nth-child(9), section.home_lists li.loading dd span:nth-child(9) {
  animation-delay: 0.7s;
}
.loader-text span:nth-child(9)::before, section.home_lists li.loading dd span:nth-child(9)::before {
  content: ".";
}
.loader-text span:nth-child(10), section.home_lists li.loading dd span:nth-child(10) {
  animation-delay: 0.84s;
}
.loader-text span:nth-child(10)::before, section.home_lists li.loading dd span:nth-child(10)::before {
  content: ".";
}

@keyframes text-animation {
  0% {
    opacity: 0.3;
    transform: translateY(0);
  }
  5% {
    opacity: 1;
    transform: translateY(-2px);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0.3;
    transform: translateY(0);
  }
}
a, button, label {
  font-family: "Noto Sans JP", sans-serif;
  user-select: none;
  outline: none;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
a::before, a::after, button::before, button::after, label::before, label::after {
  transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

input[type=password] {
  letter-spacing: 0.25em;
}
input[type=password]::placeholder {
  letter-spacing: normal;
}

.load {
  position: relative;
  z-index: 1;
  overflow: hidden;
  cursor: not-allowed;
}
.load::before {
  content: "";
  display: block;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(71, 100, 84);
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.9;
}
.load::after {
  content: "";
  display: blocks;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #FFF;
  animation: spin 0.8s ease-in-out infinite;
  z-index: 20;
}

.ic-load {
  cursor: not-allowed;
}
.ic-load::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: rgb(71, 100, 84);
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.9;
}
.ic-load::after {
  content: "";
  display: blocks;
  position: absolute;
  margin: auto;
  top: 0.6rem;
  right: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #FFF;
  animation: spin 0.8s ease-in-out infinite;
  z-index: 20;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.msr, .modal-content .md-user-joint dl dt::before, .modal-content .md-user-joint dl dt button::after, .modal-content .md-user-joint dl dt label::after, .modal-content .md-info-invitation .invitation dt span::before, .h2-type2::before, .modal-content .md-user-history h2::before, .modal-content .md-user-group h2::before, .modal-content .md-user-2factor-mail h2::before, .modal-content .md-login-code h2::before, .modal-content .md-user-integrat h2::before, .modal-content .md-user-service h2::before, .modal-content .md-group-shear-status h2::before, .modal-content .md-group-download h2::before, .modal-content .md-group-edit h2::before, .modal-content .md-list-reload h2::before, .modal-content .md-list-edit h2::before, .modal-content .md-list-history h2::before, .modal-content .md-list-download h2::before, .modal-content .md-list-sort h2::before, .modal-content .md-list-search h2::before, .modal-content .md-new-csv-select h2::before, .modal-content .md-new-excel h2::before, .modal-content .md-new-ocr h2::before, .modal-content .md-add-csv h2::before, .modal-content .md-add-ocr h2::before, .modal-content .md-add-excel-duplicat h2::before, .modal-content .md-add-excel h2::before, .modal-content .md-add-bank-csv h2::before, .modal-content .md-add-bank h2::before, .modal-content .md-method-bank h2::before, .modal-content .md-select-bank h2::before, .h2-type1::before, .modal-content .md-user-2factor h2::before, .modal-content .md-user-delete h2::before, .modal-content .md-user-joint h2::before, .modal-content .md-user-send h2::before, .modal-content .md-user-mail h2::before, .modal-content .md-user-profile h2::before, .modal-content .md-user-menu h2::before, .modal-content .md-group-invitation h2::before, .modal-content .md-group-menu h2::before, .modal-content .md-list-authentication h2::before, .modal-content .md-list-add h2::before, .modal-content .md-list-delete h2::before, .modal-content .md-info-invitation h2::before, .modal-content .md-new-excel-select h2::before, .modal-content .md-new-ocr-select h2::before, .modal-content .md-add-list h2::before, #matchText::before, .layout-type01 .type404 h3::before, .page_help .type404 h3::before,
.page_mydata .type404 h3::before,
.page_404 .type404 h3::before, .layout-type01 .group dt::before, .page_help .group dt::before,
.page_mydata .group dt::before,
.page_404 .group dt::before, .layout-type01 section header h3::before, .page_help section header h3::before,
.page_mydata section header h3::before,
.page_404 section header h3::before, section.home_lists li.error dd::before, section.home_lists li.maintenance dd::before, section.home_lists li .reboot::before, .sortable-item button::before, .md-list ul li a::before, .modal-content .info-list ul li a::before, .modal-content .md-user-menu ul li a::before, .modal-content .md-group-menu ul li a::before, .modal-content .md-list-option ul li a::before, .modal-content .md-new-csv-select ul li a::before, .modal-content .md-new-excel-select ul li a::before, .modal-content .md-new-ocr-select ul li a::before, .modal-content .md-add-list ul li a::before, .md-list ul li a::after, .modal-content .info-list ul li a::after, .modal-content .md-user-menu ul li a::after, .modal-content .md-group-menu ul li a::after, .modal-content .md-list-option ul li a::after, .modal-content .md-new-csv-select ul li a::after, .modal-content .md-new-excel-select ul li a::after, .modal-content .md-new-ocr-select ul li a::after, .modal-content .md-add-list ul li a::after, .dropdown dt::after, .dropdown dt::before, .form-select::after, .form-select::before, .icbase, section.home_lists li dt::before, .label-check input[type=checkbox]:checked + label::after, .modal-content .md-user-send li input[type=checkbox]:checked + label::after, .modal-content .md-group-download li input[type=checkbox]:checked + label::after, .menu a::before, .nav-list a::before, .nav_main_menu a::before, .menu button::before, .nav-list button::before, .nav_main_menu button::before, .menu label::before, .nav-list label::before, .nav_main_menu label::before, .ic03, .ic02, .layout-type01 .group #checkStatusShare + .status-share::before, .page_help .group #checkStatusShare + .status-share::before,
.page_mydata .group #checkStatusShare + .status-share::before,
.page_404 .group #checkStatusShare + .status-share::before, .ic01, .list-detail header .fc-title button::before, section.home_lists li .ctrl-list::after, .hdr_global a::before, .hdr_global button::before, dl.status dd button::after, .select-type01::after, .modal-content .btns-select a::after, .modal-content .btns-select button::after, .modal-content .btns-select label::after, .form-type02 .links button::after, .modal-content .md-user-integrat .links button::after, .modal-content .md-list-authentication .links button::after, #rePass .links button::after, #newEntry .links button::after, #signUp .links button::after, .ichead::before, .modal-content .md-group-edit ul li button::before, .check-list li input[type=checkbox] + label::before, .sortable-item strong::before, .select-type01::before, .modal-content .btns-select a::before, .modal-content .btns-select button::before, .modal-content .btns-select label::before, .form-type02 .links button::before, .modal-content .md-user-integrat .links button::before, .modal-content .md-list-authentication .links button::before, #rePass .links button::before, #newEntry .links button::before, #signUp .links button::before, a::before, a::after, button::before, button::after, label::before, label::after {
  font-family: "Material Symbols Outlined";
  font-weight: 300;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

.icbase, section.home_lists li dt::before, .label-check input[type=checkbox]:checked + label::after, .modal-content .md-user-send li input[type=checkbox]:checked + label::after, .modal-content .md-group-download li input[type=checkbox]:checked + label::after, .menu a::before, .nav-list a::before, .nav_main_menu a::before, .menu button::before, .nav-list button::before, .nav_main_menu button::before, .menu label::before, .nav-list label::before, .nav_main_menu label::before, .ic03, .ic02, .layout-type01 .group #checkStatusShare + .status-share::before, .page_help .group #checkStatusShare + .status-share::before,
.page_mydata .group #checkStatusShare + .status-share::before,
.page_404 .group #checkStatusShare + .status-share::before, .ic01, .list-detail header .fc-title button::before, section.home_lists li .ctrl-list::after, .hdr_global a::before, .hdr_global button::before, dl.status dd button::after, .select-type01::after, .modal-content .btns-select a::after, .modal-content .btns-select button::after, .modal-content .btns-select label::after, .form-type02 .links button::after, .modal-content .md-user-integrat .links button::after, .modal-content .md-list-authentication .links button::after, #rePass .links button::after, #newEntry .links button::after, #signUp .links button::after, .ichead::before, .modal-content .md-group-edit ul li button::before, .check-list li input[type=checkbox] + label::before, .sortable-item strong::before, .select-type01::before, .modal-content .btns-select a::before, .modal-content .btns-select button::before, .modal-content .btns-select label::before, .form-type02 .links button::before, .modal-content .md-user-integrat .links button::before, .modal-content .md-list-authentication .links button::before, #rePass .links button::before, #newEntry .links button::before, #signUp .links button::before {
  display: block;
  position: absolute;
  margin: auto;
  height: 1em;
  line-height: 1em;
}

.ic01, .list-detail header .fc-title button::before, section.home_lists li .ctrl-list::after, .hdr_global a::before, .hdr_global button::before, dl.status dd button::after, .select-type01::after, .modal-content .btns-select a::after, .modal-content .btns-select button::after, .modal-content .btns-select label::after, .form-type02 .links button::after, .modal-content .md-user-integrat .links button::after, .modal-content .md-list-authentication .links button::after, #rePass .links button::after, #newEntry .links button::after, #signUp .links button::after, .ichead::before, .modal-content .md-group-edit ul li button::before, .check-list li input[type=checkbox] + label::before, .sortable-item strong::before, .select-type01::before, .modal-content .btns-select a::before, .modal-content .btns-select button::before, .modal-content .btns-select label::before, .form-type02 .links button::before, .modal-content .md-user-integrat .links button::before, .modal-content .md-list-authentication .links button::before, #rePass .links button::before, #newEntry .links button::before, #signUp .links button::before {
  top: 0;
  bottom: 0;
}

.ic02, .layout-type01 .group #checkStatusShare + .status-share::before, .page_help .group #checkStatusShare + .status-share::before,
.page_mydata .group #checkStatusShare + .status-share::before,
.page_404 .group #checkStatusShare + .status-share::before {
  top: 0;
  left: 0;
}

.ic03 {
  right: 0;
  left: 0;
}

.ichead, .modal-content .md-group-edit ul li button, .check-list li input[type=checkbox] + label, .sortable-item strong, .select-type01, .modal-content .btns-select a, .modal-content .btns-select button, .modal-content .btns-select label, .form-type02 .links button, .modal-content .md-user-integrat .links button, .modal-content .md-list-authentication .links button, #rePass .links button, #newEntry .links button, #signUp .links button {
  position: relative;
  display: block;
  text-align: left;
  border-radius: 0.5em;
}
.ichead::before, .modal-content .md-group-edit ul li button::before, .check-list li input[type=checkbox] + label::before, .sortable-item strong::before, .select-type01::before, .modal-content .btns-select a::before, .modal-content .btns-select button::before, .modal-content .btns-select label::before, .form-type02 .links button::before, .modal-content .md-user-integrat .links button::before, .modal-content .md-list-authentication .links button::before, #rePass .links button::before, #newEntry .links button::before, #signUp .links button::before {
  left: 0;
  width: 1.5em;
  height: 1em;
  line-height: 1em;
  font-size: 1.5em;
  text-align: center;
}

.ic-home, .btn-home::before {
  content: "\e88a";
}

.ic-close, .modal-content .md-user-joint input[type=checkbox]:checked + dl dt button::after, .modal-content .md-user-joint input[type=checkbox]:checked + dl dt label::after, #matchText.reject::before, dl.status dd button::after, .btn-close::before, .modal-container #closeModal::before, .modal-container #closeSubModal::before, .edit_ocr .close-ocr::before, .memo-overlay .memobox .memo-close::before {
  content: "\e5cd";
}

.ic-next, .modal-content .md-user-joint dl dt button::after, .modal-content .md-user-joint dl dt label::after, .layout-type01 .faq li a::after, .page_help .faq li a::after,
.page_mydata .faq li a::after,
.page_404 .faq li a::after, .btn-next::before {
  content: "\e5e1";
}

.ic-prev, .btn-prev::before {
  content: "\e5e0";
}

.ic-up, .btn-up::before, .list-detail header .list-signage li.th-summary .rdo-sort-asc + label + strong + label::before {
  content: "\e316";
}

.ic-down, .btn-down::before, .list-detail header .list-signage li.th-summary .rdo-sort-asc + label::before {
  content: "\e313";
}

.ic-bank, .modal-content .md-add-csv h2::before, .modal-content .md-add-bank-csv h2::before, .modal-content .md-add-bank h2::before, .modal-content .md-method-bank h2::before, .modal-content .md-select-bank h2::before, .layout-type01 .toggle:checked + .group dl.type-bank dt::before, .page_help .toggle:checked + .group dl.type-bank dt::before,
.page_mydata .toggle:checked + .group dl.type-bank dt::before,
.page_404 .toggle:checked + .group dl.type-bank dt::before, .btn-bank::before, section.home_lists li dt.bank::before {
  content: "\e84f";
}

.ic-card, .layout-type01 .toggle:checked + .group dl.type-card dt::before, .page_help .toggle:checked + .group dl.type-card dt::before,
.page_mydata .toggle:checked + .group dl.type-card dt::before,
.page_404 .toggle:checked + .group dl.type-card dt::before, .btn-card::before, section.home_lists li dt.card::before {
  content: "\e870";
}

.ic-emoney, .layout-type01 .toggle:checked + .group dl.type-emoney dt::before, .page_help .toggle:checked + .group dl.type-emoney dt::before,
.page_mydata .toggle:checked + .group dl.type-emoney dt::before,
.page_404 .toggle:checked + .group dl.type-emoney dt::before, .btn-emoney::before, section.home_lists li dt.emoney::before {
  content: "\f2a1";
}

.ic-ocr, .modal-content .md-new-ocr-select h2::before, .modal-content .md-new-ocr h2::before, .modal-content .md-add-ocr h2::before, .layout-type01 .toggle:checked + .group dl.type-ocr dt::before, .page_help .toggle:checked + .group dl.type-ocr dt::before,
.page_mydata .toggle:checked + .group dl.type-ocr dt::before,
.page_404 .toggle:checked + .group dl.type-ocr dt::before, .btn-ocr::before, section.home_lists li dt.ocr::before {
  content: "\e5fa";
}

.ic-excel, .modal-content .md-new-csv-select h2::before, .modal-content .md-new-excel-select h2::before, .modal-content .md-new-excel h2::before, .modal-content .md-add-excel-duplicat h2::before, .modal-content .md-add-excel h2::before, .layout-type01 .group dt::before, .page_help .group dt::before,
.page_mydata .group dt::before,
.page_404 .group dt::before, .btn-excel::before, section.home_lists li dt.excel::before {
  content: "\e8ef";
}

.ic-app, .btn-app::before {
  content: "\f720";
}

.ic-delete, .modal-content .md-list-delete h2::before, .btn-delete::before, #ocrContainer #ocrEditBox tbody td button::before, #ocrContainer #ocrEditBox caption button.trg_del::before, #ocrContainer .ocr_viewer #thumbnails button.del::before {
  content: "\e872";
}

.ic-edit, .modal-content .md-group-edit h2::before, .modal-content .md-list-edit h2::before, .btn-edit::before {
  content: "\e3c9";
}

.ic-edit2, .btn-edit2::before {
  content: "\f88d";
}

.ic-pedit, .modal-content .md-user-profile h2::before, .btn-pedit::before {
  content: "\f4fa";
}

.ic-history, .modal-content .md-user-history h2::before, .modal-content .md-list-history h2::before, .btn-history::before {
  content: "\ebd1";
}

.ic-add, .btn-add::before, #ocrContainer #ocrEditBox #addTr::before, .file-upload .file-btn::before {
  content: "\e145";
}

.ic-href, .btn-href::before {
  content: "\e65b";
}

.ic-reset, .btn-reset::before, .modal-content .md-list-reload h2::before {
  content: "\e86a";
}

.ic-upload, .btn-upload::before, #ocrContainer #ocrEditBox #uploadOcr::before {
  content: "\f09b";
}

.ic-datachech, .btn-datachech::before {
  content: "\f0c5";
}

.ic-human, .modal-content .md-info-invitation .invitation dt span::before, .layout-type01 .faq li a::before, .page_help .faq li a::before,
.page_mydata .faq li a::before,
.page_404 .faq li a::before, .btn-human::before {
  content: "\e7fd";
}

.ic-bell, .btn-bell::before {
  content: "\e7f4";
}

.ic-account, .modal-content .md-user-menu h2::before, .layout-type01 .group #checkStatusShare + .status-share::before, .page_help .group #checkStatusShare + .status-share::before,
.page_mydata .group #checkStatusShare + .status-share::before,
.page_404 .group #checkStatusShare + .status-share::before, .btn-account::before {
  content: "\e853";
}

.ic-data, .btn-data::before {
  content: "\e99c";
}

.ic-help, .btn-help::before {
  content: "\ef73";
}

.ic-search, .modal-content .md-list-search h2::before, .btn-search::before {
  content: "\e8b6";
}

.ic-sort, .modal-content .md-list-sort h2::before, .btn-sort::before {
  content: "\e429";
}

.ic-hidden, .btn-hidden::before {
  content: "\e8f5";
}

.ic-input, .btn-input::before {
  content: "\f0c2";
}

.ic-download, .modal-content .md-group-download h2::before, .modal-content .md-list-download h2::before, .btn-download::before {
  content: "\f090";
}

.ic-menu, .btn-menu::before {
  content: "\e5d4";
}

.ic-toggle, .btn-toggle::before {
  content: "\e9f5";
}

.ic-shear, .btn-shear::before, .modal-content .md-group-shear-status h2::before, .modal-content .md-group-invitation h2::before {
  content: "\e80d";
}

.ic-pic, .btn-pic::before, #ocrContainer .ocr_viewer #thumbnails button.thum::before {
  content: "\e410";
}

.ic-control, .btn-control::before {
  content: "\ea3c";
}

.ic-logout, .btn-logout::before {
  content: "\e9ba";
}

.ic-2factor, .modal-content .md-user-2factor-mail h2::before, .modal-content .md-login-code h2::before, .modal-content .md-user-2factor h2::before, .btn-2factor::before {
  content: "\f429";
}

.ic-joint, .modal-content .md-user-service h2::before, .modal-content .md-user-joint dl dt::before, .modal-content .md-user-joint h2::before, .btn-joint::before {
  content: "\f421";
}

.ic-news, .btn-news::before, .modal-content .info-list ul li a::before {
  content: "\efad";
}

.ic-checkocr, .btn-checkocr::before {
  content: "\f0c5";
}

.ic-folder, .modal-content .md-add-list h2::before, .btn-folder::before {
  content: "\e2cc";
}

.ic-mail, .modal-content .md-user-mail h2::before, .btn-mail::before {
  content: "\e158";
}

.ic-pass, .btn-pass::before {
  content: "\f042";
}

.ic-group, .modal-content .md-group-menu h2::before, .btn-group::before, .modal-content .md-user-group h2::before, .modal-content .md-info-invitation h2::before, section.home_lists h2 select::before {
  content: "\e1a1";
}

.ic-ribon, .btn-ribon::before {
  content: "\f047";
}

.ic-faq, .btn-faq::before {
  content: "\e80c";
}

.ic-yen, .btn-yen::before {
  content: "\eafb";
}

.ic-deluser, .modal-content .md-user-delete h2::before, .btn-deluser::before {
  content: "\f7b3";
}

.ic-lock, .modal-content .md-list-authentication h2::before, .btn-lock::before {
  content: "\e897";
}

.ic-check, #matchText.match::before, .label-check input[type=checkbox]:checked + label::after, .modal-content .md-user-send li input[type=checkbox]:checked + label::after, .modal-content .md-group-download li input[type=checkbox]:checked + label::after, .btn-check::before {
  content: "\e5ca";
}

.ic-pic, .btn-pic::before, #ocrContainer .ocr_viewer #thumbnails button.thum::before {
  content: "\efa2";
}

.ic-send, .btn-send::before, .modal-content .md-user-send h2::before {
  content: "\e163";
}

.ic-camera, .btn-camera::before {
  content: "\e439";
}

.ic-addlink, .modal-content .md-list-add h2::before, .btn-addlink::before {
  content: "\fffb5";
}

.ic-arwup, .btn-arwup::before, .sortable-item button.list-up::before {
  content: "\e5d8";
}

.ic-arwdown, .btn-arwdown::before, .sortable-item button.list-down::before {
  content: "\e5db";
}

.ic-integrat, .modal-content .md-user-integrat h2::before, .btn-integrat::before {
  content: "\e7f0";
} /*e72a*/
.ic-toggleon, .btn-toggleon::before, .layout-type01 .group header .lbl_toggle::before, .page_help .group header .lbl_toggle::before,
.page_mydata .group header .lbl_toggle::before,
.page_404 .group header .lbl_toggle::before {
  content: "\e946";
}

.ic-toggleoff, .btn-toggleoff::before, .layout-type01 .toggle:checked + .group header .lbl_toggle::before, .page_help .toggle:checked + .group header .lbl_toggle::before,
.page_mydata .toggle:checked + .group header .lbl_toggle::before,
.page_404 .toggle:checked + .group header .lbl_toggle::before {
  content: "\e944";
}

.btn-number {
  color: #FFF;
  background: #bf122b !important;
}
.btn-number::before {
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 900 !important;
  font-size: 0.8em;
  content: attr(data-number);
}
.btn-number:hover {
  background: rgb(71, 100, 84) !important;
}

.menu, .nav-list, .nav_main_menu {
  display: flex;
  background: rgb(135, 160, 146);
}
.menu a, .nav-list a, .nav_main_menu a, .menu button, .nav-list button, .nav_main_menu button, .menu label, .nav-list label, .nav_main_menu label {
  position: relative;
  padding: 3rem 0 0;
  height: 4rem;
  color: #FFF;
}
.menu a::before, .nav-list a::before, .nav_main_menu a::before, .menu button::before, .nav-list button::before, .nav_main_menu button::before, .menu label::before, .nav-list label::before, .nav_main_menu label::before {
  top: 0;
  right: 0;
  left: 0;
  font-size: 2rem;
  line-height: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 25%;
  transition: background 0.2s ease;
}
.menu a.sub1st, .nav-list a.sub1st, .nav_main_menu a.sub1st, .menu button.sub1st, .nav-list button.sub1st, .nav_main_menu button.sub1st, .menu label.sub1st, .nav-list label.sub1st, .nav_main_menu label.sub1st {
  margin-top: auto;
}
.menu a.new::after, .nav-list a.new::after, .nav_main_menu a.new::after, .menu button.new::after, .nav-list button.new::after, .nav_main_menu button.new::after, .menu label.new::after, .nav-list label.new::after, .nav_main_menu label.new::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0.5rem;
  left: auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #bf122b;
}
.menu a span, .nav-list a span, .nav_main_menu a span, .menu button span, .nav-list button span, .nav_main_menu button span, .menu label span, .nav-list label span, .nav_main_menu label span {
  display: block;
  font-size: 0.6rem;
  font-weight: 500;
}

.form-text, .modal-content .md-user-group li input[type=text], .modal-content .md-user-integrat li input[type=text],
.modal-content .md-user-integrat li input[type=password], .modal-content .md-group-edit ul li input[type=text], .modal-content .md-list-authentication li input[type=text],
.modal-content .md-list-authentication li input[type=password], .modal-content .md-list-add li input[type=text], .modal-content .md-list-edit li input[type=text], .modal-content .md-add-bank li input[type=text], .modal-content .md-memo textarea, #loginBox li input[type=email],
#loginBox li input[type=password], #code_2factor input[type=text], dl.period dd input[type=date], ul.invitation input[type=email],
ul.invitation textarea, .form-type02 .form input[type=text], .modal-content .md-user-integrat .form input[type=text], .modal-content .md-list-authentication .form input[type=text], #rePass .form input[type=text], #newEntry .form input[type=text], #signUp .form input[type=text],
.form-type02 .form input[type=email],
.modal-content .md-user-integrat .form input[type=email],
.modal-content .md-list-authentication .form input[type=email],
#rePass .form input[type=email],
#newEntry .form input[type=email],
#signUp .form input[type=email],
.form-type02 .form input[type=password],
.modal-content .md-user-integrat .form input[type=password],
.modal-content .md-list-authentication .form input[type=password],
#rePass .form input[type=password],
#newEntry .form input[type=password],
#signUp .form input[type=password], .input_code input[type=text], .form-dl01 dd input[type=text], .modal-content .md-user-2factor-mail dl dd input[type=text], .modal-content .md-login-code dl dd input[type=text], .modal-content .md-user-2factor dl dd input[type=text], .modal-content .md-user-service dl dd input[type=text], .modal-content .md-user-profile dl dd input[type=text], .modal-content .md-list-sort dl dd input[type=text], .modal-content .md-list-search dl dd input[type=text], .modal-content .md-new-excel dl dd input[type=text], .modal-content .md-new-ocr dl dd input[type=text], .modal-content .md-add-bank-csv dl dd input[type=text],
.form-dl01 dd input[type=date],
.modal-content .md-user-2factor-mail dl dd input[type=date],
.modal-content .md-login-code dl dd input[type=date],
.modal-content .md-user-2factor dl dd input[type=date],
.modal-content .md-user-service dl dd input[type=date],
.modal-content .md-user-profile dl dd input[type=date],
.modal-content .md-list-sort dl dd input[type=date],
.modal-content .md-list-search dl dd input[type=date],
.modal-content .md-new-excel dl dd input[type=date],
.modal-content .md-new-ocr dl dd input[type=date],
.modal-content .md-add-bank-csv dl dd input[type=date],
.form-dl01 dd input[type=password],
.modal-content .md-user-2factor-mail dl dd input[type=password],
.modal-content .md-login-code dl dd input[type=password],
.modal-content .md-user-2factor dl dd input[type=password],
.modal-content .md-user-service dl dd input[type=password],
.modal-content .md-user-profile dl dd input[type=password],
.modal-content .md-list-sort dl dd input[type=password],
.modal-content .md-list-search dl dd input[type=password],
.modal-content .md-new-excel dl dd input[type=password],
.modal-content .md-new-ocr dl dd input[type=password],
.modal-content .md-add-bank-csv dl dd input[type=password],
.form-dl01 dd input[type=email],
.modal-content .md-user-2factor-mail dl dd input[type=email],
.modal-content .md-login-code dl dd input[type=email],
.modal-content .md-user-2factor dl dd input[type=email],
.modal-content .md-user-service dl dd input[type=email],
.modal-content .md-user-profile dl dd input[type=email],
.modal-content .md-list-sort dl dd input[type=email],
.modal-content .md-list-search dl dd input[type=email],
.modal-content .md-new-excel dl dd input[type=email],
.modal-content .md-new-ocr dl dd input[type=email],
.modal-content .md-add-bank-csv dl dd input[type=email] {
  padding: 0.5rem 0.8rem;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1em;
  color: #000;
  background: #FFF;
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  outline: none;
}
.form-text::placeholder, .modal-content .md-user-group li input[type=text]::placeholder, .modal-content .md-user-integrat li input[type=text]::placeholder,
.modal-content .md-user-integrat li input[type=password]::placeholder, .modal-content .md-group-edit ul li input[type=text]::placeholder, .modal-content .md-list-authentication li input[type=text]::placeholder,
.modal-content .md-list-authentication li input[type=password]::placeholder, .modal-content .md-list-add li input[type=text]::placeholder, .modal-content .md-list-edit li input[type=text]::placeholder, .modal-content .md-add-bank li input[type=text]::placeholder, .modal-content .md-memo textarea::placeholder, #loginBox li input[type=email]::placeholder,
#loginBox li input[type=password]::placeholder, #code_2factor input[type=text]::placeholder, dl.period dd input[type=date]::placeholder, ul.invitation input[type=email]::placeholder,
ul.invitation textarea::placeholder, .form-type02 .form input[type=text]::placeholder, .modal-content .md-user-integrat .form input[type=text]::placeholder, .modal-content .md-list-authentication .form input[type=text]::placeholder, #rePass .form input[type=text]::placeholder, #newEntry .form input[type=text]::placeholder, #signUp .form input[type=text]::placeholder,
.form-type02 .form input[type=email]::placeholder,
.modal-content .md-user-integrat .form input[type=email]::placeholder,
.modal-content .md-list-authentication .form input[type=email]::placeholder,
#rePass .form input[type=email]::placeholder,
#newEntry .form input[type=email]::placeholder,
#signUp .form input[type=email]::placeholder,
.form-type02 .form input[type=password]::placeholder,
.modal-content .md-user-integrat .form input[type=password]::placeholder,
.modal-content .md-list-authentication .form input[type=password]::placeholder,
#rePass .form input[type=password]::placeholder,
#newEntry .form input[type=password]::placeholder,
#signUp .form input[type=password]::placeholder, .input_code input[type=text]::placeholder, .form-dl01 dd input[type=text]::placeholder, .modal-content .md-user-2factor-mail dl dd input[type=text]::placeholder, .modal-content .md-login-code dl dd input[type=text]::placeholder, .modal-content .md-user-2factor dl dd input[type=text]::placeholder, .modal-content .md-user-service dl dd input[type=text]::placeholder, .modal-content .md-user-profile dl dd input[type=text]::placeholder, .modal-content .md-list-sort dl dd input[type=text]::placeholder, .modal-content .md-list-search dl dd input[type=text]::placeholder, .modal-content .md-new-excel dl dd input[type=text]::placeholder, .modal-content .md-new-ocr dl dd input[type=text]::placeholder, .modal-content .md-add-bank-csv dl dd input[type=text]::placeholder,
.form-dl01 dd input[type=date]::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=date]::placeholder,
.modal-content .md-login-code dl dd input[type=date]::placeholder,
.modal-content .md-user-2factor dl dd input[type=date]::placeholder,
.modal-content .md-user-service dl dd input[type=date]::placeholder,
.modal-content .md-user-profile dl dd input[type=date]::placeholder,
.modal-content .md-list-sort dl dd input[type=date]::placeholder,
.modal-content .md-list-search dl dd input[type=date]::placeholder,
.modal-content .md-new-excel dl dd input[type=date]::placeholder,
.modal-content .md-new-ocr dl dd input[type=date]::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=date]::placeholder,
.form-dl01 dd input[type=password]::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=password]::placeholder,
.modal-content .md-login-code dl dd input[type=password]::placeholder,
.modal-content .md-user-2factor dl dd input[type=password]::placeholder,
.modal-content .md-user-service dl dd input[type=password]::placeholder,
.modal-content .md-user-profile dl dd input[type=password]::placeholder,
.modal-content .md-list-sort dl dd input[type=password]::placeholder,
.modal-content .md-list-search dl dd input[type=password]::placeholder,
.modal-content .md-new-excel dl dd input[type=password]::placeholder,
.modal-content .md-new-ocr dl dd input[type=password]::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=password]::placeholder,
.form-dl01 dd input[type=email]::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=email]::placeholder,
.modal-content .md-login-code dl dd input[type=email]::placeholder,
.modal-content .md-user-2factor dl dd input[type=email]::placeholder,
.modal-content .md-user-service dl dd input[type=email]::placeholder,
.modal-content .md-user-profile dl dd input[type=email]::placeholder,
.modal-content .md-list-sort dl dd input[type=email]::placeholder,
.modal-content .md-list-search dl dd input[type=email]::placeholder,
.modal-content .md-new-excel dl dd input[type=email]::placeholder,
.modal-content .md-new-ocr dl dd input[type=email]::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=email]::placeholder {
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.form-text:focus, .modal-content .md-user-group li input[type=text]:focus, .modal-content .md-user-integrat li input[type=text]:focus,
.modal-content .md-user-integrat li input[type=password]:focus, .modal-content .md-group-edit ul li input[type=text]:focus, .modal-content .md-list-authentication li input[type=text]:focus,
.modal-content .md-list-authentication li input[type=password]:focus, .modal-content .md-list-add li input[type=text]:focus, .modal-content .md-list-edit li input[type=text]:focus, .modal-content .md-add-bank li input[type=text]:focus, .modal-content .md-memo textarea:focus, #loginBox li input[type=email]:focus,
#loginBox li input[type=password]:focus, #code_2factor input[type=text]:focus, dl.period dd input[type=date]:focus, ul.invitation input[type=email]:focus,
ul.invitation textarea:focus, .form-type02 .form input[type=text]:focus, .modal-content .md-user-integrat .form input[type=text]:focus, .modal-content .md-list-authentication .form input[type=text]:focus, #rePass .form input[type=text]:focus, #newEntry .form input[type=text]:focus, #signUp .form input[type=text]:focus,
.form-type02 .form input[type=email]:focus,
.modal-content .md-user-integrat .form input[type=email]:focus,
.modal-content .md-list-authentication .form input[type=email]:focus,
#rePass .form input[type=email]:focus,
#newEntry .form input[type=email]:focus,
#signUp .form input[type=email]:focus,
.form-type02 .form input[type=password]:focus,
.modal-content .md-user-integrat .form input[type=password]:focus,
.modal-content .md-list-authentication .form input[type=password]:focus,
#rePass .form input[type=password]:focus,
#newEntry .form input[type=password]:focus,
#signUp .form input[type=password]:focus, .input_code input[type=text]:focus, .form-dl01 dd input[type=text]:focus, .modal-content .md-user-2factor-mail dl dd input[type=text]:focus, .modal-content .md-login-code dl dd input[type=text]:focus, .modal-content .md-user-2factor dl dd input[type=text]:focus, .modal-content .md-user-service dl dd input[type=text]:focus, .modal-content .md-user-profile dl dd input[type=text]:focus, .modal-content .md-list-sort dl dd input[type=text]:focus, .modal-content .md-list-search dl dd input[type=text]:focus, .modal-content .md-new-excel dl dd input[type=text]:focus, .modal-content .md-new-ocr dl dd input[type=text]:focus, .modal-content .md-add-bank-csv dl dd input[type=text]:focus,
.form-dl01 dd input[type=date]:focus,
.modal-content .md-user-2factor-mail dl dd input[type=date]:focus,
.modal-content .md-login-code dl dd input[type=date]:focus,
.modal-content .md-user-2factor dl dd input[type=date]:focus,
.modal-content .md-user-service dl dd input[type=date]:focus,
.modal-content .md-user-profile dl dd input[type=date]:focus,
.modal-content .md-list-sort dl dd input[type=date]:focus,
.modal-content .md-list-search dl dd input[type=date]:focus,
.modal-content .md-new-excel dl dd input[type=date]:focus,
.modal-content .md-new-ocr dl dd input[type=date]:focus,
.modal-content .md-add-bank-csv dl dd input[type=date]:focus,
.form-dl01 dd input[type=password]:focus,
.modal-content .md-user-2factor-mail dl dd input[type=password]:focus,
.modal-content .md-login-code dl dd input[type=password]:focus,
.modal-content .md-user-2factor dl dd input[type=password]:focus,
.modal-content .md-user-service dl dd input[type=password]:focus,
.modal-content .md-user-profile dl dd input[type=password]:focus,
.modal-content .md-list-sort dl dd input[type=password]:focus,
.modal-content .md-list-search dl dd input[type=password]:focus,
.modal-content .md-new-excel dl dd input[type=password]:focus,
.modal-content .md-new-ocr dl dd input[type=password]:focus,
.modal-content .md-add-bank-csv dl dd input[type=password]:focus,
.form-dl01 dd input[type=email]:focus,
.modal-content .md-user-2factor-mail dl dd input[type=email]:focus,
.modal-content .md-login-code dl dd input[type=email]:focus,
.modal-content .md-user-2factor dl dd input[type=email]:focus,
.modal-content .md-user-service dl dd input[type=email]:focus,
.modal-content .md-user-profile dl dd input[type=email]:focus,
.modal-content .md-list-sort dl dd input[type=email]:focus,
.modal-content .md-list-search dl dd input[type=email]:focus,
.modal-content .md-new-excel dl dd input[type=email]:focus,
.modal-content .md-new-ocr dl dd input[type=email]:focus,
.modal-content .md-add-bank-csv dl dd input[type=email]:focus {
  background: rgba(234, 206, 84, 0.05);
}
.form-text:focus::placeholder, .modal-content .md-user-group li input[type=text]:focus::placeholder, .modal-content .md-user-integrat li input[type=text]:focus::placeholder,
.modal-content .md-user-integrat li input[type=password]:focus::placeholder, .modal-content .md-group-edit ul li input[type=text]:focus::placeholder, .modal-content .md-list-authentication li input[type=text]:focus::placeholder,
.modal-content .md-list-authentication li input[type=password]:focus::placeholder, .modal-content .md-list-add li input[type=text]:focus::placeholder, .modal-content .md-list-edit li input[type=text]:focus::placeholder, .modal-content .md-add-bank li input[type=text]:focus::placeholder, .modal-content .md-memo textarea:focus::placeholder, #loginBox li input[type=email]:focus::placeholder,
#loginBox li input[type=password]:focus::placeholder, #code_2factor input[type=text]:focus::placeholder, dl.period dd input[type=date]:focus::placeholder, ul.invitation input[type=email]:focus::placeholder,
ul.invitation textarea:focus::placeholder, .form-type02 .form input[type=text]:focus::placeholder, .modal-content .md-user-integrat .form input[type=text]:focus::placeholder, .modal-content .md-list-authentication .form input[type=text]:focus::placeholder, #rePass .form input[type=text]:focus::placeholder, #newEntry .form input[type=text]:focus::placeholder, #signUp .form input[type=text]:focus::placeholder,
.form-type02 .form input[type=email]:focus::placeholder,
.modal-content .md-user-integrat .form input[type=email]:focus::placeholder,
.modal-content .md-list-authentication .form input[type=email]:focus::placeholder,
#rePass .form input[type=email]:focus::placeholder,
#newEntry .form input[type=email]:focus::placeholder,
#signUp .form input[type=email]:focus::placeholder,
.form-type02 .form input[type=password]:focus::placeholder,
.modal-content .md-user-integrat .form input[type=password]:focus::placeholder,
.modal-content .md-list-authentication .form input[type=password]:focus::placeholder,
#rePass .form input[type=password]:focus::placeholder,
#newEntry .form input[type=password]:focus::placeholder,
#signUp .form input[type=password]:focus::placeholder, .input_code input[type=text]:focus::placeholder, .form-dl01 dd input[type=text]:focus::placeholder, .modal-content .md-user-2factor-mail dl dd input[type=text]:focus::placeholder, .modal-content .md-login-code dl dd input[type=text]:focus::placeholder, .modal-content .md-user-2factor dl dd input[type=text]:focus::placeholder, .modal-content .md-user-service dl dd input[type=text]:focus::placeholder, .modal-content .md-user-profile dl dd input[type=text]:focus::placeholder, .modal-content .md-list-sort dl dd input[type=text]:focus::placeholder, .modal-content .md-list-search dl dd input[type=text]:focus::placeholder, .modal-content .md-new-excel dl dd input[type=text]:focus::placeholder, .modal-content .md-new-ocr dl dd input[type=text]:focus::placeholder, .modal-content .md-add-bank-csv dl dd input[type=text]:focus::placeholder,
.form-dl01 dd input[type=date]:focus::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=date]:focus::placeholder,
.modal-content .md-login-code dl dd input[type=date]:focus::placeholder,
.modal-content .md-user-2factor dl dd input[type=date]:focus::placeholder,
.modal-content .md-user-service dl dd input[type=date]:focus::placeholder,
.modal-content .md-user-profile dl dd input[type=date]:focus::placeholder,
.modal-content .md-list-sort dl dd input[type=date]:focus::placeholder,
.modal-content .md-list-search dl dd input[type=date]:focus::placeholder,
.modal-content .md-new-excel dl dd input[type=date]:focus::placeholder,
.modal-content .md-new-ocr dl dd input[type=date]:focus::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=date]:focus::placeholder,
.form-dl01 dd input[type=password]:focus::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=password]:focus::placeholder,
.modal-content .md-login-code dl dd input[type=password]:focus::placeholder,
.modal-content .md-user-2factor dl dd input[type=password]:focus::placeholder,
.modal-content .md-user-service dl dd input[type=password]:focus::placeholder,
.modal-content .md-user-profile dl dd input[type=password]:focus::placeholder,
.modal-content .md-list-sort dl dd input[type=password]:focus::placeholder,
.modal-content .md-list-search dl dd input[type=password]:focus::placeholder,
.modal-content .md-new-excel dl dd input[type=password]:focus::placeholder,
.modal-content .md-new-ocr dl dd input[type=password]:focus::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=password]:focus::placeholder,
.form-dl01 dd input[type=email]:focus::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=email]:focus::placeholder,
.modal-content .md-login-code dl dd input[type=email]:focus::placeholder,
.modal-content .md-user-2factor dl dd input[type=email]:focus::placeholder,
.modal-content .md-user-service dl dd input[type=email]:focus::placeholder,
.modal-content .md-user-profile dl dd input[type=email]:focus::placeholder,
.modal-content .md-list-sort dl dd input[type=email]:focus::placeholder,
.modal-content .md-list-search dl dd input[type=email]:focus::placeholder,
.modal-content .md-new-excel dl dd input[type=email]:focus::placeholder,
.modal-content .md-new-ocr dl dd input[type=email]:focus::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=email]:focus::placeholder {
  opacity: 0;
}
.form-text:read-only, .modal-content .md-user-group li input[type=text]:read-only, .modal-content .md-user-integrat li input[type=text]:read-only,
.modal-content .md-user-integrat li input[type=password]:read-only, .modal-content .md-group-edit ul li input[type=text]:read-only, .modal-content .md-list-authentication li input[type=text]:read-only,
.modal-content .md-list-authentication li input[type=password]:read-only, .modal-content .md-list-add li input[type=text]:read-only, .modal-content .md-list-edit li input[type=text]:read-only, .modal-content .md-add-bank li input[type=text]:read-only, .modal-content .md-memo textarea:read-only, #loginBox li input[type=email]:read-only,
#loginBox li input[type=password]:read-only, #code_2factor input[type=text]:read-only, dl.period dd input[type=date]:read-only, ul.invitation input[type=email]:read-only,
ul.invitation textarea:read-only, .form-type02 .form input[type=text]:read-only, .modal-content .md-user-integrat .form input[type=text]:read-only, .modal-content .md-list-authentication .form input[type=text]:read-only, #rePass .form input[type=text]:read-only, #newEntry .form input[type=text]:read-only, #signUp .form input[type=text]:read-only,
.form-type02 .form input[type=email]:read-only,
.modal-content .md-user-integrat .form input[type=email]:read-only,
.modal-content .md-list-authentication .form input[type=email]:read-only,
#rePass .form input[type=email]:read-only,
#newEntry .form input[type=email]:read-only,
#signUp .form input[type=email]:read-only,
.form-type02 .form input[type=password]:read-only,
.modal-content .md-user-integrat .form input[type=password]:read-only,
.modal-content .md-list-authentication .form input[type=password]:read-only,
#rePass .form input[type=password]:read-only,
#newEntry .form input[type=password]:read-only,
#signUp .form input[type=password]:read-only, .input_code input[type=text]:read-only, .form-dl01 dd input[type=text]:read-only, .modal-content .md-user-2factor-mail dl dd input[type=text]:read-only, .modal-content .md-login-code dl dd input[type=text]:read-only, .modal-content .md-user-2factor dl dd input[type=text]:read-only, .modal-content .md-user-service dl dd input[type=text]:read-only, .modal-content .md-user-profile dl dd input[type=text]:read-only, .modal-content .md-list-sort dl dd input[type=text]:read-only, .modal-content .md-list-search dl dd input[type=text]:read-only, .modal-content .md-new-excel dl dd input[type=text]:read-only, .modal-content .md-new-ocr dl dd input[type=text]:read-only, .modal-content .md-add-bank-csv dl dd input[type=text]:read-only,
.form-dl01 dd input[type=date]:read-only,
.modal-content .md-user-2factor-mail dl dd input[type=date]:read-only,
.modal-content .md-login-code dl dd input[type=date]:read-only,
.modal-content .md-user-2factor dl dd input[type=date]:read-only,
.modal-content .md-user-service dl dd input[type=date]:read-only,
.modal-content .md-user-profile dl dd input[type=date]:read-only,
.modal-content .md-list-sort dl dd input[type=date]:read-only,
.modal-content .md-list-search dl dd input[type=date]:read-only,
.modal-content .md-new-excel dl dd input[type=date]:read-only,
.modal-content .md-new-ocr dl dd input[type=date]:read-only,
.modal-content .md-add-bank-csv dl dd input[type=date]:read-only,
.form-dl01 dd input[type=password]:read-only,
.modal-content .md-user-2factor-mail dl dd input[type=password]:read-only,
.modal-content .md-login-code dl dd input[type=password]:read-only,
.modal-content .md-user-2factor dl dd input[type=password]:read-only,
.modal-content .md-user-service dl dd input[type=password]:read-only,
.modal-content .md-user-profile dl dd input[type=password]:read-only,
.modal-content .md-list-sort dl dd input[type=password]:read-only,
.modal-content .md-list-search dl dd input[type=password]:read-only,
.modal-content .md-new-excel dl dd input[type=password]:read-only,
.modal-content .md-new-ocr dl dd input[type=password]:read-only,
.modal-content .md-add-bank-csv dl dd input[type=password]:read-only,
.form-dl01 dd input[type=email]:read-only,
.modal-content .md-user-2factor-mail dl dd input[type=email]:read-only,
.modal-content .md-login-code dl dd input[type=email]:read-only,
.modal-content .md-user-2factor dl dd input[type=email]:read-only,
.modal-content .md-user-service dl dd input[type=email]:read-only,
.modal-content .md-user-profile dl dd input[type=email]:read-only,
.modal-content .md-list-sort dl dd input[type=email]:read-only,
.modal-content .md-list-search dl dd input[type=email]:read-only,
.modal-content .md-new-excel dl dd input[type=email]:read-only,
.modal-content .md-new-ocr dl dd input[type=email]:read-only,
.modal-content .md-add-bank-csv dl dd input[type=email]:read-only {
  padding: 0 0.25rem 0.5rem;
  color: #333;
  font-weight: 500;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}
.form-text:read-only::placeholder, .modal-content .md-user-group li input[type=text]:read-only::placeholder, .modal-content .md-user-integrat li input[type=text]:read-only::placeholder,
.modal-content .md-user-integrat li input[type=password]:read-only::placeholder, .modal-content .md-group-edit ul li input[type=text]:read-only::placeholder, .modal-content .md-list-authentication li input[type=text]:read-only::placeholder,
.modal-content .md-list-authentication li input[type=password]:read-only::placeholder, .modal-content .md-list-add li input[type=text]:read-only::placeholder, .modal-content .md-list-edit li input[type=text]:read-only::placeholder, .modal-content .md-add-bank li input[type=text]:read-only::placeholder, .modal-content .md-memo textarea:read-only::placeholder, #loginBox li input[type=email]:read-only::placeholder,
#loginBox li input[type=password]:read-only::placeholder, #code_2factor input[type=text]:read-only::placeholder, dl.period dd input[type=date]:read-only::placeholder, ul.invitation input[type=email]:read-only::placeholder,
ul.invitation textarea:read-only::placeholder, .form-type02 .form input[type=text]:read-only::placeholder, .modal-content .md-user-integrat .form input[type=text]:read-only::placeholder, .modal-content .md-list-authentication .form input[type=text]:read-only::placeholder, #rePass .form input[type=text]:read-only::placeholder, #newEntry .form input[type=text]:read-only::placeholder, #signUp .form input[type=text]:read-only::placeholder,
.form-type02 .form input[type=email]:read-only::placeholder,
.modal-content .md-user-integrat .form input[type=email]:read-only::placeholder,
.modal-content .md-list-authentication .form input[type=email]:read-only::placeholder,
#rePass .form input[type=email]:read-only::placeholder,
#newEntry .form input[type=email]:read-only::placeholder,
#signUp .form input[type=email]:read-only::placeholder,
.form-type02 .form input[type=password]:read-only::placeholder,
.modal-content .md-user-integrat .form input[type=password]:read-only::placeholder,
.modal-content .md-list-authentication .form input[type=password]:read-only::placeholder,
#rePass .form input[type=password]:read-only::placeholder,
#newEntry .form input[type=password]:read-only::placeholder,
#signUp .form input[type=password]:read-only::placeholder, .input_code input[type=text]:read-only::placeholder, .form-dl01 dd input[type=text]:read-only::placeholder, .modal-content .md-user-2factor-mail dl dd input[type=text]:read-only::placeholder, .modal-content .md-login-code dl dd input[type=text]:read-only::placeholder, .modal-content .md-user-2factor dl dd input[type=text]:read-only::placeholder, .modal-content .md-user-service dl dd input[type=text]:read-only::placeholder, .modal-content .md-user-profile dl dd input[type=text]:read-only::placeholder, .modal-content .md-list-sort dl dd input[type=text]:read-only::placeholder, .modal-content .md-list-search dl dd input[type=text]:read-only::placeholder, .modal-content .md-new-excel dl dd input[type=text]:read-only::placeholder, .modal-content .md-new-ocr dl dd input[type=text]:read-only::placeholder, .modal-content .md-add-bank-csv dl dd input[type=text]:read-only::placeholder,
.form-dl01 dd input[type=date]:read-only::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=date]:read-only::placeholder,
.modal-content .md-login-code dl dd input[type=date]:read-only::placeholder,
.modal-content .md-user-2factor dl dd input[type=date]:read-only::placeholder,
.modal-content .md-user-service dl dd input[type=date]:read-only::placeholder,
.modal-content .md-user-profile dl dd input[type=date]:read-only::placeholder,
.modal-content .md-list-sort dl dd input[type=date]:read-only::placeholder,
.modal-content .md-list-search dl dd input[type=date]:read-only::placeholder,
.modal-content .md-new-excel dl dd input[type=date]:read-only::placeholder,
.modal-content .md-new-ocr dl dd input[type=date]:read-only::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=date]:read-only::placeholder,
.form-dl01 dd input[type=password]:read-only::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=password]:read-only::placeholder,
.modal-content .md-login-code dl dd input[type=password]:read-only::placeholder,
.modal-content .md-user-2factor dl dd input[type=password]:read-only::placeholder,
.modal-content .md-user-service dl dd input[type=password]:read-only::placeholder,
.modal-content .md-user-profile dl dd input[type=password]:read-only::placeholder,
.modal-content .md-list-sort dl dd input[type=password]:read-only::placeholder,
.modal-content .md-list-search dl dd input[type=password]:read-only::placeholder,
.modal-content .md-new-excel dl dd input[type=password]:read-only::placeholder,
.modal-content .md-new-ocr dl dd input[type=password]:read-only::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=password]:read-only::placeholder,
.form-dl01 dd input[type=email]:read-only::placeholder,
.modal-content .md-user-2factor-mail dl dd input[type=email]:read-only::placeholder,
.modal-content .md-login-code dl dd input[type=email]:read-only::placeholder,
.modal-content .md-user-2factor dl dd input[type=email]:read-only::placeholder,
.modal-content .md-user-service dl dd input[type=email]:read-only::placeholder,
.modal-content .md-user-profile dl dd input[type=email]:read-only::placeholder,
.modal-content .md-list-sort dl dd input[type=email]:read-only::placeholder,
.modal-content .md-list-search dl dd input[type=email]:read-only::placeholder,
.modal-content .md-new-excel dl dd input[type=email]:read-only::placeholder,
.modal-content .md-new-ocr dl dd input[type=email]:read-only::placeholder,
.modal-content .md-add-bank-csv dl dd input[type=email]:read-only::placeholder {
  opacity: 0;
}
.form-text:read-only:focus, .modal-content .md-user-group li input[type=text]:read-only:focus, .modal-content .md-user-integrat li input[type=text]:read-only:focus,
.modal-content .md-user-integrat li input[type=password]:read-only:focus, .modal-content .md-group-edit ul li input[type=text]:read-only:focus, .modal-content .md-list-authentication li input[type=text]:read-only:focus,
.modal-content .md-list-authentication li input[type=password]:read-only:focus, .modal-content .md-list-add li input[type=text]:read-only:focus, .modal-content .md-list-edit li input[type=text]:read-only:focus, .modal-content .md-add-bank li input[type=text]:read-only:focus, .modal-content .md-memo textarea:read-only:focus, #loginBox li input[type=email]:read-only:focus,
#loginBox li input[type=password]:read-only:focus, #code_2factor input[type=text]:read-only:focus, dl.period dd input[type=date]:read-only:focus, ul.invitation input[type=email]:read-only:focus,
ul.invitation textarea:read-only:focus, .form-type02 .form input[type=text]:read-only:focus, .modal-content .md-user-integrat .form input[type=text]:read-only:focus, .modal-content .md-list-authentication .form input[type=text]:read-only:focus, #rePass .form input[type=text]:read-only:focus, #newEntry .form input[type=text]:read-only:focus, #signUp .form input[type=text]:read-only:focus,
.form-type02 .form input[type=email]:read-only:focus,
.modal-content .md-user-integrat .form input[type=email]:read-only:focus,
.modal-content .md-list-authentication .form input[type=email]:read-only:focus,
#rePass .form input[type=email]:read-only:focus,
#newEntry .form input[type=email]:read-only:focus,
#signUp .form input[type=email]:read-only:focus,
.form-type02 .form input[type=password]:read-only:focus,
.modal-content .md-user-integrat .form input[type=password]:read-only:focus,
.modal-content .md-list-authentication .form input[type=password]:read-only:focus,
#rePass .form input[type=password]:read-only:focus,
#newEntry .form input[type=password]:read-only:focus,
#signUp .form input[type=password]:read-only:focus, .input_code input[type=text]:read-only:focus, .form-dl01 dd input[type=text]:read-only:focus, .modal-content .md-user-2factor-mail dl dd input[type=text]:read-only:focus, .modal-content .md-login-code dl dd input[type=text]:read-only:focus, .modal-content .md-user-2factor dl dd input[type=text]:read-only:focus, .modal-content .md-user-service dl dd input[type=text]:read-only:focus, .modal-content .md-user-profile dl dd input[type=text]:read-only:focus, .modal-content .md-list-sort dl dd input[type=text]:read-only:focus, .modal-content .md-list-search dl dd input[type=text]:read-only:focus, .modal-content .md-new-excel dl dd input[type=text]:read-only:focus, .modal-content .md-new-ocr dl dd input[type=text]:read-only:focus, .modal-content .md-add-bank-csv dl dd input[type=text]:read-only:focus,
.form-dl01 dd input[type=date]:read-only:focus,
.modal-content .md-user-2factor-mail dl dd input[type=date]:read-only:focus,
.modal-content .md-login-code dl dd input[type=date]:read-only:focus,
.modal-content .md-user-2factor dl dd input[type=date]:read-only:focus,
.modal-content .md-user-service dl dd input[type=date]:read-only:focus,
.modal-content .md-user-profile dl dd input[type=date]:read-only:focus,
.modal-content .md-list-sort dl dd input[type=date]:read-only:focus,
.modal-content .md-list-search dl dd input[type=date]:read-only:focus,
.modal-content .md-new-excel dl dd input[type=date]:read-only:focus,
.modal-content .md-new-ocr dl dd input[type=date]:read-only:focus,
.modal-content .md-add-bank-csv dl dd input[type=date]:read-only:focus,
.form-dl01 dd input[type=password]:read-only:focus,
.modal-content .md-user-2factor-mail dl dd input[type=password]:read-only:focus,
.modal-content .md-login-code dl dd input[type=password]:read-only:focus,
.modal-content .md-user-2factor dl dd input[type=password]:read-only:focus,
.modal-content .md-user-service dl dd input[type=password]:read-only:focus,
.modal-content .md-user-profile dl dd input[type=password]:read-only:focus,
.modal-content .md-list-sort dl dd input[type=password]:read-only:focus,
.modal-content .md-list-search dl dd input[type=password]:read-only:focus,
.modal-content .md-new-excel dl dd input[type=password]:read-only:focus,
.modal-content .md-new-ocr dl dd input[type=password]:read-only:focus,
.modal-content .md-add-bank-csv dl dd input[type=password]:read-only:focus,
.form-dl01 dd input[type=email]:read-only:focus,
.modal-content .md-user-2factor-mail dl dd input[type=email]:read-only:focus,
.modal-content .md-login-code dl dd input[type=email]:read-only:focus,
.modal-content .md-user-2factor dl dd input[type=email]:read-only:focus,
.modal-content .md-user-service dl dd input[type=email]:read-only:focus,
.modal-content .md-user-profile dl dd input[type=email]:read-only:focus,
.modal-content .md-list-sort dl dd input[type=email]:read-only:focus,
.modal-content .md-list-search dl dd input[type=email]:read-only:focus,
.modal-content .md-new-excel dl dd input[type=email]:read-only:focus,
.modal-content .md-new-ocr dl dd input[type=email]:read-only:focus,
.modal-content .md-add-bank-csv dl dd input[type=email]:read-only:focus {
  background: #FFF;
}

.form-select {
  display: flex;
  align-items: center;
  position: relative;
  text-align: center;
}
.form-select::before {
  margin-left: 0.5em;
  font-size: 1.2em;
  line-height: 1em;
}
/*styleシート更新時コメントアウト*/
/* .form-select::after {
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "\e313";
  width: 3rem;
  height: 1em;
  font-size: 1.2em;
  line-height: 1em;
  z-index: 1;
} */
.form-select select {
  position: relative;
  cursor: pointer;
  padding: 0.5rem 3.6rem 0.5rem 0.5rem;
  z-index: 2;
}
.form-select select option {
  color: #000;
}
.form-select select option:hover {
  color: #FFF;
  background: rgb(71, 100, 84);
}

/* ====================
  dropdown
==================== */
.dropdown {
  display: flex;
  align-items: center;
  position: relative;
  text-align: center;
  z-index: 100;
}
.dropdown dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 3rem;
  padding: 0 4rem 0 0.5em;
  user-select: none;
  font-weight: 300;
  cursor: pointer;
}
.dropdown dt::before {
  margin-right: 0.5em;
  font-size: 1.5em;
  line-height: 3rem;
}
.dropdown dt::after {
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "\e313";
  width: 3rem;
  height: 1em;
  font-size: 1.5em;
  line-height: 1em;
  z-index: 1;
}
.dropdown dd {
  position: absolute;
  top: calc(100% + 0.5em);
  left: 1.5rem;
  width: 100%;
  background: rgb(71, 100, 84);
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
  border-radius: 0.8rem;
  overflow: hidden;
}
.dropdown dd a {
  display: block;
  width: 100%;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 2.4rem;
  text-align: left;
  padding: 0 0.8em;
  white-space: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.dropdown dd a:hover {
  background: rgb(135, 160, 146);
}
.dropdown dd a.active {
  font-weight: 500;
}
.dropdown dd a.add {
  font-weight: 500;
  color: rgb(135, 160, 146);
  border-bottom: none;
}
.dropdown.is-open dd {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s;
}

.group {
  display: none;
}
.group.active {
  display: block;
}

.file-upload {
  display: block;
  width: 100%;
  min-height: 6rem;
  border: 3px rgb(135, 160, 146) dotted;
  padding: 1.6rem 0.5rem 0;
  position: relative;
  border-radius: 0.8rem;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.file-upload.is-dragover {
  background: rgba(246, 244, 209, 0.5);
  border-color: rgb(220, 83, 28);
}
.file-upload input[type=file] {
  display: none;
}
.file-upload .file-btn {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0 1.6em 0 2.4em;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 3rem;
  height: 3rem;
  background: #333;
  border-radius: 3rem;
  border: none;
}
.file-upload .file-btn:hover {
  background: rgb(135, 160, 146);
}
.file-upload .file-btn::before {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  font-size: 1.5em;
  width: 2em;
}
.file-upload .file-text {
  display: block;
  padding: 0 0 1em;
  width: 100%;
  font-size: 1.1rem;
}
.file-upload .file-list {
  margin: 0 auto;
  padding: 0 0 0.8rem;
  width: fit-content;
  max-width: 90%;
}
.file-upload .file-list.is-empty {
  opacity: 0.5;
}
.file-upload .file-list li {
  display: block;
  padding: 0.8em 0 0;
  line-height: 1em;
  text-align: left;
  list-style: circle;
}
.file-upload .error-text {
  padding: 0 0 1em;
  font-size: 0.8rem;
  line-height: 1.4em;
  font-weight: 700;
  color: rgb(220, 83, 28);
  word-break: break-all;
}

.lbl-title {
  display: block;
  padding: 0 0.25em 0.5rem;
  font-size: 0.8rem;
  line-height: 1em;
  font-weight: 700;
}

.rdo-box, .modal-content .md-user-2factor-mail #user2factor, .modal-content .md-list-download #listDownload, .modal-content .md-list-sort #sortSelect, .modal-content .md-list-search #searchInOut {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1px;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.rdo-box input[type=radio], .modal-content .md-user-2factor-mail #user2factor input[type=radio], .modal-content .md-list-download #listDownload input[type=radio], .modal-content .md-list-sort #sortSelect input[type=radio], .modal-content .md-list-search #searchInOut input[type=radio] {
  display: none;
}
.rdo-box label, .modal-content .md-user-2factor-mail #user2factor label, .modal-content .md-list-download #listDownload label, .modal-content .md-list-sort #sortSelect label, .modal-content .md-list-search #searchInOut label {
  padding: 0 0.5rem;
  color: #FFF;
  line-height: 2.4rem;
  background: #333;
  text-align: center;
}
.rdo-box input[type=radio]:checked + label, .modal-content .md-user-2factor-mail #user2factor input[type=radio]:checked + label, .modal-content .md-list-download #listDownload input[type=radio]:checked + label, .modal-content .md-list-sort #sortSelect input[type=radio]:checked + label, .modal-content .md-list-search #searchInOut input[type=radio]:checked + label {
  background: rgb(135, 160, 146);
}

.form-1box label {
  padding: 0 0.5rem;
  width: 5rem;
  text-align: right;
}
.form-1box input[type=text] {
  width: 100%;
}

.form-2box input[type=date],
.form-2box input[type=text] {
  width: calc(50% - 2rem);
}
.form-2box span {
  font-size: 0.8rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.form-dl01, .modal-content .md-user-2factor-mail dl, .modal-content .md-login-code dl, .modal-content .md-user-2factor dl, .modal-content .md-user-service dl, .modal-content .md-user-profile dl, .modal-content .md-list-sort dl, .modal-content .md-list-search dl, .modal-content .md-new-excel dl, .modal-content .md-new-ocr dl, .modal-content .md-add-bank-csv dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 0;
  padding: 1.6rem 0;
  width: 100%;
}
.form-dl01 dt, .modal-content .md-user-2factor-mail dl dt, .modal-content .md-login-code dl dt, .modal-content .md-user-2factor dl dt, .modal-content .md-user-service dl dt, .modal-content .md-user-profile dl dt, .modal-content .md-list-sort dl dt, .modal-content .md-list-search dl dt, .modal-content .md-new-excel dl dt, .modal-content .md-new-ocr dl dt, .modal-content .md-add-bank-csv dl dt {
  padding: 0 0.8rem 0 0;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: right;
}
.form-dl01 dd, .modal-content .md-user-2factor-mail dl dd, .modal-content .md-login-code dl dd, .modal-content .md-user-2factor dl dd, .modal-content .md-user-service dl dd, .modal-content .md-user-profile dl dd, .modal-content .md-list-sort dl dd, .modal-content .md-list-search dl dd, .modal-content .md-new-excel dl dd, .modal-content .md-new-ocr dl dd, .modal-content .md-add-bank-csv dl dd {
  display: flex;
  align-items: center;
  padding: 0 0.8rem 0 0;
}
.form-dl01 dd select, .modal-content .md-user-2factor-mail dl dd select, .modal-content .md-login-code dl dd select, .modal-content .md-user-2factor dl dd select, .modal-content .md-user-service dl dd select, .modal-content .md-user-profile dl dd select, .modal-content .md-list-sort dl dd select, .modal-content .md-list-search dl dd select, .modal-content .md-new-excel dl dd select, .modal-content .md-new-ocr dl dd select, .modal-content .md-add-bank-csv dl dd select {
  display: block;
  font-size: 1.2rem;
  line-height: 1em;
  color: #000;
  background: transparent;
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  outline: none;
}
.form-dl01 dd select::placeholder, .modal-content .md-user-2factor-mail dl dd select::placeholder, .modal-content .md-login-code dl dd select::placeholder, .modal-content .md-user-2factor dl dd select::placeholder, .modal-content .md-user-service dl dd select::placeholder, .modal-content .md-user-profile dl dd select::placeholder, .modal-content .md-list-sort dl dd select::placeholder, .modal-content .md-list-search dl dd select::placeholder, .modal-content .md-new-excel dl dd select::placeholder, .modal-content .md-new-ocr dl dd select::placeholder, .modal-content .md-add-bank-csv dl dd select::placeholder {
  opacity: 0.4;
  transition: opacity 0.2s ease;
}
.form-dl01 dd select:focus, .modal-content .md-user-2factor-mail dl dd select:focus, .modal-content .md-login-code dl dd select:focus, .modal-content .md-user-2factor dl dd select:focus, .modal-content .md-user-service dl dd select:focus, .modal-content .md-user-profile dl dd select:focus, .modal-content .md-list-sort dl dd select:focus, .modal-content .md-list-search dl dd select:focus, .modal-content .md-new-excel dl dd select:focus, .modal-content .md-new-ocr dl dd select:focus, .modal-content .md-add-bank-csv dl dd select:focus {
  background: rgba(234, 206, 84, 0.05);
}
.form-dl01 dd select:focus::placeholder, .modal-content .md-user-2factor-mail dl dd select:focus::placeholder, .modal-content .md-login-code dl dd select:focus::placeholder, .modal-content .md-user-2factor dl dd select:focus::placeholder, .modal-content .md-user-service dl dd select:focus::placeholder, .modal-content .md-user-profile dl dd select:focus::placeholder, .modal-content .md-list-sort dl dd select:focus::placeholder, .modal-content .md-list-search dl dd select:focus::placeholder, .modal-content .md-new-excel dl dd select:focus::placeholder, .modal-content .md-new-ocr dl dd select:focus::placeholder, .modal-content .md-add-bank-csv dl dd select:focus::placeholder {
  opacity: 0;
}

.input_code {
  display: flex;
  justify-content: center;
  gap: 0.5rem 0.5rem;
  padding: 2rem 0;
  max-width: 100%;
}
.input_code input[type=text] {
  width: 3rem;
  font-size: 1.4rem;
  text-align: center !important;
}

h3 + .input_code {
  padding: 1rem 0 2rem;
}

.btn-base, .nav-main, .form-type02 .links button, .modal-content .md-user-integrat .links button, .modal-content .md-list-authentication .links button, #rePass .links button, #newEntry .links button, #signUp .links button {
  display: inline-block;
  margin: 0 auto;
  padding: 0 2em 0 2.5em;
  color: #333;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 3rem;
  border: 1px solid #333;
  border-radius: 0.5em;
  opacity: 1;
}
.btn-base:hover, .nav-main:hover, .form-type02 .links button:hover, .modal-content .md-user-integrat .links button:hover, .modal-content .md-list-authentication .links button:hover, #rePass .links button:hover, #newEntry .links button:hover, #signUp .links button:hover {
  color: rgb(134, 173, 67);
  border: 1px solid rgb(134, 173, 67);
}

.nav-main, .form-type02 .links button, .modal-content .md-user-integrat .links button, .modal-content .md-list-authentication .links button, #rePass .links button, #newEntry .links button, #signUp .links button {
  color: #FFF;
  background: rgb(134, 173, 67);
  border: 1px solid rgb(134, 173, 67);
}
.nav-main:hover, .form-type02 .links button:hover, .modal-content .md-user-integrat .links button:hover, .modal-content .md-list-authentication .links button:hover, #rePass .links button:hover, #newEntry .links button:hover, #signUp .links button:hover {
  color: #FFF;
  background: rgb(94, 119, 47);
  border: 1px solid rgb(94, 119, 47);
}
.nav-main:disabled, .form-type02 .links button:disabled, .modal-content .md-user-integrat .links button:disabled, .modal-content .md-list-authentication .links button:disabled, #rePass .links button:disabled, #newEntry .links button:disabled, #signUp .links button:disabled {
  background: #666;
  opacity: 0.5;
  cursor: not-allowed;
  border: 1px solid #666;
}
.nav-main:disabled:hover, .form-type02 .links button:disabled:hover, .modal-content .md-user-integrat .links button:disabled:hover, .modal-content .md-list-authentication .links button:disabled:hover, #rePass .links button:disabled:hover, #newEntry .links button:disabled:hover, #signUp .links button:disabled:hover {
  background: #666;
  opacity: 0.5;
  color: #FFF;
  cursor: not-allowed;
  border: 1px solid #666;
}

.select-type01, .modal-content .btns-select a, .modal-content .btns-select button, .modal-content .btns-select label, .form-type02 .links button, .modal-content .md-user-integrat .links button, .modal-content .md-list-authentication .links button, #rePass .links button, #newEntry .links button, #signUp .links button {
  display: inline-block;
  width: 75%;
  margin: 0 auto;
  padding: 0 2em 0 2.5em;
  font-size: 1.1rem;
  line-height: 3rem;
  color: #FFF;
}
.select-type01::after, .modal-content .btns-select a::after, .modal-content .btns-select button::after, .modal-content .btns-select label::after, .form-type02 .links button::after, .modal-content .md-user-integrat .links button::after, .modal-content .md-list-authentication .links button::after, #rePass .links button::after, #newEntry .links button::after, #signUp .links button::after {
  content: "\e5cc";
  right: 0;
  width: 1.2em;
  height: 1em;
  line-height: 1em;
  font-size: 1.5em;
  text-align: center;
}

.form-type, .form-type02, .modal-content .md-user-integrat, .modal-content .md-list-authentication, #rePass, #newEntry, #signUp, .form-type01, #loginBox, #code_2factor {
  position: relative;
  margin: 0 auto;
  width: 90%;
  background: #FFF;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.8rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.form-type01, #loginBox, #code_2factor {
  padding: 2.4rem 1.6rem 1.6rem;
  max-width: 460px;
}

.form-type02, .modal-content .md-user-integrat, .modal-content .md-list-authentication, #rePass, #newEntry, #signUp {
  padding: 8rem 2.4rem 1.6rem;
  max-width: 760px;
}
.form-type02 p, .modal-content .md-user-integrat p, .modal-content .md-list-authentication p, #rePass p, #newEntry p, #signUp p {
  display: block;
  margin: 0 auto;
  padding: 0 0 1.6em;
  width: fit-content;
  max-width: 85%;
  font-size: 1.2rem;
  line-height: 1.8em;
  text-align: left;
}
.form-type02 .step, .modal-content .md-user-integrat .step, .modal-content .md-list-authentication .step, #rePass .step, #newEntry .step, #signUp .step {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.form-type02 .step ol, .modal-content .md-user-integrat .step ol, .modal-content .md-list-authentication .step ol, #rePass .step ol, #newEntry .step ol, #signUp .step ol {
  display: flex;
}
.form-type02 .step ol li, .modal-content .md-user-integrat .step ol li, .modal-content .md-list-authentication .step ol li, #rePass .step ol li, #newEntry .step ol li, #signUp .step ol li {
  padding: 1.6em 0 0.8em;
  width: 25%;
  color: #333;
  font-size: 0.8rem;
  opacity: 0.5;
}
.form-type02 .step ol li.active, .modal-content .md-user-integrat .step ol li.active, .modal-content .md-list-authentication .step ol li.active, #rePass .step ol li.active, #newEntry .step ol li.active, #signUp .step ol li.active {
  opacity: 1;
  color: rgb(237, 146, 84);
  font-weight: 700;
}
.form-type02 .step ol li.done, .modal-content .md-user-integrat .step ol li.done, .modal-content .md-list-authentication .step ol li.done, #rePass .step ol li.done, #newEntry .step ol li.done, #signUp .step ol li.done {
  color: rgb(71, 100, 84);
  opacity: 1;
  font-weight: 700;
}
.form-type02 .step ol li::before, .modal-content .md-user-integrat .step ol li::before, .modal-content .md-list-authentication .step ol li::before, #rePass .step ol li::before, #newEntry .step ol li::before, #signUp .step ol li::before {
  display: block;
  margin: 0 auto 0.25rem;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.7rem;
  font-size: 1rem;
  font-weight: 100;
  border: 1px solid #333;
  border-radius: 50%;
}
.form-type02 .step ol li.active::before, .modal-content .md-user-integrat .step ol li.active::before, .modal-content .md-list-authentication .step ol li.active::before, #rePass .step ol li.active::before, #newEntry .step ol li.active::before, #signUp .step ol li.active::before {
  border: 1px solid rgb(237, 146, 84);
}
.form-type02 .step ol li.done::before, .modal-content .md-user-integrat .step ol li.done::before, .modal-content .md-list-authentication .step ol li.done::before, #rePass .step ol li.done::before, #newEntry .step ol li.done::before, #signUp .step ol li.done::before {
  border: 1px solid rgb(71, 100, 84);
}
.form-type02 .step ol li:nth-child(1)::before, .modal-content .md-user-integrat .step ol li:nth-child(1)::before, .modal-content .md-list-authentication .step ol li:nth-child(1)::before, #rePass .step ol li:nth-child(1)::before, #newEntry .step ol li:nth-child(1)::before, #signUp .step ol li:nth-child(1)::before {
  content: "1";
}
.form-type02 .step ol li:nth-child(2)::before, .modal-content .md-user-integrat .step ol li:nth-child(2)::before, .modal-content .md-list-authentication .step ol li:nth-child(2)::before, #rePass .step ol li:nth-child(2)::before, #newEntry .step ol li:nth-child(2)::before, #signUp .step ol li:nth-child(2)::before {
  content: "2";
}
.form-type02 .step ol li:nth-child(3)::before, .modal-content .md-user-integrat .step ol li:nth-child(3)::before, .modal-content .md-list-authentication .step ol li:nth-child(3)::before, #rePass .step ol li:nth-child(3)::before, #newEntry .step ol li:nth-child(3)::before, #signUp .step ol li:nth-child(3)::before {
  content: "3";
}
.form-type02 .step ol li:nth-child(4)::before, .modal-content .md-user-integrat .step ol li:nth-child(4)::before, .modal-content .md-list-authentication .step ol li:nth-child(4)::before, #rePass .step ol li:nth-child(4)::before, #newEntry .step ol li:nth-child(4)::before, #signUp .step ol li:nth-child(4)::before {
  content: "4";
}
.form-type02 .step ol li:nth-child(5)::before, .modal-content .md-user-integrat .step ol li:nth-child(5)::before, .modal-content .md-list-authentication .step ol li:nth-child(5)::before, #rePass .step ol li:nth-child(5)::before, #newEntry .step ol li:nth-child(5)::before, #signUp .step ol li:nth-child(5)::before {
  content: "5";
}
.form-type02 ul, .modal-content .md-user-integrat ul, .modal-content .md-list-authentication ul, #rePass ul, #newEntry ul, #signUp ul {
  display: block;
  margin: 0 auto;
  width: 90%;
  max-width: 480px;
  padding: 0 0 1.6rem;
}
.form-type02 ul li, .modal-content .md-user-integrat ul li, .modal-content .md-list-authentication ul li, #rePass ul li, #newEntry ul li, #signUp ul li {
  display: block;
}
.form-type02 .form li, .modal-content .md-user-integrat .form li, .modal-content .md-list-authentication .form li, #rePass .form li, #newEntry .form li, #signUp .form li {
  padding: 0 0 1rem;
  text-align: left;
}
.form-type02 .form input[type=text], .modal-content .md-user-integrat .form input[type=text], .modal-content .md-list-authentication .form input[type=text], #rePass .form input[type=text], #newEntry .form input[type=text], #signUp .form input[type=text],
.form-type02 .form input[type=email],
.modal-content .md-user-integrat .form input[type=email],
.modal-content .md-list-authentication .form input[type=email],
#rePass .form input[type=email],
#newEntry .form input[type=email],
#signUp .form input[type=email],
.form-type02 .form input[type=password],
.modal-content .md-user-integrat .form input[type=password],
.modal-content .md-list-authentication .form input[type=password],
#rePass .form input[type=password],
#newEntry .form input[type=password],
#signUp .form input[type=password] {
  width: 100%;
}
.form-type02 .form p, .modal-content .md-user-integrat .form p, .modal-content .md-list-authentication .form p, #rePass .form p, #newEntry .form p, #signUp .form p {
  font-size: 0.8rem;
}
.form-type02 .pass_wap, .modal-content .md-user-integrat .pass_wap, .modal-content .md-list-authentication .pass_wap, #rePass .pass_wap, #newEntry .pass_wap, #signUp .pass_wap {
  position: relative;
}
.form-type02 .pass_wap input[type=password], .modal-content .md-user-integrat .pass_wap input[type=password], .modal-content .md-list-authentication .pass_wap input[type=password], #rePass .pass_wap input[type=password], #newEntry .pass_wap input[type=password], #signUp .pass_wap input[type=password] {
  width: 100%;
}
.form-type02 .pass_wap .toggle_dsp, .modal-content .md-user-integrat .pass_wap .toggle_dsp, .modal-content .md-list-authentication .pass_wap .toggle_dsp, #rePass .pass_wap .toggle_dsp, #newEntry .pass_wap .toggle_dsp, #signUp .pass_wap .toggle_dsp {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 4rem;
  text-align: center;
  border: none;
  color: rgb(135, 160, 146);
  border-radius: 0.5rem;
  padding: 0.5rem 0;
  font-size: 0.8rem;
  line-height: 1em;
  font-weight: 500;
}
.form-type02 .links li, .modal-content .md-user-integrat .links li, .modal-content .md-list-authentication .links li, #rePass .links li, #newEntry .links li, #signUp .links li {
  padding: 0 0 0.5rem;
}
.form-type02 .links button, .modal-content .md-user-integrat .links button, .modal-content .md-list-authentication .links button, #rePass .links button, #newEntry .links button, #signUp .links button {
  width: 100%;
}
.form-type02 .notice p, .modal-content .md-user-integrat .notice p, .modal-content .md-list-authentication .notice p, #rePass .notice p, #newEntry .notice p, #signUp .notice p {
  margin: 0 auto;
  width: fit-content;
  max-width: 85%;
  color: #333;
  font-size: 0.9rem;
  text-align: left;
}
.form-type02 .btns, .modal-content .md-user-integrat .btns, .modal-content .md-list-authentication .btns, #rePass .btns, #newEntry .btns, #signUp .btns {
  padding: 1.6rem 0;
}

.label-check input[type=checkbox], .modal-content .md-user-send li input[type=checkbox], .modal-content .md-group-download li input[type=checkbox] {
  display: none;
}
.label-check label, .modal-content .md-user-send li label, .modal-content .md-group-download li label {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 0.5em;
  padding: 0.3rem 2.6rem 0.3rem 0.5rem;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 0.5em;
}
.label-check label:hover, .modal-content .md-user-send li label:hover, .modal-content .md-group-download li label:hover {
  background: #edece6;
}
.label-check label::before, .modal-content .md-user-send li label::before, .modal-content .md-group-download li label::before {
  font-size: 1.2em;
  line-height: 1em;
}
.label-check input[type=checkbox]:checked + label, .modal-content .md-user-send li input[type=checkbox]:checked + label, .modal-content .md-group-download li input[type=checkbox]:checked + label {
  color: #FFF;
  background: rgb(135, 160, 146);
  border: 1px solid rgb(135, 160, 146);
}
.label-check input[type=checkbox]:checked + label::after, .modal-content .md-user-send li input[type=checkbox]:checked + label::after, .modal-content .md-group-download li input[type=checkbox]:checked + label::after {
  right: 0;
  width: 2.6rem;
  text-align: center;
  font-size: 1.6rem;
}
.label-check input[type=checkbox]:checked + label:hover, .modal-content .md-user-send li input[type=checkbox]:checked + label:hover, .modal-content .md-group-download li input[type=checkbox]:checked + label:hover {
  background: rgb(71, 100, 84);
}

dl.status dt {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: left;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
dl.status dd {
  padding: 0.5rem 0 1.6rem;
}
dl.status dd button {
  position: relative;
  display: block;
  padding: 0.5rem;
  width: 100%;
  text-align: left;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.05);
}
dl.status dd button::after {
  right: 0;
  opacity: 0.25;
  width: 2rem;
  text-align: center;
}
dl.status dd button:hover {
  background: #edece6;
}
dl.status dd button:hover::after {
  opacity: 1;
}
dl.status dd button + button {
  margin: 0.25rem 0 0;
}

ul.invitation {
  margin: 0 auto 1.6rem;
  width: 75%;
}
ul.invitation li {
  padding: 0;
  text-align: left;
}
ul.invitation input[type=email],
ul.invitation textarea {
  width: 100%;
}
ul.invitation textarea {
  box-sizing: border-box;
  resize: none;
  height: 6rem;
  line-height: 1.6em;
}
ul.invitation label {
  display: block;
  padding: 1em 0 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: left;
}

#listMoveFolder {
  padding: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  max-height: calc(90vh - 9.8rem - 13rem);
  text-align: left;
  overflow-y: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, height 0.2s ease;
}
#listMoveFolder dt {
  padding: 2em 0 0.5em;
  font-size: 0.8rem;
  font-weight: 700;
}
#listMoveFolder dd {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.5rem;
  font-size: 1.1rem;
}
#listMoveFolder dd input[type=checkbox] {
  display: none;
}
#listMoveFolder dd label {
  display: flex;
  align-items: center;
  column-gap: 0.5em;
  padding: 0.3rem 0.8rem 0.3rem 0.5rem;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 0.5em;
}
#listMoveFolder dd label:hover {
  background: #edece6;
}
#listMoveFolder dd label::before {
  font-size: 1.2em;
  line-height: 1em;
}
#listMoveFolder dd input[type=checkbox]:checked + label {
  color: #FFF;
  background: rgb(135, 160, 146);
  border: 1px solid rgb(135, 160, 146);
}

#moveFolder:checked + label + #listMoveFolder {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow-y: auto;
}

.md-list, .modal-content .info-list, .modal-content .md-user-menu, .modal-content .md-group-menu, .modal-content .md-list-option, .modal-content .md-new-csv-select, .modal-content .md-new-excel-select, .modal-content .md-new-ocr-select, .modal-content .md-add-list {
  grid-row: 2/4;
  padding: 0 0 4rem;
}
.md-list ul, .modal-content .info-list ul, .modal-content .md-user-menu ul, .modal-content .md-group-menu ul, .modal-content .md-list-option ul, .modal-content .md-new-csv-select ul, .modal-content .md-new-excel-select ul, .modal-content .md-new-ocr-select ul, .modal-content .md-add-list ul {
  margin: 0 auto;
  border-top: 1px solid #ccc;
}
.md-list ul li, .modal-content .info-list ul li, .modal-content .md-user-menu ul li, .modal-content .md-group-menu ul li, .modal-content .md-list-option ul li, .modal-content .md-new-csv-select ul li, .modal-content .md-new-excel-select ul li, .modal-content .md-new-ocr-select ul li, .modal-content .md-add-list ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
.md-list ul li a, .modal-content .info-list ul li a, .modal-content .md-user-menu ul li a, .modal-content .md-group-menu ul li a, .modal-content .md-list-option ul li a, .modal-content .md-new-csv-select ul li a, .modal-content .md-new-excel-select ul li a, .modal-content .md-new-ocr-select ul li a, .modal-content .md-add-list ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.8rem 2.4rem 0.8rem 3.6rem;
  color: #000;
  text-align: left;
}
.md-list ul li a:hover, .modal-content .info-list ul li a:hover, .modal-content .md-user-menu ul li a:hover, .modal-content .md-group-menu ul li a:hover, .modal-content .md-list-option ul li a:hover, .modal-content .md-new-csv-select ul li a:hover, .modal-content .md-new-excel-select ul li a:hover, .modal-content .md-new-ocr-select ul li a:hover, .modal-content .md-add-list ul li a:hover {
  background: rgba(234, 206, 84, 0.05);
}
.md-list ul li a::before, .modal-content .info-list ul li a::before, .modal-content .md-user-menu ul li a::before, .modal-content .md-group-menu ul li a::before, .modal-content .md-list-option ul li a::before, .modal-content .md-new-csv-select ul li a::before, .modal-content .md-new-excel-select ul li a::before, .modal-content .md-new-ocr-select ul li a::before, .modal-content .md-add-list ul li a::before, .md-list ul li a::after, .modal-content .info-list ul li a::after, .modal-content .md-user-menu ul li a::after, .modal-content .md-group-menu ul li a::after, .modal-content .md-list-option ul li a::after, .modal-content .md-new-csv-select ul li a::after, .modal-content .md-new-excel-select ul li a::after, .modal-content .md-new-ocr-select ul li a::after, .modal-content .md-add-list ul li a::after {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 1em;
  line-height: 1em;
  text-align: center;
}
.md-list ul li a::before, .modal-content .info-list ul li a::before, .modal-content .md-user-menu ul li a::before, .modal-content .md-group-menu ul li a::before, .modal-content .md-list-option ul li a::before, .modal-content .md-new-csv-select ul li a::before, .modal-content .md-new-excel-select ul li a::before, .modal-content .md-new-ocr-select ul li a::before, .modal-content .md-add-list ul li a::before {
  left: 0;
  width: 3.6rem;
  font-size: 1.5em;
}
.md-list ul li a::after, .modal-content .info-list ul li a::after, .modal-content .md-user-menu ul li a::after, .modal-content .md-group-menu ul li a::after, .modal-content .md-list-option ul li a::after, .modal-content .md-new-csv-select ul li a::after, .modal-content .md-new-excel-select ul li a::after, .modal-content .md-new-ocr-select ul li a::after, .modal-content .md-add-list ul li a::after {
  content: "\e5e1";
  right: 0;
  width: 2.4rem;
  transition: width 0.2s ease;
}
.md-list ul li a:hover::after, .modal-content .info-list ul li a:hover::after, .modal-content .md-user-menu ul li a:hover::after, .modal-content .md-group-menu ul li a:hover::after, .modal-content .md-list-option ul li a:hover::after, .modal-content .md-new-csv-select ul li a:hover::after, .modal-content .md-new-excel-select ul li a:hover::after, .modal-content .md-new-ocr-select ul li a:hover::after, .modal-content .md-add-list ul li a:hover::after {
  width: 2rem;
}
.md-list p, .modal-content .info-list p, .modal-content .md-user-menu p, .modal-content .md-group-menu p, .modal-content .md-list-option p, .modal-content .md-new-csv-select p, .modal-content .md-new-excel-select p, .modal-content .md-new-ocr-select p, .modal-content .md-add-list p {
  display: block;
  margin: 0 auto;
  padding: 0 0 1.5em;
  width: fit-content;
  max-width: 85%;
  line-height: 1.8em;
  text-align: left;
}

.new {
  position: relative;
}
.new::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #dd456a;
  border-radius: 50%;
}

.wrapper-table {
  margin: 1.6rem auto;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.wrapper-table table {
  min-width: 100%;
  border-collapse: collapse;
}
.wrapper-table thead th {
  position: sticky;
  top: 0;
  padding: 0.5em 0;
  color: #FFF;
  font-size: 0.7rem;
  line-height: 1em;
  background: #333;
}
.wrapper-table thead th + th {
  border-left: 1px solid #FFF;
}
.wrapper-table tbody tr td {
  padding: 0.3rem 0.5rem;
  border-bottom: 1px solid #ccc;
}

.key-kana {
  display: flex;
  padding: 0.8rem 0;
  column-gap: 0.8rem;
  width: 100%;
}
.key-kana ol {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}
.key-kana ol li {
  padding: 1px;
  width: 20%;
}
.key-kana ol li label {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  color: #FFF;
  font-size: 1.2rem;
  background: #333;
  border-radius: 0.3rem;
}
.key-kana ol li label:hover {
  background: rgb(135, 160, 146);
}
.key-kana ol li label.active {
  background: rgb(71, 100, 84);
}
.key-kana ul {
  width: 50%;
  background: #e8e7e1;
  border-radius: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.key-kana ul li {
  border-bottom: 1px solid #FFF;
}
.key-kana ul li button {
  display: block;
  padding: 0 0.8rem;
  width: 100%;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: left;
}
.key-kana ul li button:hover {
  background: rgb(135, 160, 146);
}

ol.sortable-list {
  list-style: none;
  padding: 0;
  margin: 3rem 0 0;
  border-top: 1px solid #ccc;
}

.sortable-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 0.25rem;
  padding: 0.8rem 0.8rem 0.8rem 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1px;
  background: #fff;
  will-change: transform;
  transition: box-shadow 0.2s ease;
}
.sortable-item strong {
  padding: 0 0.5em 0 2.4em;
  flex: 1;
  font-size: 1rem;
  text-align: left;
  white-space: nowrap;
  margin-right: auto;
  overflow: hidden;
}
.sortable-item.is-animating {
  z-index: 5;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
.sortable-item:hover {
  background: rgba(234, 206, 84, 0.05);
}
.sortable-item button {
  appearance: none;
  padding: 0.5rem;
  height: 100%;
  line-height: 100%;
  color: #FFF;
  background: rgb(135, 160, 146);
  border-radius: 0.5em;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.sortable-item button:hover {
  background: rgb(71, 100, 84);
}
.sortable-item button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
dl.period {
  margin: 0 auto 1.6rem;
  width: fit-content;
}
dl.period dt {
  padding: 1.5em 0 0.5em;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: left;
}
dl.period dd input[type=date] {
  width: fit-content;
}
dl.period dd span {
  margin: 0 0.5em;
}
dl.period dd.comment {
  padding: 1.6rem 0 0;
  font-size: 1rem;
  line-height: 2em;
}

.check-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.6rem;
  border-top: 1px solid #ccc;
}
.check-list li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1px;
}
.check-list li input[type=checkbox] {
  display: none;
  visibility: hidden;
}
.check-list li input[type=checkbox] + label {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  padding: 0.8rem 0.8rem 0.8rem 2.4em;
  background: #fff;
}
.check-list li input[type=checkbox] + label strong {
  padding: 0 0.5em 0 0;
  font-size: 1rem;
  text-align: left;
  white-space: nowrap;
  margin-right: auto;
  overflow: hidden;
}
.check-list li input[type=checkbox] + label strong::before {
  font-size: 1.8em;
}
.check-list li input[type=checkbox] + label span {
  padding: 0.5rem;
  width: 6rem;
  height: 100%;
  line-height: 100%;
  color: #FFF;
  background: #ccc;
  border-radius: 0.5em;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.check-list li input[type=checkbox] + label span:hover {
  background: rgb(71, 100, 84);
}
.check-list li input[type=checkbox] + label span::before {
  content: "更新";
}
.check-list li input[type=checkbox] + label span::after {
  content: "しない";
}
.check-list li input[type=checkbox] + label:hover {
  background: rgba(234, 206, 84, 0.05);
}
.check-list li input[type=checkbox] + label:hover span {
  background: #333;
}
.check-list li input[type=checkbox]:checked + label span {
  background: rgb(135, 160, 146);
}
.check-list li input[type=checkbox]:checked + label span::after {
  content: "する";
}
.check-list li input[type=checkbox]:checked + label:hover span {
  background: rgb(71, 100, 84);
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100vw;
  height: 100vh;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  text-align: center;
}

.root_container {
  position: relative;
  color: #000;
  background: #edece6;
}
.root_container.home, .root_container.mydata, .root_container.help, .root_container.error {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 4rem 1fr 4rem;
}
.root_container.home.list-on, .root_container.home.modal-open, .root_container.mydata.list-on, .root_container.mydata.modal-open, .root_container.help.list-on, .root_container.help.modal-open, .root_container.error.list-on, .root_container.error.modal-open {
  overflow: hidden;
}

.sp {
  display: block;
}

.pc {
  display: none;
}

@media screen and (min-width: 960px) {
  .root_container.home, .root_container.mydata, .root_container.help, .root_container.error {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: 4rem 1fr;
    grid-template-rows: 4rem 1fr;
  }
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
}
em {
  font-style: normal;
}

a, button, label {
  cursor: pointer;
  transition: opacity 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.home main, .mydata main, .help main, .error main {
  grid-area: 2/1/3/2;
  overflow-x: hidden;
  overflow-y: auto;
}

@media screen and (min-width: 960px) {
  .home main, .mydata main, .help main, .error main {
    grid-area: 2/2/2/3;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 1vw;
  }
}
.hdr_global {
  grid-area: 1/1/2/2;
  display: grid;
  grid-template-columns: 1fr 4rem;
  grid-template-rows: 4rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.05);
  z-index: 100;
}
.hdr_global h1 {
  grid-area: 1/1/2/2;
  padding: 1rem 1.6rem;
  height: 4rem;
  line-height: 1em;
  text-align: left;
}
.hdr_global h1 img {
  width: auto;
  height: 2rem;
}
.hdr_global a, .hdr_global button {
  position: relative;
  width: 4rem;
  height: 4rem;
  color: rgb(71, 100, 84);
  text-align: center;
}
.hdr_global a::before, .hdr_global button::before {
  right: 0;
  left: 0;
  font-size: 2rem;
}
.hdr_global a:hover, .hdr_global button:hover {
  color: rgb(237, 146, 84);
}
.hdr_global a span, .hdr_global button span {
  display: none;
}
.hdr_global a.btn-bell, .hdr_global button.btn-bell {
  display: none;
}
.hdr_global a.btn-account, .hdr_global button.btn-account {
  grid-area: 1/2/2/3;
}

@media screen and (min-width: 960px) {
  .hdr_global {
    grid-area: 1/1/2/3;
    grid-template-columns: 1fr repeat(2, 4rem);
  }
  .hdr_global a.btn-bell, .hdr_global button.btn-bell {
    display: block;
    grid-area: 1/2/2/3;
  }
  .hdr_global a.btn-account, .hdr_global button.btn-account {
    grid-area: 1/3/2/4;
  }
}
.nav_main_menu {
  grid-area: 3/1/4/2;
  overflow-y: hidden;
  z-index: 50;
}
.nav_main_menu a, .nav_main_menu button {
  width: 25%;
}
.nav_main_menu a:hover, .nav_main_menu button:hover {
  background: rgb(71, 100, 84);
}
.nav_main_menu a span, .nav_main_menu button span {
  position: absolute;
  margin: auto;
  top: 2.7rem;
  right: 0;
  left: 0;
}

.home .nav_main_menu .btn-home,
.mydata .nav_main_menu .btn-data,
.help .nav_main_menu .btn-help,
.info .nav_main_menu .btn-bell {
  background: rgb(71, 100, 84);
}

@media screen and (min-width: 960px) {
  .nav_main_menu {
    grid-area: 2/1/3/2;
    padding: 0.8rem 0 0;
    flex-direction: column;
    row-gap: 1rem;
    overflow-y: auto;
  }
  .nav_main_menu a, .nav_main_menu button {
    width: 4rem;
  }
  .nav_main_menu a:hover, .nav_main_menu button:hover {
    background: rgb(135, 160, 146);
  }
  .nav_main_menu a:hover::before, .nav_main_menu button:hover::before {
    background: rgb(71, 100, 84);
  }
  .nav_main_menu a span, .nav_main_menu button span {
    position: relative;
    top: auto;
    font-size: 0.7rem;
    line-height: 1rem;
  }
  .nav_main_menu .btn-bell {
    display: none;
  }
  .home .nav_main_menu .btn-home,
  .mydata .nav_main_menu .btn-data,
  .help .nav_main_menu .btn-help,
  .info .nav_main_menu .btn-bell {
    background: rgb(135, 160, 146);
  }
  .home .nav_main_menu .btn-home::before,
  .mydata .nav_main_menu .btn-data::before,
  .help .nav_main_menu .btn-help::before,
  .info .nav_main_menu .btn-bell::before {
    background: rgb(71, 100, 84) !important;
  }
}
.info_invitation {
  display: block;
  position: fixed;
  margin: auto;
  padding: 0;
  right: 0;
  bottom: -6rem;
  left: 0;
  width: fit-content;
  max-width: 20rem;
  z-index: 90;
  transition: opacity 0.2s ease, left 0.2s ease;
  opacity: 0;
}
.info_invitation.active {
  bottom: 8rem;
  opacity: 1;
}
.info_invitation button {
  position: relative;
  padding: 0.8rem;
  width: 100%;
  color: #FFF;
  background: #dd456a;
  border-radius: 0.5rem;
}
.info_invitation button span {
  margin-left: 0.5em;
}
.info_invitation button span::after {
  content: " 件";
  font-size: 0.8em;
}
.info_invitation button:hover {
  background: #bf122b;
}
@media screen and (min-width: 960px) {
  .info_invitation {
    right: auto;
    bottom: 0.8rem;
    left: -20rem;
  }
  .info_invitation button {
    border-radius: 0;
  }
  .info_invitation.active {
    left: 0;
    bottom: 0.8rem;
  }
}

section.home_lists {
  position: relative;
  width: 100%;
}
section.home_lists h2 {
  position: sticky;
  top: 0;
  display: flex;
  color: #FFF;
  background: rgb(71, 100, 84);
  z-index: 100; /*
strong {
	display: none;
	padding: 0.8rem;
	&.active {
		display: inline-block;
	}
}*/
}
section.home_lists h2 select {
  padding: 0.8rem 3.6rem 0.8rem 0.8rem;
  color: #FFF;
  font-size: 1.1rem;
  border-right: 1px solid #bebdb7;
}
section.home_lists h2 select:hover {
  background: rgba(0, 0, 0, 0.05);
}
section.home_lists h2 select option {
  cursor: pointer;
}
section.home_lists h2 button {
  width: 3rem;
  color: #FFF;
}
section.home_lists h2 button:hover {
  background: rgba(0, 0, 0, 0.05);
}
section.home_lists h2 button.btn1st {
  border-left: 1px solid #bebdb7;
  margin-left: auto;
}
section.home_lists ul {
  padding: 0 0 5rem;
  display: block;
  width: 100%;
}
section.home_lists li {
  position: relative;
  display: block;
  width: 100%;
  color: #000;
  background: #FFF;
  list-style: none;
  border-bottom: 1px solid #e8e7e1;
}
section.home_lists li dl {
  padding: 0 3rem 0 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
section.home_lists li dt {
  position: relative;
  padding: 1rem 0 0.8rem 3rem;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.2em;
  text-align: left;
}
section.home_lists li dt::before {
  top: 1rem;
  left: 0;
  width: 3rem;
  font-size: 1.6rem;
  text-align: center;
}
section.home_lists li dd {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0.8rem 0.8rem;
  width: 100%;
  text-align: right;
}
section.home_lists li dd::before, section.home_lists li dd::after {
  font-size: 0.8rem;
  white-space: nowrap;
}
section.home_lists li dd::before {
  padding-right: 1em;
  color: rgb(71, 100, 84);
  content: "残高";
}
section.home_lists li dd::after {
  font-weight: 700;
}
section.home_lists li dd strong {
  color: #333;
  font-size: 1.4rem;
  font-weight: 300;
  height: 1em;
  line-height: 1em;
  font-family: "Roboto Condensed", "Noto Sans JP", sans-serif;
  opacity: 0.7;
}
section.home_lists li dd strong::before {
  content: "¥ ";
  font-size: 0.75em;
}
section.home_lists li .ctrl-list,
section.home_lists li .cover-list {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
section.home_lists li .ctrl-list::after {
  content: "\e5e1";
  right: 0;
  width: 3rem;
  height: 1em;
  font-size: 1.4rem;
  text-align: center;
  opacity: 0.7;
  transition: opacity 0.2s ease, width 0.2s ease;
}
section.home_lists li .ctrl-list:hover {
  background: rgba(234, 206, 84, 0.05);
}
section.home_lists li .ctrl-list:hover::after {
  opacity: 1;
  width: 2.8rem;
}
section.home_lists li .cover-list {
  cursor: not-allowed;
}
section.home_lists li .cover-list:hover {
  background: rgba(0, 0, 0, 0.05);
}
section.home_lists li .reboot {
  display: none;
  position: absolute;
  top: 0;
  right: 0.8rem;
  bottom: 0;
  margin: auto;
  padding: 2.6rem 0 0.5rem;
  width: 4rem;
  height: 4rem;
  color: #FFF;
  background: #dd456a;
  border-radius: 0.5rem;
}
section.home_lists li .reboot em {
  display: block;
  font-size: 0.7rem;
  font-weight: 500;
  font-style: normal;
}
section.home_lists li .reboot::before {
  content: "\e86a";
  display: block;
  position: absolute;
  top: 0.6rem;
  right: 0;
  left: 0;
  font-size: 2rem;
  height: 1em;
  line-height: 1em;
}
section.home_lists li .reboot:hover {
  background: #bf122b;
}
section.home_lists li.error dd::before, section.home_lists li.maintenance dd::before {
  content: "\e14b";
  font-size: 1.2em;
  padding-right: 0.25em;
}
section.home_lists li.error .ctrl-list, section.home_lists li.maintenance .ctrl-list {
  display: none;
  visibility: hidden;
  height: 0;
}
section.home_lists li.error {
  color: #FFF;
  background: #dd456a;
}
section.home_lists li.error dl {
  padding: 0 5rem 0 0;
}
section.home_lists li.error .reboot {
  display: block;
}
section.home_lists li.error dd::before, section.home_lists li.error dd::after {
  color: #FFF;
}
section.home_lists li.error dd::after {
  content: "接続を中断しました";
}
section.home_lists li.maintenance dd::before, section.home_lists li.maintenance dd::after {
  color: rgb(237, 146, 84);
}
section.home_lists li.maintenance dd::after {
  content: "只今メンテナンス中";
}
section.home_lists li.loading dd {
  justify-content: end;
}
section.home_lists li.loading dd::before {
  display: none;
}
section.home_lists #addNewList {
  display: block;
  position: fixed;
  margin: auto;
  right: 0;
  bottom: 4.8rem;
  left: 0;
  padding: 0;
  width: fit-content;
}
section.home_lists #addNewList button {
  position: relative;
  padding: 0.8rem 1.6rem 0.8rem 3.2rem;
  color: #edece6;
  font-size: 1.2rem;
  line-height: 1em;
  background: rgb(237, 146, 84);
  border-radius: 0.5em;
}
section.home_lists #addNewList button:hover {
  background: rgb(220, 83, 28);
}
section.home_lists #addNewList button::before {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2.4rem;
  height: 1em;
  font-size: 1.4em;
  line-height: 1em;
}

@media screen and (min-width: 760px) {
  section.home_lists li dt {
    padding: 2rem 0 2rem 3rem;
    width: calc(100% - 14rem);
  }
  section.home_lists li dt::before {
    top: 2rem;
    width: 3rem;
  }
  section.home_lists li dd {
    padding: 1rem 0 1rem 1rem;
    width: 14rem;
  }
  section.home_lists li dd strong {
    font-size: 1.8rem;
    width: 100%;
  }
  section.home_lists li.error dt {
    width: calc(100% - 12rem);
  }
  section.home_lists li.error dd {
    width: 12rem;
  }
}
@media screen and (min-width: 960px) {
  section.home_lists li dt {
    padding: 2rem 0 2rem 4rem;
    width: calc(100% - 18rem);
    font-size: 1.5rem;
  }
  section.home_lists li dt::before {
    top: 2rem;
    width: 4rem;
    font-size: 1.4em;
  }
  section.home_lists li dd {
    width: 18rem;
  }
  section.home_lists li dd::before, section.home_lists li dd::after {
    font-size: 1rem;
  }
  section.home_lists li dd strong {
    font-size: 2.2rem;
  }
  section.home_lists li.new::after {
    top: 0.5rem;
    left: 0.5rem;
  }
  section.home_lists li.error dt {
    width: calc(100% - 16rem);
  }
  section.home_lists li.error dd {
    width: 16rem;
  }
  section.home_lists #addNewList {
    bottom: 1rem;
    left: 4rem;
    padding: 0;
  }
}
.groups .group {
  display: none;
}
.groups .group.active {
  display: block;
}

.list-detail {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 100vw;
  margin: 0;
  padding: 0 4rem 0 0;
  width: 100vw;
  height: 100vh;
  background: #edece6;
  z-index: 100;
  transition: visibility 0.2s ease, left 0.3s ease;
  overflow: hidden;
}
.list-detail.active {
  visibility: visible;
  left: 0;
}
.list-detail header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0 0 1.6rem;
  z-index: 200;
}
.list-detail header .fc-title {
  position: relative;
  padding: 0.8rem 0.8rem 0.8rem 3rem;
}
.list-detail header .fc-title button {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 0 0 0 3rem;
  font-size: 0;
  text-align: left;
}
.list-detail header .fc-title button::before {
  content: "\e2ea";
  left: 0;
  width: 3rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 0 25% 25% 0;
}
.list-detail header .fc-title button:hover::before {
  background: #ccc;
}
.list-detail header .fc-title h2 {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
}
.list-detail header .fc-title p {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  width: 100%;
  height: 1em;
  font-size: 1.2rem;
  line-height: 1em;
}
.list-detail header .fc-title p::before {
  content: "¥";
  font-size: 0.8em;
  margin-right: 0.25em;
}
.list-detail header .list-signage {
  position: absolute;
  margin: auto;
  right: 0;
  bottom: -1.6rem;
  left: 0;
  display: flex;
  width: 100%;
}
.list-detail header .list-signage li {
  color: #edece6;
  background: #000;
  font-size: 0.8rem;
  line-height: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  transition: width 0.2s ease;
}
.list-detail header .list-signage li.th-cal {
  width: 8rem;
}
.list-detail header .list-signage li.th-summary {
  display: flex;
  align-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}
.list-detail header .list-signage li.th-summary strong {
  margin-left: 1em;
  margin-right: 1em;
  font-weight: 300;
}
.list-detail header .list-signage li.th-summary label {
  padding: 0;
  font-size: 1.2rem;
  line-height: 1em;
  height: 1em;
  transition: opacity 0.2s ease;
  color: #000;
  background: #edece6;
  border-radius: 50%;
}
.list-detail header .list-signage li.th-summary .rdo-sort-asc + label {
  margin-left: auto;
  padding: 0.1rem 0 0;
  opacity: 0.5;
}
.list-detail header .list-signage li.th-summary .rdo-sort-asc + label + strong + label {
  margin-right: auto;
  padding: 0 0 0.1rem;
  opacity: 1;
}
.list-detail header .list-signage li.th-summary .rdo-sort-asc:checked + label {
  opacity: 1;
}
.list-detail header .list-signage li.th-summary .rdo-sort-asc:checked + label + strong + label {
  opacity: 0.5;
}
.list-detail header .list-signage li.th-out {
  width: 0;
}
.list-detail header .list-signage li.th-in {
  width: 0;
}
.list-detail header .list-signage li.th-price {
  width: 0;
}
.list-detail header .list-signage li.th-balance {
  width: 0;
}
.list-detail header .list-signage li.th-hidden {
  width: 0;
}
.list-detail .inner-list {
  padding: 0 0 4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 5rem);
  overflow-x: hidden;
  overflow-y: auto;
}
.list-detail .inner-list ul {
  display: flex;
  flex-wrap: wrap;
}
.list-detail .inner-list ul::before, .list-detail .inner-list ul::after {
  width: 100%;
  content: attr(data-date);
  position: sticky;
  top: 0;
  left: 0;
  padding: 0 0.8rem;
  width: 100%;
  font-size: 1rem;
  text-align: left;
  background: #bebdb7;
  transition: padding 0.2s ease;
}
.list-detail .inner-list ul::before {
  display: block;
}
.list-detail .inner-list ul::after {
  display: none;
}
.list-detail .inner-list li {
  width: 100%;
}
.list-detail .inner-list dl {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.list-detail .inner-list dt, .list-detail .inner-list dd {
  font-size: 1.1rem;
  line-height: 1.2em;
  transition: width 0.2s ease, opacity 0.2s ease, padding 0.2s ease;
}
.list-detail .inner-list dt.list-summary {
  display: flex;
  justify-content: end;
  padding: 0;
  width: 100%;
}
.list-detail .inner-list dt.list-summary strong {
  margin: 0 auto 0 0;
  padding: 0.8rem;
  font-weight: 300;
  text-align: left;
}
.list-detail .inner-list dt.list-summary button {
  position: relative;
  width: fit-content;
  padding: 0;
  min-width: 3rem;
  height: 3rem;
  font-size: 0;
  text-align: center;
}
.list-detail .inner-list dt.list-summary button::before { /*
@extend .ic01;
right: 0; left: 0;*/
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif !important;
  padding: 0 0.8em;
  color: #edece6;
  line-height: 1.4rem;
  height: 1.4rem;
  font-size: 0.6rem;
  font-weight: 700;
  background: #333;
  border-radius: 0.5em;
  overflow: hidden;
}
.list-detail .inner-list dt.list-summary button:hover::before {
  background: rgb(71, 100, 84);
}
.list-detail .inner-list dt.list-summary button.ocr::before { /*
@extend .ic-pic;*/
  content: "元画像";
}
.list-detail .inner-list dt.list-summary button.memo {
  opacity: 0.25;
}
.list-detail .inner-list dt.list-summary button.memo:hover {
  opacity: 0.7;
}
.list-detail .inner-list dt.list-summary button.memo::before { /*
content: "\e0b7";*/
  content: "メモ";
}
.list-detail .inner-list dt.list-summary button.memo {
  /* ツールチップ（内容ありの時だけ表示） */
}
.list-detail .inner-list dt.list-summary button.memo.has-tooltip {
  color: rgb(220, 83, 28);
  opacity: 1;
}
.list-detail .inner-list dt.list-summary button.memo.has-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  top: -10%;
  right: 3.6rem; /*
transform: translateX(-25%);*/
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  padding: 0.5em 0.8em 0.75em;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  text-align: left;
  white-space: pre-wrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  width: max-content;
  max-width: 300px;
  z-index: 10;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
.list-detail .inner-list dt.list-summary button.memo.has-tooltip.has-tooltip:hover::after {
  opacity: 1;
}
.list-detail .inner-list dt.list-summary button + button {
  margin-right: 0.5rem;
}
.list-detail .inner-list dt.list-summary input[type=checkbox] {
  display: none;
}
.list-detail .inner-list dt.list-summary label.btn-swich {
  position: absolute;
  margin: auto;
  top: 0.8rem;
  left: 0.8rem;
  display: block;
  width: 3.4rem;
  height: 1.6rem;
  text-align: center;
  background: #666;
  border-radius: 0.5rem;
  transition: background 0.2s ease, opacity 0.2s ease;
  opacity: 0;
}
.list-detail .inner-list dt.list-summary label.btn-swich::before {
  content: "OFF";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2.4rem;
  height: 1.6rem;
  font-size: 0.8rem;
  font-weight: 700 !important;
  line-height: 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #666;
  background: #FFF;
  transition: left 0.2s ease, border 0.2s ease;
  font-family: "Roboto Condensed", sans-serif !important;
}
.list-detail .inner-list dt.list-summary input[type=checkbox]:checked + label {
  background: rgb(134, 173, 67);
}
.list-detail .inner-list dt.list-summary input[type=checkbox]:checked + label::before {
  left: calc(100% - 2.4rem);
  content: "ON";
  color: rgb(134, 173, 67);
  border: 1px solid rgb(134, 173, 67);
}
.list-detail .inner-list dd {
  line-height: 1.5em;
  text-align: right;
  font-family: "Roboto Condensed", sans-serif;
  overflow: hidden;
}
.list-detail .inner-list dd::before {
  font-size: 0.8em;
  margin-right: 0.25em;
}
.list-detail .inner-list dd.list-out {
  width: 0;
}
.list-detail .inner-list dd.list-out::before {
  content: "¥";
}
.list-detail .inner-list dd.list-in {
  width: 0;
}
.list-detail .inner-list dd.list-in::before {
  content: "¥";
}
.list-detail .inner-list dd.list-price {
  padding: 0 0.8rem 0.8rem;
  width: 100%;
  font-size: 1.4rem;
}
.list-detail .inner-list dd.list-price::before {
  content: "¥";
}
.list-detail .inner-list dd.list-price.out::before {
  content: "- ¥";
}
.list-detail .inner-list dd.list-balance {
  padding: 0 0.8rem;
  width: 100%;
  height: 0;
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
}
.list-detail .inner-list dd.list-balance::before {
  content: "残高 ¥";
}
.list-detail .inner-list dd.notext::before {
  display: none;
}
.list-detail .rdo-sort-asc,
.list-detail .rdo-sort-des {
  display: none;
}
.list-detail .rdo-sort-des:checked + .inner-list {
  flex-direction: column-reverse;
}
.list-detail .rdo-sort-des:checked + .inner-list ul {
  flex-direction: column-reverse;
}
.list-detail .rdo-sort-des:checked + .inner-list ul::before {
  display: none;
}
.list-detail .rdo-sort-des:checked + .inner-list ul::after {
  display: block;
}

.mode-search {
  display: none;
}

.cheack-search:checked + .mode-search {
  display: block;
}

.cheack-status:checked ~ header .mode-hidden {
  display: block;
}
.cheack-status:checked ~ header .th-summary {
  margin-left: 1px;
  width: calc(100% - 23rem) !important;
}
.cheack-status:checked ~ header .th-hidden {
  width: 5rem !important;
}

.cheack-status:checked ~ .inner-list .list-summary {
  padding: 0 0 0 5rem;
}
.cheack-status:checked ~ .inner-list .list-summary .btn-swich {
  opacity: 1;
}

.dsp-balance:checked ~ .inner-list .list-price {
  padding: 0 0.8rem 0.25rem;
}
.dsp-balance:checked ~ .inner-list .list-balance {
  padding: 0 0.8rem 0.5rem;
  height: auto;
}

.nav-list {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4rem;
  height: 100vh;
  padding: 0.8rem 0;
  flex-direction: column;
  row-gap: 1rem;
  overflow-y: auto;
}
.nav-list a, .nav-list button, .nav-list label {
  width: 4rem;
}
.nav-list a:hover::before, .nav-list button:hover::before, .nav-list label:hover::before {
  background: rgb(71, 100, 84);
}
.nav-list a span, .nav-list button span, .nav-list label span {
  line-height: 1rem;
}

@media screen and (min-width: 760px) {
  .list-detail header .fc-title {
    padding: 1.6rem 19.2rem 1.6rem 4rem;
  }
  .list-detail header .fc-title button {
    padding: 0 0 0 4rem;
  }
  .list-detail header .fc-title button::before {
    left: 0.4rem;
    width: 3.2rem;
    border-radius: 25%;
  }
  .list-detail header .fc-title h2 {
    font-size: 1.4rem;
    text-align: left;
  }
  .list-detail header .fc-title p {
    position: absolute;
    margin: auto;
    top: 0;
    right: 1.6rem;
    bottom: 0;
    width: 16rem;
    text-align: right;
    font-size: 2.4rem;
  }
  .list-detail header .list-signage li.th-summary {
    width: calc(100% - 18rem);
  }
  .list-detail header .list-signage li.th-price {
    margin-left: 1px;
    width: 18rem;
  }
  .list-detail .inner-list {
    padding: 0 0 4rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 8rem);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .list-detail .inner-list ul {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .list-detail .inner-list ul::before, .list-detail .inner-list ul::after {
    width: 100%;
    content: attr(data-date);
    position: sticky;
    top: 0;
    left: 0;
    padding: 0 0.8rem;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    background: #bebdb7;
    transition: padding 0.2s ease;
  }
  .list-detail .inner-list ul::before {
    display: block;
  }
  .list-detail .inner-list ul::after {
    display: none;
  }
  .list-detail .inner-list dl {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .list-detail .inner-list dt, .list-detail .inner-list dd {
    font-size: 1.25rem;
    line-height: 1.2em;
    border-bottom: 1px solid #bebdb7;
    transition: width 0.2s ease, opacity 0.2s ease, padding 0.2s ease;
  }
  .list-detail .inner-list dt.list-summary {
    padding: 0;
    width: calc(100% - 18rem);
  }
  .list-detail .inner-list dt.list-summary strong {
    font-weight: 300;
  }
  .list-detail .inner-list dd.list-price {
    padding: 0.8rem;
    width: 18rem;
    font-size: 1.7rem;
    line-height: 1.5rem;
  }
  .list-detail .inner-list dd.list-price::before {
    content: "¥";
    font-size: 0.8em;
    margin-right: 0.25em;
  }
  .list-detail .inner-list dd.list-balance {
    padding: 0.8rem 0;
    width: 0;
    font-size: 1.2rem;
    line-height: 1.5rem;
    opacity: 0;
  }
  .list-detail .inner-list dd.list-balance::before {
    content: "¥";
    font-size: 0.8em;
    margin-right: 0.25em;
  }
  .list-detail .rdo-sort-asc,
  .list-detail .rdo-sort-des {
    display: none;
  }
  .list-detail .rdo-sort-des:checked + .inner-list {
    flex-direction: column-reverse;
  }
  .list-detail .rdo-sort-des:checked + .inner-list ul {
    flex-direction: column-reverse;
  }
  .list-detail .rdo-sort-des:checked + .inner-list ul::before {
    display: none;
  }
  .list-detail .rdo-sort-des:checked + .inner-list ul::after {
    display: block;
  }
  .dsp-balance:checked ~ header .th-summary {
    width: calc(100% - 28rem) !important;
  }
  .dsp-balance:checked ~ header .th-balance {
    margin-left: 1px;
    width: 10rem !important;
  }
  .dsp-balance:checked ~ .inner-list .list-summary {
    width: calc(100% - 28rem);
  }
  .dsp-balance:checked ~ .inner-list .list-price {
    padding: 0.8rem;
  }
  .dsp-balance:checked ~ .inner-list .list-balance {
    padding: 0.8rem;
    width: 10rem;
    opacity: 1;
  }
  .cheack-status:checked + .dsp-balance:checked ~ header .th-summary {
    width: calc(100% - 33rem) !important;
  }
  .nav-list {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4rem;
    height: 100vh;
    padding: 0.8rem 0;
    flex-direction: column;
    row-gap: 1rem;
    overflow-y: auto;
  }
  .nav-list a, .nav-list button, .nav-list label {
    width: 4rem;
  }
  .nav-list a:hover::before, .nav-list button:hover::before, .nav-list label:hover::before {
    background: rgb(71, 100, 84);
  }
  .nav-list a span, .nav-list button span, .nav-list label span {
    line-height: 1rem;
  }
}
@media screen and (min-width: 1280px) {
  .list-detail {
    transition: visibility 0, left 0;
  }
  .list-detail header .list-signage li.th-summary {
    width: calc(100% - 45rem);
  }
  .list-detail header .list-signage li.th-out {
    margin-left: 1px;
    width: 15rem;
  }
  .list-detail header .list-signage li.th-in {
    margin-left: 1px;
    width: 15rem;
  }
  .list-detail header .list-signage li.th-price {
    margin-left: 0;
    width: 0;
  }
  .list-detail header .list-signage li.th-balance {
    margin-left: 1px;
    width: 15rem;
  }
  .list-detail header .list-signage li.th-hidden {
    width: 0;
  }
  .list-detail .inner-list dt.list-summary {
    width: calc(100% - 45rem);
  }
  .list-detail .inner-list dd.list-out {
    padding: 0.8rem;
    width: 15rem;
    font-size: 1.7rem;
    line-height: 1.5rem;
  }
  .list-detail .inner-list dd.list-in {
    padding: 0.8rem;
    width: 15rem;
    font-size: 1.7rem;
    line-height: 1.5rem;
  }
  .list-detail .inner-list dd.list-price {
    padding: 0.8rem 0;
    width: 0;
  }
  .list-detail .inner-list dd.list-price.out::before {
    display: none;
  }
  .list-detail .inner-list dd.list-balance {
    padding: 0.8rem;
    width: 15rem;
    font-size: 1.7rem;
    height: auto;
    opacity: 1;
  }
  .nav-list .btn-yen {
    display: none;
  }
  .cheack-status:checked ~ header .mode-hidden {
    display: block;
  }
  .cheack-status:checked ~ header .th-summary {
    margin-left: 1px;
    width: calc(100% - 50rem) !important;
  }
  .dsp-balance:checked ~ header .th-summary {
    width: calc(100% - 45rem) !important;
  }
  .dsp-balance:checked ~ header .th-balance {
    margin-left: 1px;
    width: 15rem !important;
  }
  .dsp-balance:checked ~ .inner-list .list-summary {
    width: calc(100% - 45rem);
  }
  .dsp-balance:checked ~ .inner-list .list-price {
    padding: 0.8rem 0;
    width: 0;
  }
  .dsp-balance:checked ~ .inner-list .list-balance {
    padding: 0.8rem;
    width: 15rem;
  }
  .cheack-status:checked + .dsp-balance:checked ~ header .th-summary {
    width: calc(100% - 45rem) !important;
  }
  .cheack-status:checked + .dsp-balance:checked ~ .inner-list .list-summary {
    width: calc(100% - 45rem);
  }
}
/* メモ用モーダル */
.memo-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 999;
}
.memo-overlay.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.memo-overlay .memobox {
  position: fixed;
  margin: auto;
  top: 5vh;
  left: 0;
  right: 0;
  bottom: auto;
  padding: 1rem;
  width: 80%;
  max-width: 400px;
  height: auto;
  background: #FFF;
  border-radius: 0.8rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.4);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  z-index: 1000;
}
.memo-overlay .memobox textarea {
  width: 100%;
  height: 8rem;
  font-size: 1rem;
  padding: 0.5em;
  border-radius: 5px;
  border: 1px solid #ccc;
  resize: none;
  font-family: "Noto Sans JP", sans-serif;
  outline: none;
}
.memo-overlay .memobox textarea:focus {
  background: #edece6;
}
.memo-overlay .memobox nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}
.memo-overlay .memobox nav button {
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
}
.memo-overlay .memobox .memo-close {
  display: block;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
  padding: 0.5rem;
  border: none;
  color: #333;
  font-size: 1.6rem;
  line-height: 1em;
  background: #FFF;
  border-radius: 50%;
  cursor: pointer;
}
.memo-overlay .memobox .memo-close:hover {
  color: rgb(135, 160, 146);
}
.memo-overlay .memobox #btnUpdate {
  margin: 0 auto;
  width: 75%;
  background: #333;
  color: #FFF;
}
.memo-overlay .memobox #btnUpdate:hover {
  background: rgb(135, 160, 146);
}
.memo-overlay.show {
  opacity: 1;
  visibility: visible;
}
.memo-overlay.show .memobox {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.edit_ocr {
  position: fixed;
  top: 100vh;
  right: 0;
  left: 0;
  margin: 0;
  padding: 3rem 1rem 1rem;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 100;
  overflow-x: auto;
  transition: top 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}
.edit_ocr.active {
  top: 0;
  opacity: 1;
}
.edit_ocr .close-ocr {
  display: block;
  position: fixed;
  margin: auto;
  top: -3rem;
  right: 0;
  color: #FFF;
  width: 3rem;
  height: 3rem;
  font-size: 2.4rem;
  line-height: 3rem;
  opacity: 0.8;
  transition: top 0.2s ease;
}
.edit_ocr .close-ocr:hover {
  opacity: 1;
}
.edit_ocr.active {
  top: 0;
  opacity: 1;
}
.edit_ocr.active .close-ocr {
  top: 0;
}

#ocrContainer {
  position: relative;
  display: flex;
  column-gap: 1rem;
  width: fit-content;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
#ocrContainer.single {
  justify-content: center;
}
#ocrContainer section {
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0.8rem;
  background: #FFF;
  box-shadow: 0 0.25rem 0.8rem rgba(0, 0, 0, 0.05);
}
#ocrContainer .ocr_viewer {
  display: flex;
  flex-direction: column;
  width: 85vw;
  max-width: 40rem;
}
#ocrContainer .ocr_viewer #dspImage {
  font-size: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
#ocrContainer .ocr_viewer #dspImage img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
#ocrContainer .ocr_viewer #dspImage img.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
#ocrContainer .ocr_viewer #thumbnails {
  margin: auto 0 0;
  border-top: 1px solid rgb(71, 100, 84);
  max-height: 13.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
#ocrContainer .ocr_viewer #thumbnails li {
  margin: 0;
  padding: 0;
  display: flex;
  border-bottom: 1px dotted rgb(71, 100, 84);
}
#ocrContainer .ocr_viewer #thumbnails button.thum {
  display: flex;
  padding: 0 0.8rem;
  width: calc(100% - 3rem);
  height: 3rem;
  line-height: 3rem;
  white-space: nowrap;
  overflow: hidden;
}
#ocrContainer .ocr_viewer #thumbnails button.thum.active, #ocrContainer .ocr_viewer #thumbnails button.thum:hover {
  background: #edece6;
}
#ocrContainer .ocr_viewer #thumbnails button.thum::before {
  margin-right: 0.8rem;
  font-size: 1.4em;
}
#ocrContainer .ocr_viewer #thumbnails button.thum span {
  margin-left: auto;
  font-size: 0.8rem;
}
#ocrContainer .ocr_viewer #thumbnails button.del {
  width: 3rem;
  height: 3rem;
  color: #FFF;
  font-size: 1.6rem;
  background: rgb(135, 160, 146);
}
#ocrContainer .ocr_viewer #thumbnails button.del:hover {
  background: rgb(71, 100, 84);
}
#ocrContainer #ocrEditBox {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 40rem;
}
#ocrContainer #ocrEditBox .item-wrapper {
  margin: auto 0 0;
  border-top: 1px solid rgb(71, 100, 84);
  min-height: 10rem;
  max-height: 11.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
#ocrContainer #ocrEditBox .table-wrapper {
  position: relative;
  width: fit-content;
  min-width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
#ocrContainer #ocrEditBox .table-wrapper input[type=checkbox].edit {
  display: none;
}
#ocrContainer #ocrEditBox table {
  display: none;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
}
#ocrContainer #ocrEditBox table.active {
  display: block;
}
#ocrContainer #ocrEditBox table .check_del {
  display: block;
  width: 0;
  overflow: hidden;
  transition: opacity 0.2s ease, width 0.2s ease;
}
#ocrContainer #ocrEditBox caption {
  display: flex;
  font-weight: 500;
}
#ocrContainer #ocrEditBox caption strong {
  padding: 0 0.8rem;
  color: #000;
  max-width: 50%;
  font-size: 1rem;
  line-height: 3rem;
  font-weight: 300;
  text-align: left;
  overflow: hidden;
}
#ocrContainer #ocrEditBox caption button, #ocrContainer #ocrEditBox caption label {
  color: rgb(135, 160, 146);
  font-size: 0.8rem;
  line-height: 3rem;
  height: 3rem;
  text-align: center;
  overflow: hidden;
  transition: opacity 0.2s ease, width 0.2s ease;
}
#ocrContainer #ocrEditBox caption label:hover {
  color: rgb(71, 100, 84);
}
#ocrContainer #ocrEditBox caption button.trg_del {
  margin: 0;
  font-size: 1.6rem;
  width: 0;
  opacity: 0;
}
#ocrContainer #ocrEditBox caption button.trg_del:hover {
  color: rgb(220, 83, 28);
}
#ocrContainer #ocrEditBox caption label.trg_on {
  margin: 0;
  width: 3rem;
}
#ocrContainer #ocrEditBox caption label.trg_off {
  margin: 0 0 0 auto;
  width: 0;
  opacity: 0;
}
#ocrContainer #ocrEditBox input[type=checkbox].edit:checked + table caption button.trg_del {
  display: inline-flex;
  opacity: 1;
  width: 3rem;
}
#ocrContainer #ocrEditBox input[type=checkbox].edit:checked + table caption label.trg_on {
  width: 0;
  opacity: 0;
}
#ocrContainer #ocrEditBox input[type=checkbox].edit:checked + table caption label.trg_off {
  display: inline-flex;
  opacity: 1;
  width: auto;
}
#ocrContainer #ocrEditBox input[type=checkbox].edit:checked + table .check_del {
  display: table-cell;
  width: 3rem;
}
#ocrContainer #ocrEditBox thead {
  color: #FFF;
  font-size: 0.8rem;
}
#ocrContainer #ocrEditBox thead th {
  vertical-align: middle;
  white-space: nowrap;
  position: sticky;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  z-index: 1;
}
#ocrContainer #ocrEditBox thead th:first-child {
  left: 0;
  z-index: 2;
}
#ocrContainer #ocrEditBox thead th.check_del {
  background: none;
}
#ocrContainer #ocrEditBox thead th.check_del input[type=checkbox] {
  display: none !important;
}
#ocrContainer #ocrEditBox thead th.check_del input[type=checkbox] + label {
  margin: auto;
  padding: 0 0.25em;
  font-size: 0.7rem;
  line-height: 1em;
  font-weight: 700;
  outline: none;
  color: #FFF;
  background: rgb(135, 160, 146);
  border: none;
  border-radius: 0.5em;
}
#ocrContainer #ocrEditBox thead th.check_del input[type=checkbox] + label::before {
  content: "全選択";
}
#ocrContainer #ocrEditBox thead th.check_del input[type=checkbox] + label:hover {
  background: rgb(71, 100, 84);
}
#ocrContainer #ocrEditBox thead th.check_del input[type=checkbox]:checked + label::before {
  content: "クリア";
}
#ocrContainer #ocrEditBox thead th + th {
  border-left: 1px solid #FFF;
}
#ocrContainer #ocrEditBox tbody td {
  vertical-align: middle;
  white-space: nowrap;
  border-top: 1px dotted rgba(0, 0, 0, 0.4);
}
#ocrContainer #ocrEditBox tbody td input[type=text],
#ocrContainer #ocrEditBox tbody td input[type=date] {
  margin: 0;
  padding: 0 0.5rem;
  width: 100%;
  color: #000;
  font-size: 1rem;
  line-height: 2rem;
  text-align: right;
  outline: none;
  border: none;
  background: transparent;
}
#ocrContainer #ocrEditBox tbody td input[type=text]:focus,
#ocrContainer #ocrEditBox tbody td input[type=date]:focus {
  background: rgba(246, 244, 209, 0.5);
}
#ocrContainer #ocrEditBox tbody td button {
  width: 3rem;
  color: #333;
}
#ocrContainer #ocrEditBox tbody td button::before {
  font-size: 1.2em;
}
#ocrContainer #ocrEditBox tbody td button:hover {
  color: rgb(220, 83, 28);
}
#ocrContainer #ocrEditBox tbody tr:first-child td {
  border-top: none;
}
/*styleシート更新時コメントアウト*/
/* #ocrContainer #ocrEditBox tbody tr td:nth-child(1) {
  width: 6rem;
  text-align: left;
}
#ocrContainer #ocrEditBox tbody tr td:nth-child(1) input[type=date] {
  font-size: 0.8rem;
  text-align: left;
}
#ocrContainer #ocrEditBox tbody tr td:nth-child(2) {
  display: flex;
  flex-direction: column;
  min-width: 8rem;
}
#ocrContainer #ocrEditBox tbody tr td:nth-child(2) input[type=text] {
  text-align: left;
}
#ocrContainer #ocrEditBox tbody tr td:nth-child(2) input[type=text].sub {
  border-top: 1px dotted #CCC;
  font-size: 0.7rem;
  line-height: 1.4em;
}
#ocrContainer #ocrEditBox tbody tr td:nth-child(3),
#ocrContainer #ocrEditBox tbody tr td:nth-child(4) {
  width: 7rem;
}
#ocrContainer #ocrEditBox tbody tr td:nth-child(5) {
  width: 7rem;
  background: rgba(0, 0, 0, 0.05);
}
*/
#ocrContainer #ocrEditBox tbody tr {
  /*
  td:nth-child(6) {
  	width: 3rem;
  }*/
}
#ocrContainer #ocrEditBox button {
  display: flex;
  justify-content: center;
  column-gap: 0.8em;
}
#ocrContainer #ocrEditBox #addTr {
  padding: 0;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  color: #edece6;
  background: rgba(0, 0, 0, 0.4);
}
#ocrContainer #ocrEditBox #addTr::before {
  font-size: 1.4em;
}
#ocrContainer #ocrEditBox #addTr:hover {
  background: rgb(71, 100, 84);
}
#ocrContainer #ocrEditBox #uploadOcr {
  margin: 1.6rem auto 0.8rem;
  width: 75%;
  height: 4rem;
  color: #edece6;
  font-size: 1.2rem;
  line-height: 4rem;
  background: rgb(135, 160, 146);
  border-radius: 0.5em;
  overflow: hidden;
}
#ocrContainer #ocrEditBox #uploadOcr::before {
  font-size: 1.4em;
}
#ocrContainer #ocrEditBox #uploadOcr:hover {
  background: rgb(237, 146, 84);
}
#ocrContainer #ocrEditBox #uploadOcr + p {
  margin: 0 auto;
  width: 90%;
  max-width: 760px;
  color: rgb(135, 160, 146);
  font-size: 0.8rem;
  line-height: 1.2em;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #ocrContainer section {
    flex-shrink: inherit;
    width: 50%;
    min-width: 40rem;
  }
  #ocrContainer .ocr_viewer {
    width: 50%;
  }
  #ocrContainer #ocrEditBox {
    width: fit-content;
    max-width: none;
    min-width: 40rem;
  }
}

.layout-type01, .page_help,
.page_mydata,
.page_404 {
  padding: 0 0 3rem;
}
.layout-type01 .title, .page_help .title,
.page_mydata .title,
.page_404 .title {
  display: block;
  width: 100%;
  color: #FFF;
  background: linear-gradient(125deg, rgb(0, 140, 174), rgb(30, 165, 148));
}
.layout-type01 .title h2, .page_help .title h2,
.page_mydata .title h2,
.page_404 .title h2 {
  padding: 2.5em 0;
  font-size: 2rem;
  line-height: 1em;
  font-weight: 500;
}
.layout-type01 section, .page_help section,
.page_mydata section,
.page_404 section {
  position: relative;
  margin: 1.6rem auto 0;
  padding: 0 0.8rem 3rem;
  width: calc(100% - 1.6rem);
  color: #000;
  background: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.8rem rgba(0, 0, 0, 0.05);
  transition: opacity 0.2s ease;
}
.layout-type01 section.disabled, .page_help section.disabled,
.page_mydata section.disabled,
.page_404 section.disabled {
  opacity: 0.5;
}
.layout-type01 section:hover, .page_help section:hover,
.page_mydata section:hover,
.page_404 section:hover {
  opacity: 1;
}
.layout-type01 section header, .page_help section header,
.page_mydata section header,
.page_404 section header {
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding: 0.8rem 0 0;
  width: 100%;
  transition: padding 0.2s ease;
}
.layout-type01 section header h3, .page_help section header h3,
.page_mydata section header h3,
.page_404 section header h3 {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: auto;
  padding: 0 1.5rem 0 0;
  height: 3rem;
  text-align: left;
  font-size: 1.4rem;
  line-height: 3rem;
  font-weight: 500;
  overflow: hidden;
}
.layout-type01 section header h3::before, .page_help section header h3::before,
.page_mydata section header h3::before,
.page_404 section header h3::before {
  margin-right: 0.25em;
  font-size: 1.4em;
  line-height: 1em;
}
.layout-type01 section header a, .page_help section header a,
.page_mydata section header a,
.page_404 section header a, .layout-type01 section header button, .page_help section header button,
.page_mydata section header button,
.page_404 section header button, .layout-type01 section header label, .page_help section header label,
.page_mydata section header label,
.page_404 section header label {
  display: block;
  width: 3rem;
  height: 3rem;
  color: #333;
  font-size: 1.6rem;
  line-height: 3rem;
  transition: font-size 0.2s ease;
}
.layout-type01 section header a:hover, .page_help section header a:hover,
.page_mydata section header a:hover,
.page_404 section header a:hover, .layout-type01 section header button:hover, .page_help section header button:hover,
.page_mydata section header button:hover,
.page_404 section header button:hover, .layout-type01 section header label:hover, .page_help section header label:hover,
.page_mydata section header label:hover,
.page_404 section header label:hover {
  color: rgb(0, 140, 174);
  font-size: 2rem;
}
.layout-type01 section header a.btn1st, .page_help section header a.btn1st,
.page_mydata section header a.btn1st,
.page_404 section header a.btn1st, .layout-type01 section header button.btn1st, .page_help section header button.btn1st,
.page_mydata section header button.btn1st,
.page_404 section header button.btn1st, .layout-type01 section header label.btn1st, .page_help section header label.btn1st,
.page_mydata section header label.btn1st,
.page_404 section header label.btn1st {
  margin-left: auto;
}
.layout-type01 .toggle, .page_help .toggle,
.page_mydata .toggle,
.page_404 .toggle {
  display: none;
  visibility: hidden;
}
.layout-type01 .group, .page_help .group,
.page_mydata .group,
.page_404 .group {
  display: flex;
  flex-wrap: wrap;
  margin: 1.6rem auto -0.8rem;
  transition: margin 0.2s ease, height 0.2s ease;
}
.layout-type01 .group dl, .page_help .group dl,
.page_mydata .group dl,
.page_404 .group dl {
  position: relative;
  margin: 0;
  width: 100%;
  height: 0;
  border-radius: 0.8rem;
  overflow: hidden;
}
.layout-type01 .group dt, .page_help .group dt,
.page_mydata .group dt,
.page_404 .group dt {
  padding: 0 0 0.8rem;
  font-size: 1.2rem;
}
.layout-type01 .group dt::before, .page_help .group dt::before,
.page_mydata .group dt::before,
.page_404 .group dt::before {
  display: block;
  padding: 1.6rem 0 0;
  width: 100%;
  font-size: 2.4rem;
}
.layout-type01 .group dd, .page_help .group dd,
.page_mydata .group dd,
.page_404 .group dd {
  padding: 0 0 1.6rem;
}
.layout-type01 .group dd p, .page_help .group dd p,
.page_mydata .group dd p,
.page_404 .group dd p {
  font-size: 0.8rem;
  font-weight: 300;
  color: rgb(237, 146, 84);
}
.layout-type01 .group dd.btns, .page_help .group dd.btns,
.page_mydata .group dd.btns,
.page_404 .group dd.btns {
  padding: 0.8rem 0 1.6rem;
  display: flex;
  justify-content: center;
}
.layout-type01 .group dd.btns a, .page_help .group dd.btns a,
.page_mydata .group dd.btns a,
.page_404 .group dd.btns a, .layout-type01 .group dd.btns button, .page_help .group dd.btns button,
.page_mydata .group dd.btns button,
.page_404 .group dd.btns button {
  margin: 0 0.5rem;
  font-size: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #FFF;
  background: #ccc;
  border-radius: 50%;
}
.layout-type01 .group dd.btns a:hover, .page_help .group dd.btns a:hover,
.page_mydata .group dd.btns a:hover,
.page_404 .group dd.btns a:hover, .layout-type01 .group dd.btns button:hover, .page_help .group dd.btns button:hover,
.page_mydata .group dd.btns button:hover,
.page_404 .group dd.btns button:hover {
  background: rgb(0, 140, 174);
}
.layout-type01 .group #checkStatusShare, .page_help .group #checkStatusShare,
.page_mydata .group #checkStatusShare,
.page_404 .group #checkStatusShare {
  display: none;
}
.layout-type01 .group #checkStatusShare + .status-share, .page_help .group #checkStatusShare + .status-share,
.page_mydata .group #checkStatusShare + .status-share,
.page_404 .group #checkStatusShare + .status-share {
  display: none;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  width: fit-content;
  max-width: 26rem;
  height: 2.6rem;
  padding: 0.8rem 0.8rem 0.8rem 2.6rem;
  font-size: 0.8rem;
  border-radius: 0.5em;
}
.layout-type01 .group #checkStatusShare + .status-share::before, .page_help .group #checkStatusShare + .status-share::before,
.page_mydata .group #checkStatusShare + .status-share::before,
.page_404 .group #checkStatusShare + .status-share::before {
  bottom: 0;
  font-size: 2rem;
  width: 2.6rem;
  height: 1em;
  line-height: 1em;
}
.layout-type01 .group #checkStatusShare + .status-share strong, .page_help .group #checkStatusShare + .status-share strong,
.page_mydata .group #checkStatusShare + .status-share strong,
.page_404 .group #checkStatusShare + .status-share strong {
  font-weight: 500;
  text-align: left;
}
.layout-type01 .group #checkStatusShare + .status-share:hover, .page_help .group #checkStatusShare + .status-share:hover,
.page_mydata .group #checkStatusShare + .status-share:hover,
.page_404 .group #checkStatusShare + .status-share:hover {
  background: rgba(0, 0, 0, 0.05);
}
.layout-type01 .group #checkStatusShare:checked + .status-share, .page_help .group #checkStatusShare:checked + .status-share,
.page_mydata .group #checkStatusShare:checked + .status-share,
.page_404 .group #checkStatusShare:checked + .status-share {
  display: block;
}
.layout-type01 .toggle:checked + .group dl, .page_help .toggle:checked + .group dl,
.page_mydata .toggle:checked + .group dl,
.page_404 .toggle:checked + .group dl {
  margin: 0 0 0.8rem;
  height: auto;
  border: 1px solid #ccc;
}
.layout-type01 .tutorial, .page_help .tutorial,
.page_mydata .tutorial,
.page_404 .tutorial {
  display: flex;
  flex-wrap: wrap;
}
.layout-type01 .tutorial dl, .page_help .tutorial dl,
.page_mydata .tutorial dl,
.page_404 .tutorial dl {
  position: relative;
  margin: 1rem;
  width: calc(33.33% - 2rem);
  border-radius: 0.8rem;
  overflow: hidden;
  border: 1px solid #ccc; /*
box-shadow: 0 0.25rem 0.8rem $over1;*/
}
.layout-type01 .tutorial dt, .page_help .tutorial dt,
.page_mydata .tutorial dt,
.page_404 .tutorial dt {
  position: relative;
  padding: 50% 0 0;
  background: #edece6;
}
.layout-type01 .tutorial dt span, .page_help .tutorial dt span,
.page_mydata .tutorial dt span,
.page_404 .tutorial dt span {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
}
.layout-type01 .tutorial dd, .page_help .tutorial dd,
.page_mydata .tutorial dd,
.page_404 .tutorial dd {
  padding: 1.6rem 1.6rem 6.2rem 1.6rem;
  text-align: left;
}
.layout-type01 .tutorial dd.dd-btn, .page_help .tutorial dd.dd-btn,
.page_mydata .tutorial dd.dd-btn,
.page_404 .tutorial dd.dd-btn {
  display: block;
  position: absolute;
  margin: auto;
  padding: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.6rem;
  text-align: center;
}
.layout-type01 .tutorial dd.dd-btn button, .page_help .tutorial dd.dd-btn button,
.page_mydata .tutorial dd.dd-btn button,
.page_404 .tutorial dd.dd-btn button {
  margin: 0 auto;
  width: 75%;
  height: 3rem;
  font-weight: 500;
  text-align: center;
  border-radius: 3rem;
  border: 3px solid #000;
  transition: border 0.2s ease, color 0.2s ease;
}
.layout-type01 .tutorial dd.dd-btn button:hover, .page_help .tutorial dd.dd-btn button:hover,
.page_mydata .tutorial dd.dd-btn button:hover,
.page_404 .tutorial dd.dd-btn button:hover {
  color: rgb(0, 140, 174);
  border: 3px solid rgb(0, 140, 174);
}
.layout-type01 .faq ul, .page_help .faq ul,
.page_mydata .faq ul,
.page_404 .faq ul {
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.layout-type01 .faq li, .page_help .faq li,
.page_mydata .faq li,
.page_404 .faq li {
  text-align: left;
  border-top: 1px dotted #ccc;
}
.layout-type01 .faq li:first-child, .page_help .faq li:first-child,
.page_mydata .faq li:first-child,
.page_404 .faq li:first-child {
  border-top: 1px solid #ccc;
}
.layout-type01 .faq li a, .page_help .faq li a,
.page_mydata .faq li a,
.page_404 .faq li a {
  position: relative;
  display: block;
  padding: 0.8rem 2rem 0.8rem 3rem;
  color: #000;
  font-size: 1.1rem;
  line-height: 1.3em;
}
.layout-type01 .faq li a::before, .page_help .faq li a::before,
.page_mydata .faq li a::before,
.page_404 .faq li a::before, .layout-type01 .faq li a::after, .page_help .faq li a::after,
.page_mydata .faq li a::after,
.page_404 .faq li a::after {
  display: block;
  position: absolute;
  margin: auto;
  height: 1em;
  text-align: center;
  opacity: 0.7;
}
.layout-type01 .faq li a::before, .page_help .faq li a::before,
.page_mydata .faq li a::before,
.page_404 .faq li a::before {
  top: 0.8rem;
  left: 0;
  width: 2.4rem;
  font-size: 1.8rem;
}
.layout-type01 .faq li a::after, .page_help .faq li a::after,
.page_mydata .faq li a::after,
.page_404 .faq li a::after {
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.6rem;
  font-size: 1.4rem;
}
.layout-type01 .faq li a:hover, .page_help .faq li a:hover,
.page_mydata .faq li a:hover,
.page_404 .faq li a:hover {
  color: rgb(0, 140, 174);
  background: rgba(0, 0, 0, 0.05);
}
.layout-type01 .type404, .page_help .type404,
.page_mydata .type404,
.page_404 .type404 {
  position: relative;
  margin: 1.6rem auto 0;
  padding: 0 0.8rem 3rem;
  width: calc(100% - 1.6rem);
  color: #000;
  background: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.8rem rgba(0, 0, 0, 0.05);
  transition: opacity 0.2s ease;
}
.layout-type01 .type404 h3, .page_help .type404 h3,
.page_mydata .type404 h3,
.page_404 .type404 h3 {
  padding: 3rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 500;
  text-align: center;
}
.layout-type01 .type404 h3::before, .page_help .type404 h3::before,
.page_mydata .type404 h3::before,
.page_404 .type404 h3::before {
  margin-right: 0.25em;
  font-size: 1.6em;
  line-height: 1em;
}
.layout-type01 .type404 figure, .page_help .type404 figure,
.page_mydata .type404 figure,
.page_404 .type404 figure {
  display: block;
  width: 100%;
  text-align: center;
}
.layout-type01 .type404 figure img, .page_help .type404 figure img,
.page_mydata .type404 figure img,
.page_404 .type404 figure img {
  margin: 0 auto;
  width: 40%;
  max-width: 12rem;
  height: auto;
  opacity: 0.7;
}
.layout-type01 .type404 p, .page_help .type404 p,
.page_mydata .type404 p,
.page_404 .type404 p {
  padding: 0 0 1.6em;
  font-size: 1.2rem;
  line-height: 2em;
}
.layout-type01 .type404 nav, .page_help .type404 nav,
.page_mydata .type404 nav,
.page_404 .type404 nav {
  padding: 1.6rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.layout-type01 .type404 nav a, .page_help .type404 nav a,
.page_mydata .type404 nav a,
.page_404 .type404 nav a {
  margin: auto;
  padding: 0 3rem;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 3rem;
  height: 3rem;
  font-weight: 500;
  background: #333;
  border-radius: 3rem;
}
.layout-type01 .type404 nav a:hover, .page_help .type404 nav a:hover,
.page_mydata .type404 nav a:hover,
.page_404 .type404 nav a:hover {
  background: rgb(135, 160, 146);
}
@media screen and (min-width: 600px) {
  .layout-type01 section, .page_help section,
  .page_mydata section,
  .page_404 section, .layout-type01 .type404, .page_help .type404,
  .page_mydata .type404,
  .page_404 .type404 {
    padding: 0 1.6rem 3rem;
    width: calc(100% - 3.2rem);
  }
  .layout-type01 .group, .page_help .group,
  .page_mydata .group,
  .page_404 .group {
    padding: 0 0.8rem 3rem 1.6rem;
  }
  .layout-type01 .toggle:checked + .group header, .page_help .toggle:checked + .group header,
  .page_mydata .toggle:checked + .group header,
  .page_404 .toggle:checked + .group header {
    padding: 1.6rem 0;
  }
  .layout-type01 .toggle:checked + .group dl, .page_help .toggle:checked + .group dl,
  .page_mydata .toggle:checked + .group dl,
  .page_404 .toggle:checked + .group dl {
    margin: 1rem;
    width: calc(50% - 2rem);
  }
}
@media screen and (min-width: 960px) {
  .layout-type01 section, .page_help section,
  .page_mydata section,
  .page_404 section, .layout-type01 .type404, .page_help .type404,
  .page_mydata .type404,
  .page_404 .type404 {
    margin: 3rem auto 0;
    padding: 0 2rem 3rem;
    width: calc(100% - 4rem);
  }
  .layout-type01 .group, .page_help .group,
  .page_mydata .group,
  .page_404 .group {
    margin: 3rem auto -2rem;
    padding: 0 0.8rem 3rem 2rem;
  }
  .layout-type01 .toggle:checked + .group dl, .page_help .toggle:checked + .group dl,
  .page_mydata .toggle:checked + .group dl,
  .page_404 .toggle:checked + .group dl {
    width: calc(33.33% - 2rem);
  }
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  min-height: 100vh;
  text-align: center;
}

.root_container.single {
  padding: 0 0 4rem;
  width: 100%;
  min-height: 100vh;
  text-align: center;
}
.root_container.single header {
  padding: 4rem 0 2rem;
}
.root_container.single header h1 {
  padding: 0 0 2rem;
}
.root_container.single header h1 img {
  margin: 0 auto;
  width: auto;
  height: 3.4rem;
}
.root_container.single header.login {
  padding: 4rem 0 0;
}
.root_container.single footer {
  position: absolute;
  margin: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.root_container.single footer p {
  font-size: 0.8rem;
  line-height: 3rem;
}

#signUp .step ol li {
  width: 25%;
}

#newEntry .step ol li {
  width: 33.33%;
}

#rePass .step ol li {
  width: 33.33%;
}

#code_2factor input[type=text] {
  text-align: center;
}
#code_2factor p {
  font-size: 1.2rem;
}

#loginBox ul {
  padding: 0 0 1.6rem;
  list-style: none;
}
#loginBox li {
  padding: 0 0 1rem;
}
#loginBox li label {
  display: block;
  padding: 0 0 0.5em;
  font-size: 0.8rem;
  line-height: 1em;
  font-weight: 700;
  text-align: left;
}
#loginBox li input[type=email],
#loginBox li input[type=password] {
  width: 100%;
}

#strengthBar {
  padding: 0.5rem 0 1rem;
  display: flex;
  transition: opacity 0.4s ease;
}
#strengthBar dt {
  margin: 0;
  padding: 0.3rem 0;
  width: calc(100% - 1.6rem);
  text-align: left;
}
#strengthBar dt span {
  display: block;
  width: 100%;
  height: 0.4rem;
  background: #ccc;
  border-radius: 1rem;
  overflow: hidden;
}
#strengthBar dt span::before {
  display: block;
  content: "";
  height: 100%;
  transition: width 0.2s ease, background 0.2s ease;
}
#strengthBar dd {
  margin: 0;
  padding: 0;
  width: 1.6rem;
  font-size: 1rem;
  line-height: 1em;
  text-align: right;
  font-weight: 700;
}
#strengthBar.st0 {
  opacity: 0;
}
#strengthBar.st0 dt span::before {
  width: 0;
  background: #bf122b;
}
#strengthBar.st1 {
  opacity: 1;
}
#strengthBar.st1 dt span::before {
  width: 30%;
  background: #bf122b;
}
#strengthBar.st1 dd {
  color: #bf122b;
}
#strengthBar.st1 dd::before {
  content: "弱";
}
#strengthBar.st2 {
  opacity: 1;
}
#strengthBar.st2 dt span::before {
  width: 60%;
  background: rgb(141, 191, 196);
}
#strengthBar.st2 dd {
  color: rgb(141, 191, 196);
}
#strengthBar.st2 dd::before {
  content: "中";
}
#strengthBar.st3 {
  opacity: 1;
}
#strengthBar.st3 dt span::before {
  width: 100%;
  background: rgb(134, 173, 67);
}
#strengthBar.st3 dd {
  color: rgb(134, 173, 67);
}
#strengthBar.st3 dd::before {
  content: "強";
}

#matchText {
  display: flex;
  gap: 0.5rem 0;
  padding: 0.5rem 0 1.6rem;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 0.8rem;
}
#matchText::before {
  content: "";
  font-size: 1.4em;
  line-height: 1em;
}
#matchText::after {
  content: "";
}
#matchText.match {
  color: rgb(134, 173, 67);
}
#matchText.match::after {
  content: "パスワードが一致しました";
}
#matchText.reject {
  color: #bf122b;
}
#matchText.reject::after {
  content: "パスワードが一致しません";
}

.float {
  display: block;
  padding: 2rem 0;
  width: 100%;
  text-align: center;
}
.float p {
  padding: 0 0 1rem;
}
.float button {
  display: block;
  margin: 0 auto;
  padding: 0 1.6em;
  width: fit-content;
  color: #FFF;
  font-size: 1rem;
  line-height: 2.4rem;
  font-weight: 700;
  background: rgb(237, 146, 84);
  border-radius: 0.5em;
  overflow: hidden;
}
.float button:hover {
  background: rgb(220, 83, 28);
}

.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.overlay.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.h2-type1, .modal-content .md-user-2factor h2, .modal-content .md-user-delete h2, .modal-content .md-user-joint h2, .modal-content .md-user-send h2, .modal-content .md-user-mail h2, .modal-content .md-user-profile h2, .modal-content .md-user-menu h2, .modal-content .md-group-invitation h2, .modal-content .md-group-menu h2, .modal-content .md-list-authentication h2, .modal-content .md-list-add h2, .modal-content .md-list-delete h2, .modal-content .md-info-invitation h2, .modal-content .md-new-excel-select h2, .modal-content .md-new-ocr-select h2, .modal-content .md-add-list h2 {
  padding: 0 0 1.6rem;
}
.h2-type1::before, .modal-content .md-user-2factor h2::before, .modal-content .md-user-delete h2::before, .modal-content .md-user-joint h2::before, .modal-content .md-user-send h2::before, .modal-content .md-user-mail h2::before, .modal-content .md-user-profile h2::before, .modal-content .md-user-menu h2::before, .modal-content .md-group-invitation h2::before, .modal-content .md-group-menu h2::before, .modal-content .md-list-authentication h2::before, .modal-content .md-list-add h2::before, .modal-content .md-list-delete h2::before, .modal-content .md-info-invitation h2::before, .modal-content .md-new-excel-select h2::before, .modal-content .md-new-ocr-select h2::before, .modal-content .md-add-list h2::before {
  display: block;
  font-size: 6rem;
  line-height: 1em;
}

.h2-type2, .modal-content .md-user-history h2, .modal-content .md-user-group h2, .modal-content .md-user-2factor-mail h2, .modal-content .md-login-code h2, .modal-content .md-user-integrat h2, .modal-content .md-user-service h2, .modal-content .md-group-shear-status h2, .modal-content .md-group-download h2, .modal-content .md-group-edit h2, .modal-content .md-list-reload h2, .modal-content .md-list-edit h2, .modal-content .md-list-history h2, .modal-content .md-list-download h2, .modal-content .md-list-sort h2, .modal-content .md-list-search h2, .modal-content .md-new-csv-select h2, .modal-content .md-new-excel h2, .modal-content .md-new-ocr h2, .modal-content .md-add-csv h2, .modal-content .md-add-ocr h2, .modal-content .md-add-excel-duplicat h2, .modal-content .md-add-excel h2, .modal-content .md-add-bank-csv h2, .modal-content .md-add-bank h2, .modal-content .md-method-bank h2, .modal-content .md-select-bank h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.8rem;
}
.h2-type2::before, .modal-content .md-user-history h2::before, .modal-content .md-user-group h2::before, .modal-content .md-user-2factor-mail h2::before, .modal-content .md-login-code h2::before, .modal-content .md-user-integrat h2::before, .modal-content .md-user-service h2::before, .modal-content .md-group-shear-status h2::before, .modal-content .md-group-download h2::before, .modal-content .md-group-edit h2::before, .modal-content .md-list-reload h2::before, .modal-content .md-list-edit h2::before, .modal-content .md-list-history h2::before, .modal-content .md-list-download h2::before, .modal-content .md-list-sort h2::before, .modal-content .md-list-search h2::before, .modal-content .md-new-csv-select h2::before, .modal-content .md-new-excel h2::before, .modal-content .md-new-ocr h2::before, .modal-content .md-add-csv h2::before, .modal-content .md-add-ocr h2::before, .modal-content .md-add-excel-duplicat h2::before, .modal-content .md-add-excel h2::before, .modal-content .md-add-bank-csv h2::before, .modal-content .md-add-bank h2::before, .modal-content .md-method-bank h2::before, .modal-content .md-select-bank h2::before {
  font-size: 2em;
  line-height: 1em;
}

#modalOverlay {
  z-index: 1000;
}

#modal {
  z-index: 1001;
}

#subModalOverlay {
  z-index: 2000;
}

#subModal {
  z-index: 2001;
}

.modal-container {
  position: fixed;
  margin: auto;
  top: 5vh;
  left: 0;
  right: 0;
  bottom: auto;
  width: 96%;
  max-width: 37.5rem;
  height: auto;
  background: #FFF;
  border-radius: 0.8rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.4);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  overflow: hidden;
}
.modal-container.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.modal-container #closeModal, .modal-container #closeSubModal {
  position: absolute;
  top: 0.4em;
  right: 0.5em;
  background: none;
  border: none;
  font-size: 2rem;
  color: #888;
  cursor: pointer;
  z-index: 1100;
}
.modal-container #closeModal:hover, .modal-container #closeSubModal:hover {
  color: rgb(135, 160, 146);
}
.modal-container nav button {
  opacity: 1;
}
.modal-container nav button:disabled {
  opacity: 0.5;
  background: #666;
  cursor: not-allowed;
}

.modal-content {
  position: relative;
  display: grid;
  grid-template-rows: 4.4rem 1fr 5.4rem;
  grid-template-columns: 1fr;
  min-height: 16rem;
  max-height: 90vh;
}
.modal-content.fade-in {
  animation: fadeIn 0.4s ease;
}
.modal-content.slide-in {
  animation: slideIn 0.4s ease;
}
.modal-content.slide-back {
  animation: slideBack 0.4s ease;
}
.modal-content header {
  grid-row: 1/2;
  grid-column: 1/2;
  padding: 2rem 0 1rem;
}
.modal-content header h1 {
  padding: 0;
  font-size: 1.4rem;
  line-height: 1em;
}
.modal-content header.md-hd-min {
  padding: 0;
}
.modal-content section {
  grid-row: 2/3;
  grid-column: 1/2;
  display: block;
  padding: 2rem 1.6rem;
  overflow-y: auto;
}
.modal-content section h2 {
  padding: 0 0 0.8em;
  font-size: 1.2rem;
  font-weight: 300;
}
.modal-content section ul + h2 {
  padding: 1.6em 0 1em;
}
.modal-content section h3 {
  padding: 2em 0 0.5em;
  font-size: 1.2rem;
  font-weight: 700;
}
.modal-content section .message {
  margin: 1.6rem auto 0;
  padding: 1.6rem 1.6rem 0.8rem;
  background: #edece6;
  border-radius: 0.8rem;
}
.modal-content .md-memo {
  margin-top: -2rem;
  padding: 0;
}
.modal-content .md-memo h2 {
  font-size: 1rem;
}
.modal-content .md-memo textarea {
  padding: 0.5rem 0.8rem;
  width: 90%;
  min-height: 8rem;
  font-size: 1.1rem;
  line-height: 2em;
  resize: none;
}
.modal-content .md-select-bank {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-method-bank {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-method-bank h2 + h3 {
  padding: 1em 0 0.5em;
}
.modal-content .md-method-bank p {
  padding: 0 0 1.6rem;
}
.modal-content .md-method-bank nav {
  padding: 0 0 0.8rem;
}
.modal-content .md-method-bank nav button {
  font-size: 1.2rem;
}
.modal-content .md-add-list a {
  font-size: 1.2rem;
}
.modal-content .md-add-bank {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-add-bank ul {
  margin: 0.8rem auto;
  padding: 0;
  width: 75%;
  border-bottom: 1px dotted #333;
}
.modal-content .md-add-bank li {
  padding: 0.8rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.5rem;
  text-align: left;
  border-top: 1px dotted #333;
}
.modal-content .md-add-bank li input[type=checkbox]:checked + label {
  font-weight: 500;
}
.modal-content .md-add-bank li input[type=text] {
  display: none;
}
.modal-content .md-add-bank li input[type=checkbox]:checked + label + input[type=text] {
  display: block;
  width: 100%;
}
.modal-content .md-add-bank-csv {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-add-bank-csv h2 + h3 {
  padding: 1em 0 0.5em;
}
.modal-content .md-add-bank-csv dl dt {
  width: 6rem;
}
.modal-content .md-add-bank-csv dl dd {
  width: calc(100% - 6rem);
}
.modal-content .md-add-bank-csv dl dd span {
  display: block;
  padding: 0.5em 0 0;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.3em;
}
.modal-content .md-add-bank-csv dl dd .rdo-box label, .modal-content .md-add-bank-csv dl dd .md-user-2factor-mail #user2factor label, .modal-content .md-user-2factor-mail .md-add-bank-csv dl dd #user2factor label, .modal-content .md-add-bank-csv dl dd .md-list-download #listDownload label, .modal-content .md-list-download .md-add-bank-csv dl dd #listDownload label, .modal-content .md-add-bank-csv dl dd .md-list-sort #sortSelect label, .modal-content .md-list-sort .md-add-bank-csv dl dd #sortSelect label, .modal-content .md-add-bank-csv dl dd .md-list-search #searchInOut label, .modal-content .md-list-search .md-add-bank-csv dl dd #searchInOut label {
  width: 50%;
}
.modal-content .md-add-excel {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-add-excel h2 + h3 {
  padding: 1em 0 0.5em;
}
.modal-content .md-add-excel ul {
  margin: 1.6rem auto;
}
.modal-content .md-add-excel-duplicat {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-add-excel-duplicat h2 + h3 {
  padding: 0 0 1em;
  font-weight: 300;
}
.modal-content .md-add-excel-duplicat h2 + h3 span {
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.modal-content .md-add-excel-duplicat h2 + h3 strong {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  color: rgb(71, 100, 84);
}
.modal-content .md-add-excel-duplicat h2 + h3 strong::before {
  content: "データ数";
  margin-right: 0.8em;
  font-size: 1.2rem;
  font-weight: 500;
}
.modal-content .md-add-excel-duplicat h2 + h3 strong::after {
  content: "件";
  margin-left: 0.25em;
  font-size: 1.8rem;
  font-weight: 500;
}
.modal-content .md-add-excel-duplicat h4 {
  padding: 1em 0 0.5em;
  font-size: 1.4rem;
}
.modal-content .md-add-excel-duplicat ol {
  margin: 0 auto 1.6rem;
  display: flex;
  gap: 0.5rem;
}
.modal-content .md-add-excel-duplicat ol li {
  padding: 0 0 0.5rem;
}
.modal-content .md-add-excel-duplicat ol li input[type=radio] {
  display: none;
}
.modal-content .md-add-excel-duplicat ol li label {
  display: block;
  padding: 0.8rem;
  width: 100%;
  font-size: 0.9rem;
  border-radius: 0.8rem;
  border: 4px solid #e8e7e1;
}
.modal-content .md-add-excel-duplicat ol li label em {
  display: block;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: rgb(135, 160, 146);
}
.modal-content .md-add-excel-duplicat ol li label span {
  display: block;
  padding: 1em 0 0;
  font-size: 0.8rem;
}
.modal-content .md-add-excel-duplicat ol li input[type=radio]:checked + label {
  color: #FFF;
  background: rgb(135, 160, 146);
  border: 4px solid rgb(135, 160, 146);
}
.modal-content .md-add-excel-duplicat ol li input[type=radio]:checked + label em {
  color: #FFF;
}
.modal-content .md-add-excel-duplicat .difference {
  padding: 0 0 3rem;
  display: flex;
  gap: 0 1rem;
}
.modal-content .md-add-excel-duplicat .difference dl {
  width: 50%;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
}
.modal-content .md-add-excel-duplicat p {
  padding: 0 0 1em;
  font-size: 0.8rem;
  text-align: left;
}
.modal-content .md-add-excel-duplicat p a {
  color: rgb(237, 146, 84);
  font-weight: 500;
}
.modal-content .md-add-excel-duplicat p a:hover {
  color: rgb(220, 83, 28);
  text-decoration: underline;
}
.modal-content .md-add-ocr {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-add-ocr h2 + h3 {
  padding: 1em 0 0.5em;
}
.modal-content .md-add-ocr ul {
  margin: 1.6rem auto;
}
.modal-content .md-add-csv {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-add-csv h2 + h3 {
  padding: 1em 0 0.5em;
}
.modal-content .md-add-csv ul {
  margin: 1.6rem auto;
}
.modal-content .md-add-csv li {
  padding: 0 0 0.5rem;
}
.modal-content {
  /*
  .md-new-ocr {
  	padding: 1rem 1.6rem 2rem;
  	h2 {
  		@extend .h2-type2;
  		&::before { @extend .ic-ocr;}
  	}
  	h2 + h3 {
  		padding: 1em 0 0.5em;
  	}
  	dl {
  		@extend .form-dl01;
  	}
  	dd {
  		input[type=text] {
  			@extend .form-text;
  		}
  		span {
  			display: block;
  			padding: 0.5em 0 0;
  			width: 100%;
  			font-size: 0.9rem;
  			line-height: 1.3em;
  		}
  		.rdo-box {
  			label { width: 50%;}
  		}
  	}
  	p {
  		margin: 0 auto;
  		padding: 1.5em 0 0;
  		width: fit-content;
  		max-width: 85%;
  		line-height: 2em;
  		text-align: left;
  	}
  }*/
}
.modal-content .md-new-ocr {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-new-ocr h2 + h3 {
  padding: 1em 0 0.5em;
}
.modal-content .md-new-ocr dl dt {
  width: 6rem;
}
.modal-content .md-new-ocr dl dd {
  width: calc(100% - 6rem);
}
.modal-content .md-new-ocr dl dd span {
  display: block;
  padding: 0.5em 0 0;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.3em;
}
.modal-content .md-new-ocr dl dd .rdo-box label, .modal-content .md-new-ocr dl dd .md-user-2factor-mail #user2factor label, .modal-content .md-user-2factor-mail .md-new-ocr dl dd #user2factor label, .modal-content .md-new-ocr dl dd .md-list-download #listDownload label, .modal-content .md-list-download .md-new-ocr dl dd #listDownload label, .modal-content .md-new-ocr dl dd .md-list-sort #sortSelect label, .modal-content .md-list-sort .md-new-ocr dl dd #sortSelect label, .modal-content .md-new-ocr dl dd .md-list-search #searchInOut label, .modal-content .md-list-search .md-new-ocr dl dd #searchInOut label {
  width: 50%;
}
.modal-content .md-new-ocr p {
  margin: 0 auto;
  padding: 1.5em 0 0;
  width: fit-content;
  max-width: 85%;
  line-height: 2em;
  text-align: left;
}
.modal-content .md-new-ocr-select a {
  font-size: 1.2rem;
}
.modal-content .md-new-excel {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-new-excel h2 + h3 {
  padding: 1em 0 0.5em;
}
.modal-content .md-new-excel dl dt {
  width: 6rem;
}
.modal-content .md-new-excel dl dd {
  width: calc(100% - 6rem);
}
.modal-content .md-new-excel dl dd span {
  display: block;
  padding: 0.5em 0 0;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.3em;
}
.modal-content .md-new-excel dl dd .rdo-box label, .modal-content .md-new-excel dl dd .md-user-2factor-mail #user2factor label, .modal-content .md-user-2factor-mail .md-new-excel dl dd #user2factor label, .modal-content .md-new-excel dl dd .md-list-download #listDownload label, .modal-content .md-list-download .md-new-excel dl dd #listDownload label, .modal-content .md-new-excel dl dd .md-list-sort #sortSelect label, .modal-content .md-list-sort .md-new-excel dl dd #sortSelect label, .modal-content .md-new-excel dl dd .md-list-search #searchInOut label, .modal-content .md-list-search .md-new-excel dl dd #searchInOut label {
  width: 50%;
}
.modal-content .md-new-excel p {
  margin: 0 auto;
  padding: 1.5em 0 0;
  width: fit-content;
  max-width: 85%;
  line-height: 2em;
  text-align: left;
}
.modal-content .md-new-excel-select a {
  font-size: 1.2rem;
}
.modal-content .md-new-csv-select a {
  font-size: 1.2rem;
}
.modal-content .md-info-invitation {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-info-invitation h2 {
  font-size: 1.6rem;
}
.modal-content .md-info-invitation .invitation dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 1em;
  font-size: 1rem;
}
.modal-content .md-info-invitation .invitation dt span {
  position: relative;
  padding: 3rem 0.5em 0.2rem;
  color: rgb(71, 100, 84);
  font-size: 0.7rem;
  line-height: 1em;
  font-weight: 500;
}
.modal-content .md-info-invitation .invitation dt span::before {
  font-size: 3rem;
  line-height: 3rem;
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.modal-content .md-info-invitation .invitation dt strong {
  padding-right: 0.8em;
  padding-left: 0.8em;
  font-weight: 700;
}
.modal-content .md-info-invitation .invitation dd {
  padding: 1em 1em 0;
  font-size: 1.1rem;
  line-height: 2em;
  text-align: left;
}
.modal-content .md-list-search #searchInOut label {
  width: 33.33%;
}
.modal-content .md-list-search dl dt {
  width: 6rem;
}
.modal-content .md-list-search dl dd {
  width: calc(100% - 6rem);
}
.modal-content .md-list-sort #sortSelect label {
  width: 50%;
}
.modal-content .md-list-sort dl dt {
  width: 6rem;
}
.modal-content .md-list-sort dl dd {
  width: calc(100% - 6rem);
}
.modal-content .md-list-download ul {
  margin: 1.6rem auto;
  width: 75%;
}
.modal-content .md-list-download li {
  width: 100%;
}
.modal-content .md-list-download #listDownload label {
  width: 50%;
}
.modal-content .md-list-history {
  grid-row: 2/4;
  padding: 1rem 0 2rem;
}
.modal-content .md-list-history .wrapper-table {
  margin: 0 auto 1.6rem;
  min-height: 12rem;
}
.modal-content .md-list-history .wrapper-table tbody tr td:nth-child(1) {
  width: 8rem;
  font-size: 0.9rem;
  line-height: 1.4em;
}
.modal-content .md-list-history .wrapper-table tbody tr td:nth-child(2) {
  width: 3rem;
  font-size: 0.7rem;
  font-weight: 700;
  white-space: nowrap;
}
.modal-content .md-list-history .wrapper-table tbody tr td:nth-child(3) {
  width: 4rem;
  font-size: 0.7rem;
  font-weight: 700;
  white-space: nowrap;
}
.modal-content .md-list-history .wrapper-table tbody tr td:nth-child(4) {
  font-size: 0.9rem;
  white-space: nowrap;
}
.modal-content .md-list-history .wrapper-table tbody tr td:nth-child(5) {
  font-size: 0.8rem;
  text-align: left;
  white-space: nowrap;
}
.modal-content .md-list-option a {
  font-size: 1.2rem;
}
.modal-content .md-list-delete {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-list-delete p {
  padding: 0 0 1.6rem;
  color: rgb(220, 83, 28);
  font-size: 1rem;
  font-weight: 500;
}
.modal-content .md-list-edit {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-list-edit ul {
  margin: 1.6rem auto;
}
.modal-content .md-list-add {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-list-add ul {
  margin: 0.8rem auto;
  padding: 0;
  width: 75%;
  border-bottom: 1px dotted #333;
}
.modal-content .md-list-add li {
  padding: 0.8rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.5rem;
  text-align: left;
  border-top: 1px dotted #333;
}
.modal-content .md-list-add li input[type=checkbox]:checked + label {
  font-weight: 500;
}
.modal-content .md-list-add li input[type=text] {
  display: none;
}
.modal-content .md-list-add li input[type=checkbox]:checked + label + input[type=text] {
  display: block;
  width: 100%;
}
.modal-content .md-list-authentication {
  width: 100%;
  padding: 1rem 1.6rem 2rem;
  box-shadow: none;
  overflow-y: auto;
}
.modal-content .md-list-authentication ul {
  margin: 0.8rem auto;
  padding: 0;
  width: 75%;
}
.modal-content .md-list-authentication li {
  padding: 0 0.5rem 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.5rem;
  text-align: left;
}
.modal-content .md-list-authentication li figure {
  padding: 0 0 0.8rem;
  width: 100%;
}
.modal-content .md-list-authentication li figure img {
  margin: 0 auto;
  min-height: 5rem;
  max-width: 100%;
}
.modal-content .md-list-authentication li label {
  font-size: 0.8rem;
  line-height: 1em;
  font-weight: 500;
}
.modal-content .md-list-authentication blockquote {
  background: rgba(0, 0, 0, 0.05);
  margin: 1.6rem auto 0;
  padding: 0 1.6rem 1.6rem;
  border-radius: 0.8rem;
}
.modal-content .md-list-authentication blockquote h4 {
  display: block;
  padding: 0.8rem 0 1.6rem;
  color: .modal-content .md-list-authentication blockquote h4 txt3;
  font-size: 0.8rem;
  text-align: left;
  font-weight: 700;
  font-style: normal;
  opacity: 0.5;
}
.modal-content .md-list-authentication blockquote h4::before {
  content: "[";
}
.modal-content .md-list-authentication blockquote h4::after {
  content: "] より";
}
.modal-content .md-list-authentication blockquote p {
  padding: 0 0 1em;
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.8em;
}
.modal-content .md-group-menu h2 {
  font-size: 1rem;
}
.modal-content .md-group-menu h2 strong {
  font-size: 1.2em;
  margin-right: 0.25em;
  font-weight: 700;
}
.modal-content .md-group-menu a {
  font-size: 1.2rem;
}
.modal-content .md-group-edit {
  padding: 1rem 0 2rem;
}
.modal-content .md-group-edit ul {
  margin: 1.6rem auto;
  padding: 0 1.6rem;
}
.modal-content .md-group-edit ul li button {
  width: 100%;
  margin-bottom: 0.5rem;
  padding: 0.5em 0.5em 0.5em 2.4em;
  font-size: 1.2rem;
  border: 1px solid #ccc;
  border-radius: 0.5em;
}
.modal-content .md-group-edit ul li button:hover {
  background: rgba(234, 206, 84, 0.05);
}
.modal-content .md-group-invitation {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-group-download ul {
  margin: 1.6rem auto;
  width: 75%;
}
.modal-content .md-group-download li {
  padding: 0 0 0.25rem;
  width: 100%;
}
.modal-content .md-group-shear-status {
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-user-menu h2 {
  font-size: 1rem;
}
.modal-content .md-user-menu h2 strong {
  font-size: 1.2em;
  margin-right: 0.25em;
  font-weight: 700;
}
.modal-content .md-user-menu a {
  font-size: 1.2rem;
}
.modal-content .md-user-profile {
  padding: 0 2.4rem 2rem;
}
.modal-content .md-user-profile dl dt {
  width: 8rem;
}
.modal-content .md-user-profile dl dd {
  position: relative;
  width: calc(100% - 8rem);
}
.modal-content .md-user-profile dl dd button {
  margin: auto;
  padding: 0 0.8rem;
  position: absolute;
  top: 0;
  right: 1.2rem;
  bottom: 0;
  color: #FFF;
  line-height: 1em;
  height: 2rem;
  background: #000;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.modal-content .md-user-profile dl dd button:hover {
  background: rgb(135, 160, 146);
}
.modal-content .md-user-profile p {
  padding: 0 0 1em;
  text-align: left;
  line-height: 1.8em;
}
.modal-content .md-user-mail {
  grid-row: 2/4;
  padding: 1rem 2.4rem 2rem;
}
.modal-content .md-user-mail p {
  padding: 0 0 1em;
  color: #333;
  font-size: 0.8rem;
  text-align: left;
  line-height: 2em;
}
.modal-content .md-user-send ul {
  margin: 1.6rem auto;
  width: 75%;
}
.modal-content .md-user-send li {
  padding: 0 0 0.25rem;
  width: 100%;
}
.modal-content .md-user-send li label {
  font-size: 1.2rem;
}
.modal-content .md-user-joint {
  grid-row: 2/4;
  padding: 1rem 1.6rem 4rem;
}
.modal-content .md-user-joint dl {
  margin: 0 auto;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0.5em;
}
.modal-content .md-user-joint dl dt {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  padding: 0.8rem 0.5rem;
  width: 100%;
}
.modal-content .md-user-joint dl dt strong {
  width: calc(100% - 10rem);
  font-size: 1.2rem;
  text-align: left;
}
.modal-content .md-user-joint dl dt button, .modal-content .md-user-joint dl dt label {
  position: relative;
  padding: 0 2rem 0 0;
  width: 8rem;
  font-size: 0.9rem;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.modal-content .md-user-joint dl dt button::after, .modal-content .md-user-joint dl dt label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 1em;
  text-align: right;
  font-size: 1.2rem;
  line-height: 1em;
}
.modal-content .md-user-joint dl dt button {
  display: inline-block;
}
.modal-content .md-user-joint dl dt button:hover {
  color: rgb(135, 160, 146);
}
.modal-content .md-user-joint dl dt label {
  display: none;
}
.modal-content .md-user-joint dl dt label:hover {
  color: rgb(220, 83, 28);
}
.modal-content .md-user-joint dl dt::before {
  width: 2rem;
  text-align: center;
  font-size: 1.8em;
  opacity: 0.2;
}
.modal-content .md-user-joint dl dd {
  display: flex;
  align-items: center;
  width: 100%;
  background: #edece6;
  padding: 0 0.8rem;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  transition: padding 0.2s ease, opacity 0.2s ease, height 0.2s ease, visibility 0.2s ease;
}
.modal-content .md-user-joint dl dd strong {
  width: 50%;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
}
.modal-content .md-user-joint dl dd span {
  width: 50%;
  font-size: 0.8rem;
  text-align: right;
}
.modal-content .md-user-joint dl + input[type=checkbox] + dl {
  margin: 0.8rem auto 0;
}
.modal-content .md-user-joint input[type=checkbox] {
  display: none;
}
.modal-content .md-user-joint input[type=checkbox]:checked + dl dt button::after, .modal-content .md-user-joint input[type=checkbox]:checked + dl dt label::after {
  font-size: 1.4rem;
}
.modal-content .md-user-joint input[type=checkbox]:checked + dl dt button {
  display: none;
}
.modal-content .md-user-joint input[type=checkbox]:checked + dl dt label {
  display: inline-block;
}
.modal-content .md-user-joint input[type=checkbox]:checked + dl dt::before {
  color: rgb(135, 160, 146);
  opacity: 1;
}
.modal-content .md-user-joint input[type=checkbox]:checked + dl dd {
  padding: 0.8rem;
  height: auto;
  visibility: visible;
  opacity: 1;
}
.modal-content .md-user-delete {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-user-delete p {
  padding: 0 0 1.6rem;
  color: rgb(220, 83, 28);
  font-size: 1rem;
  font-weight: 500;
}
.modal-content .md-user-service {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2.4rem;
}
.modal-content .md-user-service dl {
  padding: 1.6rem 0 0;
}
.modal-content .md-user-service dl dt {
  width: 8rem;
}
.modal-content .md-user-service dl dd {
  width: calc(100% - 8rem);
}
.modal-content .md-user-service #btnConfirmId {
  display: block;
  margin: 1.6rem auto 0;
  padding: 0.8rem 1.6rem;
  width: 50%;
  max-width: 460px;
  text-align: center;
  line-height: 1em;
  font-weight: 500;
  border: 3px solid #333;
  border-radius: 10rem;
  transition: color 0.2s ease, border 0.2s ease;
}
.modal-content .md-user-service #btnConfirmId:hover {
  color: rgb(135, 160, 146);
  border: 3px solid rgb(135, 160, 146);
}
.modal-content .md-user-service #selectOffice {
  padding: 0;
  opacity: 0;
  height: 0;
  visibility: hidden;
  overflow-y: hidden;
  transition: opacity 0.2s ease, height 0.2s ease, visibility 0.2s ease;
}
.modal-content .md-user-service #selectOffice dt {
  vertical-align: top;
}
.modal-content .md-user-service #selectOffice ul {
  width: 100%;
}
.modal-content .md-user-service #selectOffice li {
  padding: 0 0 0.5rem;
}
.modal-content .md-user-service #selectOffice li input[type=radio] {
  display: none;
}
.modal-content .md-user-service #selectOffice li label {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0.5em;
}
.modal-content .md-user-service #selectOffice li label strong {
  width: 50%;
  text-align: left;
}
.modal-content .md-user-service #selectOffice li label span {
  width: 50%;
  font-size: 0.8rem;
  text-align: right;
}
.modal-content .md-user-service #selectOffice li label::before {
  content: "\e835";
  font-size: 1.5em;
  opacity: 0.3;
}
.modal-content .md-user-service #selectOffice li input[type=radio]:checked + label {
  color: #FFF;
  background: rgb(135, 160, 146);
  border: 1px solid rgb(135, 160, 146);
}
.modal-content .md-user-service #selectOffice li input[type=radio]:checked + label::before {
  content: "\e5ca";
  opacity: 1;
}
.modal-content .md-user-service #selectOffice li input[type=radio]:checked + label strong {
  font-weight: 700;
}
.modal-content .md-user-integrat {
  width: 100%;
  padding: 1rem 1.6rem 2rem;
  box-shadow: none;
  overflow-y: auto;
}
.modal-content .md-user-integrat ul {
  margin: 0.8rem auto;
  padding: 0;
  width: 75%;
}
.modal-content .md-user-integrat li {
  padding: 0 0.5rem 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.5rem;
  text-align: left;
}
.modal-content .md-user-integrat li label {
  font-size: 0.8rem;
  line-height: 1em;
  font-weight: 500;
}
.modal-content .md-user-integrat li textarea:read-only {
  padding: 0.8rem;
  width: 100%;
  min-height: 6rem;
  max-height: 8rem;
  background: #edece6;
  border-radius: 0.5rem;
  resize: none;
  overflow-y: auto;
}
.modal-content .md-user-integrat p {
  font-size: 1rem;
  line-height: 2em;
}
.modal-content #confirmId {
  display: none;
}
.modal-content #confirmId:checked ~ section.md-user-service {
  grid-row: 2/3;
  padding: 1rem 1.6rem;
}
.modal-content #confirmId:checked ~ section.md-user-service #btnConfirmId {
  display: none;
}
.modal-content #confirmId:checked ~ section.md-user-service #selectOffice {
  padding: 1.6rem 0 0;
  opacity: 1;
  height: auto;
  visibility: visible;
  overflow-y: auto;
}
.modal-content #btnSaveJoint {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, display 0.2s ease;
}
.modal-content #confirmId:checked ~ #btnSaveJoint {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.modal-content .md-user-2factor {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-user-2factor dl {
  padding: 0 1.6rem;
}
.modal-content .md-user-2factor dl dt {
  width: 100%;
  text-align: left;
}
.modal-content .md-user-2factor dl dd {
  position: relative;
  width: 100%;
}
.modal-content .md-user-2factor p {
  padding: 0 0 1em;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.8em;
}
.modal-content .md-login-code {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-login-code h2 {
  padding: 1em 0 0.8em;
}
.modal-content .md-login-code dl {
  margin: 0 auto;
  width: 75%;
}
.modal-content .md-login-code dl dt {
  width: 100%;
  font-size: 1.4rem;
  text-align: center;
}
.modal-content .md-login-code dl dd {
  position: relative;
  width: 100%;
}
.modal-content .md-login-code p {
  padding: 0 0 1em;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.8em;
}
.modal-content .md-login-code p a {
  color: rgb(237, 146, 84);
  font-weight: 500;
}
.modal-content .md-login-code p a:hover {
  color: rgb(220, 83, 28);
  text-decoration: underline;
}
.modal-content .md-user-2factor-mail dl {
  margin: 0 auto;
  width: 75%;
}
.modal-content .md-user-2factor-mail dl dt {
  width: 100%;
  font-size: 1.4rem;
  text-align: center;
}
.modal-content .md-user-2factor-mail dl dd {
  position: relative;
  width: 100%;
}
.modal-content .md-user-2factor-mail dl dd button {
  margin: auto;
  padding: 0 0.8rem;
  position: absolute;
  top: 0;
  right: 1.2rem;
  bottom: 0;
  color: #FFF;
  line-height: 1em;
  height: 2rem;
  background: #000;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.modal-content .md-user-2factor-mail dl dd button:hover {
  background: rgb(135, 160, 146);
}
.modal-content .md-user-2factor-mail #user2factor {
  width: 100%;
}
.modal-content .md-user-2factor-mail #user2factor label {
  width: 50%;
}
.modal-content .md-user-2factor-mail p {
  padding: 0 0 1em;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.8em;
}
.modal-content .md-user-delete {
  grid-row: 2/4;
  padding: 1rem 1.6rem 2rem;
}
.modal-content .md-user-delete p {
  padding: 0 0 1.6rem;
  color: rgb(220, 83, 28);
  font-size: 1rem;
  font-weight: 500;
}
.modal-content .md-user-group {
  padding: 1rem 1.6rem;
}
.modal-content .md-user-group ul {
  margin: 1.6rem auto 0;
}
.modal-content .md-user-group li {
  padding: 0 0 0.8rem;
}
.modal-content .md-user-group li #listMoveFolder {
  padding: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  max-height: calc(90vh - 9.8rem - 13rem);
  text-align: left;
  overflow-y: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, height 0.2s ease;
}
.modal-content .md-user-group li #listMoveFolder dt {
  padding: 2em 0 0.5em;
  font-size: 0.8rem;
  font-weight: 700;
}
.modal-content .md-user-group li #listMoveFolder dd {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.5rem;
  font-size: 1.1rem;
}
.modal-content .md-user-group li #listMoveFolder dd input[type=checkbox] {
  display: none;
}
.modal-content .md-user-group li #listMoveFolder dd label {
  display: flex;
  align-items: center;
  column-gap: 0.5em;
  padding: 0.3rem 0.8rem 0.3rem 0.5rem;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 0.5em;
}
.modal-content .md-user-group li #listMoveFolder dd label:hover {
  background: #edece6;
}
.modal-content .md-user-group li #listMoveFolder dd label::before {
  font-size: 1.2em;
  line-height: 1em;
}
.modal-content .md-user-group li #listMoveFolder dd input[type=checkbox]:checked + label {
  color: #FFF;
  background: rgb(135, 160, 146);
  border: 1px solid rgb(135, 160, 146);
}
.modal-content .md-user-group li #moveFolder:checked + label + #listMoveFolder {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow-y: auto;
}
.modal-content .md-user-history {
  grid-row: 2/4;
  padding: 1rem 0 2rem;
}
.modal-content .md-user-history .wrapper-table {
  margin: 0 auto 1.6rem;
  min-height: 10rem;
}
.modal-content .md-user-history .wrapper-table tbody tr td:nth-child(1) {
  width: 50%;
  font-size: 1.2rem;
  line-height: 1.4em;
  text-align: left;
}
.modal-content .md-user-history .wrapper-table tbody tr td:nth-child(2) {
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  text-align: right;
}
.modal-content nav {
  padding: 1.2rem 0;
  width: 100%;
  display: flex;
  gap: 0.25rem 0.25rem;
  justify-content: center;
}
.modal-content nav a, .modal-content nav button, .modal-content nav label {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0 1.6rem;
  height: 3rem;
  line-height: 3rem;
  color: #edece6;
  background: rgb(135, 160, 146);
  border-radius: 0.8em;
}
.modal-content nav a::before, .modal-content nav button::before, .modal-content nav label::before {
  margin-left: -0.25em;
  margin-right: 0.25em;
  font-size: 1.5em;
  line-height: 1em;
}
.modal-content nav a:hover, .modal-content nav button:hover, .modal-content nav label:hover {
  background: rgb(71, 100, 84);
}
.modal-content nav a.sub, .modal-content nav button.sub, .modal-content nav label.sub {
  color: .modal-content nav a.sub, .modal-content nav button.sub, .modal-content nav label.sub txt1;
  background: #666;
}
.modal-content nav a.sub:hover, .modal-content nav button.sub:hover, .modal-content nav label.sub:hover {
  background: #333;
}
.modal-content nav a[data-show-for], .modal-content nav button[data-show-for], .modal-content nav label[data-show-for] {
  display: none;
}
.modal-content nav a.visible, .modal-content nav button.visible, .modal-content nav label.visible {
  display: inline-block !important;
}
.modal-content nav #action {
  grid-row: 3/4;
  grid-column: 1/2;
}
.modal-content .btns-select {
  padding: 0;
}
.modal-content .btns-select li {
  padding: 0 0 0.5rem;
}
.modal-content .btns-select a, .modal-content .btns-select button, .modal-content .btns-select label {
  width: 75%;
  background: rgb(135, 160, 146);
}
.modal-content .btns-select a:hover, .modal-content .btns-select button:hover, .modal-content .btns-select label:hover {
  background: rgb(71, 100, 84);
}
.modal-content .info-list ul li a span {
  display: block;
  padding: 0 0 0.5em;
  font-size: 0.8rem;
  line-height: 1em;
  font-weight: 700;
}
.modal-content .info-list ul li a::before {
  top: 0.5rem;
  left: 0.5rem;
  font-size: 2em;
  bottom: auto;
}
.modal-content .inner-comment {
  margin: 0 auto 2.4rem;
  padding: 0.8rem 0 0;
  width: 90%;
  border-bottom: 1px dotted #333;
}
.modal-content .inner-comment dt {
  padding: 0 0 0.5em;
  font-size: 1rem;
  line-height: 1.8em;
  white-space: nowrap;
  font-weight: 500;
  color: rgb(220, 83, 28);
}
.modal-content .inner-comment dd {
  position: relative;
  padding: 0.4em 0.5em 0.5em 1.2em;
  font-size: 0.9rem;
  line-height: 1.25em;
  text-align: left;
  border-top: 1px dotted #333;
}
.modal-content .inner-comment dd::before {
  content: "・";
  position: absolute;
  top: 0.4em;
  left: 0.2em;
  opacity: 0.8;
}

@keyframes fadeIn {
  from {
    transform: translateY(-1rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    transform: translateX(1rem);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideBack {
  from {
    transform: translateX(-1rem);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
#dspFcList {
  display: none;
}

#dspFcList + .fc-list li {
  visibility: hidden;
  width: 100%;
  height: 0;
  opacity: 0;
  overflow-y: hidden;
  transition: height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}

#dspFcList:checked + .fc-list li {
  visibility: visible;
  height: auto;
  opacity: 1;
}