@charset "UTF-8";
/* BASE */
@import url(base/destyle.css);
@import url(../font/css/all.css);
@import url(custom.css);
* {
  box-sizing: border-box;
}

*:after,
*:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

*:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

html {
  font-size: 62.5%;
  -ms-overflow-style: transparent;
  -webkit-tap-highlight-color: transparent;
  background: #F8F9FA;
  color: #303234;
}

body {
  height: 100%;
  position: relative;
  scroll-behavior: smooth;
  background: #F8F9FA;
  font-family: 'ヒラギノ角ゴ ProN W3', HiraKakuPro-W3, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-weight: 300;
  color: #303234;
  word-break: break-all;
}

@-ms-viewport {
  width: device-width;
}
.inlineblock {
  display: inline-block !important;
}

p {
  line-height: 1.5;
}

a:hover:link,
a:hover:visited, .link:hover {
  color: #0E6EB8;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:link,
a:visited {
  color: #0E6EB8;
  text-decoration: none;
}

.link {
  color: #0E6EB8;
  text-decoration: underline !important;
  cursor: pointer;
}

input,
button,
optgroup,
textarea,
select {
  margin: 0;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: 1.4rem;
  line-height: 1;
}

input,
button,
optgroup,
textarea {
  max-width: 100%;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 0.1rem dotted ButtonText;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[role="button"] {
  cursor: pointer;
}

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

[hidden] {
  display: none !important;
}

/* text-align */
.tx--left {
  text-align: left !important;
}

.tx--right {
  text-align: right !important;
}

.tx--center {
  text-align: center !important;
}

.tx--red {
  color: #E21414 !important;
}

.tx--small {
  font-size: 1.2rem !important;
}

/* nowrap */
.nowrap {
  white-space: nowrap;
}

/* Hide and display   */
.hidden {
  display: none !important;
}

.display {
  display: block !important;
}

@media screen and (max-width: 1684px) {
  .blank-narrow {
    display: block;
    height: 0.5rem;
  }
}
@media screen and (min-width: 1685px) {
  .blank-narrow {
    display: none !important;
  }

  .hidden_lg {
    display: none !important;
  }
}
/* Alignment adjustment */
.anchor {
  margin-top: -100px;
  padding-top: 100px;
}

/* margin and padding */
.mt-3 {
  margin-top: -3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mb0 {
  margin-bottom: 0 !important;
}

.mb025 {
  display: block;
  margin-bottom: 0.25rem !important;
}

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

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

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

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

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

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

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

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

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

.pt025 {
  padding-top: 0.25rem !important;
}

.pt075 {
  padding-top: 0.75rem !important;
}

.pt1 {
  padding-top: 1rem !important;
}

.pt125 {
  padding-top: 1.25rem !important;
}

.pb1 {
  padding-bottom: 1rem !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr05 {
  padding-right: 0.5rem !important;
}

.pr1 {
  padding-right: 1rem !important;
}

.pr2 {
  padding-right: 2rem !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl05 {
  padding-left: 0.5rem !important;
}

.pl1 {
  padding-left: 1rem !important;
}

.pl2 {
  padding-left: 2rem !important;
}

.pl4 {
  padding-left: 4rem !important;
}

/* LAYOUT */
/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

outline

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.main__container, .dashboard__container {
  width: calc(100% - 19rem);
  min-width: calc(120rem - 19rem);
  position: absolute;
  top: 8rem;
  left: 19rem;
  padding: 3rem 1.5rem 6rem 3rem;
}
.main__container .search__section, .dashboard__container .search__section {
  margin-bottom: 2.5rem;
}
.main__container .main__section, .dashboard__container .main__section {
  padding-top: 7.5rem;
  margin-top: -7.5rem;
  margin-bottom: 1rem;
  text-align: left;
}

/* no side */
.dashboard__container {
  width: 100%;
  min-width: 120rem;
  left: 0;
  padding: 3rem;
  /*
  width: $break-point-min;
  max-width: $break-point-min;
  min-width: $break-point-min;
  padding: 3rem;
  left: calc((100% - 120rem) / 2);
  */
}

/* sub window */
.sub-window__container {
  width: 100%;
  min-width: 96rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.sub-window__container .has_sub-header {
  margin-top: 0;
  padding-top: 6rem !important;
}
.sub-window__container .heading--h2 {
  padding-top: 3rem;
  padding-bottom: 1rem;
}

/*
--------------------------------------------

col block

--------------------------------------------
*/
.col2, .col2--narrow-and-wide, .col3, .col4, .col5, .col_auto_left, .col_auto_right {
  display: flex !important;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col2 > li {
  flex-basis: 49%;
}

.col2--narrow-and-wide > li:nth-of-type(2n-1) {
  flex-basis: 30%;
}
.col2--narrow-and-wide > li:nth-of-type(2n) {
  flex-basis: 70%;
}

.col3 > li {
  flex-basis: 33%;
}
@media screen and (max-width: 1340px) {
  .col3 > li.col3__li_wide {
    flex-basis: 33%;
  }
  .col3 > li.col3__li_short {
    flex-basis: 27%;
  }
}
@media screen and (min-width: 1341px) {
  .col3 > li.col3__li_wide {
    flex-basis: 37%;
  }
  .col3 > li.col3__li_short {
    flex-basis: 28%;
  }
}

.col4 {
  justify-content: start;
}
.col4 > li:not(:nth-child(4n)) {
  flex-basis: 24%;
  margin-right: 1%;
}
.col4 > li:nth-child(4n) {
  flex-basis: 25%;
}

.col5 {
  justify-content: start;
}
.col5 > li:not(:nth-child(5n)) {
  flex-basis: 19%;
  margin-right: 1%;
}
.col5 > li:nth-child(5n) {
  flex-basis: 20%;
}

.col_auto_left {
  justify-content: start;
}
.col_auto_left > *:not(:first-of-type) {
  padding-left: 1.5rem;
}

.col_auto_right > *:not(:last-of-type) {
  padding-right: 1.5rem;
}

/*
--------------------------------------------

col scroll

--------------------------------------------
*/
.container--scroll {
  display: block;
  width: 100%;
  height: 12.5rem;
  overflow-y: auto;
}
.container--scroll .table--list tr:first-child th, .container--scroll .table--list-form tr:first-child th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.container--scroll .table--list tr:first-child th:first-child, .container--scroll .table--list-form tr:first-child th:first-child {
  z-index: 2;
}
.container--scroll .table--list tr:first-child th:before, .container--scroll .table--list-form tr:first-child th:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #B1B1B1;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 10;
}
.container--scroll .table--list th:first-child, .container--scroll .table--list-form th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}

/*
--------------------------------------------

pagetop

--------------------------------------------
*/
.pagetop {
  display: block;
  border-top: 6rem solid transparent;
  border-right: 6rem solid #0E6EB8;
  position: fixed;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.pagetop span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.pagetop span::after {
  display: block;
  position: absolute;
  right: -5rem;
  bottom: 0.75rem;
  font-family: "Font Awesome 5 Free";
  font-size: 1.8rem;
  font-weight: 600;
  content: "\f062";
  color: #FFF;
}
.pagetop:hover {
  opacity: 0.75;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

header

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.header__container {
  width: 100%;
  min-width: 120rem;
  height: 8rem;
  position: fixed;
  top: 0;
  z-index: 99;
  background-color: #0C61A3;
  border-top: 0.4rem solid #083C65;
  border-bottom: 0.2rem solid #083C65;
  /* logo */
  /* nav */
  /* info list */
}
.header__container::after {
  content: '';
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 0;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.header__container .header__logo {
  width: 14rem;
  height: auto;
  display: block;
  margin: 1.75rem 3rem 0.35rem 1.5rem;
}
.header__container .logo__tx--jp, .header__container .logo__tx--en {
  display: inline-block;
  color: #FFF;
  font-size: 1.2rem;
}
.header__container .logo__tx--jp {
  padding-right: 0.5rem;
  padding-left: 1.5rem;
}
.header__container .header__nav {
  width: auto;
  height: 8rem;
  position: absolute;
  top: 55%;
  left: 48.5%;
  transform: translate(-48.5%, -50%);
}
.header__container .header__nav .header__nav--list {
  display: flex;
  justify-content: center;
}
.header__container .header__nav .header__nav--list li:not(:empty) {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link {
  display: block;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  color: #FFF;
  /* item */
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--top, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--bid, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--order, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--plan, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--product, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--outsourcing, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--result, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--sales, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--payment, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--accounting {
  text-align: center;
  font-size: 1.2rem;
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--top::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--bid::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--order::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--plan::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--product::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--outsourcing::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--result::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--sales::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--payment::before, .header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--accounting::before {
  display: block;
  margin: 0 auto 0.5rem;
  font-family: "Font Awesome 5 Free";
  font-size: 2.6rem;
  font-weight: 600;
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--top::before {
  content: "\f3fd";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--bid::before {
  content: "\f0e3";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--order::before {
  content: "\f15c";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--plan::before {
  content: "\f56c";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--product::before {
  content: "\f275";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--outsourcing::before {
  content: "\f2b5";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--result::before {
  content: "\f200";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--sales::before {
  content: "\f201";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--payment::before {
  content: "\f157";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link .header__nav--accounting::before {
  content: "\f108";
}
.header__container .header__nav .header__nav--list li:not(:empty) .header__nav--link:hover {
  opacity: 0.5;
}
.header__container .header__info {
  width: auto;
  min-width: 22rem;
  max-width: 35rem;
  position: absolute;
  top: 0;
  right: 1.5rem;
  /* logout */
  /* link */
}
.header__container .header__info .header__info--logout {
  width: 100%;
  padding-right: 3rem;
  padding-left: 1rem;
  background-color: #083C65;
  position: relative;
}
.header__container .header__info .header__info--logout .header__info--logout-link {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 0.1rem;
  padding-bottom: 0.6rem;
  color: #FFF;
  font-size: 1.2rem;
  text-align: center;
}
.header__container .header__info .header__info--logout::after {
  content: "\f2f5";
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  font-weight: 600;
  color: #FFF;
  margin-left: 1rem;
  position: absolute;
  top: 0.15rem;
  right: 0.75rem;
}
.header__container .header__info .header__info--logout:hover {
  opacity: 0.75;
}
.header__container .header__info .header__info--list {
  display: flex;
}
.header__container .header__info .header__info--list .header__info--link {
  display: inline-block;
  width: 100%;
  padding-top: 1.9rem;
  padding-bottom: 1.5rem;
  font-size: 1.2rem;
  color: #FFF;
  /* item */
}
.header__container .header__info .header__info--list .header__info--link .header__info--news::before, .header__container .header__info .header__info--list .header__info--link .header__info--file::before, .header__container .header__info .header__info--list .header__info--link .header__info--master::before, .header__container .header__info .header__info--list .header__info--link .header__info--pass::before {
    display: inline-block;
    margin-right: 0.35rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 600;
    vertical-align: -0.1rem;
}
.header__container .header__info .header__info--list .header__info--link .header__info--pass {
    padding-right: 1rem;
}
.header__container .header__info .header__info--list .header__info--link .header__info--pass::before {
    content: "\f023";
}
.header__container .header__info .header__info--list .header__info--link .header__info--news {
  padding-right: 1rem;
}
.header__container .header__info .header__info--list .header__info--link .header__info--news::before {
  content: "\f05a";
}
.header__container .header__info .header__info--list .header__info--link .header__info--file {
  padding-right: 1rem;
}
.header__container .header__info .header__info--list .header__info--link .header__info--file::before {
  content: "\f07b";
}
.header__container .header__info .header__info--list .header__info--link .header__info--master {
  text-align: right;
}
.header__container .header__info .header__info--list .header__info--link .header__info--master::before {
  content: "\f1c0";
}
.header__container .header__info .header__info--list .header__info--link:hover {
  opacity: 0.5;
}
.header__container .is_current {
  pointer-events: none;
  color: #C6FD00 !important;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

sub header

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.sub-header__list {
  display: flex;
}
.sub-header__list .sub-header__list-item {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  line-height: 1;
}

/* sub header */
.sub-header__container {
  width: calc(100% + 4.5rem);
  height: 3.4rem;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 1.5rem;
  padding-left: 3rem;
  background: #FFF;
  background-color: #e9ecef;
  border-bottom: 0.1rem solid #dae0e5;
  display: flex;
  justify-content: right;
  align-items: center;
  flex-direction: row-reverse;
}
.sub-header__container .sub-header__list-item {
  padding-left: 0.5rem;
}

/* anchor links */
.anchor__container {
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.anchor__container .sub-header__list-item:not(:first-of-type) {
  padding-left: 1rem;
}
.anchor__container .sub-header__list-item:not(:last-of-type) {
  border-right: 0.1rem solid #0E6EB8;
  padding-right: 0.75rem;
}
.anchor__container .sub-header__list-item:hover {
  opacity: 0.5;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

side navigation

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.side__container {
  display: block;
  position: fixed;
  top: 8rem;
  left: 0;
  width: 19rem;
  height: 100%;
  background-color: #37393B;
  z-index: 9;
  /* heading */
  /* sub */
  /* parent arrow right or down */
  /* current */
}
.side__container .side__nav--heading, .side__container .side__nav--sub .side__nav--sub-item {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  color: #FFF;
  padding-left: 1.5rem;
  padding-right: 3rem;
  line-height: 1.25;
}
.side__container .side__nav--sub .side__nav--sub-item:not(.is_current)::after, .side__container .side__nav--list-single .side__nav--heading:not(.is_current)::after, .side__container .side__nav--list-multiple .side__nav--heading::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 1.1rem;
  position: absolute;
  right: 1rem;
}
.side__container .side__nav--heading {
  font-size: 1.4rem;
  background-color: #37393B;
  height: 6rem;
  cursor: pointer;
}
.side__container .side__nav--heading a {
  width: calc(100% + 3rem);
  height: 100%;
  display: flex;
  align-items: center;
  color: #FFF;
}
.side__container .side__nav--heading:hover {
  background-color: #434648;
}
.side__container .side__nav--heading.is_current--parent {
  background-color: #083C65;
}
.side__container .side__nav--heading.is_current--parent::after {
  content: "\f077";
}
.side__container .side__nav--heading.is_current--parent:hover {
  background-color: #0a4a7d;
}
.side__container .side__nav--sub {
  background-color: #094F85;
}
.side__container .side__nav--sub .side__nav--sub-item {
  height: 5rem;
}
.side__container .side__nav--sub .side__nav--sub-item .side__nav--sub-link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #FFF;
}
.side__container .side__nav--sub .side__nav--sub-item:not(.is_current)::after {
  content: "\f105";
}
.side__container .side__nav--sub .side__nav--sub-item:hover {
  background-color: #0b5d9d;
}
.side__container .side__nav--list-single .side__nav--heading:not(.is_current)::after {
  content: "\f054";
}
.side__container .side__nav--list-multiple .side__nav--heading::after {
  content: "\f078";
}
.side__container .is_current {
  pointer-events: none;
  background-color: #0E6EB8 !important;
}
.side__container .is_current::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0 !important;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-right: 6px solid #FFF;
}

/* MODULE */
/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

heading

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.heading--h2, .heading--h3:not(:empty), .heading--h4:not(:empty), .heading--error {
  display: block;
}

/* pagetitle */
.heading--h2 {
  margin-bottom: 2.5rem;
  font-size: 2.6rem;
}
.heading--h2 + .err--tx span:not(:empty) {
  margin-top: -1.5rem;
}

.has_sub-header {
  margin-top: 3rem;
}

/* h3 */
.heading--h3:not(:empty) {
  margin-top: 3.5rem;
  font-size: 2.1rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.2rem solid #37393B;
  margin-bottom: 1.25rem;
}

.container--h3:not(:empty) {
  position: relative;
}
.container--h3:not(:empty) .link--h3-right {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0.65rem;
}

/* h4 */
.heading--h4:not(:empty) {
  margin-top: 2.5rem;
  padding: 0.5rem 0 0.35rem 1rem;
  border-left: 0.4rem solid #37393B;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 1rem;
}

/* error page */
.heading--error {
  margin-top: 3.5rem;
  font-size: 2.1rem;
  margin-bottom: 6.5rem;
  text-align: center;
}

.table--form, .table--search, .table--display {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.table--form th:not(:empty), .table--search th:not(:empty), .table--display th:not(:empty),
.table--form td:not(:empty),
.table--search td:not(:empty),
.table--display td:not(:empty) {
  border: 1px solid #B1B1B1;
  text-align: left;
  line-height: 1;
  font-size: 1.3rem;
  font-weight: normal;
}
.table--form th:not(:empty), .table--search th:not(:empty), .table--display th:not(:empty) {
  width: 7.5%;
  min-width: 16.5rem;
  vertical-align: top;
  background-color: #E2E6EA;
  font-feature-settings: "palt";
}
.table--form td:not(:empty), .table--search td:not(:empty), .table--display td:not(:empty) {
  vertical-align: middle;
  background: #FFF;
}
.table--form thead th, .table--search thead th, .table--display thead th {
  width: auto !important;
  min-width: 8.5rem !important;
  height: 3rem !important;
  padding: 0.5rem 0 0.4rem !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.width--auto {
  display: inline-block;
  width: auto !important;
}
.width--auto th:not(:empty),
.width--auto td:not(:empty) {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.width--short {
  width: auto !important;
  max-width: 33%;
}

.width--middle {
  width: auto !important;
  max-width: 52.5%;
}

.width--wide {
  width: auto !important;
  max-width: 75%;
}
.width--wide th:not(:empty),
.width--wide td:not(:empty) {
  width: auto !important;
  min-width: auto !important;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

入力フォーム

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.table--form th:not(:empty), .table--search th:not(:empty), .table--display th:not(:empty),
.table--form td:not(:empty),
.table--search td:not(:empty),
.table--display td:not(:empty) {
  height: 4.5rem;
}
.table--form th:not(:empty), .table--search th:not(:empty), .table--display th:not(:empty) {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 3.75rem;
  position: relative;
  background-clip: padding-box;
}
.table--form th:not(:empty).icon--req:not(:empty)::before, .table--search th:not(:empty).icon--req:not(:empty)::before, .table--display th:not(:empty).icon--req:not(:empty)::before, .table--form th:not(:empty).icon--opt:not(:empty)::before, .table--search th:not(:empty).icon--opt:not(:empty)::before, .table--display th:not(:empty).icon--opt:not(:empty)::before {
  position: absolute;
  top: 1.25rem;
  left: 0.5rem;
}
.table--form th:not(:empty).th--narrow, .table--search th:not(:empty).th--narrow, .table--display th:not(:empty).th--narrow {
  width: auto;
  min-width: 10rem;
}
.table--form td:not(:empty), .table--search td:not(:empty), .table--display td:not(:empty) {
  padding-top: 0.4rem;
  padding-right: 0.75rem;
  padding-bottom: 0.35rem;
  padding-left: 0.75rem;
}

/* 入力フォームに thead */
.table--form-thead > tr > th, .table--form-thead > tr > td, .table--form-thead > tbody > tr > th, .table--form-thead > tbody > tr > td {
  width: auto;
  min-width: 13.75rem !important;
}
.table--form-thead > tr > th, .table--form-thead > tbody > tr > th {
  height: 3rem !important;
  line-height: 3rem !important;
  padding: 0 0 0 3.75rem !important;
}
.table--form-thead > tr > th.icon--req::before, .table--form-thead > tr > th.icon--opt::before, .table--form-thead > tbody > tr > th.icon--req::before, .table--form-thead > tbody > tr > th.icon--opt::before {
  top: 0.65rem !important;
}
.table--form-thead .pl1 {
  padding-left: 1rem !important;
}

/*
----------------------------------

必須・任意アイコン

----------------------------------
*/
.icon--req:not(:empty)::before, .icon--opt:not(:empty)::before {
  display: inline-block;
  width: 2.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  margin-right: 0.5rem;
  color: #FFF;
  font-size: 1.1rem;
  font-style: normal;
  vertical-align: 0.1rem;
}

.icon--req:not(:empty)::before {
  background-color: #E21414;
  content: '必須';
}

.icon--opt:not(:empty)::before {
  background-color: #0E6EB8;
  content: '任意';
}

/*
----------------------------------

フォ―ムテーブル内の文章

----------------------------------
*/
.tx--note-on, .tx--note-under, .tx--note-left, .tx--note-right {
  font-size: 1.2rem;
  line-height: 1.25;
}

.tx--note-on {
  display: block;
  padding-top: 0.1rem;
  padding-bottom: 0.15rem;
}

.tx--note-under {
  display: block;
  padding-top: 0.5rem;
}

.tx--note-left {
  display: inline-block;
  padding-right: 0.5rem;
}

.tx--note-right {
  display: inline-block;
  padding-top: 0.5rem;
  padding-left: 0.75rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

検索フォーム

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.table--search th:not(:empty), .table--display th:not(:empty),
.table--search td:not(:empty),
.table--display td:not(:empty) {
  height: 3.4rem;
}
.table--search th:not(:empty), .table--display th:not(:empty) {
  min-width: 13.25rem;
  padding-top: 1.45rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.table--search th:not(:empty).th--width-fixed, .table--display th:not(:empty).th--width-fixed {
  width: 13.25rem;
  max-width: 13.25rem;
}
.table--search td:not(:empty), .table--display td:not(:empty) {
  padding-top: 0.3rem;
  padding-right: 0.75rem;
  padding-bottom: 0.2rem;
  padding-left: 0.75rem;
}

.is_control {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
  padding-left: 0.5rem;
  vertical-align: middle !important;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

詳細（左に項目）

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.table--display th, .table--display td {
  padding-bottom: 1.35rem;
  line-height: 1.25;
}
.table--display th:not(:empty) {
  background: #37393B;
  color: #FFF;
  position: static;
}

.table--display.th--wide th {
  width: 80% !important;
  min-width: 20rem !important;
}

.th--short th {
  min-width: 8.5rem !important;
  max-width: 10.5rem !important;
}

.is_table .table--display th, .is_table .table--display td,
.is_table .table--form th,
.is_table .table--search th,
.is_table .table--form td,
.is_table .table--search td, .is_table--list .table--list th, .is_table--list .table--list-form th, .is_table--list .table--list td, .is_table--list .table--list-form td {
  height: 3rem !important;
  padding-top: 0.4rem;
  padding-bottom: 0.35rem;
  vertical-align: middle;
  font-size: 1.2rem;
}

.is_table {
  height: auto !important;
  padding: 0 !important;
}
.is_table .table--display,
.is_table .table--form,
.is_table .table--search,
.is_table .table--display {
  width: calc(100% + 0.2rem);
  margin: -0.1rem !important;
}
.is_table .table--display th,
.is_table .table--form th,
.is_table .table--search th,
.is_table .table--display th {
  width: 7.5%;
  min-width: 10.5rem;
  background-color: #E2E6EA;
  color: #303234;
}
.is_table .table--display td,
.is_table .table--form td,
.is_table .table--search td,
.is_table .table--display td {
  border-right: 0;
}
.is_table .table--list th, .is_table .table--list-form th {
  background-color: #5E6672 !important;
  color: #FFF;
}
.is_table .table--list td:last-of-type, .is_table .table--list-form td:last-of-type {
  border-right: 0 !important;
}
.is_table .radio-by-side {
  margin-left: 1rem;
  margin-top: 0.75rem;
  vertical-align: -0.5rem;
}

.is_table--list {
  height: auto !important;
  border-top: 0 !important;
}
.is_table--list .table--list, .is_table--list .table--list-form {
  width: auto !important;
}
.is_table--list .table--list th, .is_table--list .table--list-form th, .is_table--list .table--list td, .is_table--list .table--list-form td {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.is_table--list .table--list th, .is_table--list .table--list-form th {
  background-color: #5E6672 !important;
  color: #FFF;
}

.th_invisible {
    background-color: #f8f9fa !important;
    border: none !important;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

一覧（上に項目）

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.table--list, .table--list-form {
  width: calc(100% - 0.2rem);
  max-width: 100%;
  border-collapse: collapse;
  background-color: #F8F9FA;
  border: 0 !important;
}
.table--list tr.row_gray th, .table--list-form tr.row_gray th, .table--list tr.row_gray td, .table--list-form tr.row_gray td {
  background-color: #d3d9df !important;
}
.table--list tr.row_yellow th, .table--list-form tr.row_yellow th, .table--list tr.row_yellow td, .table--list-form tr.row_yellow td {
  background-color: #fff6cc !important;
}
.table--list tr.row_red th, .table--list-form tr.row_red th, .table--list tr.row_red td, .table--list-form tr.row_red td {
    background-color: #FFE1E1 !important;
}
.table--list th, .table--list-form th {
  background-color: #5E6672;
  padding: 0.75rem 0.75rem 0.65rem;
  text-align: center;
  white-space: nowrap;
  font-size: 1.2rem;
  color: #FFF;
  vertical-align: middle;
}
.table--list.width--auto th, .width--auto.table--list-form th {
  background-color: #0E6EB8;
}
.table--list td, .table--list-form td {
  font-size: 1.3rem;
  vertical-align: middle;
  line-height: 1.25;
}
.table--list td.align--top, .table--list-form td.align--top {
  vertical-align: top !important;
}
.table--list tr:not(.tr--pagination) th, .table--list-form tr:not(.tr--pagination) th,
.table--list tr:not(.tr--pagination) td,
.table--list-form tr:not(.tr--pagination) td {
  border: 1px solid #B1B1B1;
  font-weight: normal;
}
.table--list tr:not(.tr--pagination) th a, .table--list-form tr:not(.tr--pagination) th a,
.table--list tr:not(.tr--pagination) td a,
.table--list-form tr:not(.tr--pagination) td a {
  text-decoration: underline;
}
.table--list tr:not(.tr--pagination) td, .table--list-form tr:not(.tr--pagination) td {
  background-color: #FFF;
  padding: 0.9rem 0.5rem 0.8rem;
  text-align: left;
}
.table--list tr:not(.tr--pagination) td.td--btn1, .table--list-form tr:not(.tr--pagination) td.td--btn1 {
  width: 6.75rem;
  padding: 0.25rem 0.2rem;
  text-align: center;
}
.table--list tr:not(.tr--pagination) td.td--btn2, .table--list-form tr:not(.tr--pagination) td.td--btn2 {
  width: 13.5rem;
  padding: 0.25rem 0.2rem;
  text-align: center;
}
.table--list tr:not(.tr--pagination) td.td--control, .table--list-form tr:not(.tr--pagination) td.td--control {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  text-align: center;
}
.table--list > tr:not(.tr--pagination):hover > td, .table--list-form > tr:not(.tr--pagination):hover > td, .table--list > tbody > tr:not(.tr--pagination):hover > td, .table--list-form > tbody > tr:not(.tr--pagination):hover > td {
  background-color: rgba(226, 230, 234, 0.5);
}
.table--list tr.table--list-foot th, .table--list-form tr.table--list-foot th, .table--list tr.table--list-foot td, .table--list-form tr.table--list-foot td {
  border-top: 0.3rem solid #FFF;
  box-shadow: 0 -0.2rem 0 0 #B1B1B1, 0 0.1rem 0 0 #B1B1B1 inset;
}
.table--list tr.table--list-foot th, .table--list-form tr.table--list-foot th {
  background-color: #838c99;
  padding: 1rem 0.5rem 0.85rem;
}
.table--list tr.table--list-foot td:not(:empty), .table--list-form tr.table--list-foot td:not(:empty) {
  font-weight: bold;
}
.table--list tr.table--list-foot td:empty, .table--list-form tr.table--list-foot td:empty {
  text-align: center;
}
.table--list tr.table--list-foot td:empty:after, .table--list-form tr.table--list-foot td:empty:after {
  content: "---";
}

.tx--yomi-under {
  display: block;
  padding-top: 0.5rem;
  font-size: 1.2rem;
  line-height: 1;
}

.tx--inner-br:not(:empty) {
  display: block;
  margin-bottom: 0.25rem;
}

.tx--inner-br:empty {
  display: inline-block;
}

.bg--gray {
  background-color: #d3d9df !important;
}

.bg--blue {
  background-color: #107cd0 !important;
}

.bg--yellow {
  background-color: #fff6cc !important;
}

/*
----------------------

pager

----------------------
*/
.tr--pagination > td {
  border: 0 !important;
  background-color: #F8F9FA !important;
  padding: 0.75rem 0 0.75rem !important;
}
.tr--pagination > td table {
  width: auto;
}
.tr--pagination > td table tr, .tr--pagination > td table td {
  border: 0 !important;
  padding: 0 !important;
  background-color: #F8F9FA;
}
.tr--pagination > td table tr a, .tr--pagination > td table tr span, .tr--pagination > td table td a, .tr--pagination > td table td span {
  display: inline-block;
  margin-left: 0.3rem;
  font-size: 1.4rem;
  border: 0.1rem solid #37393B;
  color: #FFF;
  width: 4rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
}
.tr--pagination > td table tr a, .tr--pagination > td table td a {
  background-color: #37393B;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tr--pagination > td table tr a:hover, .tr--pagination > td table td a:hover {
  background: rgba(55, 57, 59, 0.35);
  color: #FFF;
  border: 1px solid rgba(55, 57, 59, 0.35);
}
.tr--pagination > td table tr span, .tr--pagination > td table td span {
  color: #37393B;
}

.container--nowrap {
  width: 100%;
  padding-bottom: 1rem;
  overflow-x: auto;
}

.container--nowrap th:not(.is_wrap),
.container--nowrap td:not(.is_wrap) {
  white-space: nowrap;
}

.table--list-form tr:not(.tr--pagination) td {
  height: 3.4rem;
  padding: 0.4rem 0.5rem 0.35rem;
  vertical-align: middle;
}
.table--list-form tr:not(.tr--pagination) td.td--btn1, .table--list-form tr:not(.tr--pagination) td.td--btn2 {
  padding: 0 0.2rem;
}

.tx--total-single {
  font-size: 1.8rem;
  padding-bottom: 1rem;
}

.tx--total {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  width: 30rem;
  display: flex;
  flex-flow: row wrap;
}
.tx--total dt, .tx--total dd {
  font-size: 1.8rem;
  font-weight: normal;
  padding-bottom: 0.75rem;
  white-space: nowrap;
}
.tx--total dt {
  flex-basis: 13rem;
  position: relative;
}
.tx--total dt::after {
  content: "：";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.tx--total dd {
  flex-basis: 17rem;
  text-align: right;
}

.tx--search-result {
  display: block;
  width: auto !important;
  font-size: 1.3rem;
  margin-bottom: 0.75rem;
}

.tx--result span:not(:empty) {
  display: block;
  background-color: #0ca040;
  padding: 0.85rem 1.25rem 0.75rem;
  margin-bottom: 1.5rem;
  text-align: left;
  line-height: 1.25;
  color: #FFF;
}

.tx--update {
  display: flex;
  flex-flow: row wrap;
}
.tx--update dt, .tx--update dd {
  height: 4rem;
  line-height: 4rem;
}
.tx--update dt {
  font-weight: normal;
}
.tx--update dt.tx--update-date {
  flex-basis: 10rem;
}
.tx--update dt.tx--update-staff {
  flex-basis: 8.5rem;
}
.tx--update dt:after {
  content: "：";
}
.tx--update dd {
  flex-basis: 17rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

枠なし 1組 項目 + 要素

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.list--tag {
  display: block;
  margin-bottom: 0.5rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

ASPカレンダーモジュール

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.ajax__calendar_container {
  width: 180px !important;
  height: 215px !important;
  padding: 4px !important;
  background: #FFF;
  border: 1px solid #B1B1B1 !important;
  text-align: center;
  font-size: 12px !important;
}
.ajax__calendar_container .ajax__calendar_header {
  margin-top: 10px;
}
.ajax__calendar_container .ajax__calendar_title {
  padding: 0 !important;
  line-height: 1.3 !important;
}
.ajax__calendar_container .ajax__calendar_body {
  width: 170px !important;
  height: 140px !important;
  margin-top: 10px;
}
.ajax__calendar_container .ajax__calendar_body .ajax__calendar_dayname {
  padding: 0 !important;
  border-bottom: 4px solid #FFF;
  font-size: 11px !important;
  line-height: 20px;
}
.ajax__calendar_container .ajax__calendar_body .ajax__calendar_days table td,
.ajax__calendar_container .ajax__calendar_body .ajax__calendar_months table td,
.ajax__calendar_container .ajax__calendar_body .ajax__calendar_years table td {
  padding: 0 !important;
  text-align: center !important;
  font-family: tahoma,verdana,helvetica;
  font-size: 11px !important;
}
.ajax__calendar_container .ajax__calendar_body .ajax__calendar_days table td {
  width: 24px !important;
  height: 17px !important;
  padding: 0 !important;
  border: 0 !important;
}
.ajax__calendar_container .ajax__calendar_body .ajax__calendar_days table td .ajax__calendar_day {
  width: 22px !important;
  height: 17px !important;
  padding: 0 !important;
  text-align: center !important;
  margin: 0 !important;
  line-height: 20px;
}
.ajax__calendar_container .ajax__calendar_footer {
  font-size: 11px !important;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

要素

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.is_date, .is_code {
  text-align: center !important;
  padding-left: 0;
  padding-right: 0;
}

.is_date {
  width: 9rem !important;
  min-width: 9rem !important;
}

.is_code {
  width: 9.5rem !important;
  min-width: 9.5rem !important;
}

.is_various--6 {
  width: 6rem !important;
  min-width: 6rem !important;
  max-width: 6rem !important;
}

.is_various--8 {
  width: 8rem !important;
  min-width: 8rem !important;
  max-width: 8rem !important;
}

.is_various--15 {
    width: 15rem !important;
    min-width: 15rem !important;
    max-width: 15rem !important;
}

.width--280px {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
}

.width--215px {
    width: 215px !important;
    min-width: 215px !important;
    max-width: 215px !important;
}

.is_checked::after {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-size: 1.8rem;
  color: #5E6672;
  font-weight: 600;
  line-height: 1;
  font-style: normal;
  vertical-align: -0.2rem;
  margin-left: 0.1rem;
}

.is_not_checked::after {
  content: "---";
  color: #5E6672;
  line-height: 1;
  margin-left: 0.1rem;
}

.is_strong {
  font-weight: bold !important;
}

.is_wrap {
  min-width: 30rem;
  white-space: wrap;
}

.is_bottom {
  position: relative;
  min-width: 18rem;
}
.is_bottom * {
  position: absolute;
  bottom: 0;
}

.tx--info {
  display: block;
  margin-top: -1rem;
  margin-bottom: 2rem;
}

.tx--info-sub {
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

control

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form-control__textarea, .form-control__textarea--short, .form-control--select, .form-control,
.form-control--xxxs,
.form-control--xxs,
.form-control--w12,
.form-control--x2s,
.form-control--x3s,
.form-control--xs,
.form-control--s2,
.form-control--s,
.form-control--m,
.form-control--l, .select2-container {
  display: inline-block;
  height: 3.4rem;
  line-height: 3.3rem;
  max-height: 98% !important;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #B1B1B1;
  box-shadow: 0;
  padding-left: 0.75rem;
  text-align: left;
  font-size: 1.3rem;
  color: #303234;
}
[readonly].form-control__textarea, [readonly].form-control__textarea--short, [readonly].form-control--select, [readonly].form-control,
[readonly].form-control--xxxs,
[readonly].form-control--xxs,
[readonly].form-control--w12,
[readonly].form-control--x2s,
[readonly].form-control--x3s,
[readonly].form-control--xs,
[readonly].form-control--s2,
[readonly].form-control--s,
[readonly].form-control--m,
[readonly].form-control--l, [readonly].select2-container {
  background: none;
  background-color: rgba(177, 177, 177, 0.25);
  opacity: 1;
  box-shadow: none;
}
[disabled].form-control__textarea, [disabled].form-control__textarea--short, [disabled].form-control--select, [disabled].form-control,
[disabled].form-control--xxxs,
[disabled].form-control--xxs,
[disabled].form-control--w12,
[disabled].form-control--x2s,
[disabled].form-control--x3s,
[disabled].form-control--xs,
[disabled].form-control--s2,
[disabled].form-control--s,
[disabled].form-control--m,
[disabled].form-control--l, [disabled].select2-container {
  cursor: not-allowed;
  background-color: rgba(177, 177, 177, 0.25);
  opacity: 1;
}
.form-control__textarea::placeholder, .form-control__textarea--short::placeholder, .form-control--select::placeholder, .form-control::placeholder,
.form-control--xxxs::placeholder,
.form-control--xxs::placeholder,
.form-control--w12::placeholder,
.form-control--x2s::placeholder,
.form-control--x3s::placeholder,
.form-control--xs::placeholder,
.form-control--s2::placeholder,
.form-control--s::placeholder,
.form-control--m::placeholder,
.form-control--l::placeholder, .select2-container::placeholder {
  color: #B1B1B1;
}

/* hankaku */
.is_hankaku {
  ime-mode: disabled;
}

/* num */
.is_number {
  text-align: right !important;
  padding-right: 0.75rem;
  white-space: nowrap;
}

/* date */
input[type="date"] {
  text-align: center !important;
}

/* password */
.container--password {
  display: inline-block;
  padding-right: 1rem;
}
.container--password .is_password {
  margin-right: -3.5rem;
}
.container--password .password-mask .far {
  vertical-align: -0.3rem;
  font-size: 1.8rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

label

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.label, .radio-wrap, .check-wrap {
  display: inline-block;
  cursor: pointer;
}
.label:not(:last-of-type), .radio-wrap:not(:last-of-type), .check-wrap:not(:last-of-type) {
  padding-right: 1.25rem;
}
.label td, .radio-wrap td, .check-wrap td {
  padding: 0 1.5rem 0 0 !important;
  border: 0 !important;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

radio

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.radio-wrap .radio-icon:before, .radio-wrap input[type=radio]:checked + .radio-icon:before, .check-wrap .check-icon:before, .check-wrap input[type=checkbox]:checked + .check-icon:before {
  font-family: "Font Awesome 5 Free";
  font-size: 2.1rem;
  font-weight: 400;
  color: #303234;
  margin-right: 0.5rem;
  vertical-align: -0.15rem;
}

.radio-wrap .radio-icon {
  display: inline-block;
  vertical-align: -0.2rem;
  margin-left: -13px;
}
.radio-wrap .radio-icon:before {
  content: "\f111";
}
.radio-wrap input[type=radio] {
  opacity: 0;
}
.radio-wrap input[type=radio]:checked + .radio-icon:before {
  content: "\f192";
  color: #0E6EB8;
}

.check-list table td,
.radio-list table td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
  white-space: nowrap;
}

.check-list table td,
.radio-list table td {
  padding-top: 0.2rem !important;
}

.check-list table tr:not(:last-of-type) td,
.radio-list table tr:not(:last-of-type) td {
  padding-bottom: 0.2rem !important;
}

.row-middle {
  padding-top: 0.65rem;
}

[type="checkbox"][disabled] + .check-icon:before,
[type="checkbox"][readonly] + .check-icon:before {
  color: #E2E6EA;
}
[type="checkbox"][disabled] label,
[type="checkbox"][readonly] label {
  cursor: default !important;
}

[type="radio"][disabled],
[type="radio"][readonly] {
  cursor: default !important;
}
[type="radio"][disabled] + .radio-icon:before,
[type="radio"][readonly] + .radio-icon:before {
  color: #E2E6EA;
}
[type="radio"][disabled] label,
[type="radio"][readonly] label {
  cursor: default !important;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

checkbox

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.check-wrap .check-icon {
  display: inline-block;
  padding-left: 0.2rem;
  margin-left: -13px;
}
.check-wrap .check-icon:before {
  content: "\f0c8";
}
.check-wrap input[type=checkbox] {
    opacity: 0;
}
.check-wrap input[type=checkbox]:checked + .check-icon:before {
  content: "\f14a";
  color: #0E6EB8;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

textarea

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form-control__textarea, .form-control__textarea--short {
  width: 100%;
  resize: none;
  line-height: 1.25;
  padding-top: 0.5rem;
}

.form-control__textarea {
  min-height: 10rem;
}

.form-control__textarea--short {
  min-height: 5rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

select

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form-control--selectwrap {
  display: inline-block;
  min-width: 5rem;
  max-width: 100%;
  height: 3.4rem;
  max-height: 96% !important;
  position: relative;
}
.form-control--selectwrap select::-ms-expand {
  display: none;
}

.form-control--select {
  width: 100%;
  padding: 0 3.5rem 0 0.75rem;
  background-image: url("../../assets/img/angle-down-solid.png");
  background-position: calc(100% - 0.6rem), 1rem;
  background-repeat: no-repeat;
}
.form-control--select.is_multiple {
  padding: 0;
  height: 25.75rem !important;
}
.form-control--select.is_multiple option {
  padding: 0.4rem 1rem 0.3rem;
}
.form-control--select.is_multiple option:not(:last-of-type) {
  border-bottom: 1px dashed #B1B1B1;
}
.form-control--select.is_multiple--short {
  height: 13.5rem !important;
}

.container--sort {
  margin-bottom: 1rem;
}
.container--sort .sort-tx {
  display: inline-block;
  padding-right: 0.75rem;
  font-size: 1.2rem;
  line-height: 1;
  vertical-align: 0.2rem;
}
.container--sort .form-control--selectwrap::after {
  top: 1rem;
  right: 0.75rem;
}
.container--sort .form-control--selectwrap .form-control--select {
  height: 2.75rem;
  line-height: 2.75rem;
  font-size: 1.2rem;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

error

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.err--tx span:not(:empty) {
  display: block;
  background-color: #E21414;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1.5rem;
  text-align: left;
  line-height: 1.25;
  color: #FFF;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

file

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form-control--file {
  display: none;
}

.form-control--filetx {
  width: calc(100% - 15rem);
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 1.3rem;
}

/*
-----------------------------------------

drop file

-----------------------------------------
*/
.inputFile {
  margin-top: 1rem;
  padding: 5rem 0 2.5rem;
  text-align: center;
  position: relative;
}
.inputFile .dropArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem 0 0;
  border: 2px dashed #494949;
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.inputFile .inputFileWrap {
  margin-top: 2.5rem;
  position: relative;
  display: inline-block;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

+- Increase or decrease

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form-control--dynamic .add::after, .form-control--dynamic .del::after {
  font-family: "Font Awesome 5 Free";
  font-size: 2.6rem;
  font-weight: 400;
  color: #37393B;
  padding-top: 0.5rem;
}

.form-control--dynamic {
  margin-top: 0.25rem;
}
.form-control--dynamic .add {
  margin-left: 1rem;
}
.form-control--dynamic .add::after {
  content: "\f0fe";
}
.form-control--dynamic .del {
  margin-left: 0.2rem;
}
.form-control--dynamic .del::after {
  content: "\f146";
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

size

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.form-control--size-auto {
  width: auto;
  min-width: auto !important;
}

.form-control--size-xxs,
.form-control--size-x2s,
.form-control--size-xs,
.form-control--size-s2,
.form-control--size-s,
.form-control--size-m,
.form-control--size-l {
  display: inline-block;
}

.form-control--size-xxxs,
.form-control--xxxs {
  width: 4rem;
  min-width: 4rem;
}

.form-control--size-xxs,
.form-control--xxs {
  width: 6.5rem;
  min-width: 6.5rem;
}

.form-control--w12 {
  width: 12rem;
}

.form-control--size-x2s,
.form-control--x2s {
  width: 7.5%;
  min-width: 7.5rem;
}

.form-control--size-x3s,
.form-control--x3s {
  width: 9%;
  min-width: 9rem;
}

.form-control--size-xs,
.form-control--xs {
  display: inline-block;
  width: 15%;
  min-width: 9.85rem;
}

.form-control--size-s2,
.form-control--s2 {
  width: 20%;
  min-width: 13.5rem;
}

.form-control--size-s,
.form-control--s {
  width: 30%;
  min-width: 17.75rem;
}

.form-control--size-m,
.form-control--m {
  width: 70%;
}

.form-control--size-l,
.form-control--l {
  width: 100%;
}

.select2-container {
  line-height: 2.4rem;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin-left: -7px;
  padding-left: 5px;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 2px;
  padding-left: 3px;
  padding-right: 3.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-image: url("../../assets/img/angle-down-solid.png");
  background-position: calc(100% - 0.6rem), 1rem;
  background-repeat: no-repeat;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #C1C1C1;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  top: -1px;
  width: 100%;
  z-index: 100000 !important;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding-left: 7.5px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #FFF;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #FFF;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #EEE;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.width_100px {
  width: 100px !important;
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

button

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.button--submit, .button--update, .button--delete, .button--search, .button--clear, .button--download, .button--table-detail, .button--table-update, .button--table-delete, .button--link, .button--link-prev-wrapper .button--link-prev, .button--link-next-wrapper .button--link-next, .button--file, .button--inner-table, .button--close {
  display: inline-block;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button--submit:disabled, .button--update:disabled, .button--delete:disabled, .button--search:disabled, .button--clear:disabled, .button--download:disabled, .button--table-detail:disabled, .button--table-update:disabled, .button--table-delete:disabled, .button--link:disabled, .button--link-prev-wrapper .button--link-prev:disabled, .button--link-next-wrapper .button--link-next:disabled, .button--file:disabled, .button--inner-table:disabled, .button--close:disabled {
  cursor: not-allowed;
  opacity: 0.25;
}
.button--submit:hover, .button--update:hover, .button--delete:hover, .button--search:hover, .button--clear:hover, .button--download:hover, .button--table-detail:hover, .button--table-update:hover, .button--table-delete:hover, .button--link:hover, .button--link-prev-wrapper .button--link-prev:hover, .button--link-next-wrapper .button--link-next:hover, .button--file:hover, .button--inner-table:hover, .button--close:hover {
  opacity: 0.75;
}

/*
-------------------------------------------------------------------

basic button

-------------------------------------------------------------------
*/
.button--submit, .button--update, .button--delete, .button--search, .button--clear, .button--download {
  width: 16.5rem;
  height: 4rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  color: #FFF;
}

.button--short {
  width: 12rem;
}

.button--wide {
  width: 21rem;
}

.button--wider {
  width: 26rem;
}

.button--submit {
  background-color: #0E6EB8;
}

.button--update {
  background-color: #0ca040;
}

.button--delete {
  background-color: #37393B;
}

.button--search {
  background-color: #094F85;
}

.button--clear {
  width: 8rem;
  background-color: #5E6672;
}

.button--download {
  background-color: #FFF;
  border: 0.2rem solid #094F85;
  padding-left: 1.85rem;
  color: #094F85;
}
.button--download:hover {
  opacity: 1;
  border: 2px solid #0E6EB8 !important;
  color: #0E6EB8;
}
.button--download.short {
  height: 4rem;
  font-size: 1.4rem;
}

.button--download-wrapper:not(:empty) {
  display: inline-block;
  position: relative;
}
.button--download-wrapper:not(:empty)::before {
  font-family: "Font Awesome 5 Free";
  content: "\f019";
  font-size: 1.8rem;
  line-height: 1;
  color: #094F85;
  font-weight: 600;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.button--download-wrapper:not(:empty):hover::before {
  color: #0E6EB8;
}
.button--download-wrapper:not(:empty).short::before {
  top: 0.95rem;
}

/* button container */
.container--button {
  margin-top: 2.5rem;
  text-align: right;
}

.container--button-search {
  margin-top: 1.5rem;
  text-align: right;
}

.container--button-close {
  margin-top: 5rem;
  text-align: center;
}

/*
-------------------------------------------------------------------

small square button

-------------------------------------------------------------------
*/
.button--table-detail, .button--table-update, .button--table-delete {
  width: 6rem;
  height: 2.5rem;
  border-radius: 0.3rem;
  font-size: 1.2rem;
  color: #FFF;
}

.button--table-detail {
  background-color: #0E6EB8;
}

.button--table-update {
  background-color: #0ca040;
}

.button--table-delete {
  background-color: #37393B;
}

/* + width free */
.button--width-auto {
  width: auto !important;
  padding-left: 0.75rem;
  padding-right: 0.85rem;
}

/*
-------------------------------------------------------------------

small round button

-------------------------------------------------------------------
*/
.button--link, .button--link-prev-wrapper .button--link-prev, .button--link-next-wrapper .button--link-next {
  display: inline-block;
  width: auto;
  height: 2.5rem;
  line-height: 2.6rem;
  border-radius: 1.25rem;
  background-color: #37393B;
  font-size: 1.2rem;
  color: #FFF !important;
  text-decoration: none !important;
}
.button--link:hover, .button--link-prev-wrapper .button--link-prev:hover, .button--link-next-wrapper .button--link-next:hover {
  opacity: 1;
  background-color: #0E6EB8;
}

.button--link {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.button--link-prev-wrapper:not(:empty), .button--link-next-wrapper:not(:empty) {
  position: relative;
}
.button--link-prev-wrapper:not(:empty)::before, .button--link-next-wrapper:not(:empty)::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.8rem;
  line-height: 1;
  color: #FFF;
  font-weight: 600;
  position: absolute;
  top: 0.2rem;
  z-index: 1;
}

.button--link-prev-wrapper::before {
  content: "\f137";
  left: 0.5rem;
}
.button--link-prev-wrapper .button--link-prev {
  padding-left: 3rem;
  padding-right: 1.25rem;
}

.button--link-next-wrapper::before {
  content: "\f138";
  right: 0.5rem;
}
.button--link-next-wrapper .button--link-next {
  padding-left: 1.25rem;
  padding-right: 3rem;
}

/*
-------------------------------------------------------------------

inner form button

-------------------------------------------------------------------
*/
.button--file, .button--inner-table, .button--close {
  display: inline-block;
  width: auto;
  border-radius: 0.3rem;
  padding: 0.75rem 0.85rem 0.8rem 0.95rem;
  line-height: 1;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  color: #FFF !important;
}

.button--file {
  background-color: #37393B;
  z-index: 9;
}

.button--inner-table {
  background-color: #0E6EB8;
  margin-left: 0.25rem;
}

.button--close {
  min-width: 12rem;
  background-color: #37393B;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

modal

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.overlay {
  position: fixed;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: auto;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  cursor: pointer;
  text-align: center;
}

/*
.x_overlay {
    display: block;
    width: 5rem;
    height: 5rem;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    background: $color-gray-dark;

    &::before {
        font-family: "Font Awesome 5 Free";
        font-size: $fsize-xxlarge;
        font-weight: 600;
        content: "\f00d";
        color: $color-item-tx;
        display: block;
        margin-top: 1rem;
        margin-left: 0.25rem;
    }
}
*/
  /*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

conatiner

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.modal-failure__container, .modal-narrow__container, .modal-wide__container {
  background: #F8F9FA;
  border: 0.5rem solid #B1B1B1;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99999;
  transform: translate(-50%, -50%);
  max-width: 90%;
  height: auto;
  max-height: 90%;
  overflow-y: auto;
  padding: 2rem;
}
.modal-failure__container .modal--title, .modal-narrow__container .modal--title, .modal-wide__container .modal--title {
  font-size: 1.8rem;
  padding-bottom: 2rem;
}
.modal-failure__container .modal--close, .modal-narrow__container .modal--close, .modal-wide__container .modal--close {
  text-align: center;
  margin-top: 2rem;
}

.modal-failure__container {
  width: 38rem;
}

.modal-narrow__container {
  width: 48rem;
}

.modal-wide__container {
  width: 120rem;
}

.tab__container {
  margin-top: 3rem;
  position: relative;
  	/*
  	-------------------------
  
  	tab
  
  	-------------------------
  	*/
  	/*
  	-------------------------
  
  	content
  
  	-------------------------
  	*/
  /* すべて選択 */
  /* m521・m1074 - sub link */
  /* m521 - content */
  	/*
  	-------------------------
  
  	folder up button
  
  	-------------------------
  	*/
}
.tab__container .folder__tab--list, .tab__container .m521__tab--list {
  display: flex;
  /* tab -- give li the current class */
  /* tab -- give li the current class */
}
.tab__container .folder__tab--list .tab--item, .tab__container .m521__tab--list .tab--item {
  width: 14rem;
  height: 3rem;
  line-height: 1;
  padding-top: 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  text-align: center;
  color: #FFF;
}
.tab__container .folder__tab--list .tab--item:not(:first-of-type), .tab__container .m521__tab--list .tab--item:not(:first-of-type) {
  margin-left: 0.2rem;
}
.tab__container .folder__tab--list .tab--item.is_current, .tab__container .m521__tab--list .tab--item.is_current {
  background-color: #0E6EB8;
}
.tab__container .folder__tab--list .tab--item.is_not_current, .tab__container .m521__tab--list .tab--item.is_not_current {
  background-color: #5E6672;
  cursor: pointer;
}
.tab__container .folder__tab--list .tab--item.is_not_current:hover, .tab__container .m521__tab--list .tab--item.is_not_current:hover {
  background-color: #107cd0;
}
.tab__container .folder__tab--list .tab--item a, .tab__container .m521__tab--list .tab--item a {
  color: #FFF;
}
.tab__container .folder__tab--list .tab--items:not(:first-of-type), .tab__container .m521__tab--list .tab--items:not(:first-of-type) {
  margin-left: 0.2rem;
}
.tab__container .folder__tab--list .tab--items .tab--items-inner, .tab__container .m521__tab--list .tab--items .tab--items-inner {
  display: block;
  width: 12rem;
  height: 3rem;
  line-height: 1;
  padding-top: 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  text-align: center;
  color: #FFF;
}
.tab__container .folder__tab--list .tab--items .tab--items-inner.is_current, .tab__container .m521__tab--list .tab--items .tab--items-inner.is_current {
  background-color: #0E6EB8;
}
.tab__container .folder__tab--list .tab--items .tab--items-inner.is_not_current, .tab__container .m521__tab--list .tab--items .tab--items-inner.is_not_current {
  background-color: #5E6672;
  cursor: pointer;
}
.tab__container .folder__tab--list .tab--items .tab--items-inner.is_not_current:hover, .tab__container .m521__tab--list .tab--items .tab--items-inner.is_not_current:hover {
  background-color: #107cd0;
}
.tab__container .folder__tab--list {
  width: 40rem;
}
.tab__container .m521__tab--list {
  width: 120rem;
}
.tab__container .tab__content {
  border-top: 5px solid #0E6EB8;
  /* folder - list */
}
.tab__container .tab__content .folder__list--item {
  padding: 0.75rem 0.5rem 1rem;
  font-size: 1.4rem;
  border-bottom: 5px solid #0E6EB8;
}
.tab__container .tab__content .folder__list--item:first-of-type {
  padding-top: 1.5rem;
}
.tab__container .tab__content .folder__list--item:last-of-type {
  padding-bottom: 1.5rem;
}
.tab__container .tab__content .folder__list--item:not(:last-of-type) {
  border-bottom: 0.1rem solid #B1B1B1;
}
.tab__container .tab__content .folder__list--item .folder--01:before,
.tab__container .tab__content .folder__list--item .folder--02:before,
.tab__container .tab__content .folder__list--item .folder--03:before, .tab__container .tab__content .folder__list--item .file--01:before,
.tab__container .tab__content .folder__list--item .file--02:before,
.tab__container .tab__content .folder__list--item .file--03:before {
  font-family: "Font Awesome 5 Free";
  font-size: 2.1rem;
  font-style: normal;
  color: #5E6672;
  vertical-align: -0.1rem;
}
.tab__container .tab__content .folder__list--item .folder--01:before,
.tab__container .tab__content .folder__list--item .folder--02:before,
.tab__container .tab__content .folder__list--item .folder--03:before {
  font-weight: 600;
  content: "\f07b";
  margin-right: 0.5rem;
}
.tab__container .tab__content .folder__list--item .file--01:before,
.tab__container .tab__content .folder__list--item .file--02:before,
.tab__container .tab__content .folder__list--item .file--03:before {
  font-weight: 400;
  margin-left: 0.3rem;
  margin-right: 0.65rem;
  content: "\f15c";
}
.tab__container .tab__content .folder__list--item .folder--01,
.tab__container .tab__content .folder__list--item .file--01 {
  margin-left: 0.5rem;
}
.tab__container .tab__content .folder__list--item .folder--02,
.tab__container .tab__content .folder__list--item .file--02 {
  margin-left: 3.5rem;
}
.tab__container .tab__content .folder__list--item .folder--03,
.tab__container .tab__content .folder__list--item .file--03 {
  margin-left: 6.5rem;
}
.tab__container .folder__list--check-all {
  padding-left: 0.75rem;
  margin-bottom: 1rem;
}
.tab__container .m521__content--link, .tab__container .m1074__content--link {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.tab__container .m521__content--link .m521__content--link-item, .tab__container .m1074__content--link .m521__content--link-item {
  padding-left: 0.5rem !important;
  line-height: 1;
}
.tab__container .m1074__content--link {
  top: 1rem;
}
.tab__container .m521__content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  /* form */
}
.tab__container .m521__content .m521__tab--column li:first-of-type {
  width: calc(100% - 14rem);
}
.tab__container .m521__content .m521__tab--column li:last-of-type {
  padding-top: 0.75rem;
  text-align: right;
}
.tab__container .button--up-folder {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

/* CUSTOM */