/*----------------------------------------
# CSS設計手法
FLOCSS（フロックス）

# FLOCSSの命名規則
MindBEMding
ex)block__element–modifier

# プレフィックス
Layout：l-*
Project：p-*
Component：c-*
Utility：u-*
js関連：js-*
状態を表す場合：is-*

# color
background : #F0F2F5;
font-base : #040405;
font-link : #0D78D4;

button-base : #0D78D4
button-base_hover : #1B6DB3;
button-base_disable : #A1AAB3;
button-red : #D9363F;
button-red_hover : #B8373E;
button-red_disable : #B3AAAA;

alert-message-icon : #30BF77;
alert-message-background : #EBFFF5;
alert-warning-icon : #D9BF41;
alert-warning-background : #FAFAC8;
alert-error-icon : #D9363F;
alert-error-background : #FFF2F3;
----------------------------------------*/
/*----------------------------------------
jquery.treetable.css
----------------------------------------*/
table.treetable td { 
  position: relative;
}
table.treetable span.indenter {
  display: inline-block;
  /* position: absolute;
  top: auto;
  bottom: auto;
  left: 12px; */
  width: 28px;
  margin: 0;
  padding: 0;
  text-align: left;

  /* Disable text selection of nodes (for better D&D UX) */
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;

  /* Force content-box box model for indenter (Bootstrap compatibility) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

table.treetable span.indenter .c-button-treetable {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon-toggle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22icon-plus%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054%22%20d%3D%22M0%2C0H24V24H0Z%22%20transform%3D%22translate(24)%20rotate(90)%22%20fill%3D%22aqua%22%20opacity%3D%220%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_12%22%20data-name%3D%22%E7%B7%9A%2012%22%20y2%3D%2213.387%22%20transform%3D%22translate(18.693%2011.941)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230d78d4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_13%22%20data-name%3D%22%E7%B7%9A%2013%22%20y2%3D%2213.387%22%20transform%3D%22translate(11.941%2018.693)%20rotate(180)%22%20fill%3D%22none%22%20stroke%3D%22%230d78d4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center center;
}
table.treetable tr.expanded span.indenter .c-button-treetable {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon-toggle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22icon-minus%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054%22%20d%3D%22M0%2C0H24V24H0Z%22%20transform%3D%22translate(24)%20rotate(90)%22%20fill%3D%22aqua%22%20opacity%3D%220%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_12%22%20data-name%3D%22%E7%B7%9A%2012%22%20y2%3D%2213.387%22%20transform%3D%22translate(18.693%2011.941)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230d78d4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}

table.treetable tr.department-search-filtered {
  display: none;
}

/*----------------------------------------
bootstrap-duallistbox.css
----------------------------------------*/
/*
 *  Bootstrap Duallistbox - v4.0.2
 *  A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
 *  http://www.virtuosoft.eu/code/bootstrap-duallistbox/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */
.bootstrap-duallistbox-container .buttons {
  width: 100%;
  margin-bottom: -1px;
}

.bootstrap-duallistbox-container label {
  display: block;
}

.bootstrap-duallistbox-container .info {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 11px;
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
  display: none;
  font-size: 10px;
}

.bootstrap-duallistbox-container .box1.filtered .clear1,
.bootstrap-duallistbox-container .box2.filtered .clear2 {
  display: inline-block;
}

.bootstrap-duallistbox-container .move,
.bootstrap-duallistbox-container .remove {
  /* width: 50%; */
  /* box-sizing: content-box; */
}

.bootstrap-duallistbox-container .btn-group .btn {
/*  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; */
}
.bootstrap-duallistbox-container:not(.moveonselect) select {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .removeall {
  /* width: 50%; */
  /* box-sizing: content-box; */
}

.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
  margin-left: 0;
}

.bootstrap-duallistbox-container select {
  width: 100%;
  height: 300px;
  padding: 0;
}

.bootstrap-duallistbox-container .filter {
/*  display: inline-block;
  width: 100%;
  height: 31px;
  margin: 0 0 5px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; */
}

.bootstrap-duallistbox-container .filter.placeholder {
  /* color: #aaa; */
}

.bootstrap-duallistbox-container.moveonselect .move,
.bootstrap-duallistbox-container.moveonselect .remove {
  display:none;
}

.bootstrap-duallistbox-container.moveonselect .moveall,
.bootstrap-duallistbox-container.moveonselect .removeall {
  width: 100%;
}

/*
bootstrap.css
----------------------------------------*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}
.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none
}
.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}
.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size:0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}


/*----------------------------------------
base
----------------------------------------*/
html {
  font-size: 62.5%;
  color: #040405;
}
body {
}
body.js-modal-open {
  overflow: hidden;
}
p {
  font-size: 1.5rem;
  line-height: 1.6;
}
p:not(:last-child) {
  margin-bottom: 1em;
}
a {
  color: #0D78D4;
}
ul li {
  list-style: none;
}

/*
list
----------------------------------------*/
.c-list-disc {
  padding-left: 2rem;
}
.c-list-disc li {
  list-style-type: disc;
}


/*
icon
----------------------------------------*/
.c-fa {
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  vertical-align: middle;
}
.c-fa::before {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.c-fa-question-book {
  color: #040405;
}
.c-fa-question-book .fa-question {
  color: #fff;
  background-color: #040405;
  border-radius: 9999px;
  transform: scale(.525) translateY(-.45em);
}

.c-icon-password::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-color: #A3AAB2;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_645%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20645%22%20transform%3D%22translate(-772%20-178.125)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_93%22%20data-name%3D%22%E3%83%91%E3%82%B9%2093%22%20d%3D%22M-1.406-5.344V-4.5H1.406v-.844A1.406%2C1.406%2C0%2C0%2C0%2C0-6.75%2C1.406%2C1.406%2C0%2C0%2C0-1.406-5.344ZM-2.531-4.5v-.844A2.532%2C2.532%2C0%2C0%2C1%2C0-7.875%2C2.532%2C2.532%2C0%2C0%2C1%2C2.531-5.344V-4.5h.281A1.126%2C1.126%2C0%2C0%2C1%2C3.938-3.375V0A1.126%2C1.126%2C0%2C0%2C1%2C2.813%2C1.125H-2.812A1.126%2C1.126%2C0%2C0%2C1-3.937%2C0V-3.375A1.126%2C1.126%2C0%2C0%2C1-2.812-4.5Z%22%20transform%3D%22translate(782%20187)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_64%22%20data-name%3D%22%E3%83%91%E3%82%B9%2064%22%20d%3D%22M1.5%2C1.5v5h15v-5H1.5M1%2C0H17a1%2C1%2C0%2C0%2C1%2C1%2C1V7a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C7V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%20transform%3D%22translate(773%20190)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_65%22%20data-name%3D%22%E3%83%91%E3%82%B9%2065%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(787.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(783.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(791.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_645%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20645%22%20transform%3D%22translate(-772%20-178.125)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_93%22%20data-name%3D%22%E3%83%91%E3%82%B9%2093%22%20d%3D%22M-1.406-5.344V-4.5H1.406v-.844A1.406%2C1.406%2C0%2C0%2C0%2C0-6.75%2C1.406%2C1.406%2C0%2C0%2C0-1.406-5.344ZM-2.531-4.5v-.844A2.532%2C2.532%2C0%2C0%2C1%2C0-7.875%2C2.532%2C2.532%2C0%2C0%2C1%2C2.531-5.344V-4.5h.281A1.126%2C1.126%2C0%2C0%2C1%2C3.938-3.375V0A1.126%2C1.126%2C0%2C0%2C1%2C2.813%2C1.125H-2.812A1.126%2C1.126%2C0%2C0%2C1-3.937%2C0V-3.375A1.126%2C1.126%2C0%2C0%2C1-2.812-4.5Z%22%20transform%3D%22translate(782%20187)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_64%22%20data-name%3D%22%E3%83%91%E3%82%B9%2064%22%20d%3D%22M1.5%2C1.5v5h15v-5H1.5M1%2C0H17a1%2C1%2C0%2C0%2C1%2C1%2C1V7a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C7V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%20transform%3D%22translate(773%20190)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_65%22%20data-name%3D%22%E3%83%91%E3%82%B9%2065%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(787.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(783.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(791.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center / contain;
  /*background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_645%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20645%22%20transform%3D%22translate(-772%20-178.125)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_93%22%20data-name%3D%22%E3%83%91%E3%82%B9%2093%22%20d%3D%22M-1.406-5.344V-4.5H1.406v-.844A1.406%2C1.406%2C0%2C0%2C0%2C0-6.75%2C1.406%2C1.406%2C0%2C0%2C0-1.406-5.344ZM-2.531-4.5v-.844A2.532%2C2.532%2C0%2C0%2C1%2C0-7.875%2C2.532%2C2.532%2C0%2C0%2C1%2C2.531-5.344V-4.5h.281A1.126%2C1.126%2C0%2C0%2C1%2C3.938-3.375V0A1.126%2C1.126%2C0%2C0%2C1%2C2.813%2C1.125H-2.812A1.126%2C1.126%2C0%2C0%2C1-3.937%2C0V-3.375A1.126%2C1.126%2C0%2C0%2C1-2.812-4.5Z%22%20transform%3D%22translate(782%20187)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_64%22%20data-name%3D%22%E3%83%91%E3%82%B9%2064%22%20d%3D%22M1.5%2C1.5v5h15v-5H1.5M1%2C0H17a1%2C1%2C0%2C0%2C1%2C1%2C1V7a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C7V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%20transform%3D%22translate(773%20190)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_65%22%20data-name%3D%22%E3%83%91%E3%82%B9%2065%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(787.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(783.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067%22%20d%3D%22M-5.3-14.625a.242.242%2C0%2C0%2C1%2C.243.243v1.028l.846-.507a.242.242%2C0%2C0%2C1%2C.333.083.242.242%2C0%2C0%2C1-.083.333l-.866.519.867.52a.242.242%2C0%2C0%2C1%2C.083.333.242.242%2C0%2C0%2C1-.333.083l-.846-.508v1.028a.242.242%2C0%2C0%2C1-.243.243.242.242%2C0%2C0%2C1-.243-.243V-12.5l-.846.507a.242.242%2C0%2C0%2C1-.333-.083.242.242%2C0%2C0%2C1%2C.083-.333l.866-.519-.867-.52a.242.242%2C0%2C0%2C1-.083-.333.242.242%2C0%2C0%2C1%2C.333-.083l.846.508v-1.028A.242.242%2C0%2C0%2C1-5.3-14.625Z%22%20transform%3D%22translate(791.296%20206.926)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");; */
}

.c-icon-newwindow::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-color: #A3AAB2;
  mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / contain;
}

.c-icon-add::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_650%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20650%22%20transform%3D%22translate(-313%20-268)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2219%22%20transform%3D%22translate(313%20268)%22%20fill%3D%22%230d78d4%22%20opacity%3D%220.25%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054%22%20d%3D%22M0%2C0H24V24H0Z%22%20transform%3D%22translate(344%20275)%20rotate(90)%22%20fill%3D%22aqua%22%20opacity%3D%220%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_12%22%20data-name%3D%22%E7%B7%9A%2012%22%20y2%3D%2213.387%22%20transform%3D%22translate(338.693%20286.941)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230d78d4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_13%22%20data-name%3D%22%E7%B7%9A%2013%22%20y2%3D%2213.387%22%20transform%3D%22translate(331.94%20293.693)%20rotate(180)%22%20fill%3D%22none%22%20stroke%3D%22%230d78d4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.c-icon-delete-cross::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_652%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20652%22%20transform%3D%22translate(-313%20-268)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2219%22%20transform%3D%22translate(313%20268)%22%20fill%3D%22%230d78d4%22%20opacity%3D%220.25%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054%22%20d%3D%22M0%2C0H24V24H0Z%22%20transform%3D%22translate(344%20275)%20rotate(90)%22%20fill%3D%22aqua%22%20opacity%3D%220%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_12%22%20data-name%3D%22%E7%B7%9A%2012%22%20y2%3D%2213.387%22%20transform%3D%22translate(336.775%20291.691)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%230d78d4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_13%22%20data-name%3D%22%E7%B7%9A%2013%22%20y2%3D%2213.387%22%20transform%3D%22translate(327.225%20291.691)%20rotate(-135)%22%20fill%3D%22none%22%20stroke%3D%22%230d78d4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.u-icon-color-white::before {
  background-color: #fff;
}


/*----------------------------------------
layout
----------------------------------------*/
.l-wrapper {
  position: relative;
  width: 100%;
  min-width: 980px;
  height: 100%;
  min-height: 100vh;
  background: #F0F2F5;
}

/*
modal
----------------------------------------*/
.l-modal {
  /* display: none; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(62,68,74,.75);
  opacity: 0;
  z-index: 9999;
  pointer-events: none;
  transition: opacity .15s ease-in-out;
}
.l-modal.js-show {
  /* display: block; */
  opacity: 1;
  pointer-events: auto;
  overflow-y: auto;
}

.p-modal-dialog {
  width: 500px;
  padding: 28px 0;
  margin-left: auto;
  margin-right: auto;
}
.p-modal-dialog__content {
  width: 100%;
  display: flex;
}

.p-modal-block {
  position: relative;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}
.p-modal-block__header {
  padding: 16px 26px;
  background-color: #F0F2F5;
}
.p-modal-block__title {
  font-size: 1.8rem;
  font-weight: 700;
}
.p-modal-block__main {
  padding: 26px;
  font-size: 1.5rem;
  flex: 1 1 auto;
}
.p-modal-block__footer {
  padding: 16px 26px;
  border-top: 1px solid #F0F2F5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*
login
----------------------------------------*/
.l-login-main {
  position: relative;
  width: 390px;
  min-height: 100vh;
  margin: auto;
  padding-top: 56px;
  padding-bottom: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.l-login-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-login-footer__version {
  font-size: 1.4rem;
}


/*
page
----------------------------------------*/
.l-page-wrapper {
  padding-left: 250px;
  transition: padding .15s ease-in-out;
}
.l-page-wrapper.js-close {
  padding-left: 72px;
}
.l-page-main {
  padding: 28px;
}
.l-page-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 250px;
  height: 100%;
  background-color: #343A40;
  box-shadow: 4px 0 10px rgba(228,4,50,.1);
  overflow-y: visible;
  /* transform: translateX(-100%); */
  -webkit-overflow-scrolling: touch;
  /* will-change: transform; */
  transition: width .15s ease-in-out;
}
.l-page-sidebar.js-close {
  width: 72px;

}
.l-page-sidebar__header {
  height: 68px;
  padding: 0 24px;
  border-bottom: 1px solid #4F5962;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-page-sidebar.js-close .l-page-sidebar__header__logo {
  display: none;
}
.l-page-sidebar__nav {
  padding: 0 24px;
  transition: padding .15s ease-in-out;
}
.l-page-sidebar.js-close .l-page-sidebar__nav {
  padding: 0 12px;
}
.l-page-sidebar__footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 32px;
  padding: 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-page-sidebar__footer__version {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  white-space: nowrap;
  transition: opacity .15s ease-in-out;
}
.l-page-sidebar.js-close .l-page-sidebar__footer__version {
  opacity: 0;
}

.l-page-header {
}
.l-page-header__main {
  position: relative;
  height: 68px;
  padding: 0 24px;
  background-color: #FCFCFC;
  border-bottom: 1px solid #DDE0E6;
  z-index: 1;
  display: flex;
  align-items: center;
}
.l-page-header__breadcrumb {
  flex: 0 0 auto;
}
.l-page-header__button-area {
  flex: 0 1 100%;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 700px) {
  .l-page-header__breadcrumb {
    display: none;
  }
}

/*
page-error
----------------------------------------*/
.l-page-error-wrapper {
  padding: 40px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-page-error {
}
.p-page-error {
  text-align: center;
}
.p-page-error__display {
  margin-bottom: 24px;
  color: #D9363F;
  font-size: 10rem;
  font-weight: 700;
  line-height: 1;
}
.p-page-error__display__icon {
  margin-right: 8px;
  opacity: .5;
}
.p-page-error__heading {
  margin-bottom: 12px;
  color: #4a4c4d;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1;
}
.p-page-error__text {
  color: #6c757d;
  font-size: 2.0rem;
  font-weight: 700;
}

/**/
.p-page-error__display-403 {
  color: #D9363F;
}
.p-page-error__display-404 {
  color: #D9BF41;
}
.p-page-error__display-500 {
  color: #8055BB;
}


/*
announce-area
----------------------------------------*/
.l-page-header__announce-area {
  position: relative;
  /* height: 0;
  padding: 0 24px;
  background-color: #FCFCFC; */
  pointer-events: none;
  /* transform: translateY(-100%);
  display: flex;
  justify-content: space-between; */
  /* transition: height .15s ease-in-out, padding .15s ease-in-out .15s; */
  /* transition: transform .15s ease-in-out .15s, padding .15s ease-in-out .15s, height .15s ease-in-out .15s; */
}
.l-page-header__announce-area.js-show {
  /* height: auto;
  padding: 16px 24px;
  transform: translateY(0); */
  pointer-events: auto;
}
.l-page-header__announce-area__inner {
  height: 0;
  padding: 0 24px;
  background-color: #FCFCFC;
  transform: translateY(-100%);
  display: flex;
  justify-content: space-between;
  transition: transform .15s ease-in-out, padding .15s ease-in-out;
}
.l-page-header__announce-area.js-show .l-page-header__announce-area__inner {
  height: auto;
  padding: 16px 24px;
  transform: translateY(0);
}
.l-page-header__announce-area__tail {
  position: absolute;
  top: 0;
  right: 32px;
  width: 24px;
  height: 0;
  opacity: 0;
  z-index: 2;
  transform: translateY(-100%);
  transition: height .15s ease-in-out, opacity .15s ease-in-out;
}
.l-page-header__announce-area.js-show .l-page-header__announce-area__tail {
  height: 17px;
  opacity: 1;
}
.l-page-header__announce-area__tail::before,
.l-page-header__announce-area__tail::after {
  content: "";
  position: absolute;
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
.l-page-header__announce-area__tail::before {
  top: 0;
  left: 2px;
  width: 20px;
  height: 100%;
  background-color: #DDE0E6;
}
.l-page-header__announce-area__tail::after {
  top: 2px;
  left: 3px;
  width: 18px;
  height: 100%;
  background-color: #fff;
}

.p-announce-list {
  opacity: 0;
  transition: height .15s ease-in-out, opacity .15s ease-in-out;
}
.l-page-header__announce-area.js-show .p-announce-list {
  opacity: 1;
}
.p-announce-list li + li {
  margin-top: 8px;
}

.p-announce-list_link {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.p-announce-list_badge {
  width: 115px;
  height: 20px;
  margin-right: 8px;
  color: #fff;
  font-size: 1.1rem;
  border-radius: 9999px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-announce-list_badge.u-badge-maintenance {
  background-color: #B5892B;
}
.p-announce-list_text {
  font-size: 1.4rem;
}
.p-announce-list_link:hover .p-announce-list_text {
  text-decoration: underline;
}
.p-announce-list_link[target="_blank"] .p-announce-list_text::after {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: middle;
  background-color: #A3AAB2;
  mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / 2.4rem 2.4rem;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / 2.4rem 2.4rem;
}

.p-announce-area-button {
  color: #707070;
  opacity: 0;
}
.l-page-header__announce-area.js-show .p-announce-area-button {
  opacity: 1;
  transition: opacity .15s ease-in-out;
}
.p-announce-area-button:hover {
  opacity: .8 !important;
  transition: opacity .3s ease-in-out;
}



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

----------------------------------------*/
/*
block
----------------------------------------*/
.c-block,
.p-block {
  width: 100%;
  /* padding: 26px; */
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(122,123,128,.1);
  overflow: hidden;
}


/*
button-list
----------------------------------------*/
.p-button-list {
  display: flex;
}
.p-button-list li + li {
  margin-left: 16px;
}
.l-page-header__button-area .p-button-list li + li {
  margin-left: 4px;
}
.p-table-base .p-button-list li + li {
  margin-left: 4px;
}

/*
toast
----------------------------------------*/
.p-toast {
  position: fixed;
  width: 390px;
  margin: auto;
  box-shadow: 0 2px 10px rgba(0,0,0,.16);
  transform: translateY(-10px);
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  /* transition: all .3s ease-in-out; */
  transition-property: top, transform, opacity, visibility;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}
.p-toast.js-toast-active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.p-toast-login {
  top: 32px;
  left: 0;
  right: 0;
}

.p-toast-page {
  top: 86px;
  right: 32px;
}

/*
サイドメニューのハンバーガーメニュー
----------------------------------------*/
.c-trigger-icon {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.c-trigger-icon__line {
  position: absolute;
  left: 0;
  right: 0;
  width: 16px;
  height: 2px;
  margin: auto;
  background-color: #A3AAB2;
  border-radius: 9999px;
  transition: transform .15s ease-in-out;
}
.c-trigger-icon__line:nth-child(1) {
  top: 5px;
}
.c-trigger-icon__line:nth-child(2) {
  top: 0;
  bottom: 0;
}
.c-trigger-icon__line:nth-child(3) {
  bottom: 5px;
}
.c-trigger-icon:hover .c-trigger-icon__line:nth-child(1) {
  transform-origin: center left;
  transform: translateY(6px) rotate(-45deg) scale(0.6,1);
}
.c-trigger-icon:hover .c-trigger-icon__line:nth-child(3) {
  transform-origin: center left;
  transform: translateY(-6px) rotate(45deg) scale(0.6,1);
}
.c-trigger-icon.js-close:hover .c-trigger-icon__line:nth-child(1) {
  transform-origin: center right;
  transform: translateY(6px) rotate(45deg) scale(0.6,1);
}
.c-trigger-icon.js-close:hover .c-trigger-icon__line:nth-child(3) {
  transform-origin: center right;
  transform: translateY(-6px) rotate(-45deg) scale(0.6,1);
}


/*
text
----------------------------------------*/
.c-text-caution {
  padding-left: 1.25em;
  font-size: 1.4rem;
}
.c-text-caution::before {
  content: "※";
  margin-left: -1.25em;
  margin-right: .25em;
}

.c-text-link {
  margin-top: 8px;
  color: #0D78D4;
  font-size: 1.5rem;
  line-height: 2.4rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.c-text-link:hover {
  text-decoration: underline;
}
.c-text-link .c-fa {
  width: 2.4rem;
  height: 2.4rem;
}
.c-text-link .c-fa::before {
  font-size: 1.6rem;
}
.c-text-link-forward {
  justify-content: flex-end;
}
.c-text-link-back {
  justify-content: flex-start;
}
.c-text-link[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: middle;
  background-color: #A3AAB2;
  mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / 2.4rem 2.4rem;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / 2.4rem 2.4rem;
}

/*
caution-box
----------------------------------------*/
.p-caution-box {
  padding: 22px;
  border: 1px solid #D9363F;
  border-radius: 5px;
}
.p-caution-box:not(:last-child) {
  margin-bottom: 16px;
}
.p-caution-box__heading {
  margin-bottom: 16px;
  font-weight: 700;
}

/*
info-box
----------------------------------------*/
.p-info-box {
  padding: 24px;
  font-size: 1.6rem;
  background-color: #F0F2F5;
  border-radius: 5px;
}
.p-info-box:not(:last-child) {
  margin-bottom: 16px;
}
.p-info-box__heading {
  margin-bottom: 16px;
  font-weight: 700;
}

/*
tooltip
----------------------------------------*/
.c-tooltip-icon {
  margin-left: 8px;
  font-size: 1.8rem;
  color: #0A78D4;
  cursor: pointer;
  display: inline-flex;
}
.c-tooltip-body {
  /* display: none; */
  position: absolute;
  top: 0;
  max-width: 220px;
  padding: 8px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2;
  white-space: pre-line;
  background-color: #406280;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  /* z-index: -1; */
  z-index: 9999;
  transition: opacity .15s ease-in-out;
}
.c-tooltip-body::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  border: 5px solid transparent;
  border-top: 5px solid #406280;
}
.c-tooltip-body.js-tooltip-body-active {
  /* display: block; */
  opacity: 1;
  /* z-index: 9999; */
}

/*
dropdown menu
----------------------------------------*/
.p-dropdown {
  position: relative;
}
.p-dropdown__menu {
  display: none;
  position: absolute;
  /*min-width: 200px;*/
  margin: 0px;
  padding: 8px;
  inset: 0px 0px auto auto;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(122,123,128,.2);
  transform: translateY(33px);
}
.p-dropdown__menu.js-show {
  display: block;
  z-index: 100;
}
.p-dropdown__button__icon {
  margin-right: -4px;
}
.p-dropdown__item {
  width: 100%;
  padding: 8px;
  color: #040405;
  font-size: 1.4rem;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.p-dropdown__item:focus,
.p-dropdown__item:hover {
  background-color: #EBF5F7;
}
.p-dropdown__item.disabled,
.p-dropdown__item:disabled {
  opacity: .5;
  pointer-events: none;
}
.p-dropdown__item + .p-dropdown__item {
  margin-top: 4px;
}

.p-dropdown__item__icon {
  margin-right: 4px;
  color: #A3AAB2;
}
.p-dropdown__item__text {
  padding-top: .2em;
}

.p-dropdown__hr {
  height: 0;
  margin: 4px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #DDE0E6;
}


/*----------------------------------------
form
----------------------------------------*/
.c-form-paragraph {
  font-size:  1.6rem;
  line-height: 1.4;
}

.c-form-label {
  margin-bottom: 6px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.p-form-box {
}
.p-form-box + .p-form-box:not(.p-form-button-area) {
  margin-top: 16px;
}

.p-form-button-area + .p-form-box {
  margin-top: 24px;
}
.p-form-box__hr {
  height: 0;
  margin: 32px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #D9CECE;
}

.p-form-box__heading {
  margin-bottom: 16px;
  font-weight: 700;
}

.p-form-pass-wrap {
  position: relative;
}
.p-form-pass-wrap {
}
.p-form-pass-wrap__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 2.4rem;
  height: 2.4rem;
  margin: auto;
}
/* .p-form-button-area:not(:first-of-type) { */
.p-form-button-area {
  margin-top: 32px;
}

.c-icon-required {
  width: 46px;
  height: 18px;
  margin-left: 8px;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  background-color: #D9363F;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html:lang(en) .c-icon-required {
  width: 70px;
}

/*
form text password
----------------------------------------*/
.c-form-text,
.c-form-pass,
.c-form-textarea {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #040405;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FCFEFF;
  background-clip: padding-box;
  border: 1px solid #A1AAB3;
  border-radius: 6px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.c-form-text,
.c-form-textarea {
  padding: 8px 12px;
}
.c-form-pass {
  padding: 8px 40px 8px 12px;
}
.p-login-box .c-form-text {
  border: 1px solid #D9CECE;
  background-color: #FFFAFA;
}
.c-form-text:focus,
.c-form-pass:focus,
.c-form-textarea:focus {
  background-color: #F7FCFF;
  outline: 0;
  box-shadow: 0 0 0 .3rem rgba(13,142,255,.1)
}
.c-form-text:disabled,
.c-form-pass:disabled,
.c-form-textarea:disabled {
  background-color: #DEE4EB;
}
.c-form-text:read-only,
.c-form-pass:read-only,
.c-form-textarea:read-only {
  background-color: #E9EEF5;
}

.u-login-form-text {
  background-color: #FFFAFA;
  border: 1px solid #D9CECE;
}
.u-login-form-text:focus {
  background-color: #FFF7F7;
  border-color: #E6CACB;
  box-shadow: 0 0 0 .3rem rgba(345,90,100,.1)
}

.c-form-text.is-form-text-error,
.c-form-pass.is-form-text-error,
.c-form-textarea.is-form-text-error {
  background-color: #FFFFEB;
  border-color: #D9BF41;
}
.c-form-text.is-form-text-error:focus,
.c-form-pass.is-form-text-error:focus,
.c-form-textarea.is-form-text-error:focus {
  background-color: #FAFAD4;
  box-shadow: 0 0 0 .3rem rgba(217,191,65,.2)
}

.c-form-select {
  position: relative;
  width: 100%;
  padding: 8px 36px 8px 12px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #040405;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FCFEFF;
  background-image: url(/css/images/icon-down-905f425b66a633275143614980cc50fa.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-clip: padding-box;
  border: 1px solid #A1AAB3;
  border-radius: 6px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.c-form-select:focus {
  background-color: #F7FCFF;
  outline: 0;
  box-shadow: 0 0 0 .3rem rgba(13,142,255,.1)
}

/*
datepicker
----------------------------------------*/
.c-form-datepicker__input {
  width: 8em;
}
.c-form-datepicker__period {
  display: flex;
  align-items: center;
}
.c-form-datepicker__period__symbol {
  margin: auto 8px;
}

/* flatpickr */
.flatpickr-day {
  color: #040405;
}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {
  background: #0D78D4;
  border-color: #0D78D4;
}
.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus {
  background: #EBF5F7;
  border-color: #EBF5F7;
}
.flatpickr-day.today {
    border-color: #0D78D4
}
.flatpickr-day.today:hover,.flatpickr-day.today:focus {
    border-color: #0D78D4;
    background: #EBF5F7;
    color: #040405;
}

/*
checkbox radiobutton
----------------------------------------*/
.c-form-check-wrap {
}
.c-form-check {
  min-height: 1.5rem;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 1.5em;
  font-size: 1.6rem;
}
.u-form-check__inline {
  display: inline-block;
  margin-right: 1rem;
}
.c-form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.c-form-check-reverse .c-form-check-input {
  margin-right: -1.5em;
  margin-left: 0;
}
.c-form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  margin-left: -1.5em;

  /* float: left; */
  flex-shrink: 0;
  vertical-align: top;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #D1D7E1;
}
.c-form-check:has(.c-form-check-label) .c-form-check-input {
  float: left;
}
.c-form-check:has(.c-form-check-label).c-form-check-reverse .c-form-check-input {
  float: right;
}
.c-form-check-input[type=checkbox] {
  border-radius: .25em
}
.c-form-check-input[type=radio] {
  border-radius: 50%
}
.c-form-check-input:active {
  filter: brightness(90%)
}
.c-form-check-input:focus {
  border-color: #D1D7E1;
  outline: 0;
  box-shadow: 0 0 0 .3rem rgba(13,142,255,.1)
}
.c-form-check-input:checked {
  background-color: #0D78D4;
}
.c-form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.c-form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.c-form-check-input[type=checkbox]:indeterminate {
  background-color: #0D78D4;
  border-color: #D1D7E1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.c-form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}

.c-form-switch {
  min-height: 2em;
  padding-left: 3em;
  line-height: 2em;
}
.c-form-switch .c-form-check-input {
  height: 1.5em;
  width: 2.5em;
  margin-left: -3em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d1d7e1'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2.5em;
  transition: background-position .15s ease-in-out;
}
.c-form-switch .c-form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2381c2e3'/%3e%3c/svg%3e");
}
.c-form-switch .c-form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: right center;
}
.c-form-switch.c-form-check-reverse {
  padding-right: 3em;
  padding-left: 0
}
.c-form-switch.c-form-check-reverse .c-form-check-input {
  margin-right: -3em;
  margin-left: 0
}
.c-form-switch .c-form-check-label {
  font-size: 1.4rem;
  font-weight: 700;
}

/*
input type="file"
----------------------------------------*/
.c-form-input-file {

}
.c-form-input-file input[type="file"] {
  display: none;
}

/*
button
----------------------------------------*/
.c-button {
  color: #fff;
  font-size: 1.6rem;
  text-decoration: none;
  white-space: nowrap;
  background-color: #0D78D4;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease-in-out;
}
.c-button:not(:disabled):hover {
  background-color: #1B6DB3;
}
.c-button:disabled {
  background-color: #A1AAB3;
}

.u-button-login {
  width: 100%;
  height: 48px;
  font-weight: 700;
  background-color: #D9363F;
}
.u-button-login:not(:disabled):hover {
  background-color: #B8373E;
}
.u-button-login:disabled {
  background-color: #B3AAAA;
}

.u-button-page {
  height: 40px;
  padding: 0 16px;
}
/* .u-button-page:not(:disabled):hover {
  background-color: #1B6DB3;
}
.u-button-page:disabled {
  background-color: #A1AAB3;
} */

a.u-button-page[target="_blank"]::after{
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: middle;
  background-color: #A3AAB2;
  mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / 2.4rem 2.4rem;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20id%3D%22icon-newwindow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22group_69%22%20data-name%3D%22group%2069%22%20transform%3D%22translate(4%203.578)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_43%22%20data-name%3D%22path%2043%22%20d%3D%22M11.094%2C10.421V13.9L1.68%2C13.91V8.479H4.906V5h6.736a1.631%2C1.631%2C0%2C0%2C0-.535-.1H1.666A1.67%2C1.67%2C0%2C0%2C0%2C0%2C6.572V13.91a1.67%2C1.67%2C0%2C0%2C0%2C1.666%2C1.67h9.441a1.67%2C1.67%2C0%2C0%2C0%2C1.666-1.67V10.418Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22path_44%22%20data-name%3D%22path%2044%22%20d%3D%22M14.334%2C1.422H4.893a1.67%2C1.67%2C0%2C0%2C0-1.666%2C1.67v7.337A1.67%2C1.67%2C0%2C0%2C0%2C4.893%2C12.1h9.441A1.67%2C1.67%2C0%2C0%2C0%2C16%2C10.429V3.092A1.67%2C1.67%2C0%2C0%2C0%2C14.334%2C1.422ZM14.32%2C5v5.417l-9.414.013V5Z%22%20fill%3D%22%23a3aab2%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center / 2.4rem 2.4rem;
}

.u-button-page-red {
  background-color: #D9363F;
}
.u-button-page-red:not(:disabled):hover {
  background-color: #B8373E;
}

.u-button-icon {
  height: 38px;
  width: 38px;
}
.u-button-icon .u-button-page__icon {
  margin-right: 0;
  margin-left: 0;
}

.u-button-cancel {
  color: #040405;
  background-color: #fff;
  border: 2px solid #727980;
}
.u-button-cancel:not(:disabled):hover {
  background-color: #EBEFF2;
}
.u-button-cancel:disabled {
  background-color: #BABCBF;
}

.u-button-outline {
  color: #040405;
  background-color: #fff;
  border: 2px solid #0D78D4;
}
.u-button-outline:not(:disabled):hover {
  background-color: #EBF5F7;
}
.u-button-outline:disabled {
  background-color: #A1AAB3;
}

.u-button-page__icon {
  margin-right: 4px;
  margin-left: -4px;
}

/*
search-box
----------------------------------------*/
.c-form-search-box {
  display: inline-flex;
}
.c-form-search-box__input {
  width: 288px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-form-search-box__button {
  width: 42px;
  height: 42px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
copytext
----------------------------------------*/
.c-form-copy-text {
  display: flex;
}
.c-form-copy-text__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-form-copy-text__button {
  height: 42px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
alert
----------------------------------------*/
.c-alert {
  padding: 12px 16px;
  font-size: 1.5rem;
  border-width: 1px;
  border-left-width: 5px;
  border-style: solid;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.c-alert i {
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.c-alert i::before {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.c-alert-warning {
  margin-bottom: 26px;
  border-color: #D9BF41;
  background-color: #FAFAC8;
}
.c-alert-warning i {
  color: #D9BF41;
}
.c-alert-error ul li {
  white-space: pre-line;
}
.c-alert-message {
  border-color: #30BF77;
  background-color: #EBFFF5;
}
.c-alert-message i {
  color: #30BF77;
}
.c-alert-error {
  border-color: #D9363F;
  background-color: #FFF2F3;
}
.c-alert-error i {
  color: #D9363F;
}


/*----------------------------------------
login
----------------------------------------*/
.p-login-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-login-header__heading {
  margin-top: 26px;
  font-size: 2.4rem;
  text-align: center;
}

.p-login-box {
  margin-top: 26px;
  padding: 26px;
}
.p-login-box__header {
  margin-bottom: 26px;
}
.p-login-box__header__heading {
  font-size: 2.4rem;
  font-weight: 500;
}

.p-login-box .c-button {
  width: 100%;
  text-align: center;
}


/*----------------------------------------
page
----------------------------------------*/
/*
form
----------------------------------------*/
.p-form-box.p-page-form-box{
  max-width: 700px;
  margin-right: -8px;
  margin-left: -8px;
  display: flex;
}
.p-page-form-box_col-12,
.p-page-form-box_col-6,
.p-page-form-box_col-3 {
  padding: 0 8px;
}
.p-page-form-box_col-12 {
  width: 100%;
}
.p-page-form-box_col-6 {
  width: 50%;
}
.p-page-form-box_col-3 {
  width: 25%;
}

/*
button
----------------------------------------*/
.p-link-button {
  padding: 4px 8px 4px 4px;
  color: #040405;
  text-decoration: none;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.p-link-button:hover {
  background-color: #EBF5F7;
}
.p-link-button__icon {
  width: 2.4rem;
  height: 2.4rem;
}
.p-link-button__text {
  font-size: 1.5rem;
  line-height: 1;
}
.p-link-button__icon + .p-link-button__text {
  margin-left: 4px;
}

/*
nav-main
----------------------------------------*/
.p-nav-main {
}
.p-nav-main__item {
}
.p-nav-main__link {
  position: relative;
  padding: 8px 0;
  min-height: 45px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: opacity .3s ease-in-out;
}
.p-nav-main__link:hover {
  opacity: .8;
}
.p-nav-main__link__icon {
  margin-right: 4px;
  color: #A3AAB2;
  transition: transform .15s ease-in-out;
}
.p-nav-main__link.is-active .p-nav-main__link__icon {
  color: #DF4652;
}
.l-page-sidebar.js-close .p-nav-main__link__icon {
  margin-right: 0;
  transform: translateX(12px);
}
.p-nav-main__link__name {
  padding-top: 0.4rem;
  white-space: nowrap;
  transition: opacity .15s ease-in-out .15s;
}
.l-page-sidebar.js-close .p-nav-main__link__name {
  position: absolute;
  left: 28px;
  opacity: 0;
  transition: opacity .15s ease-in-out;
}

/*
breadcrumb
----------------------------------------*/
.p-breadcrumb {
  display: flex;
  align-items: center;
}
.p-breadcrumb__list {
  position: relative;
  font-size: 1.5rem;
}
.p-breadcrumb__list + .p-breadcrumb__list::before {
  content: "\f054";
  margin-left: .5em;
  color: #A3AAB2;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.p-breadcrumb__icon {
  color: #A3AAB2;
  transform: translateY(-0.2rem);
}
.p-breadcrumb__link,
.p-breadcrumb__span {

}
.p-breadcrumb__link {
  /* color: #0D78D4; */
  color: #040405;
  text-decoration: none;
  transition: opacity .3s ease-in-out;
}
.p-breadcrumb__link:hover {
  opacity: .5;
}

/*
page-header
----------------------------------------*/
.p-page-header {
  margin-bottom: 28px;
  display: flex;
  align-items: center;
}
.p-page-header__heading {
  flex: 0 0 auto;
}
.p-page-header__button-area {

}
.p-page-box__header__button-wrap {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
}
/* .p-page-box__header__button-wrap .p-button-list li {
  margin-left: 16px;
} */

.p-page-box {
  padding: 26px;
}

/* .p-page-box__header {
}
.p-page-box__header__heading {
} */

.p-page-box__main {
}
.p-main-section + .p-main-section {
  margin-top: 32px;
}

.p-main-section__header {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.p-main-section__heading {
  font-size: 1.8rem;
  flex: 0 0 auto;
}

.p-main-section__main__heading {
  margin-bottom: 12px;
  font-size: 1.8rem;
  font-weight: 700;
}

/*
filter
----------------------------------------*/
.p-main-section__filter {
  display: none;
  /* margin-top: -8px; */
  margin-bottom: 26px;
}
.p-main-section__filter.js-show {
  display: block;
}
.p-filter {
  padding: 26px;
  background-color: #F5F7FA;
  border-radius: 5px;
}
.p-filter__grid {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 16px;
  row-gap: 24px;
}
.p-filter__grid.u-filter__grid-column1 {
  max-width: 530px;
}
.p-filter__grid.u-filter__grid-column2 {
  grid-template-columns: repeat(2,max-content 1fr);
}
.p-filter__label,
.p-filter__form {
  /* display: flex; */
  /* align-items: center; */
}
.p-filter__label {
}
.p-filter__label__item {
  display: inline-block;
  padding: 9.5px 0;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.p-filter__label__item {
  max-width: 420px;
  font-size: 1.5rem;
  /* grid-column: 2; */
  flex-direction: column;
  align-items: flex-start;
}
.p-filter__form.u-filter__form_gc2-4 {
  grid-column: 2/4;
}
.p-filter__button-area {
  grid-column: 1 / span 2;
}

/*
section__footer
----------------------------------------*/
.p-main-section__footer {
  margin-top: 26px;
  display: flex;
  align-items: center;
}

/*
pager
----------------------------------------*/
.p-main-section__pager {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
}

.c-pager-list {
  margin: 0;
  padding-left: 0;
  font-size: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.c-pager-list__item {
  font-size: 1.6rem;
  display: inline-flex;
  flex: 0 1 auto;
}
/* .c-pager-list__item:not(:last-child) {
  margin-right: 1px;
} */
.c-pager-list__link {
  width: 38px;
  height: 38px;
  color: #040405;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  background-color: #F5F7FC;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.c-pager-list__item:first-child .c-pager-list__link {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.c-pager-list__item:last-child .c-pager-list__link {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.c-pager-list__link.is_current,
.c-pager-list__link:focus:not(.is_inactive),
.c-pager-list__link:hover:not(.is_inactive) {
  color: #fff;
  background-color: #0D78D4;
}
.c-pager-list__link.is_inactive {
  opacity: .5;
  pointer-events: none;
}
.c-pager-list__link.is_inactive,
.c-pager-list__link.is_current {
  cursor: default;
}

/*
table
----------------------------------------*/
.p-table-base {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.p-table-base>:not(caption)>*>* {
  padding: 12px;
  border-bottom: 1px solid #C3CED9;
}
.p-table-base th,
.p-table-base td {
  /* padding: 12px; */
}
.p-table-base .u-table-sorting {
  position: relative;
  padding-right: 14px;
  cursor: pointer;
}
.p-table-base .u-table-sorting:hover {
  color: #0D78D4;
}
.p-table-base .u-table-sorting::after {
  content: "\f0dc";
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto 0;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  text-align: center;
}
.p-table-base .u-table-sorting.u-table-sorting_asc::after {
  content: "\f0de";
}
.p-table-base .u-table-sorting.u-table-sorting_desc::after {
  content: "\f0dd";
}
.p-table-base thead {
  font-size: 1.4rem;
  font-weight: 700;
}
.p-table-base thead th {
  border-bottom: 2px solid #A1AAB3;
}
.p-table-base tbody {
  font-size: 1.4rem;
}

/*
dl
----------------------------------------*/
.p-dl-base {

}
.u-dl-horizontal {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 16px;
}

/*
tab
----------------------------------------*/
.p-tab {

}
.p-tab__nav {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 2px solid #DDE0E6;
  display: flex;
}
.p-tab__nav__item {
  margin-bottom: -2px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(223,70,82,0);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-tab__nav__item.is-active {
  font-weight: 700;
  border-bottom-color: rgba(223,70,82,1);
}
.p-tab__nav__item:hover:not(.is-active) {
  border-bottom-color: rgba(223,70,82,1);
}
.p-tab__nav__item .p-tab__nav__text {
  display: block;
  padding: 6px 12px;
}
.p-tab__nav__item a.p-tab__nav__text {
  color: #040405;
  text-decoration: none;
}
.p-tab__content__panel {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 16px 0;
}
.p-tab__content__panel.is-active {
  display: block;
}

/*
duallistbox
----------------------------------------*/
.p-duallistbox {
}
.p-duallistbox .bootstrap-duallistbox-container label {
  margin-bottom: 8px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.p-duallistbox .filter {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  padding: 8px 12px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #040405;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FCFEFF;
  background-clip: padding-box;
  border: 1px solid #A1AAB3;
  border-radius: 6px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.p-duallistbox .filter:focus {
  background-color: #F7FCFF;
  outline: 0;
  box-shadow: 0 0 0 .3rem rgba(13,142,255,.1)
}
.p-duallistbox .buttons {
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 4px;
}
.p-duallistbox .btn-group .btn {
  box-sizing: border-box;
  height: 40px;
  padding: 0 16px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  background-color: #0D78D4;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease-in-out;
}
.p-duallistbox .btn:hover {
  background-color: #1B6DB3;
}
.p-duallistbox .clear1,
.p-duallistbox .clear2 {
  display: none;
}

.p-duallistbox select {
  border: 1px solid #DDE0E6;
}
.p-duallistbox select::-webkit-scrollbar {
  background: #E9ECF2;
  width: 6px;
  height: 6px;
}
.p-duallistbox select::-webkit-scrollbar-thumb {
  background-color: #B4B4B4;
  border-radius: 9999px;
}
/* .p-duallistbox select::-webkit-scrollbar-thumb:hover {
  background-color: red;
} */

.p-duallistbox select option {
  padding: 12px;
  font-size: 1.4rem;
  border-bottom: 1px solid #DDE0E6;
}
.p-duallistbox select option:checked,
.p-duallistbox select option:hover {
  background-color: #DCF0F5;
}

/*
empty state
----------------------------------------*/
.p-empty-state {
  padding: 16px;
  border: 2px solid #F0F2F5;
  border-radius: 5px;
}
.p-empty-state__heading {
  font-size: 1.6rem;
  font-weight: 700;
}
.p-empty-state__heading:not(:last-child) {
  margin-bottom: 12px;
}

/*----------------------------------------
dashboard
----------------------------------------*/
.p-license-box {
  padding: 14px 26px;
  border: 1px solid #DDE0E6;
  border-radius: 6px;
}
.p-license-box + .p-license-box {
  margin-top: 26px;
}
.p-license-box__row {
  padding: 12px 6px;
  display: flex;
  align-items: center;
}
.p-license-box__row + .p-license-box__row {
  border-top: 1px solid #C3CED9;
}
.p-license-box__row:last-child {
  border-bottom: 1px solid #C3CED9;
}
/* .p-license-box__row.u-row-border-t {
  border-top: 1px solid #C3CED9;
}
.p-license-box__row.u-row-border-b {
  border-bottom: 1px solid #C3CED9;
} */

.p-license-box__col {
  padding: 0 6px;
}
.p-license-box__heading {
  font-size: 1.4rem;
  font-weight: 700;
}
.p-license-box__value {
  font-size: 1.5rem;
}

.p-dl-flex-single {
  display: flex;
  align-items: center;
}
.p-dl-flex-single + .p-dl-flex-single {
  margin-left: 16px;
}
.p-dl-flex-single dt {
  margin-right: 8px;
}

.p-license-list {
  display: flex;
  justify-content: space-between;
}
.p-license-list__item {
  font-size: 1.4rem;
  text-align: center;
  flex: 1 1 auto;
}
.p-license-list__item + .p-license-list__item {
  border-left: 1px solid #C3CED9;
}
.p-license-list__value {
  margin-left: 8px;
  font-size: 1.8rem;
}

/*----------------------------------------
user
----------------------------------------*/
.c-text-lock {
  color: #D9363F;
  display: inline-flex;
  align-items: center;
}


/*----------------------------------------
background-oparation
----------------------------------------*/
.c-badge {
  width: 170px;
  height: 18px;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.c-badge-prosessing {
  background-color: #0AA2D4;
}
.c-badge-completed {
  background-color: #30BF77;
}
.c-badge-error {
  background-color: #D9BF41;
}
.c-badge-accepted {
  background-color: #646467;
}
.c-badge-working {
  background-color: #0AA2D4;
}
.c-badge-succeeded {
  background-color: #30BF77;
}

/*----------------------------------------
Utility
----------------------------------------*/
/* margin-left */
.u-ml0 {
  margin-left: 0 !important;
}
.u-ml4 {
  margin-left: 4px !important;
}
.u-ml8 {
  margin-left: 8px !important;
}
.u-ml12 {
  margin-left: 12px !important;
}
.u-ml16 {
  margin-left: 16px !important;
}
.u-ml20 {
  margin-left: 20px !important;
}
.u-ml24 {
  margin-left: 24px !important;
}

/* margin-bottom */
.u-mb0 {
  margin-bottom: 0 !important;
}
.u-mb4 {
  margin-bottom: 4px !important;
}
.u-mb8 {
  margin-bottom: 8px !important;
}
.u-mb12 {
  margin-bottom: 12px !important;
}
.u-mb16 {
  margin-bottom: 16px !important;
}
.u-mb20 {
  margin-bottom: 20px !important;
}
.u-mb26 {
  margin-bottom: 26px !important;
}

/* margin-top */
.u-mt4 {
  margin-top: 4px !important;
}
.u-mt8 {
  margin-top: 8px !important;
}
.u-mt12 {
  margin-top: 12px !important;
}
.u-mt16 {
  margin-top: 16px !important;
}
.u-mt20 {
  margin-top: 20px !important;
}
.u-mt26 {
  margin-top: 26px !important;
}

/* padding-left */
.u-pl4 {
  padding-left: 4px !important;
}
.u-pl8 {
  padding-left: 8px !important;
}
.u-pl12 {
  padding-left: 12px !important;
}
.u-pl16 {
  padding-left: 16px !important;
}
.u-pl20 {
  padding-left: 20px !important;
}

/* padding-right */
.u-pr4 {
  padding-right: 4px !important;
}
.u-pr8 {
  padding-right: 8px !important;
}
.u-pr12 {
  padding-right: 12px !important;
}
.u-pr16 {
  padding-right: 16px !important;
}
.u-pr20 {
  padding-right: 20px !important;
}

/* column */
.u-col-12 {
  width: 100%;
}

/* border */
.u-border-b-gray {
  border-bottom: 1px solid #4F5962;
}

/* flex */
.u-flex {
  display: flex !important;
}
.u-flex__justify-content-between {
  justify-content: space-between !important;
}
.u-flex__align-items-center {
  align-items: center;
}

/* grid */
.u-grid__gc1 {
  grid-column: 1;
}

.u-display__inline-block {
  display: inline-block;
}


/* .u-form-box__border-top {
  padding-top: 32px;
  border-top: 1px solid #D9CECE;
} */

/* font-size */
.u-fs-12 {
  font-size: 1.2rem;
}

/* font */
.u-fw-bold {
  font-weight: 700;
}
.u-text-nowrap {
  white-space: nowrap;
}
.u-text-multi-line {
  white-space: pre-line;
}

/* link */
.u-link-nolink {
  pointer-events: none;
}

.p-dl-simple-table {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  font-size:  1.6rem;
  line-height: 1.4;
}

.p-dl-simple-table dt {
    flex-basis: 220px;
    background-color: #FBFBFB;
    font-weight: bold;
}

.p-dl-simple-table dd {
    margin-left: 0;
    flex-basis: calc(100% - 220px);
}

.p-dl-simple-table dt,
.p-dl-simple-table dd {
    font-size: 1.4rem;
    padding: 10px;
    box-sizing: border-box;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

html:lang(ja) #filter-user-keyword::placeholder {
    font-size: 1.4rem;
}