/* 共通 -----------------------------------------------------------------------*/
* {
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 1000px;
}
body {
  border: 0;
  font-size: 14px;
  line-height: 1.5em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}
table,
td,
tr {
  font-size: 14px;
  line-height: 1.5em;
  table-layout: fixed;
  text-align: left;
}
table.layoutFree {
  table-layout: auto;
}
a {
  color: #0745D6;
}
a:hover {
  text-decoration: none;
}
.buntan-bunsho-color__bg {
	background-color: #2F80ED !important;
}
.buntan-keiyaku-color__bg {
	background-color: #219653 !important;
}
.buntan-buppin-color__bg {
	background-color: #BB6BD9 !important;
}
img {
  border: 0;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
select {
  padding: 2px 3px;
  background-color: #f0f3fa;
  border-radius: 2px;
  font-size: 14px;
  box-sizing: border-box;
  border: 1px solid #C9DEEF;
  margin: 0 2px;
}
select:not([multiple]):not(.sizeset) {
  height: 26px;
}
select.clr1 {
  border: 1px solid #5c9bd1;
  padding: 2px 30px 2px 3px;
  background-color: #5c9bd1;
  color: #FFFFFF;
  border-radius: 3px;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-appearance: none;
  /*矢印消す*/
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  /*Firefox用*/
  text-overflow: "";
  /*Firefox用*/
  background-image: url("../img/icn1.png");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: right 5px center;
}
select.clr1::-ms-expand {
  display: none;
  /*IE用*/
}
select.clr1.none {
  background-image: none;
}
select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
input {
  padding: 2px 3px;
  font-size: 14px;
  box-sizing: border-box;
  vertical-align: middle;
/*
  cursor: text !important;      // これがあるとチェックボックス等のフォーカスが変わらない
*/
}
input[type="text"],
input[type="password"] {
  height: 24px;
  border: 1px solid #CCCCCC;
}
input[type="checkbox"] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  border: 0;
  cursor: pointer;
}
input[type="radio"] {
  cursor: pointer;
}

/**
 * テーブル表示
 */

td.notfound {
  height: 50px;
  padding: 0 20px !important;
}

/**
 * IME 制御
 */
.ime-auto {
  ime-mode: auto;
}
.ime-active {
  ime-mode: active;
}
.ime-inactive {
  ime-mode: inactive;
}
.ime-disabled {
  ime-mode: disabled;
}
input.igDatePicker {
  ime-mode: disabled;
}

/**
 * help
 */
 ul[for="helplist"] .buntan-icon {
	display: inline-block;
	height: 36px;
	width: 36px;
	background-color: #2F80ED;
	border-radius: 4px;
	margin-right: 10px;
}
ul[for="helplist"] .buntan-icon i {
	padding: 5px;
	color: rgba(255, 255, 255, 0.8);
}
a .clickable-list-item:hover {
  background-color: #eee;
  cursor: pointer;
}

dl,
ul {
  zoom: 100%;
}
dl:after,
ul:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
}
.w100p {
  width: 100% !important;
}
.w94p {
  width: 94% !important;
}
/* ADD 20170411 shig START */
.w90p {
  width: 90% !important;
}
/* ADD 20170411 shig END */
.w70p {
  width: 70% !important;
}
/* ADD 20170411 shig END */
.w50p {
  width: 50% !important;
}
/* ADD 20170411 shig END */
.w40p {
  width: 40% !important;
}
/* ADDorUPD 20170303 hiromi START */
/* サイズ -----------------------------------------------------------------------*/
.w30 {
  width: 30px !important;
}
.w50 {
  width: 50px !important;
}
/* ADD 20170313 shig START */
.w60 {
  width: 60px !important;
}
/* ADD 20170313 shig START */
.w70 {
  width: 70px !important;
}
/* ADD 20170313 shig START */
.w80 {
  width: 80px !important;
}
/* ADD 20170313 shig START */
.w90 {
  width: 90px !important;
}
/* ADD 20170313 shig END */
.w100 {
  width: 100px !important;
}
.w150 {
  width: 150px !important;
}
.w200 {
  width: 200px !important;
}
.w250 {
  width: 250px !important;
}
/* ADD 20170313 shig START */
.w300 {
  width: 300px !important;
}
/* ADD 20170313 shig END */
/* ADD 20170308 shig START */
.w400 {
  width: 400px !important;
}
/* ADD 20170308 shig END */
.w500 {
  width: 500px !important;
}
.w550 {
  width: 550px !important;
}
.w700 {
  width: 700px !important;
}
.w800 {
  width: 800px !important;
}
.w900 {
  width: 900px !important;
}
.w950 {
  width: 950px !important;
}
.w1000 {
  width: 1000px !important;
}
.wbreak {
  word-break: break-all;
}
/* ADDorUPD 20170303 hiromi END */
/* UPD 20170407 shig START */
/* ADD 20170303 shig START */
.wdate {
  /*	width:90px !important; */
  width: 90% !important;
  min-width: 80px;
}

.h500 {
  height: 500px !important;
}
/* ADD 20170303 shig END */
/* UPD 20170407 shig END */
/* 文字色 -----------------------------------------------------------------------*/
.color0 {
  color: #000000;
}
/* black */
.color1 {
  color: #ff0000;
}
/* red */
.color2 {
  color: #00ff00;
}
/* lime */
.color3 {
  color: #0000ff;
}
/* blue */
.color4 {
  color: #44b6ae;
}
/* lightgreen コンシェルジュの色 */
.color5 {
  color: #eb5844;
}
/* orange */
.color6 {
  color: #ff00ff;
}
/* fuchsia */
.color7 {
  color: ##0066cc;
}
/* lightblue */
.color8 {
  color: #ffffff;
}
/* white */
.color9 {
  color: #000099;
}
/* darkblue */
.color10 {
  color: #EFA92A;
}
/* yellow */
.color11 {
  color: #35414f;
}
/* ダークグレー */
/* ADD 20170303 shig START */
.red {
  color: #ff0000;
}
/* red */
/* ADD 20170303 shig END */
.alignCnt {
  text-align: center;
}
.alignLft {
  text-align: left;
}
.alignRgt {
  text-align: right;
}
.valignTop {
  vertical-align: top;
}
.wInner1 {
  background-color: #FFF;
  padding: 2em;
  width: 950px;
  margin: 0 auto;
}
/* ADD 20170414 shig START */
.wInner1 i.hissu:after {
  position: absolute;
  padding-left: 0.5em;
  line-height: 1.7em;
  color: red;
  content: "*";
}
/* ADD 20170414 shig END */
.dragArea {
  border: 2px dashed #9cc3dc;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
  text-align: center;
  overflow: auto;
  overflow-x: hidden;
  min-height: 300px;
  padding: 1em 0;
}
.dragArea p {
  color: #9cc3dc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  height: 1em;
}
.dragArea p:before {
  font-family: 'FontAwesome';
  content: "\f0a7";
  position: absolute;
  color: #9cc3dc;
  top: 0;
  left: 50%;
  margin-top: -40px;
  margin-left: -0.5em;
  font-size: 3em;
}
.mgnTop20 {
  margin-top: 20px !important;
}
.mgnTop10 {
  margin-top: 10px !important;
}
.mgnBtm10 {
  margin-bottom: 10px !important;
}
.mgnBtm20 {
  margin-bottom: 20px !important;
}
.blinking {
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#cboxTopCenter {
  height: 21px;
  background: none;
}
#cboxMiddleRight {
  width: 21px;
  background: none;
}
#cboxBottomCenter {
  height: 21px;
  background: none;
}
#cboxMiddleLeft {
  width: 21px;
  background: none;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: none;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: none;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: none;
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: none;
}
#cboxClose {
  bottom: 5px;
  right: 5px;
}
#cboxOverlay {
  background: none;
  background-color: #222;
}
.f1 {
  color: #eb5844;
}
.f2 {
  display: inline-block;
  margin: 0.2em 1em;
  color: #FFF;
  background-color: #eb5844;
  padding: 3px 10px;
}
.f3 {
  color: #5c9bd1;
}
.f4 {
  color: #76C052;
}
.f5 {
  color: #EC8817;
}
.note1 {
  background-color: #FFF;
  padding: 0.5em 1em;
  width: 950px;
  margin: 1.5em auto;
  text-align: left;
}
.note2 {
  background-color: #FFF;
  padding: 0.5em 1em;
  margin: 1.5em auto;
  text-align: left;
}
.tab1 {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
}
.tab1 li {
  background-color: #E1E1E1;
  padding: 5px;
  float: left;
  margin-right: 1px;
  cursor: pointer;
  width: 25%;
}
.tab1 li.select {
  background: #FFF;
}
.tabContent1 {
  background: #FFF;
}
.hide {
  display: none;
}
.caution1 {
  color: #eb5844;
  position: relative;
  font-size: 1.5em;
}
.caution1:before {
  font-family: 'FontAwesome';
  content: "\f071";
  position: relative;
  color: #eb5844;
  top: 0;
  left: 0;
  margin-right: 5px;
}
.caution2 {
  color: #eb5844;
  position: relative;
  padding: 0 0 0 1.5em;
}
.caution2:before {
  font-family: 'FontAwesome';
  content: "\f071";
  position: absolute;
  color: #eb5844;
  top: 0;
  left: 0;
  margin-right: 5px;
}
.cautionBtn {
  position: absolute;
  top: 0;
  right: 505px;
  z-index: 1000;
  color: #FFEC40;
  text-decoration: none;
}
.cautionBtn:before {
  position: absolute;
  font-family: fontawesome;
  content: "●" !important;
  font-size: 2em;
  color: #E70003;
}
/*
.freeInfo {
  background-color: #FFFFFF;
  margin: 0 auto;
}
.freeInfo h2 {
  font-size: 1.5em;
  color: #eb5844;
  font-weight: normal;
  margin-bottom: 15px;
  background-color: #5c9bd1;
  color: #FFFFFF;
  padding: 10px;
  position: relative;
}
.freeInfo h2:after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  border-top: solid 13px #5c9bd1;
  border-right: solid 15px transparent;
  border-bottom: solid 13px transparent;
  border-left: solid 15px transparent;
}
.freeInfo .inner {
  padding: 20px 30px 30px;
  text-align: left;
  overflow: hidden;
}
*/
/* 見出し -----------------------------------------------------------------------*/
.ttl1 {
  background-color: #5c9bd1;
  width: 950px;
  margin: 0 auto;
  color: #FFF;
  padding: 6px 15px;
  font-weight: bold;
  text-align: center;
  font-size: 120%;
}
.ttl2 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  margin: 0 0 30px;
  text-align: center;
  position: relative;
  padding: 0 0 20px;
}
.ttl2:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 20%;
  height: 5px;
  margin: 0 auto;
  content: '';
  background-color: #DDDDDD;
}
.ttl2:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 5%;
  height: 5px;
  margin: 0 auto;
  content: '';
  background-color: #333333;
}
.ttl3 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  text-align: center;
  display: block;
  margin: 20px auto;
  background-color: #FFFFFF;
  border: 3px solid;
  border-color: #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.ttl3:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #FFFFFF transparent transparent transparent;
  z-index: 2;
}
.ttl3:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #CCCCCC transparent transparent transparent;
  z-index: 1;
}
.ttl4 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  border-left: 10px solid #CCCCCC;
  padding: 10px 0;
  position: relative;
  margin: 0 0 30px;
  text-align: left;
}
.ttl4 span {
  background-color: #FFFFFF;
  display: inline-block;
  position: relative;
  z-index: 10;
  padding: 0 15px;
}
.ttl4:before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  z-index: -1;
  margin-top: 0.5em;
}
.ttl5 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  border: 5px solid #CCCCCC;
  padding: 10px 10px 10px 2em;
  position: relative;
  text-align: left;
}
.ttl5:before {
  font-family: 'FontAwesome';
  content: "\f192";
  position: absolute;
  color: #CCCCCC;
  top: 50%;
  left: 10px;
  margin-top: -0.5em;
}
.ttl6 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  padding: 2em 0 10px;
  position: relative;
  text-align: center;
  margin: 0 0 30px;
}
.ttl6:before {
  font-family: 'FontAwesome';
  content: "\f192";
  position: absolute;
  color: #CCCCCC;
  top: 0.5em;
  left: 50%;
  margin-left: -0.5em;
}
.ttl6:after {
  content: "";
  position: absolute;
  background-color: #CCCCCC;
  height: 1px;
  width: 100px;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}
.ttl7 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  margin: 0 0 30px;
  padding: 29px 10px 30px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
  background: #fff;
}
.ttl7:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 120px;
  height: 6px;
  margin: 0 auto;
  content: '';
  background-color: #333333;
}
.ttl8 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  padding: 10px 0;
  position: relative;
  margin: 0 0 30px;
}
.ttl8 span {
  display: inline-block;
  background-color: #FFFFFF;
  padding: 0 15px;
  margin: 0 auto;
  z-index: 10;
}
.ttl8:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  border-color: #CCCCCC;
  margin-top: 0.5em;
  z-index: -1;
}
.ttl9 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  margin: 0 0 1.5em;
  padding: 0.8em;
  border-left: 7px solid #CCCCCC;
  border-bottom: 1px dashed #CCCCCC;
}
.ttl10 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  margin: 0 0 1.5em;
  padding: 0.8em;
  border-top: 3px double #CCCCCC;
  border-bottom: 3px double #CCCCCC;
}
.ttl11 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  margin: 0 0 1.5em;
  padding: 0.8em 0 0.8em 1.5em;
  border: 2px solid #CCCCCC;
  text-align: left;
}
.ttl11:before {
  content: "";
  position: absolute;
  background: #CCCCCC;
  top: 50%;
  left: 0.5em;
  margin-top: -15px;
  height: 30px;
  width: 8px;
  border-radius: 2px;
}
.ttl12 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  background-color: #CCCCCC;
  margin: 0 0 1.5em;
  padding: 0.8em;
  box-shadow: 0 1px 3px #777;
  -moz-box-shadow: 0 1px 3px #777;
  -webkit-box-shadow: 0 1px 3px #777;
  -o-box-shadow: 0 1px 3px #777;
  -ms-box-shadow: 0 1px 3px #777;
}
.ttl12:after,
.ttl12:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #333;
}
.ttl12:before {
  right: 0;
  border-left: 5px solid #333;
}
.ttl12:after {
  left: 0;
  border-right: 5px solid #333;
}
.ttl13 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  line-height: 50px;
  background-color: #CCCCCC;
  box-shadow: 10px 0 0 0 #CCCCCC, -10px 0 0 0 #CCCCCC, 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  margin: 0 20px 30px 0;
}
.ttl13:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #333333;
}
.ttl13:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -20px;
  border-width: 25px 10px;
  border-style: solid;
  border-color: #CCCCCC;
  border-right-color: transparent;
}
.ttl14 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  background-color: #CCCCCC;
  padding: 10px;
  box-shadow: 10px 0 0 0 #CCCCCC, -10px 0 0 0 #CCCCCC, 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  margin: 0 10px 30px 0;
}
.ttl14:before {
  content: " ";
  position: absolute;
  top: -10px;
  left: 0;
  width: 120px;
  height: 0;
  border-width: 0 5px 10px 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #CCCCCC;
}
.ttl14:after {
  content: " ";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 0;
  height: 0;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #333333;
}
.ttl15 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  padding: 10px;
  background: #CCCCCC;
  box-shadow: 10px 0 0 0 #CCCCCC, -10px 0 0 0 #CCCCCC, 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 30px 35px;
}
.ttl15:before {
  content: " ";
  position: absolute;
  top: -10px;
  left: -70px;
  width: 0;
  height: 0;
  border-width: 35px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #CCCCCC;
}
.ttl15:after {
  content: " ";
  position: absolute;
  top: -10px;
  right: 0;
  width: 0;
  height: 0;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #333333;
}
.ttl16 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  padding: 5px 80px 5px 2.5em;
  background: #CCCCCC;
  text-align: left;
  margin: 0 0 30px;
}
.ttl16:before {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  left: 10px;
  background: #FFFFFF;
  content: "";
}
.ttl16:after {
  position: absolute;
  content: "";
  background: #333333;
  width: 20px;
  height: 20px;
  top: 10px;
  left: 30px;
}
.ttl17 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  padding: 0 0 10px 10px;
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 30px;
}
.ttl17:before {
  position: absolute;
  top: -14px;
  left: 0;
  width: 4px;
  height: 10px;
  background: #CCCCCC;
  content: "";
}
.ttl17:after {
  position: absolute;
  top: -4px;
  left: 0;
  width: 4px;
  height: 33px;
  background: #333333;
  content: "";
}
.ttl18 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  color: #111;
  margin: 0 0 30px;
  padding: 0 0 10px 35px;
  text-align: left;
  border-bottom: 2px solid #CCCCCC;
}
.ttl18:before {
  content: "";
  position: absolute;
  background: #999;
  top: 0;
  left: 10px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ttl18:after {
  content: "";
  position: absolute;
  background: #777;
  top: 15px;
  left: 0;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.ttl19 {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: normal;
  position: relative;
  padding: 10px 0;
  margin: 0;
  text-align: center;
  background: #CCCCCC;
  -webkit-transform: rotate(-2deg) skew(-2deg);
  -moz-transform: rotate(-2deg) skew(-2deg);
  -o-transform: rotate(-2deg) skew(-2deg);
  -ms-transform: rotate(-2deg) skew(-2deg);
  transform: rotate(-2deg) skew(-2deg);
  text-shadow: 1px 1px 0 #ffffff;
  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.1), 30px 0 0 0 #CCCCCC, -30px 0 0 0 #CCCCCC;
}
.ttl20 {
  width: 950px;
  margin: 0 auto;
  color: #5c9bd1;
  padding: 6px 15px;
  font-weight: normal;
  text-align: left;
  font-size: 150%;
  border-width: 0 0 1px 5px;
  border-style: solid;
  border-color: #5c9bd1;
}
/* テーブル -----------------------------------------------------------------------*/
.tbl1 {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: left;
  background-color: #FFF;
}
.tbl1.scroll tbody {
  display: block;
  position: relative;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}
.tbl1 th {
  border: 1px solid #DDDDDD;
  padding: 5px;
  white-space: nowrap;
  position: relative;
  text-align: center;
  background-color: #F2F2F2;
}
.tbl1 th.clr1 {
  background-color: #A9CAEC;
}
.tbl1 th.clr2 {
  background-color: #A5E3DC;
}
.tbl1 th.left {
  text-align: left;
}
.tbl1 td {
  border: 1px solid #DDDDDD;
  padding: 5px;
}
.Tbl1 td.right {
  text-align: right;
}
.Tbl1 td.center {
  text-align: center;
}
.Tbl1 td.left {
  text-align: left;
}
.Tbl1 td.top {
  vertical-align: top;
}
.Tbl1 td.middle {
  vertical-align: middle;
}
.Tbl1 td.bottom {
  vertical-align: bottom;
}
.tbl1.hover tbody tr:hover td {
  background-color: #D9E4F8;
}
.tbl1.hover tbody tr.ui-sortable-helper td {
  background-color: #D9E4F8;
}
/* 上だけ２重線 */
.tbl1 td.topborder {
  border-top: 3px double #CCCCCC;
}
/* ADD 20170314 hiromi START */
/* 薄い黄色 明細なしの依頼の色 */
.tbl1 tr.headeronly {
  background-color: #FFFF99;
}
/* 薄いピンク 承認依頼中の色 */
.tbl1 tr.flow {
  background-color: #FFC0CB;
}
/* 灰色 変更不可 */
.tbl1 tr.readonly {
  background-color: #CCCCCC;
}
/* 灰色 削除データ */
.tbl1 tr.deldata {
  background-color: #CCCCCC;
}
/* 水色 各メニューによる */
.tbl1 tr.various {
  background-color: #00ffff;
}
/* 灰青 箱数のみの依頼 */
.tbl1 tr.lightsteelblue {
  background-color: #b0c4de;
}
/* ADD 20170314 hiromi END */
/* ADD 20170328 hiromi START */
/* 青 明細行すべて○○済の色 */
.tbl1 td.mzensumi {
  background-color: #ccffff;
}
/* 黄色 明細行一部○○済の色 */
.tbl1 td.michibusumi {
  background-color: #EFA92A;
}
/* オレンジ 明細行すべて未○○の色 */
.tbl1 td.mzenmi {
  background-color: #cc3300;
}
/* 黄緑 ○○先直接入力 */
.tbl1 td.torisakiimp {
  background-color: #80ff66;
}

.torokumikenin {
  background-color: #fff18e;
}
.kakunomikenin {
  background-color: #f4a460;
}

/* ADD 20170328 hiromi END */
.tbl2 {
  border: 0;
  border-collapse: collapse;
  background-color: #FFFFFF;
  width: 950px;
  margin: 0 auto;
}
.tbl2 th {
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
  font-weight: normal;
  text-align: left;
  border-left: 3px solid #5c9bd1;
  color: #5c9bd1;
  font-weight: bold;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.tbl2 th.c1 {
  background-color: #5c9bd1;
  color: #FFF;
}
.tbl2 th.ttl1 {
  color: #FFF;
  text-align: center;
  padding: 6px 15px;
}
.tbl2 td {
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.tbl2 td > .tbl1_1,
.tbl2 th > .tbl1_1 {
  border: 0;
  border-collapse: collapse;
}
.tbl2 td > .tbl1_1 td,
.tbl2 th > .tbl1_1 td {
  border: 0;
  padding: 3px 0;
}
.tbl2 td.none {
  border: 0 !important;
}
/* ADD 20170321 hiromi START */
.tbl2 td.right {
  text-align: right;
}
.tbl2 td.center {
  text-align: center;
}
.tbl2 td.left {
  text-align: left;
}
.tbl2 td.top {
  vertical-align: top;
}
.tbl2 td.middle {
  vertical-align: middle;
}
.tbl2 td.bottom {
  vertical-align: bottom;
}
/* ADD 20170321 hiromi END */
.tbl3 {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: left;
  background-color: #FFF;
  table-layout: fixed;
}
.tbl3.scroll tbody {
  display: block;
  position: relative;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}
.tbl3 th {
  border: 1px solid #DDDDDD;
  padding: 5px;
  white-space: nowrap;
  position: relative;
  text-align: center;
  color: #5c9bd1;
}
.tbl3 td {
  border: 1px solid #DDDDDD;
  padding: 5px;
  white-space: nowrap;
}
.tbl3 tr:nth-child(2n) {
  background-color: #F5F5F5;
}
/* ADD 20170321 hiromi START */
.tbl3 td.right {
  text-align: right;
}
.tbl3 td.center {
  text-align: center;
}
.tbl3 td.left {
  text-align: left;
}
.tbl3 td.top {
  vertical-align: top;
}
.tbl3 td.middle {
  vertical-align: middle;
}
.tbl3 td.bottom {
  vertical-align: bottom;
}
/* ADD 20170321 hiromi END */
.tbl4 {
  border: 0;
  border-collapse: collapse;
  background-color: #FFFFFF;
  width: 950px;
  margin: 0 auto;
}
.tbl4 th {
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
  text-align: left;
  color: #5c9bd1;
  font-weight: bold;
  background-color: #f0f3fa;
}
.tbl4 th.c1 {
  background-color: #5c9bd1;
  color: #FFF;
}
.tbl4 td {
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
}
.tbl4 td > .tbl1_1,
.tbl4 th > .tbl1_1 {
  border: 0;
  border-collapse: collapse;
}
.tbl4 td > .tbl1_1 td,
.tbl4 th > .tbl1_1 td {
  border: 0;
  padding: 3px 0;
}
.tbl4 td.none {
  border: 0 !important;
}
.tbl5 {
  border-collapse: collapse;
  margin: 0 auto 60px;
  text-align: left;
  table-layout: fixed;
}
.tbl5 th {
  border-bottom: 2px solid #DDDDDD;
  padding: 10px;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  font-weight: normal;
}
.tbl5 td {
  border-bottom: 1px solid #DDDDDD;
  padding: 10px;
  position: relative;
}
.tbl6 {
  max-width: 800px;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: left;
  table-layout: fixed;
  background-color: #f9f9f9;
  border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width: 768px) {
  .tbl6 {
    width: 92%;
    list-style-type: none;
  }
  .tbl6 thead {
    display: none;
  }
}
.tbl6 th {
  border: 1px solid #EEEEEE;
  padding: 10px;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  background-color: #DDDDDD;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .tbl6 th {
    display: list-item;
  }
}
.tbl6 td {
  border: 1px solid #DDDDDD;
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tbl6 td {
    display: list-item;
    padding-left: 5.5em;
    border: 0;
    border-bottom: 1px solid #EEEEEE;
  }
  .tbl6 td:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #DDDDDD;
    width: 5em;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .tbl6 td:nth-of-type(1):before {
    content: "1列目";
  }
  .tbl6 td:nth-of-type(2):before {
    content: "2列目";
  }
  .tbl6 td:nth-of-type(3):before {
    content: "3列目";
  }
  .tbl6 td:nth-of-type(4):before {
    content: "4列目";
  }
}
.tbl7 {
  width: 92%;
  max-width: 800px;
  border-collapse: collapse;
  margin: 0 auto 60px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .tbl7 {
    width: 92%;
    list-style-type: none;
  }
  .tbl7 tr {
    display: block;
    margin-bottom: 1em;
  }
}
.tbl7 th {
  border-bottom: 1px solid;
  border-color: #CCCCCC;
  padding: 15px 10px 15px 35px;
  white-space: nowrap;
  position: relative;
  font-weight: normal;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .tbl7 th {
    padding: 10px 10px 10px 35px;
    display: list-item;
  }
}
.tbl7 th:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 120%;
  color: #333333;
}
.tbl7 td {
  border-bottom: 1px solid;
  border-color: #CCCCCC;
  padding: 15px 10px;
}
@media screen and (max-width: 768px) {
  .tbl7 td {
    display: list-item;
    border: 0;
  }
}
.tbl8 {
  width: 92%;
  max-width: 800px;
  border-collapse: collapse;
  margin: 0 auto 60px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .tbl8 {
    width: 92%;
    list-style-type: none;
  }
  .tbl8 tr {
    display: block;
    margin-bottom: 1em;
  }
}
.tbl8 th {
  border: 1px solid #CCCCCC;
  padding: 15px 10px;
  white-space: nowrap;
  position: relative;
  font-weight: normal;
  vertical-align: top;
}
.tbl8 th.top {
  border-top: 5px solid #333333;
}
@media screen and (max-width: 768px) {
  .tbl8 th {
    padding: 15px 10px;
    display: list-item;
    border-top: 5px solid #333333;
  }
}
.tbl8 td {
  border: 1px solid #CCCCCC;
  padding: 15px 10px;
}
.tbl8 td.top {
  border-top: 5px solid #CCCCCC;
}
@media screen and (max-width: 768px) {
  .tbl8 td {
    display: list-item;
    border: 0;
  }
  .tbl8 td.top {
    border: 0;
  }
}
/* 線なし */
.tbl10 {
  border: none;
  margin: 0 auto;
  text-align: left;
  background-color: #FFFFFF;
}
.innerTbl1 {
  border-collapse: collapse;
}
.innerTbl1 td,
.innerTbl1 th {
  border: 0;
}
.innerTbl2 {
  border-collapse: collapse;
}
.innerTbl2 td,
.innerTbl2 th {
  border: 0;
  padding: 2px;
}
tbody.tblScroll1 tr,
tfoot.tblScroll1 tr,
thead.tblScroll1 tr {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  vertical-align: middle;
  align-items: stretch;
}
tfoot.tblScroll1 tr,
thead.tblScroll1 tr {
  display: flex;
  flex-wrap: nowrap;
  width: calc(83%);
}
tbody.tblScroll1 td,
tbody.tblScroll1 th,
tfoot.tblScroll1 td,
tfoot.tblScroll1 th,
thead.tblScroll1 td,
thead.tblScroll1 th {
  display: block;
}
tbody.tblScroll1 {
  overflow-y: scroll;
  display: block;
  overflow-x: hidden;
  width: 100%;
}
/* IE10以降 */
@media all and (-ms-high-contrast: none) {
  tbody.tblScroll1 {
    width: 100%;
  }
}
/* edgeのみ */
_:-ms-lang(x),
_::-webkit-meter-bar,
tbody.tblScroll1 {
  width: calc(95%);
}
.table-header-fixed {
  width: 100%;
  min-width: calc(36em);
  /* カラム最小幅合計値+スクロールバーの幅+1px（誤差吸収用） */
  height: 100px;
  overflow-y: scroll;
  border-collapse: collapse;
  border: 1px solid;
}
.table-header-fixed tbody,
.table-header-fixed td,
.table-header-fixed th,
.table-header-fixed thead,
.table-header-fixed tr {
  display: block;
}
.table-header-fixed thead {
  width: calc(84%);
  /* 100% - スクロールバーの幅 */
}
.table-header-fixed tbody {
  height: calc(98%);
  /* 100% - ヘッダの高さ */
  overflow-y: scroll;
}
.table-header-fixed tr:after {
  /* clearfix */
  content: "";
  clear: both;
  display: block;
}
.table-header-fixed td,
.table-header-fixed th {
  float: left;
  height: 2em;
  line-height: 2em;
  overflow: hidden;
  padding: 0 calc(13.5%);
  /* (100% - カラム最小幅合計値)/(カラム数*2) */
  border-bottom: 1px solid #CCC;
  box-sizing: content-box;
}
.table-header-fixed td:first-child,
.table-header-fixed th:first-child {
  width: 20%;
  /* カラム1の最小幅 */
  text-align: right;
}
.table-header-fixed td:nth-child(2),
.table-header-fixed th:nth-child(2) {
  width: 30%;
  /* カラム2の最小幅 */
}
.table-header-fixed td:nth-child(3),
.table-header-fixed th:nth-child(3) {
  width: 50%;
  /* カラム3の最小幅 */
}
.tblScrollWrap1 {
  overflow: auto;
  margin: auto;
}
/* ボタン -----------------------------------------------------------------------*/
.btnBox1 {
  margin: 0 auto;
  position: relative;
  min-height: 2.5em;
}
.btnBox1 .left {
  left: 0;
  position: absolute;
}
.btnBox1.clm2 input[type=button] {
  width: 48%;
}
.btnBox2 {
  margin: 0 auto;
  padding: 20px 0;
  list-style-type: none;
  position: relative;
  min-height: 2.5em;
}
.btnBox2 li {
  float: left;
}
.btnBox2.clm2 li {
  width: 49%;
}
.btnBox2.clm2 li:nth-child(2) {
  margin-left: 2%;
}
.btnBox2 .left {
  left: 0;
  position: absolute;
}
.btn1 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #5c9bd1;
  color: #fff;
  transition: all 0.3s;
  padding: 5px 10px;
  cursor: pointer;
}
.btn1:hover {
  background-color: #21517A;
}
.btn1.mdl-button {
  line-height: 26px;
}
/* グレー -----*/
.btn1.clr1 {
  background-color: #999999;
}
.btn1.clr1:hover {
  background-color: #555555;
}
/* オレンジ -----*/
.btn1.clr2 {
  background-color: #eb5844;
}
.btn1.clr2:hover {
  background-color: #E7361E;
}
/* コンシェルジュの色 -----*/
.btn1.clr3 {
  background-color: #44B6AE;
}
.btn1.clr3:hover {
  background-color: #399993;
}
/* 薄紅色 -----*/
.btn1.clr4 {
  background-color: #ED7B90;
}
.btn1.clr4:hover {
  background-color: #EA3049;
}
/* 鮮やかな青色 -----*/
.btn1.clr5 {
  background-color: #0066cc;
}
.btn1.clr5:hover {
  background-color: #112B4C;
}
/* 黄色 -----*/
.btn1.clr6 {
  background-color: #EFA92A;
}
.btn1.clr6:hover {
  background-color: #85651E;
}
/* ダークグレー -----*/
.btn1.clr7 {
  background-color: #35414f;
}
.btn1.clr7:hover {
  background-color: #4C5D71;
}
/* ADD 20170407 shig START */
/* 登録 -----*/
.btn1.clrtoroku {
  background-color: #FF0000;
}
.btn1.clrtoroku:hover {
  background-color: #BB0000;
}
/* ADD 20170407 shig END */
/* ADD 20170410 shig START */
/* 検索 -----*/
.btn1.clrSRH {
  background-color: #5c9bd1;
}
.btn1.clrSRH:hover {
  background-color: #21517A;
}
/* 確定 -----*/
.btn1.clrCFM {
  background-color: #eb5844;
}
.btn1.clrCFM:hover {
  background-color: #E7361E;
}
/* 追加 -----*/
.btn1.clrADD {
  background-color: #E8822A;
}
.btn1.clrADD:hover {
  background-color: #C66008;
}
/* 修正 -----*/
.btn1.clrUPD {
  background-color: #0066cc;
}
.btn1.clrUPD:hover {
  background-color: #112B4C;
}
/* 削除 -----*/
.btn1.clrDEL {
  background-color: #35414f;
}
.btn1.clrDEL:hover {
  background-color: #4C5D71;
}
/* インポート -----*/
.btn1.clrIMP {
  background-color: #44B6AE;
}
.btn1.clrIMP:hover {
  background-color: #399993;
}
/* エクスポート -----*/
.btn1.clrEXP {
  background-color: #999999;
}
.btn1.clrEXP:hover {
  background-color: #555555;
}
/* 確認 -----*/
.btn1.clrKAK {
  background-color: #C0A92A;
}
.btn1.clrKAK:hover {
  background-color: #85651E;
}
/* クリア -----*/
.btn1.clrCLR {
  background-color: #999999;
}
.btn1.clrCLR:hover {
  background-color: #555555;
}
/* 戻る -----*/
.btn1.clrBAK {
  background-color: #999999;
}
.btn1.clrBAK:hover {
  background-color: #555555;
}
/* 閉じる -----*/
.btn1.clrCLS {
  background-color: #999999;
}
.btn1.clrCLS:hover {
  background-color: #555555;
}
/* 差替 -----*/
.btn1.clrREP {
  background-color: #6B8E23;
}
.btn1.clrREP:hover {
  background-color: #83AF2B;
}
/* 印刷 -----*/
.btn1.clrPRN {
  background-color: #999999;
}
.btn1.clrPRN:hover {
  background-color: #555555;
}
/* 更新履歴 -----*/
.btn1.clrFLOW {
  background-color: #FFC0CB;
  color: #444444;
}
.btn1.clrFLOW:hover {
  background-color: #BB8598;
  color: #444444;
}

.btn1.examle {
  background-color: #fff494;
  color: #000000;
}
.btn1.examle:hover {
  background: #ccc376;
  color: #000000;
}
/* 主文書 -----*/
.btn1.mainDocSys {
  background-color: #fff494;
  color: #000000;
  border: 1px solid black;
}
.btn1.mainDocSys:hover {
  background: #ccc376;
  color: #000000;
  border: 1px solid black;
}
.btn1.mainDoc {
  background-color: #eb5844;
  border: 1px solid black;
}
.btn1.mainDoc:hover {
  background-color: #E7361E;
  border: 1px solid black;
}
/* 付属書類 -----*/
.btn1.subDocSys {
  background-color: #fff494;
  color: #000000;
  border: 1px solid black;
}
.btn1.subDocSys:hover {
  background: #ccc376;
  color: #000000;
  border: 1px solid black;
}
.btn1.subDoc {
  background-color: #eb5844;
  border: 1px solid black;
}
.btn1.subDoc:hover {
  background-color: #E7361E;
  border: 1px solid black;
}


/* ADD 20170410 shig END */
.btn2 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #e4f1f7;
  color: #5c9bd1;
  transition: all 0.3s;
  padding: 5px 10px;
  cursor: pointer;
  border: 1px solid #5c9bd1;
}
.btn2:hover {
  background-color: #ffffff;
}
.btn2.clr1 {
  background-color: #35414f;
  color: #FFFFFF;
  border: 1px solid #35414f;
}
.btn2.clr1:hover {
  background-color: #4C5D71;
}
.btn_calendar {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all 0.3s;
  padding: 0;
  margin: 0 3px;
  cursor: pointer;
  border: 0;
  width: 1.2em;
  height: auto;
}
.btn_back,
.btn_next {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #FFFFFF;
  color: #5c9bd1;
  transition: all 0.3s;
  cursor: pointer;
  border: 1px solid #5c9bd1;
  position: relative;
  padding: 5px 50px;
}
.btn_back:hover,
.btn_next:hover {
  background-color: #f0f3fa;
}
.btn_back:after {
  font-family: 'FontAwesome';
  content: "\f104";
  position: absolute;
  color: #5c9bd1;
  top: 50%;
  left: 8px;
  margin-top: -0.4em;
  font-size: 1.8em;
}
.btn_next:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  color: #5c9bd1;
  top: 50%;
  right: 8px;
  margin-top: -0.4em;
  font-size: 1.8em;
}
.btn_input {
  background-color: #9c55cf;
  width: 100%;
  display: inline-block;
  position: relative;
  color: #FFFFFF;
  text-align: center;
  padding: 220px 0 70px;
  font-size: 1.5em;
  text-decoration: none;
}
.btn_input:before {
  font-family: 'FontAwesome';
  content: "\f044";
  position: absolute;
  color: #FFFFFF;
  top: 120px;
  left: 50%;
  margin-left: -0.4em;
  font-size: 7em;
}
.btn_input:hover {
  opacity: 0.8;
}
.btn_excelImport {
  background-color: #44b6ae;
  width: 100%;
  display: inline-block;
  position: relative;
  color: #FFFFFF;
  text-align: center;
  padding: 220px 0 70px;
  font-size: 1.5em;
  text-decoration: none;
}
.btn_excelImport:before {
  font-family: 'FontAwesome';
  content: "\f1c3";
  position: absolute;
  color: #FFFFFF;
  top: 120px;
  left: 50%;
  margin-left: -0.4em;
  font-size: 6em;
}
.btn_excelImport:hover {
  opacity: 0.8;
}
.btn3 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all 0.1s;
  position: relative;
  padding: 10px 2em 10px 30px;
  border: 1px solid #333333;
  color: #333333;
  border-radius: 5px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.btn3:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  right: 10px;
  color: #333333;
  font-size: 1em;
}
.btn3:hover {
  background: #333333;
  color: #CCCCCC;
  border-color: #CCCCCC;
}
.btn3:hover:after {
  color: #CCCCCC;
}
.btn4 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #333;
  color: #fff;
  transition: all 0.3s;
  position: relative;
  padding: 10px 2em 10px 30px;
  border: 1px solid #FFF;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 2em;
}
.btn4:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  right: 10px;
  color: #FFFFFF;
  font-size: 1em;
}
.btn4:hover {
  background-color: #CCCCCC;
  top: 1px;
  box-shadow: none;
}
.btn5 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all 0.5s;
  /*変化*/
  position: relative;
  padding: 10px 2em 10px 30px;
  border: 1px solid #333333;
  color: #333333;
  border-radius: 2em;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.btn5:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  right: 10px;
  color: #333333;
  font-size: 1em;
}
.btn5:hover {
  background: #333333;
  color: #CCCCCC;
}
.btn5:hover:after {
  color: #CCCCCC;
}
.btn6 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all 0.5s;
  /*変化*/
  position: relative;
  padding: 10px 2em 10px 30px;
  border: 1px solid #333333;
  color: #333333;
  border-radius: 2em;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
@media screen and (max-width: 768px) {
  .btn6 {
    display: block;
  }
}
.btn6:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  right: 10px;
  color: #333333;
  font-size: 1em;
}
.btn6:hover {
  background: #333333;
  color: #CCCCCC;
}
.btn6:hover:after {
  color: #CCCCCC;
}
/* ADD 20170410 shig START */
.btnGLS {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #e4f1f7;
  color: #5c9bd1;
  transition: all 0.3s;
  padding: 0 4px;
  cursor: pointer;
  border: 1px solid #5c9bd1;
}
.btnGLS:hover {
  background-color: #ffffff;
}
.btnGLS.clr1 {
  background-color: #35414f;
  color: #FFFFFF;
  border: 1px solid #35414f;
}
.btnGLS.clr1:hover {
  background-color: #4C5D71;
}
/* ADD 20170410 shig END */


.btnBox3 {
	margin:0 auto;
	padding:0;
	list-style-type: none;
	display:flex;
	display:-ms-flex;
	justify-content:space-between;
	-ms-justify-content:space-between;
	align-items: center;
}
.btnBox3:after {
	content:none;
}
.btnBox3.w500 {
	width:500px;
}
.btnBox3.w700 {
	width:700px;
}
.btnBox3.col-2 li {
	width:44%; /*２列時のボタンの横幅の割合*/
	border:1px solid #CCC;
}
.btnBox3.col-3 li {
	width:30%; /*3列時のボタンの横幅の割合*/
	border:1px solid #CCC;
}
.btn7 {
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	outline: none;
	background-color: #7f7f7f;
	color: #fff;
	transition: all 0.3s;
	padding: 5px 10px;
	cursor: pointer;
	font-weight:bold;
}
.btn7:hover {
	background-color: #555555;
}
.btn7.h100 {
	height:100px; /*ボタンの高さ*/
}
.btn7.h50 {
	height:50px; /*ボタンの高さ*/
}



/* リスト -----------------------------------------------------------------------*/
.dl1 {
  margin: 0 auto;
  text-align: left;
}
.dl1 dt {
  padding: 0 5px 0 15px;
  position: relative;
}
.dl1 dt:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  margin-top: -0.6em;
  left: 5px;
  color: #5c9bd1;
  font-size: 1.2em;
}
.dl1 dd {
  border-bottom: 1px solid #EEEEEE;
  padding: 2px 5px 8px;
  margin: 0 0 5px;
}
.dl2 {
  margin: 0 auto 30px;
  text-align: left;
  max-width: 800px;
}
.dl2 dt {
  float: left;
  padding: 8px 15px 8px 1.8em;
  width: 20%;
  position: relative;
}
.dl2 dt:before {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  left: 10px;
  color: #333333;
  font-size: 1em;
}
@media screen and (max-width: 768px) {
  .dl2 dt {
    float: none;
    padding: 8px 15px 8px 1.5em;
    font-weight: bold;
    width: auto;
  }
}
.dl2 dd {
  border-bottom: 1px solid #CCCCCC;
  padding: 8px 8px 8px 14em;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .dl2 dd {
    padding: 0 8px 8px 2em;
  }
}
.ol1 {
  margin: 0 auto 30px;
  padding: 0 0 0 3em;
  text-align: left;
  max-width: 800px;
}
@media screen and (max-width: 768px) {
  .ol1 {
    margin-right: 1em;
  }
}
.ol1 li {
  padding: 0;
  margin: 0 0 10px;
  color: #FF0004;
  font-weight: bold;
}
.ol1 li span {
  color: #333333;
  font-weight: normal;
}
.ol2 {
  margin: 0 auto 30px;
  padding: 0 0 10px 3em;
  text-align: left;
  max-width: 800px;
}
@media screen and (max-width: 768px) {
  .ol2 {
    margin-right: 1em;
  }
}
.ol2 li {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #CCCCCC;
}
.ul1 {
  margin: 0 auto;
  padding: 0 0 0 3em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .ul1 {
    margin-right: 1em;
  }
}
.ul1 li {
  padding: 0;
  margin: 0 0 1px;
}
.ul2 {
  margin: 0 auto 30px;
  padding: 0 0 0 3em;
  text-align: left;
  max-width: 800px;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .ul2 {
    margin-right: 1em;
  }
}
.ul2 li {
  padding: 0;
  margin: 0 0 10px;
  position: relative;
}
.ul2 li:before {
  font-family: 'FontAwesome';
  content: "\f138";
  position: absolute;
  top: 0;
  left: -1.5em;
  color: #CCCCCC;
  font-size: 1em;
}
.txtBox1 {
  background-color: #FFFFFF;
  padding: 5px;
  border-radius: 2px;
}
.txtBox2 {
  background-color: #ffdddd;
  padding: 2px 6px;
  border-radius: 2px;
  display: inline-block;
  color: #eb5844;
}
.txtBox3 {
  background-color: #FFF685;
  padding: 2px 6px;
  border-radius: 2px;
  display: inline-block;
  color: #E6741C;
}
.icnClose:before {
  position: relative;
  content: "\f00d";
  font-family: fontawesome;
  font-size: 1.1em;
  margin: 0 2px 0 0;
}
.icnCaution:before {
  position: relative;
  content: "\f071";
  font-family: fontawesome;
  font-size: 1.1em;
  margin: 0 2px 0 0;
}
/* レイアウト -----------------------------------------------------------------------*/
.layout1 {
  margin: 0 auto 30px;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.layout1 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 25%;
  background-color: #333333;
  float: left;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.5em;
}
@media screen and (max-width: 600px) {
  .layout1 li {
    width: 50%;
  }
}
.layout1 li a {
  height: calc(70%);
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 0;
}
.layout1 li .img {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-position: center;
}
.layout1 li p {
  padding: 10px;
  margin: 0;
  color: #FFFFFF;
}
.layout2 {
  margin: 0 auto 30px;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.layout2 .box {
  background-color: #F5F5F5;
  width: 19.2%;
  box-sizing: border-box;
  float: left;
  margin: 0 1% 1% 0;
  padding: 10px;
}
@media screen and (max-width: 1000px) {
  .layout2 .box {
    width: 32.6%;
  }
}
@media screen and (max-width: 768px) {
  .layout2 .box {
    width: 49.5%;
  }
}
.layout2 .box a {
  display: block;
  text-decoration: none;
  color: #333333;
  height: calc(120%);
  box-sizing: border-box;
  padding: 10px;
  margin: -10px;
}
.layout2 .box a:hover {
  border: 1px solid #333333;
}
.layout2 .box:nth-child(5n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .layout2 .box:nth-child(5n) {
    margin-right: 1%;
  }
  .layout2 .box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .layout2 .box:nth-child(5n) {
    margin-right: 1%;
  }
  .layout2 .box:nth-child(3n) {
    margin-right: 1%;
  }
  .layout2 .box:nth-child(2n) {
    margin-right: 0;
  }
}
.layout2 .box .img {
  display: block;
  background-color: #FFFFFF;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  height: 150px;
}
.layout2 .box .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.layout2 .box .name {
  display: block;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
}
.layout2 .box .price {
  display: block;
  color: #FF0004;
}
.layout3 {
  margin: 0 auto 30px;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.layout3 .box {
  background-color: #F5F5F5;
  width: 32%;
  float: left;
  margin: 0 2% 2% 0;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .layout3 .box {
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .layout3 .box {
    width: 100%;
  }
}
.layout3 .box a {
  display: block;
  text-decoration: none;
  color: #333333;
  height: calc(120%);
  box-sizing: border-box;
  padding: 10px;
  margin: -10px;
}
.layout3 .box a:hover {
  border: 1px solid #333333;
}
.layout3 .box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .layout3 .box:nth-child(3n) {
    margin-right: 2%;
  }
  .layout3 .box:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .layout3 .box {
    margin-right: 0 !important;
  }
}
.layout3 .box .img {
  display: block;
  background-color: #FFFFFF;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  height: 300px;
}
@media screen and (max-width: 768px) {
  .layout3 .box .img {
    float: left;
    width: 33vw;
    height: 33vw;
  }
}
.layout3 .box .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.layout3 .box .name {
  display: block;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
}
@media screen and (max-width: 768px) {
  .layout3 .box .name {
    margin-left: 36vw;
  }
}
.layout3 .box .price {
  display: block;
  color: #FF0004;
}
@media screen and (max-width: 768px) {
  .layout3 .box .price {
    margin-left: 36vw;
  }
}
.layout4 {
  margin: 0 auto 30px;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.layout4 .box {
  background-color: #F5F5F5;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1%;
  padding: 10px;
}
.layout4 .box:after {
  clear: both;
  display: block;
  content: "";
}
.layout4 .box a {
  display: block;
  text-decoration: none;
  color: #333333;
  height: calc(120%);
  box-sizing: border-box;
  padding: 10px;
  margin: -10px;
}
.layout4 .box a:after {
  clear: both;
  display: block;
  content: "";
}
.layout4 .box a:hover {
  border: 1px solid #333333;
}
.layout4 .box .img {
  display: block;
  background-color: #FFFFFF;
  margin-bottom: 5px;
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .layout4 .box .img {
    width: 25vw;
    height: 25vw;
  }
}
.layout4 .box .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.layout4 .box .name {
  display: block;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
  float: right;
  width: calc(-70%);
  background-color: #D3D3D3;
  padding: 5px;
  box-sizing: border-box;
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .layout4 .box .name {
    float: none;
    width: auto;
    margin: -10px -10px 10px;
  }
}
.layout4 .box .detail {
  display: block;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
  float: right;
  width: calc(-70%);
}
@media screen and (max-width: 768px) {
  .layout4 .box .detail {
    width: calc(72%);
  }
}
.layout4 .box .price {
  display: block;
  color: #FF0004;
  float: right;
  width: calc(-70%);
}
@media screen and (max-width: 768px) {
  .layout4 .box .price {
    width: calc(72%);
  }
}
.layout5 {
  margin: 0 auto 30px;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.layout5 .box {
  float: left;
  background-color: #F5F5F5;
  width: 49%;
  box-sizing: border-box;
  margin: 0 2% 1% 0;
  padding: 10px;
}
.layout5 .box:nth-child(2n) {
  margin: 0 0 1%;
}
@media screen and (max-width: 768px) {
  .layout5 .box {
    float: none;
    width: 100%;
    margin: 0 0 1%;
  }
}
.layout5 .box a {
  display: block;
  text-decoration: none;
  color: #333333;
  height: calc(120%);
  box-sizing: border-box;
  padding: 10px;
  margin: -10px;
}
.layout5 .box a:after {
  clear: both;
  display: block;
  content: "";
}
.layout5 .box a:hover {
  border: 1px solid #333333;
}
.layout5 .box .img {
  display: block;
  background-color: #FFFFFF;
  margin-bottom: 5px;
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .layout5 .box .img {
    width: 25vw;
    height: 25vw;
  }
}
.layout5 .box .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.layout5 .box .name {
  display: block;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
  float: right;
  width: calc(-70%);
  box-sizing: border-box;
  margin: 0 0 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .layout5 .box .name {
    float: right;
    width: calc(72%);
  }
}
.layout5 .box .detail {
  display: block;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
  float: right;
  width: calc(-70%);
}
@media screen and (max-width: 768px) {
  .layout5 .box .detail {
    width: calc(72%);
  }
}
.layout5 .box .price {
  display: block;
  color: #FF0004;
  float: right;
  width: calc(-70%);
}
@media screen and (max-width: 768px) {
  .layout5 .box .price {
    width: calc(72%);
  }
}
.layout6 {
  margin: 0 auto 30px;
  padding: 0;
  list-style-type: none;
}
.layout6 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  background-color: #333333;
  float: left;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.5em;
}
.layout6 li a {
  height: 100%;
  text-decoration: none;
  color: #FFFFFF;
  padding: 0;
  display: block;
}
.layout6 li .img {
  display: table-cell;
  width: 65vw;
  background-size: cover;
  background-position: center;
}
.layout6 li p {
  display: table-cell;
  width: 35vw;
  height: 20vw;
  padding: 10px;
  margin: 0;
  vertical-align: middle;
  color: #FFFFFF;
}
/* ヘッダー＆フッター -----------------------------------------------------------------------*/
#sb-site {
  /*height:100%;*/
}
.sb-slidebar {
  border: 1px solid #333333;
  background-color: #FFFFFF;
}
.hd1Menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.hd1Menu li {
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  float: left;
  width: calc(20%);
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .hd1Menu li {
    padding: 10px;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    float: none;
    width: auto;
  }
}
.hd1Menu li:after {
  content: "＞";
  position: absolute;
  top: 10px;
  right: 5px;
  color: #333333;
}
.hd1Menu li a {
  display: block;
  padding: 10px;
  margin: -10px;
  color: #333333;
  text-decoration: none;
}
.hd1Menu .sb-close {
  cursor: pointer;
}
.hd1TglBtn {
  display: none;
}
@media screen and (max-width: 1000px) {
  .hd1TglBtn {
    display: inline-block;
    background-color: #333333;
    color: #FFFFFF;
    width: 50px;
    height: 50px;
  }
}
.hd2Menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .hd2Menu {
    display: none;
  }
}
.hd2Menu li {
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  float: left;
  width: calc(20%);
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .hd2Menu li {
    float: none;
    width: auto;
  }
}
.hd2Menu li:after {
  content: "＞";
  position: absolute;
  top: 10px;
  right: 5px;
  color: #333333;
}
.hd2Menu li a {
  display: block;
  padding: 10px;
  margin: -10px;
  color: #333333;
  text-decoration: none;
}
.hd2Menu .close {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .hd2Menu .close {
    display: block;
  }
}
.hd2TglBtn {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .hd2TglBtn {
    display: block;
    background-color: #333333;
    color: #FFFFFF;
    width: 100%;
  }
}
.hd3Menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .hd3Menu {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    background-color: #FFFFFF;
  }
}
.hd3Menu li {
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  float: left;
  width: calc(20%);
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .hd3Menu li {
    float: none;
    width: auto;
  }
}
.hd3Menu li:after {
  content: "＞";
  position: absolute;
  top: 10px;
  right: 5px;
  color: #333333;
}
.hd3Menu li a {
  display: block;
  padding: 10px;
  margin: -10px;
  color: #333333;
  text-decoration: none;
}
.hd3Menu .close {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .hd3Menu .close {
    display: block;
  }
}
.hd3TglBtn {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .hd3TglBtn {
    display: block;
    background-color: #333333;
    color: #FFFFFF;
    width: 100%;
  }
}
.hd4Menu {
  list-style-type: none;
  max-width: 1000px;
  margin: 30px auto 0;
  padding: 0;
}
.hd4Menu li {
  position: relative;
  width: calc(20%);
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .hd4Menu {
    margin: 0;
  }
  .hd4Menu li {
    width: 100%;
    float: none;
  }
}
.hd4Menu li a {
  display: block;
  margin: 0;
  padding: 16px 0;
  background: #333333;
  color: #fff;
  text-decoration: none;
}
.hd4Menu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1000px) {
  .hd4Menu li ul {
    position: relative;
    top: 0;
  }
}
.hd4Menu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: 0.2s;
}
@media screen and (max-width: 1000px) {
  .hd4Menu li ul li {
    overflow: visible;
    transition: none;
    height: auto;
  }
}
.hd4Menu li ul li a {
  padding: 10px 15px;
  background: #555555;
  text-align: left;
}
.hd4Menu > li:hover > a {
  background: #555555;
  height: 100%;
}
.hd4Menu > li:hover li:hover > a {
  background: #777777;
}
.hd4Menu > li:hover > ul > li {
  overflow: visible;
  height: auto;
}
.hd4Menu li ul li ul {
  top: 0;
  left: 100%;
}
@media screen and (max-width: 1000px) {
  .hd4Menu li ul li ul {
    left: 0;
  }
}
.hd4Menu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .hd4Menu li ul {
    left: 0;
  }
}
.hd4Menu li ul li ul:before {
  position: absolute;
  content: "";
  top: 1em;
  left: -15px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #000000;
}
.hd4Menu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #000000;
}
.hd4Menu li ul li:hover > ul > li {
  overflow: visible;
  height: auto;
}
.hd4Menu li ul li ul li a {
  background: #777777;
}
.hd4Menu li:hover ul li ul li a:hover {
  background: #999999;
}
.hd4Menu .close {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .hd4Menu .close {
    display: block;
  }
}
.hd4TglBtn {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .hd4TglBtn {
    display: block;
    background-color: #333333;
    color: #FFFFFF;
    width: 100%;
  }
}
.hd5HdMenu {
  position: relative;
}
.hd5MenuWrap {
  text-align: left;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .hd5MenuWrap {
    position: relative;
  }
}
.hd5MenuWrap .hd5Menu {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1000px;
}
.hd5MenuWrap .hd5Menu > li {
  float: left;
  width: 20%;
  box-sizing: border-box;
}
.hd5MenuWrap .hd5Menu > li:before {
  content: "";
  width: 1px;
  height: 30px;
  top: 10px;
  background-color: #D7D7D7;
  position: absolute;
}
@media screen and (max-width: 1000px) {
  .hd5MenuWrap .hd5Menu > li:before {
    content: "";
    width: 0;
  }
}
.hd5MenuWrap .hd5Menu > li:first-child:before {
  content: "";
  width: 0;
}
@media screen and (max-width: 1000px) {
  .hd5MenuWrap .hd5Menu > li {
    float: none;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #E0E0E0;
  }
}
.hd5MenuWrap .hd5Menu > li a {
  display: block;
  position: relative;
  padding: 15px 0;
  margin: 0;
  text-decoration: none;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .hd5MenuWrap .hd5Menu > li a {
    text-align: left;
    padding-left: 10px;
  }
  .hd5MenuWrap .hd5Menu > li a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    margin-top: -0.7em;
    right: 10px;
    color: #333333;
    font-size: 1em;
  }
}
.hd5MenuWrap .hd5Menu > li:hover > a {
  background-color: #333333;
  color: #FFFFFF;
}
@media screen and (max-width: 1000px) {
  .hd5MenuWrap .hd5Menu > li:hover > a {
    background-color: #FFFFFF;
    color: #333333;
  }
}
.hd5Menu > li .ko {
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #333333;
  visibility: hidden;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
}
@media screen and (max-width: 1000px) {
  .hd5Menu > li .ko {
    position: relative;
    visibility: visible;
    transform: none;
    transform-origin: 0;
    transition: 0;
  }
}
.hd5Menu > li:hover .ko {
  visibility: visible;
  transform: rotateX(0);
  transition: 0.3s;
}
.hd5Menu > li .ko > ul {
  list-style-type: none;
  padding: 0;
  margin: 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .hd5Menu > li .ko > ul {
    margin: 0;
  }
}
.hd5Menu > li .ko > ul li {
  float: left;
  background-color: #FFFFFF;
  box-sizing: border-box;
  width: 24% !important;
  margin-right: 1%;
  margin-bottom: 1%;
}
@media screen and (max-width: 1000px) {
  .hd5Menu > li .ko > ul li {
    float: none;
    border: 0 !important;
    border-top: 1px dotted #CCCCCC !important;
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
  }
}
.hd5Menu > li .ko > ul li a {
  padding: 10px !important;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.2em;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .hd5Menu > li .ko > ul li a {
    border: 0;
    padding: 10px 30px !important;
    background-color: #F4F4F4;
    text-align: left !important;
  }
}
.hd5Menu .sb-close {
  cursor: pointer;
}
.hd5TglBtn {
  display: none;
}
@media screen and (max-width: 1000px) {
  .hd5TglBtn {
    display: inline-block;
    background-color: #333333;
    color: #FFFFFF;
    width: 50px;
    height: 50px;
  }
}
.ft1 .menu {
  max-width: 1000px;
  margin: 0 auto;
}
.ft1 .box {
  float: left;
  width: 18%;
  margin: 0.5% 1%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .ft1 .box {
    width: 92%;
    display: block;
    margin: 0 auto;
    float: none;
  }
}
.ft1 ul {
  text-align: left;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.5em;
  vertical-align: top;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .ft1 ul {
    text-align: left;
    float: none;
  }
}
.ft1 .menu li {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .ft1 .menu li {
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
  }
}
.ft1 .menu .ttl {
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
  font-size: 1.1em;
  line-height: 1em;
  padding: 5px 0 10px;
}
@media screen and (max-width: 768px) {
  .ft1 .menu .ttl {
    margin: 0;
    cursor: pointer;
    border-bottom: 2px solid #333333;
    padding: 10px 0;
  }
}
.ft1 .menu a {
  padding: 0 0 0 15px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .ft1 .menu a {
    margin: 0 auto;
    float: none;
    width: auto;
    display: block;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .ft1 .menu a:nth-child(even) {
    margin-left: 0;
  }
}
.ft1 .menu a:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  color: #333333;
  font-size: 1em;
}
@media screen and (max-width: 768px) {
  .ft1 .menu a:before {
    top: 10px;
    left: 5px;
  }
}
.ft2 {
  width: 100%;
  background-color: #EBEBEB;
}
.ft2 .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.ft2 .info {
  float: left;
  width: 40%;
}
.ft2 .menu {
  float: right;
  width: 55%;
}
.ft2 .box {
  float: left;
  width: 48%;
  margin: 0.5% 1%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .ft1 .box {
    width: 92%;
    display: block;
    margin: 0 auto;
    float: none;
  }
}
.ft2 ul {
  text-align: left;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.5em;
  vertical-align: top;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .ft2 ul {
    text-align: left;
    float: none;
  }
}
.ft12 .menu li {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .ft2 .menu li {
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
  }
}
.ft2 .menu a {
  padding: 0 0 0 15px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .ft2 .menu a {
    margin: 0 auto;
    float: none;
    width: auto;
    display: block;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .ft2 .menu a:nth-child(even) {
    margin-left: 0;
  }
}
.ft2 .menu a:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  color: #333333;
  font-size: 1em;
}
@media screen and (max-width: 768px) {
  .ft2 .menu a:before {
    top: 10px;
    left: 5px;
  }
}
/* リスト -----------------------------------------------------------------------*/
.wrapper {
  height: 100%;
  margin: 0 auto;
  text-align: left;
  width: 100%;
  max-width: 1000px;
}
#pankz {
  padding: 10px 10px 5px;
  background-color: #F9F9F9;
  font-size: 0.8em;
  text-align: left;
}
/* ヘッダー -----------------------------------------------------------------------*/
/* ナビゲーション -----------------------------------------------------------------------*/
.main_content {
  padding-top: 0;
}
/* ボディ -----------------------------------------------------------------------*/
#bd {
  /* background-color: #f0f3fa; */
  background-color: rgb(245, 245, 245);
  /* min-height: 500px; */
  flex-shrink: 0;
}
/* フッター -----------------------------------------------------------------------*/
.copyright {
  text-align: center;
  font-size: 0.8em;
  padding: 20px 0;
  background-color: #35414f;
  color: #FFFFFF;
}
#page-top {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 0.8em;
  display: none;
  z-index: 5;
}
#page-top a {
  background-color: #5c9bd1;
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
  display: block;
  border-radius: 5px;
  display: table-cell;
  vertical-align: middle;
}
#page-top a:hover {
  background-color: #5c9bd1;
  opacity: 1.0;
}
/* ログイン -----------------------------------------------------------------------*/
body.login {
  background: #5c9bd1;
}
.clm1 {
  padding-bottom: 50px;
}
.clm3 {
  letter-spacing: -0.4em;
  vertical-align: top;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.clm3 .box {
  letter-spacing: normal;
  vertical-align: top;
}
.clm3 .lft {
  background-color: #35414f;
  min-height: 500px;
  float: left;
  width: 20%;
  position: absolute;
  z-index: 1;
}
.clm3 .lft .tabContent1,
.clm3 .rgt .inner1 {
  background-color: #FFFFFF;
  margin: 0 10px;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
}
.clm3 .cnt {
  background-color: #f0f3fa;
  max-width: 100%;
  float: left;
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.clm3 .rgt {
  background-color: #35414f;
  float: left;
  width: 20%;
  position: absolute;
  right: 0;
  top: 0;
}
.clm3 .lft .ttl-1,
.clm3 .rgt .ttl-1 {
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
}
.scrollBox1 {
  max-width: 94%;
  overflow: hidden;
  overflow: auto;
  border: 1px solid #DDD;
  position: relative;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.scrollBox1 .tbl2 {
  border: 1px solid;
  position: relative;
}
.clm3 .lftTgl {
  background-color: #35414f;
  width: 25px;
  height: 30px;
  position: absolute;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 15px;
  z-index: 99;
}
.clm3 .lftTgl:after {
  font-family: 'FontAwesome';
  content: "\f100";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.4em;
  color: #FFFFFF;
  font-size: 1.5em;
}
.clm3 .lftTgl.close:after {
  content: "\f101";
}
.clm3 .rgtTgl {
  background-color: #35414f;
  width: 25px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 99;
}
.clm3 .rgtTgl:after {
  font-family: 'FontAwesome';
  content: "\f101";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.2em;
  color: #FFFFFF;
  font-size: 1.5em;
}
.clm3 .rgtTgl.close:after {
  content: "\f100";
}
#slide {
  overflow: hidden;
  position: relative;
  max-width: 1500px;
  margin: 0 auto 50px;
}
#slide .txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 80%;
}
#slide .bx-wrapper {
  position: relative !important;
  height: 500px;
  max-height: 500px;
  /*max-width:2000px !important;*/
  margin: 0 auto !important;
}
#slide .bx-viewport {
  margin: 0 auto !important;
  /*max-width:2000px !important;*/
  border: 0;
  left: 0;
  right: 0;
  max-height: 500px;
}
#slide .slider {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
#slide .slider li {
  margin: 0;
  padding: 0;
}
#slide .slide1 {
  width: 100%;
  height: 500px;
  background-image: url("../img/slide1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#slide .slide2 {
  width: 100%;
  height: 500px;
  background-image: url("../img/slide2.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#slide .slide3 {
  width: 100%;
  height: 500px;
  background-image: url("../img/slide1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#slide .slide4 {
  width: 100%;
  height: 500px;
  background-image: url("../img/slide2.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#slide .bx-wrapper .bx-controls-auto,
#slide .bx-wrapper .bx-pager {
  bottom: 0;
}
#slide .bx-wrapper .bx-pager.bx-default-pager a {
  background: #FFFFFF;
}
#slide .bx-wrapper .bx-pager.bx-default-pager a.active,
#slide .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #00A8C3;
}
#slide .bx-wrapper .bx-prev {
  left: 50%;
  margin-left: -500px;
  background-image: none;
  background-color: #FFFFFF;
  width: 50px;
  height: 50px;
}
#slide .bx-wrapper .bx-prev:after {
  font-family: 'FontAwesome';
  content: "\f104";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.25em;
  margin-left: -0.2em;
  color: #333333;
  font-size: 3em;
  text-indent: 0;
}
#slide .bx-wrapper .bx-next {
  right: 50%;
  margin-right: -500px;
  background-image: none;
  background-color: #FFFFFF;
  width: 50px;
  height: 50px;
}
#slide .bx-wrapper .bx-next:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -0.25em;
  margin-right: -0.2em;
  color: #333333;
  font-size: 3em;
  text-indent: 0;
}
#slide .bx-wrapper .bx-prev:hover {
  background-position: 0;
  opacity: 1;
}
#slide .bx-wrapper .bx-next:hover {
  background-position: 0;
  opacity: 1;
}
#slide .bx-wrapper .bx-controls-direction a {
  opacity: 0.7;
  top: 45%;
}
.catch {
  font-size: 1.8em;
  line-height: 150%;
  margin: 50px 0 30px;
  text-align: center;
  position: relative;
  padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .catch {
    font-size: 1.4em;
  }
}
.catch:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 5%;
  height: 5px;
  margin: 0 auto;
  content: '';
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .catch:after {
    width: 40px;
  }
}
.body {
  font-size: 1em;
  line-height: 150%;
  margin: 0 auto 50px;
  text-align: center;
  max-width: 800px;
  padding: 0 15px;
}
.point {
  margin: 0 auto 30px;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.point li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 25%;
  background-color: #333333;
  float: left;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.5em;
}
@media screen and (max-width: 600px) {
  .point li {
    width: 50%;
  }
}
.point li a {
  height: calc(70%);
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 0;
}
.point li .img {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-position: center;
}
.point li p {
  padding: 10px;
  margin: 0;
}
.point2 {
  background-color: #CCCCCC;
  padding: 20px 0;
  margin: 0 auto 30px;
}
.point2 .slider2 {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.point2 .slider2 .box {
  position: static;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  box-sizing: border-box;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .point2 .slider2 .box {
    width: 100%;
  }
}
.point2 .slider2 .box a {
  display: block;
  text-decoration: none;
  padding: 15px;
  margin: 5px;
  background-color: #FFFFFF;
}
.point2 .slider2 .box img {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .point2 .slider2 .box img {
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .point2 .slider2 .box img {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .point2 .slider2 .box p {
    margin-left: 55%;
  }
}
@media screen and (max-width: 500px) {
  .point2 .slider2 .box p {
    margin-left: 0;
  }
}
.point2 .slick-track {
  margin: 0 35px;
}
.point2 .slick-prev {
  background-color: #333333;
  width: 30px;
  height: 30px;
  left: 5px;
  margin-top: -15px;
}
.point2 .slick-next {
  background-color: #333333;
  width: 30px;
  height: 30px;
  right: 5px;
  margin-top: -15px;
}
.point2 .slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -0.5em;
  margin-right: -0.2em;
  font-size: 30px;
}
.point2 .slick-prev:before {
  font-family: 'FontAwesome';
  content: "\f104";
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -0.5em;
  margin-right: -0.2em;
  font-size: 30px;
}
.point3 {
  background-color: #CCCCCC;
  padding: 20px 0;
  margin: 0 auto;
  overflow: hidden;
}
.point3 .slider3 {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  max-width: 1000px;
}
.point3 .slider3 .box {
  position: static;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  box-sizing: border-box;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .point3 .slider3 .box {
    width: 100%;
  }
}
.point3 .slider3 .box a {
  display: block;
  text-decoration: none;
  padding: 15px;
  margin: 5px;
  background-color: #FFFFFF;
}
.point3 .slider3 .box img {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .point3 .slider3 .box img {
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .point3 .slider3 .box img {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .point3 .slider3 .box p {
    margin-left: 55%;
  }
}
@media screen and (max-width: 500px) {
  .point3 .slider3 .box p {
    margin-left: 0;
  }
}
.point3 .slick-track {
  overflow: hidden;
  margin-bottom: 20px;
}
.point3 .slick-prev {
  background-color: #333333;
  width: 30px;
  height: 30px;
  left: -30px;
  margin-top: -15px;
}
.point3 .slick-next {
  background-color: #333333;
  width: 30px;
  height: 30px;
  right: -32px;
  margin-top: -15px;
}
.point3 .slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -0.5em;
  margin-right: -0.2em;
  font-size: 30px;
}
.point3 .slick-prev:before {
  font-family: 'FontAwesome';
  content: "\f104";
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -0.5em;
  margin-right: -0.2em;
  font-size: 30px;
}
.news {
  margin: 0 auto 30px;
  padding: 10px 0;
  list-style-type: none;
  max-width: 1000px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
}
.news li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .news {
    padding: 0;
  }
  .news li {
    border-bottom: 1px solid #CCCCCC;
  }
  .news li:last-child {
    border-bottom: 0;
  }
}
.news li a {
  padding: 5px 10px;
  display: block;
}
@media screen and (max-width: 768px) {
  .news li a {
    padding: 10px 30px 10px 10px;
    font-size: 0.9em;
    position: relative;
    text-decoration: none;
  }
  .news li a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.5em;
    color: #333333;
    font-size: 1.5em;
  }
}
.news li .date {
  width: 7em;
  float: left;
  color: #333333;
}
.news li .ttl {
  margin-left: 7em;
}
@media screen and (max-width: 768px) {
  .news li .date {
    width: 100%;
    float: none;
  }
  .news li .ttl {
    margin-left: 0;
  }
}
/* 会社概要 -----------------------------------------------------------------------*/
.houshin {
  width: 92%;
  max-width: 800px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .houshin {
    width: 92%;
  }
}
.enkaku {
  width: 92%;
  max-width: 800px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .enkaku {
    width: 92%;
  }
}
.enkaku dl {
  margin: 0 auto;
  text-align: left;
}
.enkaku dl dt {
  float: left;
  padding: 8px 15px;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .enkaku dl dt {
    float: none;
    padding: 8px 15px 0;
    font-weight: bold;
    width: auto;
  }
}
.enkaku dl dd {
  border-bottom: 1px solid #CCCCCC;
  padding: 8px 8px 8px 25%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .enkaku dl dd {
    padding: 0 8px 8px 10%;
  }
}
/* 採用情報 -----------------------------------------------------------------------*/
.msg {
  max-width: 800px;
  width: 92%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .msg {
    width: 92%;
  }
}
.recTbl1 {
  max-width: 800px;
  width: 92%;
  border-collapse: collapse;
  margin: 0 auto 60px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .recTbl1 {
    width: 92%;
    list-style-type: none;
  }
}
.recTbl1 th {
  border: 1px solid;
  border-color: #CCCCCC;
  padding: 15px 10px;
  white-space: nowrap;
  background-color: #F3F3F3;
  position: relative;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .recTbl1 th {
    padding: 10px;
    display: list-item;
  }
}
.recTbl1 td {
  border: 1px solid;
  border-color: #CCCCCC;
  padding: 15px 10px;
}
@media screen and (max-width: 768px) {
  .recTbl1 td {
    display: list-item;
  }
}
.recBox {
  padding: 30px 5%;
  position: relative;
  border: 1px solid #CCCCCC;
  max-width: calc(790px);
  width: 82%;
  margin: 0 auto;
}
.recBox:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 12%;
  height: 8px;
  margin: 0 auto;
  background-color: #333333;
}
.recBox h2 {
  font-size: 1em;
}
/* アクセス -----------------------------------------------------------------------*/
.map {
  width: 80%;
  height: 600px;
}
@media screen and (max-width: 768px) {
  .map {
    width: 90%;
    height: 350px;
  }
}
.acsBox {
  width: 800px;
  margin: 0 auto 30px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  .acsBox {
    width: 92%;
  }
}
/* お問い合わせ -----------------------------------------------------------------------*/
.contBox {
  width: 92%;
  max-width: 800px;
  margin: 0 auto 60px;
  line-height: 1.8em;
  display: table;
  border-spacing: 10px;
}
@media screen and (max-width: 768px) {
  .contBox {
    width: 92%;
    display: list-item;
    list-style-type: none;
    border-spacing: 0;
  }
}
.contBox .fax,
.contBox .tel {
  border: 1px solid #CCCCCC;
  padding: 15px;
  display: table-cell;
}
@media screen and (max-width: 850px) {
  .contBox .fax,
  .contBox .tel {
    display: list-item;
    list-style-type: none;
  }
}
.contBox .tel strong {
  font-size: 2em;
  position: relative;
  padding: 0 0 0 1em;
}
@media screen and (max-width: 768px) {
  .contBox .tel strong {
    font-size: 1.7em;
    position: relative;
    padding: 0 0 0 1em;
  }
}
.contBox .tel strong:before {
  font-family: 'FontAwesome';
  content: "\f095";
  position: absolute;
  top: 50%;
  margin-top: -0.4em;
  left: 0;
}
.contBox .fax strong {
  font-size: 1.3em;
}
.contNote {
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contNote {
    width: 92%;
  }
}
.formTbl1 {
  border-collapse: collapse;
  width: 92%;
  max-width: 800px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
  .formTbl1 {
    width: 92%;
  }
}
.formTbl1 td,
.formTbl1 th {
  padding: 15px 10px;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .formTbl1 td,
  .formTbl1 th {
    display: list-item;
    list-style-type: none;
    margin: 0;
  }
}
.formTbl1 tr:nth-child(2n+1) {
  background-color: #f8f8f8;
}
.formTbl1 th {
  font-weight: bold;
  width: 20%;
  position: relative;
  padding-right: 40px;
  white-space: nowrap;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .formTbl1 th {
    padding-right: 10%;
    padding-bottom: 0;
    width: calc(72%);
  }
}
.formTbl1 th.hissu:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 90%;
  color: #FF0000;
}
.formTbl1 td {
  text-align: left;
}
.formTbl1 td p {
  color: #333333;
  margin: 5px 0;
}
.formTbl1 td p.note {
  color: #FF0000;
  font-size: 0.9em;
  line-height: 1.2em;
}
.formTbl1 input[type=email],
.formTbl1 input[type=text],
.formTbl1 textarea {
  width: 90%;
  vertical-align: middle;
}
.form .btnBox {
  padding: 20px 0;
  text-align: center;
}
.contThx {
  width: 92%;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contThx {
    width: 92%;
  }
}
/* ADD 20170830 a.suzuki */
/* WebMail */
.information {
  margin: auto;
}
.attachments {
  padding-left: 0;
  list-style: none;
}
.attachments .download {
  margin-left: 1.5em;
}
#follows,
.wells {
  /* position: relative; */
  /* position: fixed; */
  width: 60%;
  min-height: 62px;
  margin: 20px auto;
  padding: 12.5px 25px;
  border: solid 1px #c2c2c2;
  border-radius: 4px;
  background-color: #fff;
}
#follows .follow,
.wells .well {
  border-top: solid 1px #bdbdbd;
  padding-top: 12.5px;
}
#follows .follow:first-child,
.wells .well:first-child {
  padding-top: 0;
  border-top: 0;
}
/* ADD 20170915 a.suzuki */
.logTableWrap {
  width: 95%;
  position: relative;
  min-height: 62px;
  margin: 20px auto;
  padding: 12.5px 25px;
  border: solid 1px #c2c2c2;
  border-radius: 4px;
  background-color: #fff;
}
.logTableWrap h4 {
  margin-bottom: 8px;
  font-size: 16px;
}
.logTableWrap .innerWrap {
}
.logTableWrap .innerWrap:first-child {
  padding-top: 0;
  border-top: 0;
}
.logTableWrap .innerWrap table {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  border-radius: 4px;
}
.logTableWrap .innerWrap table th {
  padding: 5px 10px;
  border: 1px solid #cccccc;
  border-bottom: 3px solid #5c9bd1;
  background: #f0f3fa;
  font-weight: bold;
}
.logTableWrap .innerWrap table td {
  padding: 4px 4px;
  border: 1px solid #cccccc;
}
/* Common parts */
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25;
  border-radius: .25rem;
  transition: all 0.15s ease-in-out;
}
.btn-sm {
  border-width: 4px;
  font-size: 13px;
  padding: 4px 9px;
  line-height: 1.38;
}
.btn-xs {
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-minier {
  padding: 0 4px;
  line-height: 18px;
  border-width: 2px;
  font-size: 12px;
}
.btn.download {
  padding: .15rem .4rem;
  font-size: .7rem;
  line-height: 1.2;
  border-radius: .2rem;
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
  cursor: pointer;
}
.btn.download:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}
.btn.info {
  padding: .15rem .4rem;
  font-size: .7rem;
  line-height: 1.2;
  border-radius: .2rem;
  color: #fff;
  background-color: #6FB3E0;
  border-color: #6FB3E0;
  cursor: pointer;
}
.btn.info:hover {
  color: #fff;
  background-color: #4F99C6;
  border-color: #6FB3E0;
}
td.align-top {
  vertical-align: top;
}
td.align-middle {
  vertical-align: middle;
}
td.align-bottom {
  vertical-align: bottom;
}
.text-center {
  text-align: center;
}
.text-left {
  text-arign: left;
}
.text-right {
  text-arign: right;
}
.dropZone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 150px;
  margin-bottom: 1em;
  border: 3px dashed #CECFCE;
  background-color: #F0F3FA;
}
.attention {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-weight: bold;
  color: #cc0000;
}
/* ADD Common Parts tabs 20171005 a.suzuki */
.tabs {
  width: 94%;
  margin: 10px auto 0 auto;
  padding: 0 !important;
}
.tabs a {
  display: inline-block;
  float: left;
  margin-right: 1px;
  padding: 0.4em 0.8em;
  border-top: 1px solid #cecfce;
  border-right: 1px solid #cecfce;
  border-left: 1px solid #cecfce;
  border-radius: 4px 4px 0 0;
  background: #f7f7f7;
  text-decoration: none;
  color: #666666;
}
.tabs a:hover {
  border-color: #a8cae7;
  background: #e6eff8;
  color: #333333;
}
.tabs a.active {
  border-color: #488fcb;
  background: #5c9bd1;
  color: #ffffff;
}
.tabContent {
  content: "";
  clear: both;
  display: none;
}
/* ADD 20170302 hiromi START */
/* 部品集 -----------------------------------------------------------------------*/
.cleanTbl1 {
  margin: 0 auto;
}
.cleanTbl1 td.right,
.cleanTbl1 th.right {
  text-align: right;
}
.cleanTbl1 td.center,
.cleanTbl1 th.center {
  text-align: center;
}
.cleanTbl1 td.left,
.cleanTbl1 th.left {
  text-align: left;
}
.cleanTbl1 td.top,
.cleanTbl1 th.top {
  vertical-align: top;
}
.cleanTbl1 td.middle,
.cleanTbl1 th.middle {
  vertical-align: middle;
}
.cleanTbl1 td.bottom,
.cleanTbl1 th.bottom {
  vertical-align: bottom;
}

/* 薄い黄色 明細なしの依頼の色 */
.cleanTbl1 td.headeronly {
  background-color: #FFFF99;
}
/* 薄いピンク 承認依頼中の色 */
.cleanTbl1 td.flow {
  background-color: #FFC0CB;
}
/* 灰色 削除データ */
.cleanTbl1 td.deldata {
  background-color: #CCCCCC;
}
/* 青 明細行すべて○○済の色 */
.cleanTbl1 td.mzensumi {
  background-color: #ccffff;
}
/* 水色 各メニューによる */
.cleanTbl1 td.various {
  background-color: #00ffff;
}
/* 黄色 明細行一部○○済の色 */
.cleanTbl1 td.michibusumi {
  background-color: #EFA92A;
}
/* オレンジ 明細行すべて未○○の色 */
.cleanTbl1 td.mzenmi {
  background-color: #cc3300;
}
/* 黄緑 ○○先直接入力 */
.cleanTbl1 td.torisakiimp {
  background-color: #80ff66;
}
/* 灰青 箱数のみの依頼 */
.cleanTbl1 td.lightsteelblue {
  background-color: #b0c4de;
}




.clmBox {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
}
.clmBox.left {
  justify-content: flex-start;
}
.clmBox.center {
  justify-content: space-between;
}
.clmBox.right {
  justify-content: flex-end;
}
.clmBox .span1 {
  width: 100%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBox .span2 {
  width: 50%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBox .span3 {
  width: 33%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBox .span4 {
  width: 25%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBox .span5 {
  width: 20%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBox .span6 {
  width: 16%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBox .center {
  text-align: center;
}
.clmBox .left {
  text-align: left;
}
.clmBox .right {
  text-align: right;
}
.aligntbl1 {
  width: 100%;
  border-collapse: collapse;
  align: 0 auto;
  background-color: #FFF;
}
.aligntbl1.scroll tbody {
  display: block;
  position: relative;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}
.aligntbl1 th {
  border: 1px solid #DDDDDD;
  padding: 5px;
  white-space: nowrap;
  position: relative;
  text-align: center;
  background-color: #F2F2F2;
}
.aligntbl1 th.clr1 {
  background-color: #A9CAEC;
}
.aligntbl1 th.clr2 {
  background-color: #A5E3DC;
}
.aligntbl1 td {
  border: 1px solid #DDDDDD;
  padding: 5px;
}
.alignTbl1 td.right,
.alignTbl1 th.right {
  text-align: right;
}
.alignTbl1 td.center,
.alignTbl1 th.center {
  text-align: center;
}
.alignTbl1 td.left,
.alignTbl1 th.left {
  text-align: left;
}
.alignTbl1 td.top,
.alignTbl1 th.top {
  vertical-align: top;
}
.alignTbl1 td.middle,
.alignTbl1 th.middle {
  vertical-align: middle;
}
.alignTbl1 td.bottom,
.alignTbl1 th.bottom {
  vertical-align: bottom;
}
/* 部品集 clmBoxの確認用 -----------------------------------------------------------------------*/
.clmBoxwk {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
}
.clmBoxwk.left {
  justify-content: flex-start;
}
.clmBoxwk.center {
  justify-content: space-between;
}
.clmBoxwk.right {
  justify-content: flex-end;
}
.clmBoxwk .span1 {
  width: 100%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBoxwk .span2 {
  width: 50%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBoxwk .span3 {
  width: 33%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBoxwk .span4 {
  width: 25%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBoxwk .span5 {
  width: 20%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBoxwk .span6 {
  width: 16%;
  background-color: #D7D7D7;
  margin: 5px;
}
.clmBoxwk .center {
  text-align: center;
}
.clmBoxwk .left {
  text-align: left;
}
.clmBoxwk .right {
  text-align: right;
}
/* ADD 20170302 hiromi END */
/********/
.screenID {
  font-size: small;
}
.title .screenID {
  display: none;
}
table.mailto td {
  border: none;
}
table.tmpfile td {
  border: none;
}
/********/
/*
#logo {
  background-image: url("/assets/img/logo.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 87px;
  height: 28px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 28px;
  margin-top: 15px;
  margin-left: 15px;
  position: absolute;
  z-index: 500;
}
#hd {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 999;
  height: 60px;
  background-color: #5c9bd1;
}
#hd .wrapper {
  position: relative;
}
#hd .hdTbl1 {
  float: right;
  text-align: right;
  width: 60%;
}
#hd .hdTbl1 .txt {
  margin-top: 10px;
  margin-bottom: 3px;
}
#hd .hdTbl1 .tel {
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-weight: bold;
}
#hd .hdTbl1 h1,
#hd .hdTbl1 strong {
  font-weight: normal;
  font-size: 0.9em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#hd .sb-toggle-right {
  float: right;
  display: none;
  cursor: pointer;
  padding: 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  width: 60px;
  height: 60px;
  margin: 0;
  position: relative;
}
#hd .sb-toggle-right:after {
  font-family: 'FontAwesome';
  content: "\f0c9";
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -0.4em;
  color: #333333;
  margin-top: 0;
  font-size: 180%;
}
#navi {
  text-align: left;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
#navi .dropmenu {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: right;
}
#navi .dropmenu > li {
  display: inline-block;
  box-sizing: border-box;
}
#navi .dropmenu > li:first-child:before {
  content: "";
  width: 0;
}
#navi .dropmenu > li a {
  display: block;
  position: relative;
  padding: 10px 15px 10px 2.5em;
  margin: 0;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
}
#navi .dropmenu > li:hover > a {
  background-color: #35414f;
  color: #FFFFFF;
  position: relative;
}
#navi .dropmenu > li.navi01 a:before {
  font-family: 'FontAwesome';
  content: "\f0c9";
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.3em;
}
#navi .dropmenu > li.navi02 a:before {
  font-family: 'FontAwesome';
  content: "\f05a";
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.3em;
}
#navi .dropmenu > li.navi03 a:before {
  font-family: 'FontAwesome';
  content: "\f019";
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.3em;
}
#navi .dropmenu > li.navi04 a:before {
  font-family: 'FontAwesome';
  content: "\f007";
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.3em;
}
#navi .dropmenu > li.navi05 a:before {
  font-family: 'FontAwesome';
  content: "\f0e0";
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.3em;
}
#navi .dropmenu > li.navi06 a:before {
  font-family: 'FontAwesome';
  content: "\f08b";
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.3em;
}
#navi .dropmenu > li.navi07 a:before {
  font-family: 'FontAwesome';
  content: "\f02d";
  position: absolute;
  top: 0.6em;
  left: 0.8em;
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.3em;
}
*/

.dropmenu > li .ko {
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #35414f;
  visibility: hidden;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
}
.dropmenu > li:hover .ko {
  visibility: visible;
  transform: rotateX(0);
  transition: 0.3s;
}
.dropmenu > li .ko > ul {
  list-style-type: none;
  padding: 0;
  margin: 20px 10px 10px;
  position: relative;
}
.dropmenu > li .ko > ul li {
  float: left;
  background-color: #485063;
  box-sizing: border-box;
  width: 19% !important;
  margin-right: 1%;
  margin-bottom: 1%;
}
.dropmenu > li .ko > ul li a {
  padding: 10px 10px 10px 40px !important;
  text-align: left !important;
  font-size: 1em;
  line-height: 1.2em;
  height: 100%;
  position: relative;
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
}
.dropmenu > li .ko > ul li:nth-child(1) a:before {
  content: "\f08e" !important;
}
.dropmenu > li .ko > ul li:nth-child(2) a:before {
  content: "\f08e" !important;
}
.dropmenu > li .ko > ul li:nth-child(3) a:before {
  content: "\f1c1" !important;
}
.dropmenu > li .ko > ul li:nth-child(4) a:before {
  content: "\f1c3" !important;
}
.dropmenu > li .ko > ul li:nth-child(5) a:before {
  content: "\f0c4" !important;
}
.dropmenu > li .ko > ul li:nth-child(6) a:before {
  content: "\f07a" !important;
}
.dropmenu > li .ko > ul li:nth-child(7) a:before {
  content: "\f002" !important;
}
.dropmenu > li .ko > ul li:nth-child(8) a:before {
  content: "\f06e" !important;
}
.dropmenu > li .ko > ul li:nth-child(9) a:before {
  content: "\f073" !important;
}
.dropmenu > li .ko > ul li:nth-child(10) a:before {
  content: "\f15b" !important;
}
.dropmenu > li .ko > ul li:nth-child(11) a:before {
  content: "\f1b0" !important;
}
.dropmenu > li .ko > ul li:nth-child(12) a:before {
  content: "\f017" !important;
}
.dropmenu > li .ko > ul li:nth-child(13) a:before {
  content: "\f046" !important;
}
.dropmenu > li .ko > ul li:nth-child(14) a:before {
  content: "\f0ec" !important;
}
.dropmenu > li .ko > ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
#ft {
  width: 100%;
  background-color: #F9F9F9;
  text-align: center;
  padding: 0 0 30px;
}
#ft .ft_logo {
  text-align: center;
  padding: 20px 15px 0;
  vertical-align: top;
  font-size: 0.9em;
}
@media screen and (max-width: 768px) {
  #ft .ft_logo {
    text-align: center;
    display: block;
  }
}
#ft .ft_logo img {
  margin: 0 0 10px;
  width: 150px;
}
@media screen and (max-width: 768px) {
  #ft .ft_logo img {
    width: 120px;
  }
}
#ft .ft_logo p {
  margin: 0;
}
@media screen and (max-width: 768px) {
  #ft .ft_logo p {
    display: inline-block;
  }
}
#ft .menu {
  max-width: 1000px;
  margin: 0 auto;
}
#ft .box {
  float: left;
  width: 18%;
  margin: 0.5% 1%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #ft .box {
    width: 92%;
    display: block;
    margin: 0 auto;
    float: none;
  }
}
#ft ul {
  text-align: left;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.5em;
  vertical-align: top;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  #ft ul {
    text-align: left;
    float: none;
  }
}
#ft .menu li {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  #ft .menu li {
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
  }
}
#ft .menu .ttl {
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
  font-size: 1.1em;
  line-height: 1em;
  padding: 5px 0 10px;
}
@media screen and (max-width: 768px) {
  #ft .menu .ttl {
    margin: 0;
    cursor: pointer;
    border-bottom: 2px solid #333333;
    padding: 10px 0;
  }
}
#ft .menu a {
  padding: 0 0 0 15px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #ft .menu a {
    margin: 0 auto;
    float: none;
    width: auto;
    display: block;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  #ft .menu a:nth-child(even) {
    margin-left: 0;
  }
}
#ft .menu a:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  color: #333333;
  font-size: 1em;
}
@media screen and (max-width: 768px) {
  #ft .menu a:before {
    top: 10px;
    left: 5px;
  }
}
.title {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #fff;
  box-shadow: inset 0 -1px 0 0 #e5e8eb;
}
.title h1 {
  display: inline-block;
  /* border-left: 5px solid #5c9bd1; */
  /* font-size: 1.2em; */
  padding: 0 20px 0 10px;
  /* font-weight: bold; */
  color: rgb(66, 66, 66);
  font-size: 34px;
  line-height: 40px;
  vertical-align: middle;
}
.title .navi {
  display: inline-block;
  font-size: 11px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.title .navi li {
  display: inline-block;
  background-color: #f0f3fa;
  padding: 1px 5px;
  margin: 0 15px 0 0;
  position: relative;
  line-height: 24px;
}
.title .navi li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  width: 0;
  height: 0;
  border-top: solid 13px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 13px transparent;
  border-left: solid 15px #f0f3fa;
}
.title .navi li.select {
  background-color: #5c9bd1;
  color: #FFF;
}
.title .navi li.select:after {
  border-left: solid 15px #5c9bd1;
}
.title .navi li:last-child:after {
  display: none;
}
.title .navi li:nth-child(1):before {
  content: '1.';
}
.title .navi li:nth-child(2):before {
  content: '2.';
}
.title .navi li:nth-child(3):before {
  content: '3.';
}
.title .navi li:nth-child(4):before {
  content: '4.';
}
.title .navi li:nth-child(5):before {
  content: '5.';
}
.title .navi li:nth-child(6):before {
  content: '6.';
}
.title .navi li:nth-child(7):before {
  content: '7.';
}
.title .navi li:nth-child(8):before {
  content: '8.';
}
.title .navi li:nth-child(9):before {
  content: '9.';
}
.title .navi li:nth-child(10):before {
  content: '10.';
}
#fixedFlog {
  position: relative;
  display: table;
  background-color: rgba(240, 243, 250, 0.8);
  height: 40px;
  width: 100%;
  padding: 0 3px;
  text-align: center;
}
#fixedFlog.fixed {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.concierge {
  display: table;
  max-width: 90%;
  margin: 30px auto 20px;
  table-layout: fixed;
}
.concierge .flog {
  /* display: table-cell; */
  display: none;
  width: 39px;
}
.concierge .flog img {
  margin-top: -15px;
  margin-left: -40px;
}
.concierge .txt {
  background-color: #44b6ae;
  text-align: left;
  /* display: table-cell; */
  color: #FFF;
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  vertical-align: top;
  min-width: 600px;

  min-height: 25px;
  display: inline-block;
}
/*
.concierge .txt:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -15px;
  margin-top: -6px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 15px 6px 0;
  border-color: transparent #44b6ae transparent transparent;
}
*/
.pageNav {
  text-align: right;
  margin: 1em auto;
}
.pageNav a {
  display: inline-block;
  padding: 3px 10px;
  margin: 3px;
  background-color: #FFF;
  border: 1px solid #CCC;
  text-decoration: none;
}
.pageNav a:hover {
  background-color: #f0f3fa;
}
.pageNav span {
  display: inline-block;
  padding: 3px 10px;
  margin: 3px;
  background-color: #FFF;
  border: 1px solid #CCC;
}
/* トップページ -----------------------------------------------------------------------*/
.top {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0 80px;
}
.top h1 {
  color: #5c9bd1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 3em;
  line-height: 1.5em;
  text-align: left;
  margin: 0 0 10px;
}
.top .infoBox {
  margin-bottom: 40px;
}
.top .infoBox .box {
  background-color: #FFFFFF;
  width: 48%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
}
.top .infoBox .process h2 {
  font-size: 1.5em;
  color: #5c9bd1;
  font-weight: normal;
  position: relative;
  margin-bottom: 15px;
}
.top .infoBox .process h2:before {
  font-family: 'FontAwesome';
  content: "\f111";
  position: absolute;
  top: -1px;
  left: -30px;
  font-size: 1.3em;
}
.top .infoBox .process ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.top .infoBox .process ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.top .infoBox .process ul li:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  color: #5c9bd1;
  font-size: 1.3em;
}
.top .infoBox .sri {
  margin-left: 4%;
}
.top .infoBox .sri h2 {
  font-size: 1.5em;
  color: #eb5844;
  font-weight: normal;
  position: relative;
  margin-bottom: 15px;
}
.top .infoBox .sri h2:before {
  font-family: 'FontAwesome';
  content: "\f111";
  position: absolute;
  top: -1px;
  left: -30px;
  font-size: 1.3em;
}
.top .infoBox .sri ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.top .infoBox .sri ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.top .infoBox .sri ul li .date {
  float: left;
}
.top .infoBox .sri ul li .txt {
  margin-left: 7em;
}
.top .freeInfo {
  background-color: #FFFFFF;
}
.top .freeInfo h2 {
  font-size: 1.5em;
  color: #eb5844;
  font-weight: normal;
  margin-bottom: 15px;
  background-color: #5c9bd1;
  color: #FFFFFF;
  padding: 10px;
  position: relative;
}
.top .freeInfo h2:after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  border-top: solid 13px #5c9bd1;
  border-right: solid 15px transparent;
  border-bottom: solid 13px transparent;
  border-left: solid 15px transparent;
}
.top .freeInfo .inner {
  padding: 20px 30px 30px;
  text-align: left;
  overflow: hidden;
}
#login {
  padding: 100px 0 0;
}
#login .header {
  color: #FFFFFF;
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 30px;
}
#login .main {
  background-color: #FFFFFF;
  border: 10px solid #7cafda;
  width: 500px;
  min-height: 300px;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}
#login .main .title {
  font-size: 1.2em;
  color: #5c9bd1;
}
#login .main pre.message {
  color: red;
}
#login .main .guide {
  position: relative;
  margin-bottom: 50px;
}
#login .main .guide:after {
  font-family: 'FontAwesome';
  font-size: 4em;
  content: "\f107";
  color: #5c9bd1;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.3em;
  margin-top: 0.6em;
}
#login .main .forget {
  padding: 5px;
}
#login .main form {
  margin-bottom: 20px;
}
#login .main input[type="text"],
#login .main input[type="password"] {
  font-size: 16px;
  padding: 5px;
  margin: 10px 0;
  width: 70%;
}
#login .main select {
  width: 70%;
}
#login .main .submit {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #5c9bd1;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
  width: 70%;
  padding: 8px;
  border-radius: 5px;
  margin: 10px 0 0;
}
#login .main .submit:hover {
  background-color: #2c689b;
}
#login .footer {
  text-align: center;
  font-size: 0.8em;
  padding: 20px 0;
  color: #FFFFFF;
}
.cb-toggle {
  margin-left: 2px;
}
.cb-toggle .checkbox {
  display: none;
}
.cb-toggle .checkbox + .checkbox-icon {
  position: relative;
  vertical-align: middle;
}
.cb-toggle .checkbox + .checkbox-icon:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDE1MzYgMTUzNiI+PHBhdGggZD0iTTEyMTYgODMyVjcwNHEwLTI2LTE5LTQ1dC00NS0xOUg4OTZWMzg0cTAtMjYtMTktNDV0LTQ1LTE5SDcwNHEtMjYgMC00NSAxOXQtMTkgNDV2MjU2SDM4NHEtMjYgMC00NSAxOXQtMTkgNDV2MTI4cTAgMjYgMTkgNDV0NDUgMTloMjU2djI1NnEwIDI2IDE5IDQ1dDQ1IDE5aDEyOHEyNiAwIDQ1LTE5dDE5LTQ1Vjg5NmgyNTZxMjYgMCA0NS0xOXQxOS00NXptMzIwLTY0cTAgMjA5LTEwMyAzODUuNVQxMTUzLjUgMTQzMyA3NjggMTUzNnQtMzg1LjUtMTAzVDEwMyAxMTUzLjUgMCA3Njh0MTAzLTM4NS41VDM4Mi41IDEwMyA3NjggMHQzODUuNSAxMDNUMTQzMyAzODIuNSAxNTM2IDc2OHoiIGZpbGw9IiM1YzliZDEiIC8+PC9zdmc+');
}
.cb-toggle .checkbox:checked + .checkbox-icon:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDE1MzYgMTUzNiI+PHBhdGggZD0iTTEyODQgNjA2cTAtMjgtMTgtNDZsLTkxLTkwcS0xOS0xOS00NS0xOXQtNDUgMTlMNjc3IDg3NyA0NTEgNjUxcS0xOS0xOS00NS0xOXQtNDUgMTlsLTkxIDkwcS0xOCAxOC0xOCA0NiAwIDI3IDE4IDQ1bDM2MiAzNjJxMTkgMTkgNDUgMTkgMjcgMCA0Ni0xOWw1NDMtNTQzcTE4LTE4IDE4LTQ1em0yNTIgMTYycTAgMjA5LTEwMyAzODUuNVQxMTUzLjUgMTQzMyA3NjggMTUzNnQtMzg1LjUtMTAzVDEwMyAxMTUzLjUgMCA3Njh0MTAzLTM4NS41VDM4Mi41IDEwMyA3NjggMHQzODUuNSAxMDNUMTQzMyAzODIuNSAxNTM2IDc2OHoiIGZpbGw9IiNlYjU4NDQiIC8+PC9zdmc+');
}

span.error:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNzRlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTIxNiAxMzEyIj48cGF0aCBkPSJNMTIwMiAxMDY2cTAgNDAtMjggNjhsLTEzNiAxMzZxLTI4IDI4LTY4IDI4dC02OC0yOEw2MDggOTc2bC0yOTQgMjk0cS0yOCAyOC02OCAyOHQtNjgtMjhMNDIgMTEzNHEtMjgtMjgtMjgtNjh0MjgtNjhsMjk0LTI5NEw0MiA0MTBxLTI4LTI4LTI4LTY4dDI4LTY4bDEzNi0xMzZxMjgtMjggNjgtMjh0NjggMjhsMjk0IDI5NCAyOTQtMjk0cTI4LTI4IDY4LTI4dDY4IDI4bDEzNiAxMzZxMjggMjggMjggNjh0LTI4IDY4TDg4MCA3MDRsMjk0IDI5NHEyOCAyOCAyOCA2OHoiIGZpbGw9InJlZCIvPjwvc3ZnPg==') !important;
  vertical-align: -0.143em !important;
}

.fa.fa-search:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNjY0IDE2NjQiPjxwYXRoIGQ9Ik0xMTUyIDcwNHEwLTE4NS0xMzEuNS0zMTYuNVQ3MDQgMjU2IDM4Ny41IDM4Ny41IDI1NiA3MDR0MTMxLjUgMzE2LjVUNzA0IDExNTJ0MzE2LjUtMTMxLjVUMTE1MiA3MDR6bTUxMiA4MzJxMCA1Mi0zOCA5MHQtOTAgMzhxLTU0IDAtOTAtMzhsLTM0My0zNDJxLTE3OSAxMjQtMzk5IDEyNC0xNDMgMC0yNzMuNS01NS41dC0yMjUtMTUwLTE1MC0yMjVUMCA3MDR0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzA0IDB0MjczLjUgNTUuNSAyMjUgMTUwIDE1MCAyMjVUMTQwOCA3MDRxMCAyMjAtMTI0IDM5OWwzNDMgMzQzcTM3IDM3IDM3IDkweiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-plus-square:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiPjxwYXRoIGQ9Ik0xMjgwIDgzMlY3MDRxMC0yNi0xOS00NXQtNDUtMTlIODk2VjMyMHEwLTI2LTE5LTQ1dC00NS0xOUg3MDRxLTI2IDAtNDUgMTl0LTE5IDQ1djMyMEgzMjBxLTI2IDAtNDUgMTl0LTE5IDQ1djEyOHEwIDI2IDE5IDQ1dDQ1IDE5aDMyMHYzMjBxMCAyNiAxOSA0NXQ0NSAxOWgxMjhxMjYgMCA0NS0xOXQxOS00NVY4OTZoMzIwcTI2IDAgNDUtMTl0MTktNDV6bTI1Ni01NDR2OTYwcTAgMTE5LTg0LjUgMjAzLjVUMTI0OCAxNTM2SDI4OHEtMTE5IDAtMjAzLjUtODQuNVQwIDEyNDhWMjg4UTAgMTY5IDg0LjUgODQuNVQyODggMGg5NjBxMTE5IDAgMjAzLjUgODQuNVQxNTM2IDI4OHoiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-check:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTYwMCAxMjgwIj48cGF0aCBkPSJNMTU3NSAzMTBxMCA0MC0yOCA2OGwtNzI0IDcyNC0xMzYgMTM2cS0yOCAyOC02OCAyOHQtNjgtMjhsLTEzNi0xMzZMNTMgNzQwcS0yOC0yOC0yOC02OHQyOC02OGwxMzYtMTM2cTI4LTI4IDY4LTI4dDY4IDI4bDI5NCAyOTUgNjU2LTY1N3EyOC0yOCA2OC0yOHQ2OCAyOGwxMzYgMTM2cTI4IDI4IDI4IDY4eiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-calendar:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNzRlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTY2NCAxNzkyIj48cGF0aCBkPSJNMTI4IDE2NjRoMjg4di0yODhIMTI4djI4OHptMzUyIDBoMzIwdi0yODhINDgwdjI4OHptLTM1Mi0zNTJoMjg4Vjk5MkgxMjh2MzIwem0zNTIgMGgzMjBWOTkySDQ4MHYzMjB6TTEyOCA5MjhoMjg4VjY0MEgxMjh2Mjg4em03MzYgNzM2aDMyMHYtMjg4SDg2NHYyODh6TTQ4MCA5MjhoMzIwVjY0MEg0ODB2Mjg4em03NjggNzM2aDI4OHYtMjg4aC0yODh2Mjg4em0tMzg0LTM1MmgzMjBWOTkySDg2NHYzMjB6TTUxMiA0NDhWMTYwcTAtMTMtOS41LTIyLjVUNDgwIDEyOGgtNjRxLTEzIDAtMjIuNSA5LjVUMzg0IDE2MHYyODhxMCAxMyA5LjUgMjIuNVQ0MTYgNDgwaDY0cTEzIDAgMjIuNS05LjVUNTEyIDQ0OHptNzM2IDg2NGgyODhWOTkyaC0yODh2MzIwek04NjQgOTI4aDMyMFY2NDBIODY0djI4OHptMzg0IDBoMjg4VjY0MGgtMjg4djI4OHptMzItNDgwVjE2MHEwLTEzLTkuNS0yMi41VDEyNDggMTI4aC02NHEtMTMgMC0yMi41IDkuNVQxMTUyIDE2MHYyODhxMCAxMyA5LjUgMjIuNXQyMi41IDkuNWg2NHExMyAwIDIyLjUtOS41dDkuNS0yMi41em0zODQtNjR2MTI4MHEwIDUyLTM4IDkwdC05MCAzOEgxMjhxLTUyIDAtOTAtMzh0LTM4LTkwVjM4NHEwLTUyIDM4LTkwdDkwLTM4aDEyOHYtOTZxMC02NiA0Ny0xMTNUNDE2IDBoNjRxNjYgMCAxMTMgNDd0NDcgMTEzdjk2aDM4NHYtOTZxMC02NiA0Ny0xMTN0MTEzLTQ3aDY0cTY2IDAgMTEzIDQ3dDQ3IDExM3Y5NmgxMjhxNTIgMCA5MCAzOHQzOCA5MHoiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-trash:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNzRlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTQwOCAxNTM2Ij48cGF0aCBkPSJNNTEyIDEyNDhWNTQ0cTAtMTQtOS0yM3QtMjMtOWgtNjRxLTE0IDAtMjMgOXQtOSAyM3Y3MDRxMCAxNCA5IDIzdDIzIDloNjRxMTQgMCAyMy05dDktMjN6bTI1NiAwVjU0NHEwLTE0LTktMjN0LTIzLTloLTY0cS0xNCAwLTIzIDl0LTkgMjN2NzA0cTAgMTQgOSAyM3QyMyA5aDY0cTE0IDAgMjMtOXQ5LTIzem0yNTYgMFY1NDRxMC0xNC05LTIzdC0yMy05aC02NHEtMTQgMC0yMyA5dC05IDIzdjcwNHEwIDE0IDkgMjN0MjMgOWg2NHExNCAwIDIzLTl0OS0yM3pNNDgwIDI1Nmg0NDhsLTQ4LTExN3EtNy05LTE3LTExSDU0NnEtMTAgMi0xNyAxMXptOTI4IDMydjY0cTAgMTQtOSAyM3QtMjMgOWgtOTZ2OTQ4cTAgODMtNDcgMTQzLjV0LTExMyA2MC41SDI4OHEtNjYgMC0xMTMtNTguNVQxMjggMTMzNlYzODRIMzJxLTE0IDAtMjMtOXQtOS0yM3YtNjRxMC0xNCA5LTIzdDIzLTloMzA5bDcwLTE2N3ExNS0zNyA1NC02M3Q3OS0yNmgzMjBxNDAgMCA3OSAyNnQ1NCA2M2w3MCAxNjdoMzA5cTE0IDAgMjMgOXQ5IDIzeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-reply:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOWVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNzkyIDE2MDAiPjxwYXRoIGQ9Ik0xNzkyIDEwNTZxMCAxNjYtMTI3IDQ1MS0zIDctMTAuNSAyNHQtMTMuNSAzMC0xMyAyMnEtMTIgMTctMjggMTctMTUgMC0yMy41LTEwdC04LjUtMjVxMC05IDIuNS0yNi41dDIuNS0yMy41cTUtNjggNS0xMjMgMC0xMDEtMTcuNS0xODF0LTQ4LjUtMTM4LjUtODAtMTAxLTEwNS41LTY5LjUtMTMzLTQyLjUtMTU0LTIxLjUtMTc1LjUtNkg2NDB2MjU2cTAgMjYtMTkgNDV0LTQ1IDE5LTQ1LTE5TDE5IDYyMVEwIDYwMiAwIDU3NnQxOS00NUw1MzEgMTlxMTktMTkgNDUtMTl0NDUgMTkgMTkgNDV2MjU2aDIyNHE3MTMgMCA4NzUgNDAzIDUzIDEzNCA1MyAzMzN6IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}
.fa.fa-floppy-o:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiPjxwYXRoIGQ9Ik0zODQgMTQwOGg3Njh2LTM4NEgzODR2Mzg0em04OTYgMGgxMjhWNTEycTAtMTQtMTAtMzguNXQtMjAtMzQuNWwtMjgxLTI4MXEtMTAtMTAtMzQtMjB0LTM5LTEwdjQxNnEwIDQwLTI4IDY4dC02OCAyOEgzNTJxLTQwIDAtNjgtMjh0LTI4LTY4VjEyOEgxMjh2MTI4MGgxMjhWOTkycTAtNDAgMjgtNjh0NjgtMjhoODMycTQwIDAgNjggMjh0MjggNjh2NDE2ek04OTYgNDgwVjE2MHEwLTEzLTkuNS0yMi41VDg2NCAxMjhINjcycS0xMyAwLTIyLjUgOS41VDY0MCAxNjB2MzIwcTAgMTMgOS41IDIyLjVUNjcyIDUxMmgxOTJxMTMgMCAyMi41LTkuNVQ4OTYgNDgwem02NDAgMzJ2OTI4cTAgNDAtMjggNjh0LTY4IDI4SDk2cS00MCAwLTY4LTI4dC0yOC02OFY5NnEwLTQwIDI4LTY4VDk2IDBoOTI4cTQwIDAgODggMjB0NzYgNDhsMjgwIDI4MHEyOCAyOCA0OCA3NnQyMCA4OHoiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-edit:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTc5MiAxNDA4Ij48cGF0aCBkPSJNODg4IDEwNTZsMTE2LTExNi0xNTItMTUyLTExNiAxMTZ2NTZoOTZ2OTZoNTZ6bTQ0MC03MjBxLTE2LTE2LTMzIDFMOTQ1IDY4N3EtMTcgMTctMSAzM3QzMy0xbDM1MC0zNTBxMTctMTcgMS0zM3ptODAgNTk0djE5MHEwIDExOS04NC41IDIwMy41VDExMjAgMTQwOEgyODhxLTExOSAwLTIwMy41LTg0LjVUMCAxMTIwVjI4OFEwIDE2OSA4NC41IDg0LjVUMjg4IDBoODMycTYzIDAgMTE3IDI1IDE1IDcgMTggMjMgMyAxNy05IDI5bC00OSA0OXEtMTQgMTQtMzIgOC0yMy02LTQ1LTZIMjg4cS02NiAwLTExMyA0N3QtNDcgMTEzdjgzMnEwIDY2IDQ3IDExM3QxMTMgNDdoODMycTY2IDAgMTEzLTQ3dDQ3LTExM1Y5OTRxMC0xMyA5LTIybDY0LTY0cTE1LTE1IDM1LTd0MjAgMjl6bS05Ni03MzhsMjg4IDI4OC02NzIgNjcySDY0MFY4NjR6bTQ0NCAxMzJsLTkyIDkyLTI4OC0yODggOTItOTJxMjgtMjggNjgtMjh0NjggMjhsMTUyIDE1MnEyOCAyOCAyOCA2OHQtMjggNjh6IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}
.fa.fa-cloud-download:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjEuMWVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxOTIwIDE0MDgiPjxwYXRoIGQ9Ik0xMjgwIDgwMHEwLTE0LTktMjN0LTIzLTloLTIyNFY0MTZxMC0xMy05LjUtMjIuNVQ5OTIgMzg0SDgwMHEtMTMgMC0yMi41IDkuNVQ3NjggNDE2djM1Mkg1NDRxLTEzIDAtMjIuNSA5LjVUNTEyIDgwMHEwIDE0IDkgMjNsMzUyIDM1MnE5IDkgMjMgOXQyMy05bDM1MS0zNTFxMTAtMTIgMTAtMjR6bTY0MCAyMjRxMCAxNTktMTEyLjUgMjcxLjVUMTUzNiAxNDA4SDQ0OHEtMTg1IDAtMzE2LjUtMTMxLjVUMCA5NjBxMC0xMzAgNzAtMjQwdDE4OC0xNjVxLTItMzAtMi00MyAwLTIxMiAxNTAtMzYyVDc2OCAwcTE1NiAwIDI4NS41IDg3VDEyNDIgMzE4cTcxLTYyIDE2Ni02MiAxMDYgMCAxODEgNzV0NzUgMTgxcTAgNzYtNDEgMTM4IDEzMCAzMSAyMTMuNSAxMzUuNVQxOTIwIDEwMjR6IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}
.fa.fa-eraser:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjEuMmVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxOTIwIDEyODAiPjxwYXRoIGQ9Ik04OTYgMTE1MmwzMzYtMzg0SDQ2NGwtMzM2IDM4NGg3Njh6TTE5MDkgNzVxMTUgMzQgOS41IDcxLjVUMTg4OCAyMTJMOTkyIDEyMzZxLTM4IDQ0LTk2IDQ0SDEyOHEtMzggMC02OS41LTIwLjVUMTEgMTIwNXEtMTUtMzQtOS41LTcxLjVUMzIgMTA2OEw5MjggNDRxMzgtNDQgOTYtNDRoNzY4cTM4IDAgNjkuNSAyMC41VDE5MDkgNzV6IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}
.fa.fa-upload:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuODNlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTY2NCAxNjAwIj48cGF0aCBkPSJNMTI4MCAxNDA4cTAtMjYtMTktNDV0LTQ1LTE5LTQ1IDE5LTE5IDQ1IDE5IDQ1IDQ1IDE5IDQ1LTE5IDE5LTQ1em0yNTYgMHEwLTI2LTE5LTQ1dC00NS0xOS00NSAxOS0xOSA0NSAxOSA0NSA0NSAxOSA0NS0xOSAxOS00NXptMTI4LTIyNHYzMjBxMCA0MC0yOCA2OHQtNjggMjhIOTZxLTQwIDAtNjgtMjh0LTI4LTY4di0zMjBxMC00MCAyOC02OHQ2OC0yOGg0MjdxMjEgNTYgNzAuNSA5MnQxMTAuNSAzNmgyNTZxNjEgMCAxMTAuNS0zNnQ3MC41LTkyaDQyN3E0MCAwIDY4IDI4dDI4IDY4em0tMzI1LTY0OHEtMTcgNDAtNTkgNDBoLTI1NnY0NDhxMCAyNi0xOSA0NXQtNDUgMTlINzA0cS0yNiAwLTQ1LTE5dC0xOS00NVY1NzZIMzg0cS00MiAwLTU5LTQwLTE3LTM5IDE0LTY5TDc4NyAxOXExOC0xOSA0NS0xOXQ0NSAxOWw0NDggNDQ4cTMxIDMwIDE0IDY5eiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-arrow-circle-left:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiPjxwYXRoIGQ9Ik0xMjgwIDgzMlY3MDRxMC0yNi0xOS00NXQtNDUtMTlINzE0bDE4OS0xODlxMTktMTkgMTktNDV0LTE5LTQ1bC05MS05MXEtMTgtMTgtNDUtMTh0LTQ1IDE4TDM2MCA2MzJsLTkxIDkxcS0xOCAxOC0xOCA0NXQxOCA0NWw5MSA5MSAzNjIgMzYycTE4IDE4IDQ1IDE4dDQ1LTE4bDkxLTkxcTE4LTE4IDE4LTQ1dC0xOC00NUw3MTQgODk2aDUwMnEyNiAwIDQ1LTE5dDE5LTQ1em0yNTYtNjRxMCAyMDktMTAzIDM4NS41VDExNTMuNSAxNDMzIDc2OCAxNTM2dC0zODUuNS0xMDNUMTAzIDExNTMuNSAwIDc2OHQxMDMtMzg1LjVUMzgyLjUgMTAzIDc2OCAwdDM4NS41IDEwM1QxNDMzIDM4Mi41IDE1MzYgNzY4eiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-arrow-circle-right:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1MzYgMCkgc2NhbGUoLTEgMSkiPjxwYXRoIGQ9Ik0xMjgwIDgzMlY3MDRxMC0yNi0xOS00NXQtNDUtMTlINzE0bDE4OS0xODlxMTktMTkgMTktNDV0LTE5LTQ1bC05MS05MXEtMTgtMTgtNDUtMTh0LTQ1IDE4TDM2MCA2MzJsLTkxIDkxcS0xOCAxOC0xOCA0NXQxOCA0NWw5MSA5MSAzNjIgMzYycTE4IDE4IDQ1IDE4dDQ1LTE4bDkxLTkxcTE4LTE4IDE4LTQ1dC0xOC00NUw3MTQgODk2aDUwMnEyNiAwIDQ1LTE5dDE5LTQ1em0yNTYtNjRxMCAyMDktMTAzIDM4NS41VDExNTMuNSAxNDMzIDc2OCAxNTM2dC0zODUuNS0xMDNUMTAzIDExNTMuNSAwIDc2OHQxMDMtMzg1LjVUMzgyLjUgMTAzIDc2OCAwdDM4NS41IDEwM1QxNDMzIDM4Mi41IDE1MzYgNzY4eiIgZmlsbD0iYmxhY2siLz48L2c+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-minus-square:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiPjxwYXRoIGQ9Ik0xMjgwIDgzMlY3MDRxMC0yNi0xOS00NXQtNDUtMTlIMzIwcS0yNiAwLTQ1IDE5dC0xOSA0NXYxMjhxMCAyNiAxOSA0NXQ0NSAxOWg4OTZxMjYgMCA0NS0xOXQxOS00NXptMjU2LTU0NHY5NjBxMCAxMTktODQuNSAyMDMuNVQxMjQ4IDE1MzZIMjg4cS0xMTkgMC0yMDMuNS04NC41VDAgMTI0OFYyODhRMCAxNjkgODQuNSA4NC41VDI4OCAwaDk2MHExMTkgMCAyMDMuNSA4NC41VDE1MzYgMjg4eiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-arrow-left:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNzRlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTQ3MiAxNjAwIj48cGF0aCBkPSJNMTQ3MiA3MzZ2MTI4cTAgNTMtMzIuNSA5MC41VDEzNTUgOTkySDY1MWwyOTMgMjk0cTM4IDM2IDM4IDkwdC0zOCA5MGwtNzUgNzZxLTM3IDM3LTkwIDM3LTUyIDAtOTEtMzdMMzcgODkwUTAgODUzIDAgODAwcTAtNTIgMzctOTFMNjg4IDU5cTM4LTM4IDkxLTM4IDUyIDAgOTAgMzhsNzUgNzRxMzggMzggMzggOTF0LTM4IDkxTDY1MSA2MDhoNzA0cTUyIDAgODQuNSAzNy41VDE0NzIgNzM2eiIgZmlsbD0iIzVDOUJEMSIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}
.fa.fa-arrow-right:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNzRlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTQ3MiAxNjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDcyIDApIHNjYWxlKC0xIDEpIj48cGF0aCBkPSJNMTQ3MiA3MzZ2MTI4cTAgNTMtMzIuNSA5MC41VDEzNTUgOTkySDY1MWwyOTMgMjk0cTM4IDM2IDM4IDkwdC0zOCA5MGwtNzUgNzZxLTM3IDM3LTkwIDM3LTUyIDAtOTEtMzdMMzcgODkwUTAgODUzIDAgODAwcTAtNTIgMzctOTFMNjg4IDU5cTM4LTM4IDkxLTM4IDUyIDAgOTAgMzhsNzUgNzRxMzggMzggMzggOTF0LTM4IDkxTDY1MSA2MDhoNzA0cTUyIDAgODQuNSAzNy41VDE0NzIgNzM2eiIgZmlsbD0iIzVDOUJEMSIvPjwvZz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-long-arrow-up:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuMzZlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNzY4IDE3MjgiPjxwYXRoIGQ9Ik03NjUgNDI5cS05IDE5LTI5IDE5SDUxMnYxMjQ4cTAgMTQtOSAyM3QtMjMgOUgyODhxLTE0IDAtMjMtOXQtOS0yM1Y0NDhIMzJxLTIxIDAtMjktMTl0NS0zNUwzNTggMTBxMTAtMTAgMjMtMTAgMTQgMCAyNCAxMGwzNTUgMzg0cTEzIDE2IDUgMzV6IiBmaWxsPSJibGFjayIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}
.fa.fa-long-arrow-down:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuMzZlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNzY4IDE3MjgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTcyOCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik03NjUgNDI5cS05IDE5LTI5IDE5SDUxMnYxMjQ4cTAgMTQtOSAyM3QtMjMgOUgyODhxLTE0IDAtMjMtOXQtOS0yM1Y0NDhIMzJxLTIxIDAtMjktMTl0NS0zNUwzNTggMTBxMTAtMTAgMjMtMTAgMTQgMCAyNCAxMGwzNTUgMzg0cTEzIDE2IDUgMzV6IiBmaWxsPSJibGFjayIvPjwvZz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-list:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTc5MiAxNDA4Ij48cGF0aCBkPSJNMjU2IDExODR2MTkycTAgMTMtOS41IDIyLjVUMjI0IDE0MDhIMzJxLTEzIDAtMjIuNS05LjVUMCAxMzc2di0xOTJxMC0xMyA5LjUtMjIuNVQzMiAxMTUyaDE5MnExMyAwIDIyLjUgOS41dDkuNSAyMi41em0wLTM4NHYxOTJxMCAxMy05LjUgMjIuNVQyMjQgMTAyNEgzMnEtMTMgMC0yMi41LTkuNVQwIDk5MlY4MDBxMC0xMyA5LjUtMjIuNVQzMiA3NjhoMTkycTEzIDAgMjIuNSA5LjVUMjU2IDgwMHptMC0zODR2MTkycTAgMTMtOS41IDIyLjVUMjI0IDY0MEgzMnEtMTMgMC0yMi41LTkuNVQwIDYwOFY0MTZxMC0xMyA5LjUtMjIuNVQzMiAzODRoMTkycTEzIDAgMjIuNSA5LjVUMjU2IDQxNnptMTUzNiA3Njh2MTkycTAgMTMtOS41IDIyLjV0LTIyLjUgOS41SDQxNnEtMTMgMC0yMi41LTkuNVQzODQgMTM3NnYtMTkycTAtMTMgOS41LTIyLjV0MjIuNS05LjVoMTM0NHExMyAwIDIyLjUgOS41dDkuNSAyMi41ek0yNTYgMzJ2MTkycTAgMTMtOS41IDIyLjVUMjI0IDI1NkgzMnEtMTMgMC0yMi41LTkuNVQwIDIyNFYzMlEwIDE5IDkuNSA5LjVUMzIgMGgxOTJxMTMgMCAyMi41IDkuNVQyNTYgMzJ6bTE1MzYgNzY4djE5MnEwIDEzLTkuNSAyMi41dC0yMi41IDkuNUg0MTZxLTEzIDAtMjIuNS05LjVUMzg0IDk5MlY4MDBxMC0xMyA5LjUtMjIuNVQ0MTYgNzY4aDEzNDRxMTMgMCAyMi41IDkuNXQ5LjUgMjIuNXptMC0zODR2MTkycTAgMTMtOS41IDIyLjVUMTc2MCA2NDBINDE2cS0xMyAwLTIyLjUtOS41VDM4NCA2MDhWNDE2cTAtMTMgOS41LTIyLjVUNDE2IDM4NGgxMzQ0cTEzIDAgMjIuNSA5LjV0OS41IDIyLjV6bTAtMzg0djE5MnEwIDEzLTkuNSAyMi41VDE3NjAgMjU2SDQxNnEtMTMgMC0yMi41LTkuNVQzODQgMjI0VjMycTAtMTMgOS41LTIyLjVUNDE2IDBoMTM0NHExMyAwIDIyLjUgOS41VDE3OTIgMzJ6IiBmaWxsPSJibGFjayIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}
.fa.fa-lock:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNjZlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTE1MiAxNDA4Ij48cGF0aCBkPSJNMzIwIDY0MGg1MTJWNDQ4cTAtMTA2LTc1LTE4MXQtMTgxLTc1LTE4MSA3NS03NSAxODF2MTkyem04MzIgOTZ2NTc2cTAgNDAtMjggNjh0LTY4IDI4SDk2cS00MCAwLTY4LTI4dC0yOC02OFY3MzZxMC00MCAyOC02OHQ2OC0yOGgzMlY0NDhxMC0xODQgMTMyLTMxNlQ1NzYgMHQzMTYgMTMyIDEzMiAzMTZ2MTkyaDMycTQwIDAgNjggMjh0MjggNjh6IiBmaWxsPSIjODA4MDgwIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-refresh:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiPjxwYXRoIGQ9Ik0xNTExIDkyOHEwIDUtMSA3LTY0IDI2OC0yNjggNDM0LjVUNzY0IDE1MzZxLTE0NiAwLTI4Mi41LTU1VDIzOCAxMzI0bC0xMjkgMTI5cS0xOSAxOS00NSAxOXQtNDUtMTktMTktNDVWOTYwcTAtMjYgMTktNDV0NDUtMTloNDQ4cTI2IDAgNDUgMTl0MTkgNDUtMTkgNDVsLTEzNyAxMzdxNzEgNjYgMTYxIDEwMnQxODcgMzZxMTM0IDAgMjUwLTY1dDE4Ni0xNzlxMTEtMTcgNTMtMTE3IDgtMjMgMzAtMjNoMTkycTEzIDAgMjIuNSA5LjV0OS41IDIyLjV6bTI1LTgwMHY0NDhxMCAyNi0xOSA0NXQtNDUgMTloLTQ0OHEtMjYgMC00NS0xOXQtMTktNDUgMTktNDVsMTM4LTEzOFE5NjkgMjU2IDc2OCAyNTZxLTEzNCAwLTI1MCA2NVQzMzIgNTAwcS0xMSAxNy01MyAxMTctOCAyMy0zMCAyM0g1MHEtMTMgMC0yMi41LTkuNVQxOCA2MDh2LTdxNjUtMjY4IDI3MC00MzQuNVQ3NjggMHExNDYgMCAyODQgNTUuNVQxMjk3IDIxMmwxMzAtMTI5cTE5LTE5IDQ1LTE5dDQ1IDE5IDE5IDQ1eiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fa.fa-file-text-o:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNjllbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTUzNiAxNzkyIj48cGF0aCBkPSJNMTQ2OCAzODBxMjggMjggNDggNzZ0MjAgODh2MTE1MnEwIDQwLTI4IDY4dC02OCAyOEg5NnEtNDAgMC02OC0yOHQtMjgtNjhWOTZxMC00MCAyOC02OFQ5NiAwaDg5NnE0MCAwIDg4IDIwdDc2IDQ4em0tNDQ0LTI0NHYzNzZoMzc2cS0xMC0yOS0yMi00MWwtMzEzLTMxM3EtMTItMTItNDEtMjJ6bTM4NCAxNTI4VjY0MEg5OTJxLTQwIDAtNjgtMjh0LTI4LTY4VjEyOEgxMjh2MTUzNmgxMjgwek0zODQgODAwcTAtMTQgOS0yM3QyMy05aDcwNHExNCAwIDIzIDl0OSAyM3Y2NHEwIDE0LTkgMjN0LTIzIDlINDE2cS0xNCAwLTIzLTl0LTktMjN2LTY0em03MzYgMjI0cTE0IDAgMjMgOXQ5IDIzdjY0cTAgMTQtOSAyM3QtMjMgOUg0MTZxLTE0IDAtMjMtOXQtOS0yM3YtNjRxMC0xNCA5LTIzdDIzLTloNzA0em0wIDI1NnExNCAwIDIzIDl0OSAyM3Y2NHEwIDE0LTkgMjN0LTIzIDlINDE2cS0xNCAwLTIzLTl0LTktMjN2LTY0cTAtMTQgOS0yM3QyMy05aDcwNHoiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-clone:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiPjxwYXRoIGQ9Ik0xNjY0IDE2MzJWNTQ0cTAtMTMtOS41LTIyLjVUMTYzMiA1MTJINTQ0cS0xMyAwLTIyLjUgOS41VDUxMiA1NDR2MTA4OHEwIDEzIDkuNSAyMi41dDIyLjUgOS41aDEwODhxMTMgMCAyMi41LTkuNXQ5LjUtMjIuNXptMTI4LTEwODh2MTA4OHEwIDY2LTQ3IDExM3QtMTEzIDQ3SDU0NHEtNjYgMC0xMTMtNDd0LTQ3LTExM1Y1NDRxMC02NiA0Ny0xMTN0MTEzLTQ3aDEwODhxNjYgMCAxMTMgNDd0NDcgMTEzem0tMzg0LTM4NHYxNjBoLTEyOFYxNjBxMC0xMy05LjUtMjIuNVQxMjQ4IDEyOEgxNjBxLTEzIDAtMjIuNSA5LjVUMTI4IDE2MHYxMDg4cTAgMTMgOS41IDIyLjV0MjIuNSA5LjVoMTYwdjEyOEgxNjBxLTY2IDAtMTEzLTQ3VDAgMTI0OFYxNjBRMCA5NCA0NyA0N1QxNjAgMGgxMDg4cTY2IDAgMTEzIDQ3dDQ3IDExM3oiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-chain-broken:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNjY0IDE2NjQiPjxwYXRoIGQ9Ik00MzkgMTI3MWwtMjU2IDI1NnEtMTEgOS0yMyA5dC0yMy05cS05LTEwLTktMjN0OS0yM2wyNTYtMjU2cTEwLTkgMjMtOXQyMyA5cTkgMTAgOSAyM3QtOSAyM3ptMTY5IDQxdjMyMHEwIDE0LTkgMjN0LTIzIDktMjMtOS05LTIzdi0zMjBxMC0xNCA5LTIzdDIzLTkgMjMgOSA5IDIzem0tMjI0LTIyNHEwIDE0LTkgMjN0LTIzIDlIMzJxLTE0IDAtMjMtOXQtOS0yMyA5LTIzIDIzLTloMzIwcTE0IDAgMjMgOXQ5IDIzem0xMjY0IDEyOHEwIDEyMC04NSAyMDNsLTE0NyAxNDZxLTgzIDgzLTIwMyA4My0xMjEgMC0yMDQtODVsLTMzNC0zMzVxLTIxLTIxLTQyLTU2bDIzOS0xOCAyNzMgMjc0cTI3IDI3IDY4IDI3LjV0NjgtMjYuNWwxNDctMTQ2cTI4LTI4IDI4LTY3IDAtNDAtMjgtNjhsLTI3NC0yNzUgMTgtMjM5cTM1IDIxIDU2IDQybDMzNiAzMzZxODQgODYgODQgMjA0em0tNjE3LTcyNGwtMjM5IDE4LTI3My0yNzRxLTI4LTI4LTY4LTI4LTM5IDAtNjggMjdMMjM2IDM4MXEtMjggMjgtMjggNjcgMCA0MCAyOCA2OGwyNzQgMjc0LTE4IDI0MHEtMzUtMjEtNTYtNDJMMTAwIDY1MnEtODQtODYtODQtMjA0IDAtMTIwIDg1LTIwM0wyNDggOTlxODMtODMgMjAzLTgzIDEyMSAwIDIwNCA4NWwzMzQgMzM1cTIxIDIxIDQyIDU2em02MzMgODRxMCAxNC05IDIzdC0yMyA5aC0zMjBxLTE0IDAtMjMtOXQtOS0yMyA5LTIzIDIzLTloMzIwcTE0IDAgMjMgOXQ5IDIzek0xMTIwIDMydjMyMHEwIDE0LTkgMjN0LTIzIDktMjMtOS05LTIzVjMycTAtMTQgOS0yM3QyMy05IDIzIDkgOSAyM3ptNDA3IDE1MWwtMjU2IDI1NnEtMTEgOS0yMyA5dC0yMy05cS05LTEwLTktMjN0OS0yM2wyNTYtMjU2cTEwLTkgMjMtOXQyMyA5cTkgMTAgOSAyM3QtOSAyM3oiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fa.fa-close:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNzRlbSIgaGVpZ2h0PSIwLjhlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTIxNiAxMzEyIj48cGF0aCBkPSJNMTIwMiAxMDY2cTAgNDAtMjggNjhsLTEzNiAxMzZxLTI4IDI4LTY4IDI4dC02OC0yOEw2MDggOTc2bC0yOTQgMjk0cS0yOCAyOC02OCAyOHQtNjgtMjhMNDIgMTEzNHEtMjgtMjgtMjgtNjh0MjgtNjhsMjk0LTI5NEw0MiA0MTBxLTI4LTI4LTI4LTY4dDI4LTY4bDEzNi0xMzZxMjgtMjggNjgtMjh0NjggMjhsMjk0IDI5NCAyOTQtMjk0cTI4LTI4IDY4LTI4dDY4IDI4bDEzNiAxMzZxMjggMjggMjggNjh0LTI4IDY4TDg4MCA3MDRsMjk0IDI5NHEyOCAyOCAyOCA2OHoiIGZpbGw9InJlZCIvPjwvc3ZnPg==');
  vertical-align: -0.143em;
}


@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.ui-icon-gear:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiPjxwYXRoIGQ9Ik0xMDI0IDc2OHEwLTEwNi03NS0xODF0LTE4MS03NS0xODEgNzUtNzUgMTgxIDc1IDE4MSAxODEgNzUgMTgxLTc1IDc1LTE4MXptNTEyLTEwOXYyMjJxMCAxMi04IDIzdC0yMCAxM2wtMTg1IDI4cS0xOSA1NC0zOSA5MSAzNSA1MCAxMDcgMTM4IDEwIDEyIDEwIDI1dC05IDIzcS0yNyAzNy05OSAxMDh0LTk0IDcxcS0xMiAwLTI2LTlsLTEzOC0xMDhxLTQ0IDIzLTkxIDM4LTE2IDEzNi0yOSAxODYtNyAyOC0zNiAyOEg2NTdxLTE0IDAtMjQuNS04LjVUNjIxIDE1MDZsLTI4LTE4NHEtNDktMTYtOTAtMzdsLTE0MSAxMDdxLTEwIDktMjUgOS0xNCAwLTI1LTExLTEyNi0xMTQtMTY1LTE2OC03LTEwLTctMjMgMC0xMiA4LTIzIDE1LTIxIDUxLTY2LjV0NTQtNzAuNXEtMjctNTAtNDEtOTlMMjkgOTEzcS0xMy0yLTIxLTEyLjVUMCA4NzdWNjU1cTAtMTIgOC0yM3QxOS0xM2wxODYtMjhxMTQtNDYgMzktOTItNDAtNTctMTA3LTEzOC0xMC0xMi0xMC0yNCAwLTEwIDktMjMgMjYtMzYgOTguNS0xMDcuNVQzMzcgMTM1cTEzIDAgMjYgMTBsMTM4IDEwN3E0NC0yMyA5MS0zOCAxNi0xMzYgMjktMTg2IDctMjggMzYtMjhoMjIycTE0IDAgMjQuNSA4LjVUOTE1IDMwbDI4IDE4NHE0OSAxNiA5MCAzN2wxNDItMTA3cTktOSAyNC05IDEzIDAgMjUgMTAgMTI5IDExOSAxNjUgMTcwIDcgOCA3IDIyIDAgMTItOCAyMy0xNSAyMS01MSA2Ni41dC01NCA3MC41cTI2IDUwIDQxIDk4bDE4MyAyOHExMyAyIDIxIDEyLjV0OCAyMy41eiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}
.ui-icon-triangle-1-s:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNjRlbSIgaGVpZ2h0PSIwLjY0ZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDEwMjQgMTI4MCI+PHBhdGggZD0iTTEwMjQgNDQ4cTAgMjYtMTkgNDVMNTU3IDk0MXEtMTkgMTktNDUgMTl0LTQ1LTE5TDE5IDQ5M1EwIDQ3NCAwIDQ0OHQxOS00NSA0NS0xOWg4OTZxMjYgMCA0NSAxOXQxOSA0NXoiIGZpbGw9IiM4MDgwODAiLz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}
/*
.x-ui-icon-triangle-1-w:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuMzZlbSIgaGVpZ2h0PSIwLjRlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNTc2IDEyODAiPjxwYXRoIGQ9Ik01NzYgMTkydjg5NnEwIDI2LTE5IDQ1dC00NSAxOS00NS0xOUwxOSA2ODVRMCA2NjYgMCA2NDB0MTktNDVsNDQ4LTQ0OHExOS0xOSA0NS0xOXQ0NSAxOSAxOSA0NXoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}
.x-ui-icon-triangle-1-e:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuMzZlbSIgaGVpZ2h0PSIwLjRlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNTc2IDEyODAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3NiAwKSBzY2FsZSgtMSAxKSI+PHBhdGggZD0iTTU3NiAxOTJ2ODk2cTAgMjYtMTkgNDV0LTQ1IDE5LTQ1LTE5TDE5IDY4NVEwIDY2NiAwIDY0MHQxOS00NWw0NDgtNDQ4cTE5LTE5IDQ1LTE5dDQ1IDE5IDE5IDQ1eiIgZmlsbD0iIzg4OCIvPjwvZz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}
.x-ui-icon-arrowstop-1-w:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNTRlbSIgaGVpZ2h0PSIwLjU2ZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDEwMjQgMTUzNiI+PHBhdGggZD0iTTk3OSAxM3ExOS0xOSAzMi0xM3QxMyAzMnYxNDcycTAgMjYtMTMgMzJ0LTMyLTEzTDI2OSA4MTNxLTktOS0xMy0xOXY2NzhxMCAyNi0xOSA0NXQtNDUgMTlINjRxLTI2IDAtNDUtMTl0LTE5LTQ1VjY0cTAtMjYgMTktNDVUNjQgMGgxMjhxMjYgMCA0NSAxOXQxOSA0NXY2NzhxNC0xMCAxMy0xOXoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}
.x-ui-icon-arrowstop-1-e:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuNTRlbSIgaGVpZ2h0PSIwLjU2ZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDEwMjQgMTUzNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAyNCAwKSBzY2FsZSgtMSAxKSI+PHBhdGggZD0iTTk3OSAxM3ExOS0xOSAzMi0xM3QxMyAzMnYxNDcycTAgMjYtMTMgMzJ0LTMyLTEzTDI2OSA4MTNxLTktOS0xMy0xOXY2NzhxMCAyNi0xOSA0NXQtNDUgMTlINjRxLTI2IDAtNDUtMTl0LTE5LTQ1VjY0cTAtMjYgMTktNDVUNjQgMGgxMjhxMjYgMCA0NSAxOXQxOSA0NXY2NzhxNC0xMCAxMy0xOXoiIGZpbGw9IiM4ODgiLz48L2c+PC9zdmc+') !important;
  vertical-align: -0.143em;
}
*/
.ui-icon-triangle-1-w:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0yOTIuNTcxIDUxMmMwLjA2MiA1LjYwOCAyLjU1IDEwLjU1MiA2LjM1NyAxMy44NTZsNDAyLjI4NiAzNDcuMzk5YzExLjg1NCAxMC4xOTcgMzAuMjA5IDEuNzggMzAuMjE0LTEzLjg1NnYtNjk0Ljc5OGMtMC4wMDUtMTUuNjM2LTE4LjM2MS0yNC4wNTMtMzAuMjE0LTEzLjg1NmwtNDAyLjI4NiAzNDcuMzk5Yy00LjIyMyAzLjY2My02LjMyNSA3LjI3MS02LjM1NyAxMy44NTZ6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-icon-triangle-1-e:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik03MzEuNDI5IDUxMmMtMC4wNjIgNS42MDgtMi41NSAxMC41NTItNi4zNTcgMTMuODU2bC00MDIuMjg2IDM0Ny4zOTljLTExLjg1NCAxMC4xOTctMzAuMjA5IDEuNzgtMzAuMjE0LTEzLjg1NnYtNjk0Ljc5OGMwLjAwNS0xNS42MzYgMTguMzYxLTI0LjA1MyAzMC4yMTQtMTMuODU2bDQwMi4yODYgMzQ3LjM5OWM0LjIyMyAzLjY2MyA2LjMyNSA3LjI3MSA2LjM1NyAxMy44NTZ6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-icon-arrowstop-1-w:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0xODIuODU3IDE0Ni4yODZjMjAuMjYxIDAgMzYuNTcxIDE2LjMxMSAzNi41NzEgMzYuNTcxdjY1OC4yODZjMCAyMC4yNjEtMTYuMzExIDM2LjU3MS0zNi41NzEgMzYuNTcxaC03My4xNDNjLTIwLjI2MSAwLTM2LjU3MS0xNi4zMTEtMzYuNTcxLTM2LjU3MXYtNjU4LjI4NmMwLTIwLjI2MSAxNi4zMTEtMzYuNTcxIDM2LjU3MS0zNi41NzFoNzMuMTQzek0yMTkuNDI5IDUxMmMwLTQuNjc5IDEuNzg4LTkuMzU4IDUuMzU3LTEyLjkyOWwyNzQuMjg2LTI3NC4yODZjMy40MjktMy40MjkgOC4wNzktNS4zNTYgMTIuOTI5LTUuMzU3aDEyOGMxNi4yODYgMC4wMDYgMjQuNDQgMTkuNjk0IDEyLjkyOSAzMS4yMTRsLTE4OC4yMTQgMTg4LjIxNGg0NDkuNTcxYzIwLjI2MSAwIDM2LjU3MSAxNi4zMTEgMzYuNTcxIDM2LjU3MXY3My4xNDNjMCAyMC4yNjEtMTYuMzExIDM2LjU3MS0zNi41NzEgMzYuNTcxaC00NDkuNTcxbDE4OC4yMTQgMTg4LjIxNGMxMS41MTIgMTEuNTIgMy4zNTcgMzEuMjA4LTEyLjkyOSAzMS4yMTRoLTEyOGMtNC44NDktMC4wMDEtOS41LTEuOTI4LTEyLjkyOS01LjM1N2wtMjc0LjI4Ni0yNzQuMjg2Yy0zLjU2OS0zLjU3MS01LjM1Ny04LjI1LTUuMzU3LTEyLjkyOXoiIGZpbGw9IiM2MjYyNjIiLz48L2c+PC9zdmc+') !important;
  vertical-align: -0.143em;
}
.ui-icon-arrowstop-1-e:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik04NDEuMTQzIDg3Ny43MTRjLTIwLjI2MSAwLTM2LjU3MS0xNi4zMTEtMzYuNTcxLTM2LjU3MXYtNjU4LjI4NmMwLTIwLjI2MSAxNi4zMTEtMzYuNTcxIDM2LjU3MS0zNi41NzFoNzMuMTQzYzIwLjI2MSAwIDM2LjU3MSAxNi4zMTEgMzYuNTcxIDM2LjU3MXY2NTguMjg2YzAgMjAuMjYxLTE2LjMxMSAzNi41NzEtMzYuNTcxIDM2LjU3MWgtNzMuMTQzek04MDQuNTcxIDUxMmMwIDQuNjc5LTEuNzg4IDkuMzU4LTUuMzU3IDEyLjkyOWwtMjc0LjI4NiAyNzQuMjg2Yy0zLjQyOSAzLjQyOS04LjA3OSA1LjM1Ni0xMi45MjkgNS4zNTdoLTEyOGMtMTYuMjg2LTAuMDA2LTI0LjQ0LTE5LjY5NC0xMi45MjktMzEuMjE0bDE4OC4yMTQtMTg4LjIxNGgtNDQ5LjU3MWMtMjAuMjYxIDAtMzYuNTcxLTE2LjMxMS0zNi41NzEtMzYuNTcxdi03My4xNDNjMC0yMC4yNjEgMTYuMzExLTM2LjU3MSAzNi41NzEtMzYuNTcxaDQ0OS41NzFsLTE4OC4yMTQtMTg4LjIxNGMtMTEuNTEyLTExLjUyLTMuMzU3LTMxLjIwOCAxMi45MjktMzEuMjE0aDEyOGM0Ljg0OSAwLjAwMSA5LjUgMS45MjggMTIuOTI5IDUuMzU3bDI3NC4yODYgMjc0LjI4NmMzLjU2OSAzLjU3MSA1LjM1NyA4LjI1IDUuMzU3IDEyLjkyOXoiIGZpbGw9IiM2MjYyNjIiLz48L2c+PC9zdmc+') !important;
  vertical-align: -0.143em;
}

.ui-icon-arrowthick-1-n:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA4IDgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0zLjk3IDBMMSAzaDJ2NWgyVjNoMkwzLjk3IDB6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-icon-arrowthick-1-s:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA4IDgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0zIDB2NUgxbDMuMDMgM0w3IDVINVYwSDN6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-icon-arrowthick-1-w:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA4IDgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0zIDFMMCA0LjAzIDMgN1Y1aDVWM0gzVjF6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-icon-arrowthick-1-e:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA4IDgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik01IDF2MkgwdjJoNXYybDMtMy4wM0w1IDF6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-icon-close:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDY0IDMySDQ4QzIxLjUgMzIgMCA1My41IDAgODB2MzUyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDQxNmMyNi41IDAgNDgtMjEuNSA0OC00OFY4MGMwLTI2LjUtMjEuNS00OC00OC00OHptMCAzOTRjMCAzLjMtMi43IDYtNiA2SDU0Yy0zLjMgMC02LTIuNy02LTZWODZjMC0zLjMgMi43LTYgNi02aDQwNGMzLjMgMCA2IDIuNyA2IDZ2MzQwek0zNTYuNSAxOTQuNkwyOTUuMSAyNTZsNjEuNCA2MS40YzQuNiA0LjYgNC42IDEyLjEgMCAxNi44bC0yMi4zIDIyLjNjLTQuNiA0LjYtMTIuMSA0LjYtMTYuOCAwTDI1NiAyOTUuMWwtNjEuNCA2MS40Yy00LjYgNC42LTEyLjEgNC42LTE2LjggMGwtMjIuMy0yMi4zYy00LjYtNC42LTQuNi0xMi4xIDAtMTYuOGw2MS40LTYxLjQtNjEuNC02MS40Yy00LjYtNC42LTQuNi0xMi4xIDAtMTYuOGwyMi4zLTIyLjNjNC42LTQuNiAxMi4xLTQuNiAxNi44IDBsNjEuNCA2MS40IDYxLjQtNjEuNGM0LjYtNC42IDEyLjEtNC42IDE2LjggMGwyMi4zIDIyLjNjNC43IDQuNiA0LjcgMTIuMSAwIDE2Ljh6IiBmaWxsPSIjNjI2MjYyIi8+PC9zdmc+') !important;
  vertical-align: -0.143em;
}
.ui-icon-circle-close:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDIwYy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHptMC0xOEM2LjQ3IDIgMiA2LjQ3IDIgMTJzNC40NyAxMCAxMCAxMCAxMC00LjQ3IDEwLTEwUzE3LjUzIDIgMTIgMnptMi41OSA2TDEyIDEwLjU5IDkuNDEgOCA4IDkuNDEgMTAuNTkgMTIgOCAxNC41OSA5LjQxIDE2IDEyIDEzLjQxIDE0LjU5IDE2IDE2IDE0LjU5IDEzLjQxIDEyIDE2IDkuNDEgMTQuNTkgOHoiIGZpbGw9IiM2MjYyNjIiLz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}


.ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuMzZlbSIgaGVpZ2h0PSIwLjRlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNTc2IDEyODAiPjxwYXRoIGQ9Ik01NzYgMTkydjg5NnEwIDI2LTE5IDQ1dC00NSAxOS00NS0xOUwxOSA2ODVRMCA2NjYgMCA2NDB0MTktNDVsNDQ4LTQ0OHExOS0xOSA0NS0xOXQ0NSAxOSAxOSA0NXoiIGZpbGw9IndoaXRlIi8+PC9zdmc+') !important;
  vertical-align: -0.143em;
}
.ui-datepicker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuMzZlbSIgaGVpZ2h0PSIwLjRlbSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNTc2IDEyODAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3NiAwKSBzY2FsZSgtMSAxKSI+PHBhdGggZD0iTTU3NiAxOTJ2ODk2cTAgMjYtMTkgNDV0LTQ1IDE5LTQ1LTE5TDE5IDY4NVEwIDY2NiAwIDY0MHQxOS00NWw0NDgtNDQ4cTE5LTE5IDQ1LTE5dDQ1IDE5IDE5IDQ1eiIgZmlsbD0id2hpdGUiLz48L2c+PC9zdmc+') !important;
  vertical-align: -0.143em;
}

.ui-iggrid-icon-advanced-filter:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik05NTAuODU3IDg3Ny43MTRoLTg3Ny43MTRsMjkyLjU3MS01MTJ2LTIxOS40MjloMjkyLjU3MXYyMTkuNDI5eiIgZmlsbD0iIzYyNjI2MiIvPjwvZz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}
.ui-iggrid-icon-column-chooser:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgc3R5bGU9Ii1tcy10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEwMDApIHNjYWxlKDEgLTEpIj48cGF0aCBkPSJNMTQ2LjI4NiA4NzcuNzE0aDE0Ni4yODZ2LTczMS40MjloLTE0Ni4yODZ2NzMxLjQyOXpNNDM4Ljg1NyA4NzcuNzE0aDE0Ni4yODZ2LTczMS40MjloLTE0Ni4yODZ2NzMxLjQyOXpNNzMxLjQyOSA4NzcuNzE0aDE0Ni4yODZ2LTczMS40MjloLTE0Ni4yODZ2NzMxLjQyOXoiIGZpbGw9IiM2MjYyNjIiLz48L2c+PC9zdmc+') !important;
  vertical-align: -0.143em;
}
.ui-iggrid-icon-fix:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0xMDI0LjAyOCA3MzEuNDAxYzAgNDAuNTIxLTMyLjYyMiA3My4xNDMtNzMuMTQzIDczLjE0M3MtNzMuMTQzLTMyLjYyMi03My4xNDMtNzMuMTQzaC0yOTIuNTcxYy0yNC40MzcgNzkuNTEtNjEuODA2IDE0Ni4yODYtMTQ2LjI4NiAxNDYuMjg2LTM2LjU3MSAwLTcyLjYzNi0yLjQ0OS03My4xNDMtNzMuMTQzdi0yMTkuNDI5bC0zNTAuMjg2LTU1LjA3MWMtMjAuNjQ2LTMuMjAzLTIwLjY0Ni0zMi45NCAwLTM2LjE0M2wzNTAuMjg2LTU1LjA3MXYtMjE5LjQyOWMwLjUwNy03MC42OTMgMzYuNTcxLTczLjE0MyA3My4xNDMtNzMuMTQzIDg0LjQ4IDAgMTIxLjg0OCA2Ni43NzYgMTQ2LjI4NiAxNDYuMjg2aDI5Mi41NzFjMC00MC41MjEgMzIuNjIyLTczLjE0MyA3My4xNDMtNzMuMTQzczczLjE0MyAzMi42MjIgNzMuMTQzIDczLjE0M3Y0MzguODU3ek04NzcuNzQyIDYzOS45NzJjMC0xMC4xMy04LjE1NS0xOC4yODYtMTguMjg2LTE4LjI4NmgtMjU2Yy0xMC4xMyAwLTE4LjI4NiA4LjE1NS0xOC4yODYgMTguMjg2czguMTU1IDE4LjI4NiAxOC4yODYgMTguMjg2aDI1NmMxMC4xMyAwIDE4LjI4Ni04LjE1NSAxOC4yODYtMTguMjg2eiIgZmlsbD0iIzYyNjI2MiIvPjwvZz48L3N2Zz4=') !important;
  vertical-align: -0.143em;
}
.ui-iggrid-icon-hide:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik01MTIgODQxLjE0M2g2LjU4M2MwLjk3NCAwLjAwNiAyLjEyNSAwLjAwOSAzLjI3NyAwLjAwOSA2MC4wNDEgMCAxMTguMDg1LTguNTUxIDE3Mi45OC0yNC41MDJsLTQuMzcyIDEuMDg4YzU1LjYxOS0xNS45NDUgMTA0LjIwNi0zOC4xNTcgMTQ4LjU0Mi02Ni40NDNsLTIuMjU2IDEuMzQ2YzQyLjU4My0yNy4xNyA3OC42NTItNjAuMjEzIDEwOC4yNjItOTguNTA0bDAuNzIxLTAuOTdjMjcuNTczLTM2LjEyIDQ3LjU2LTc5LjUyNiA1Ni43MzgtMTI2Ljc5MWwwLjMxNC0xLjk0czAgMCAwIDB2MHMwIDAgMCAwIDAgMCAwIDB2LTguNzc3Yy05LjUyLTQ5LjUzNy0yOS43NzgtOTMuMjExLTU4LjMxLTEzMC4xNzNsMC41MjcgMC43MWMtMzAuNTM5LTM5Ljc3OC02Ny4xMzMtNzMuMTEtMTA4LjcyOS05OS4yMDJsLTEuNzE2LTEuMDA0Yy00Mi4wODAtMjYuOTA5LTkwLjY2NC00OS4xMTgtMTQyLjMxNy02NC4xMWwtMy45NjktMC45ODdjLTUxLjc1NC0xOS42NC0xMTEuNjkyLTMzLjE3OS0xNzQuMDkyLTM3LjkwMmwtMi4xODItMC4xMzNjLTEuMTIxLTAuMDA3LTIuNDQ4LTAuMDExLTMuNzc2LTAuMDExLTYwLjMzIDAtMTE4LjcyNSA4LjI4MS0xNzQuMTEyIDIzLjc2OWw0LjUzOS0xLjA4NGMtNTUuNjA1IDE1LjczMy0xMDQuMjE1IDM3Ljk2NC0xNDguNDU1IDY2LjQwMmwyLjE2OS0xLjMwNWMtNDQuNTY1IDI2LjYzNC04Mi4zMjkgNTkuNTA2LTExMy40ODMgOTcuOTUzbC0wLjYyIDAuNzljLTI4LjMxNSAzNS43MS00OC44MjMgNzguOTAxLTU4LjIgMTI2LjEwMWwtMC4zMTUgMS44OTljLTAuNzE1IDQuMzk3LTEuMTIzIDkuNDY1LTEuMTIzIDE0LjYyOXMwLjQwOCAxMC4yMzIgMS4xOTUgMTUuMTc0bC0wLjA3Mi0wLjU0NWM5Ljc3OSA0OS4wODQgMzAuMjc0IDkyLjI1OCA1OC45OTcgMTI4LjYzNGwtMC40ODMtMC42MzRjMzEuMDgzIDM4Ljk2NiA2Ny44NTEgNzEuNzc2IDEwOS4zNjcgOTcuNjlsMS44MSAxLjA1M2M0Mi4wNzkgMjYuOTYyIDkwLjY2OSA0OS4xNzYgMTQyLjM0NSA2NC4xMjFsMy45NDEgMC45NzZjNTEuMzkgMTQuNDEgMTEwLjQwNCAyMi42OTMgMTcxLjM1MiAyMi42OTMgMS43MzEgMCAzLjQ2LTAuMDA3IDUuMTg3LTAuMDIwbC0wLjI2NSAwLjAwMnpNMjk4LjQyMyA3MTYuOGMtNTAuOTU0LTIxLjQ2OC05NC40NC01MS4xMTgtMTMwLjkxMS04Ny43NTZsLTAuMDE1LTAuMDE1Yy0zMS42MjItMzEuMTM2LTU0LjcxLTcwLjg1Mi02NS40OS0xMTUuMzc1bC0wLjMzOC0xLjY1NGM3LjQ2My0zNi41NzEgMjMuMDkxLTY4LjY1OSA0NC45MzMtOTUuNDg2bC0wLjMxNiAwLjRjMjUuNzYxLTMwLjgwNyA1NS45Ni01Ni44MTQgODkuODM1LTc3LjM2NWwxLjU5My0wLjg5OGMzNS43NzEtMjIuNDkzIDc3LjE0Mi00MC43NzEgMTIxLjEzNy01Mi42NTdsMy4yMDUtMC43MzdjNDMuMDM2LTEyLjU0MSA5Mi40NzMtMTkuNzU1IDE0My41OTUtMTkuNzU1IDAuOTQ2IDAgMS44OTIgMC4wMDIgMi44MzcgMC4wMDdsLTAuMTQ2LTAuMDAxYzAuNzExLTAuMDAzIDEuNTUzLTAuMDA1IDIuMzk0LTAuMDA1IDUxLjIyNSAwIDEwMC43NjUgNy4yMTQgMTQ3LjY2IDIwLjY4bC0zLjc2OS0wLjkyNmM0Ny4yMzMgMTIuODk1IDg4LjU2NiAzMC44OTMgMTI2LjUzIDUzLjg5M2wtMi4xODctMS4yM2MzOC40ODIgMjAuNjcyIDcxLjE2NiA0Ni44MjIgOTguNDAzIDc3Ljg2OGwwLjM0IDAuMzk1YzIxLjEwMSAyNi43MTEgMzYuMjY1IDU5LjA4MyA0Mi45NCA5NC40NTNsMC4yMTQgMS4zNjRjLTExLjk2NiA0Ny44NTktMzYuMDE1IDg4Ljk5OC02OC43MzQgMTIxLjM5N2wtMC4wMjEgMC4wMjBjLTQ0LjMyMSA0NC44NzItOTMuOTg0IDg0LjI5Ny0xNDguMDA0IDExNy4yOTJsLTMuNDAxIDEuOTMxYzEwLjc0Ny0xMi44MjQgMjAuNDU5LTI3LjIwNSAyOC42MDctNDIuNTQ0bDAuNjUtMS4zNDJjNy42MTItMTQuMDc2IDE0LjU2My0zMC41NDcgMTkuOTM1LTQ3LjcxNmwwLjU0NS0yLjAyMXEwLTE0LjYyOSA1Ljg1MS0zMS40NTFjMC4zNTQtNS4wMzIgMC41NTctMTAuOTA0IDAuNTU3LTE2LjgyM3MtMC4yMDItMTEuNzkxLTAuNi0xNy42MDlsMC4wNDMgMC43ODZjMC4wMTctMS4wNDYgMC4wMjYtMi4yOCAwLjAyNi0zLjUxNyAwLTU1LjgyMy0xOS4zMDEtMTA3LjEzOC01MS41OTUtMTQ3LjYzNmwwLjM2OCAwLjQ3OGMtMzEuNjg4LTQxLjIxOS03NS42MTQtNzEuNjI5LTEyNi4zLTg1LjlsLTEuNy0wLjQwOWMtOC45MzQtMi42MjUtMTkuODI3LTQuOTI5LTMwLjk2OS02LjQ0N2wtMS4yMTMtMC4xMzVjLTQuOTI0LTAuMzYxLTEwLjY2Ni0wLjU2Ny0xNi40NTctMC41NjdzLTExLjUzNCAwLjIwNi0xNy4yMjEgMC42MWwwLjc2NC0wLjA0NGMtMS4wNDYtMC4wMTctMi4yOC0wLjAyNi0zLjUxNy0wLjAyNi01NS44MjMgMC0xMDcuMTM4IDE5LjMwMS0xNDcuNjM2IDUxLjU5NWwwLjQ3OC0wLjM2OGMtNDEuNzg4IDMyLjM0OS03Mi42NzEgNzYuOTgxLTg3LjM0NSAxMjguNDQ2bC0wLjQyNiAxLjc0OWMwIDEwLjI0LTQuMzg5IDIxLjIxMS01Ljg1MSAzMi4xODMtMC4zNjggNS4wMzMtMC41NzggMTAuOTAzLTAuNTc4IDE2LjgyM3MwLjIxIDExLjc5IDAuNjIzIDE3LjYwNWwtMC4wNDUtMC43ODJjLTAuMDM2IDEuNTQyLTAuMDU3IDMuMzU4LTAuMDU3IDUuMTc5IDAgMTkuNzEgMi40MjEgMzguODU0IDYuOTgyIDU3LjE1MWwtMC4zNDItMS42MjJjNS40MzkgMjIuMTY3IDEzLjczNSA0MS42NzcgMjQuNjQ3IDU5LjQwNGwtMC41MS0wLjg5ek0zOTYuNDM0IDczMS40Mjl2MGgtOS41MDljLTIuMTgzLTAuODctMy45NDktMi40LTUuMDk0LTQuMzQxbC0wLjAyNi0wLjA0OGMtMTkuNDQ0LTE4LjYyLTM0LjQ4Ny00MS42NzQtNDMuNTE5LTY3LjU0OGwtMC4zNjYtMS4yMDZjLTYuOTYyLTE4LjU3Mi0xMC45OTEtNDAuMDM2LTEwLjk5MS02Mi40NCAwLTUuODI5IDAuMjczLTExLjU5MyAwLjgwNi0xNy4yODJsLTAuMDU1IDAuNzI4YzAuNzctNS4xODMgMy4xNC05LjcxIDYuNTg0LTEzLjE2NmwtMC4wMDEgMC4wMDFjMy4yOTYtMy41NDcgNy45NjMtNS43OCAxMy4xNTMtNS44NTFoMC4wMTNjOS43NTQgMS4zNTEgMTcuMzIzIDkuMTcgMTguMjc5IDE4LjkzbDAuMDA3IDAuMDg3Yy0wLjI3NyAzLjQzNi0wLjQzNiA3LjQzOC0wLjQzNiAxMS40NzcgMCAxNy45MDIgMy4xMDcgMzUuMDc5IDguODExIDUxLjAyMGwtMC4zMy0xLjA1N2M3LjQ3NCAyMC43NzIgMTkuMjM5IDM4LjQyMiAzNC4zMDkgNTIuNTk5bDAuMDY5IDAuMDY0YzEuNjQ5IDEuNTc0IDIuOTA5IDMuNTQyIDMuNjI5IDUuNzUzbDAuMDI4IDAuMDk4YzAuMzcgMS4zMTYgMC41ODMgMi44MjggMC41ODMgNC4zODlzLTAuMjEzIDMuMDcyLTAuNjEgNC41MDdsMC4wMjgtMC4xMThjMC4wODYgMC43MyAwLjEzNSAxLjU3NSAwLjEzNSAyLjQzMiAwIDkuODE4LTYuNDQ4IDE4LjEzLTE1LjM0IDIwLjkzMmwtMC4xNTUgMC4wNDJ6TTkzOC43MjUgODcyLjQ4N2wtNzg3LjY5My03ODcuNjkzLTY2LjcxOSA2Ni43MTkgNzg3LjY5MyA3ODcuNjkzIDY2LjcxOS02Ni43MTl6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-iggrid-icon-move:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAwMCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0xODUuMDUxIDcyOS4yMzRoMTc3LjAwNnYtNjIzLjE3N2gtMTc3LjAwNnY2MjMuMTc3ek00MjMuNDk3IDc5Ni41MjZoMTc3LjAwNnYtNzU4LjQ5MWgtMTc3LjAwNnY3NTguNDkxek02NjIuNjc0IDcyOS4yMzRoMTc3LjAwNnYtNjIzLjE3N2gtMTc3LjAwNnY2MjMuMTc3ek03NjggOTI0LjUyNmwtMTE3Ljc2IDY0LjM2NnYtMzMuNjQ2aC0yNzYuNDh2MzMuNjQ2bC0xMTcuNzYtNjMuNjM0IDExNy43Ni02NC4zNjZ2MzIuMTgzaDI3Ni40OHYtMzIuMTgzbDExNy43NiA2My42MzR6IiBmaWxsPSIjNjI2MjYyIi8+PC9nPjwvc3ZnPg==') !important;
  vertical-align: -0.143em;
}
.ui-iggrid-icon-multiple-sorting:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzNweCIgaGVpZ2h0PSIzM3B4IiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAyNCkgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik03MzEuNDI5IDk1Mi4zMnYtNjc2LjU3MWgtNzMuMTQzbDEwOC45ODMtMjAxLjE0MyAxMTAuNDQ2IDIwMS4xNDNoLTczLjE0M3Y2NzYuNTcxaC03My4xNDN6TTIxOS40MjkgOTUyLjMydi02NzYuNTcxaC03My4xNDNsMTA4Ljk4My0yMDEuMTQzIDExMC40NDYgMjAxLjE0M2gtNzMuMTQzdjY3Ni41NzFoLTczLjE0M3pNNTQ4LjU3MSA3NC42MDZ2Njc2LjU3MWg3My4xNDNsLTEwOC45ODMgMjAxLjE0My0xMTAuNDQ2LTIwMS4xNDNoNzMuMTQzdi02NzYuNTcxaDczLjE0M3oiIGZpbGw9IiM2MjYyNjIiLz48L2c+PC9zdmc+DQo=') !important;
  vertical-align: -0.143em;
}
}


#btmBox {
  position: relative;
  display: flex;
  justify-content: space-between;
  /* height: 100px; */
  width: 100%;
  padding: 0 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 6;
  text-align: center;
  border-top: 1px solid #ebedf0;
  color: black;
  background-color: rgb(245, 245, 245);
}
#btmBox.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#btmBox .l {
  /* float: left; */
  text-align: left;
}
#btmBox .l .com {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
}
#btmBox .l .com span {
  border-left: 1px dotted #FFF;
  padding: 0 10px;
}
#btmBox .l .com span:first-child {
  border-left: 0;
}
#btmBox .btn {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #000;
  line-height: 40px;
  color: #FFF;
  margin: 0 1px 0 0;
  position: relative;
  transition: 0.3s;
  font-size: 18px;
}
#btmBox .btn:hover {
  background: #196090;
}
#btmBox .btn:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 1;
}
/* UPD 20170413 shig,msato START */
/*
#btmBox .btn span{
  position: absolute;
  opacity: 0;
  top: -50px;
  left: -20px;
  width: 80px;
  padding: 10px;
  border-radius: 2px;
  background: #196090;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  transition: .3s;
}
*/
#btmBox .btn span {
  position: absolute;
  opacity: 0;
  display: none;
  top: -50px;
  left: -64px;
  width: 150px;
  padding: 10px;
  border-radius: 2px;
  background: #196090;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  transition: 0.3s;
  z-index: 5;
}
/* UPD 20170413 shig,msato END */
#btmBox .btn.lft span {
  left: 0;
}
#btmBox .btn.rgt span {
  right: 0;
  left: auto;
}
/* UPD 20170412 shig START */
/*
#btmBox .btn span:after{
  position: absolute;
  top: 100%;
  left: 34px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #196090;
  content: "";
}
*/
#btmBox .btn span:after {
  position: absolute;
  top: 100%;
  left: 78px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #196090;
  content: "";
}
/* UPD 20170412 shig END */
#btmBox .btn.lft span:after {
  left: 15px;
}
/* UPD 20170412 shig START */
/*
#btmBox .btn.rgt span:after{
  right: 10px;
  left:auto;
}
*/
#btmBox .btn.rgt span:after {
  right: 15px;
  left: auto;
}
/* UPD 20170412 shig END */
/* UPD 20170412 msato START */
/*
#btmBox .btn:hover span{
  opacity: 1;
  top: -40px;
}
*/
#btmBox .btn:hover span {
  opacity: 1;
  display: inline-block;
  top: -40px;
}
/* UPD 20170412 msato END */
#btmBox .r {
  /* float: right; */
  text-align: right;
  margin-top: 6px;
  margin-bottom: 6px;
}
#btmBox .r .count {
  padding: 2px 10px;
  background-color: #26303A;
  color: white;
  border-radius: 3px;
  margin: 0 10px;
}
/*
@media screen and (max-width: 950px) {
  #btmBox {
    position: relative;
    background-color: #191F26;
    height: 120px;
    width: 100%;
    padding: 0 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFF;
    z-index: 6;
  }
  #btmBox .l .com span {
    border-left: 1px dotted #FFF;
    padding: 0 10px;
  }
  #btmBox .l .com span:first-child {
    border-left: 0;
  }
}
*/
/* ADD 20170411 shig START */
/* グレー -----*/
#btmBox .btn.clr1 {
  background-color: #999999;
}
#btmBox .btn.clr1:hover {
  background: #555555;
}
#btmBox .btn.clr1 span {
  background: #555555;
}
#btmBox .btn.clr1 span:after {
  border-top: 6px solid #555555;
}
/* ADD 20170411 shig END */
/* UPD 20170411 shig START */
/*
#btmBox .btn.clr2{
  background-color: #e95743;
}
#btmBox .btn.clr2:hover{
  background: #e95743;
}
#btmBox .btn.clr2 span{
  background: #e95743;
}
#btmBox .btn.clr2 span:after{
  border-top: 6px solid #e95743;
}
*/
/* オレンジ -----*/
#btmBox .btn.clr2 {
  background-color: #eb5844;
}
#btmBox .btn.clr2:hover {
  background: #E7361E;
}
#btmBox .btn.clr2 span {
  background: #E7361E;
}
#btmBox .btn.clr2 span:after {
  border-top: 6px solid #E7361E;
}
/* UPD 20170411 shig END */
/* ADD 20170412 shig START */
/* コンシェルジュの色 -----*/
#btmBox .btn.clr3 {
  background-color: #44B6AE;
}
#btmBox .btn.clr3:hover {
  background: #399993;
}
#btmBox .btn.clr3 span {
  background: #399993;
}
#btmBox .btn.clr3 span:after {
  border-top: 6px solid #399993;
}
/* 薄紅色 -----*/
#btmBox .btn.clr4 {
  background-color: #ED7B90;
}
#btmBox .btn.clr4:hover {
  background: #EA3049;
}
#btmBox .btn.clr4 span {
  background: #EA3049;
}
#btmBox .btn.clr4 span:after {
  border-top: 6px solid #EA3049;
}
/* 鮮やかな青色 -----*/
#btmBox .btn.clr5 {
  background-color: #0066cc;
}
#btmBox .btn.clr5:hover {
  background: #112B4C;
}
#btmBox .btn.clr5 span {
  background: #112B4C;
}
#btmBox .btn.clr5 span:after {
  border-top: 6px solid #112B4C;
}
/* 黄色 -----*/
#btmBox .btn.clr6 {
  background-color: #EFA92A;
}
#btmBox .btn.clr6:hover {
  background: #85651E;
}
#btmBox .btn.clr6 span {
  background: #85651E;
}
#btmBox .btn.clr6 span:after {
  border-top: 6px solid #85651E;
}
/* ダークグレー -----*/
#btmBox .btn.clr7 {
  background-color: #35414f;
}
#btmBox .btn.clr7:hover {
  background: #4C5D71;
}
#btmBox .btn.clr7 span {
  background: #4C5D71;
}
#btmBox .btn.clr7 span:after {
  border-top: 6px solid #4C5D71;
}
/* ADD 20170412 shig END */
/* ADD 20170411 shig START */
/* 登録 -----*/
#btmBox .btn.clrtoroku {
  background-color: #FF0000;
}
#btmBox .btn.clrtoroku:hover {
  background: #BB0000;
}
#btmBox .btn.clrtoroku span {
  background: #BB0000;
}
#btmBox .btn.clrtoroku span:after {
  border-top: 6px solid #BB0000;
}
/* 検索 -----*/
#btmBox .btn.clrSRH {
  background-color: #5c9bd1;
}
#btmBox .btn.clrSRH:hover {
  background: #21517A;
}
#btmBox .btn.clrSRH span {
  background: #21517A;
}
#btmBox .btn.clrSRH span:after {
  border-top: 6px solid #21517A;
}
/* 確定 -----*/
#btmBox .btn.clrCFM {
  background-color: #eb5844;
}
#btmBox .btn.clrCFM:hover {
  background: #E7361E;
}
#btmBox .btn.clrCFM span {
  background: #E7361E;
}
#btmBox .btn.clrCFM span:after {
  border-top: 6px solid #E7361E;
}
/* 追加 -----*/
#btmBox .btn.clrADD {
  background-color: #E8822A;
}
#btmBox .btn.clrADD:hover {
  /*  background: #E7361E; */
  background: #C66008;
}
#btmBox .btn.clrADD span {
  background: #C66008;
}
#btmBox .btn.clrADD span:after {
  border-top: 6px solid #C66008;
}
/* 修正 -----*/
#btmBox .btn.clrUPD {
  background-color: #0066cc;
}
#btmBox .btn.clrUPD:hover {
  background: #112B4C;
}
#btmBox .btn.clrUPD span {
  background: #112B4C;
}
#btmBox .btn.clrUPD span:after {
  border-top: 6px solid #112B4C;
}
/* 削除 -----*/
#btmBox .btn.clrDEL {
  background-color: #35414f;
}
#btmBox .btn.clrDEL:hover {
  background: #4C5D71;
}
#btmBox .btn.clrDEL span {
  background: #4C5D71;
}
#btmBox .btn.clrDEL span:after {
  border-top: 6px solid #4C5D71;
}
/* インポート -----*/
#btmBox .btn.clrIMP {
  background-color: #44B6AE;
}
#btmBox .btn.clrIMP:hover {
  background: #399993;
}
#btmBox .btn.clrIMP span {
  background: #399993;
}
#btmBox .btn.clrIMP span:after {
  border-top: 6px solid #399993;
}
/* エクスポート -----*/
#btmBox .btn.clrEXP {
  background-color: #999999;
}
#btmBox .btn.clrEXP:hover {
  background: #555555;
}
#btmBox .btn.clrEXP span {
  background: #555555;
}
#btmBox .btn.clrEXP span:after {
  border-top: 6px solid #555555;
}
/* 確認 -----*/
#btmBox .btn.clrKAK {
  background-color: #C0A92A;
}
#btmBox .btn.clrKAK:hover {
  background: #85651E;
}
#btmBox .btn.clrKAK span {
  background: #85651E;
}
#btmBox .btn.clrKAK span:after {
  border-top: 6px solid #85651E;
}
/* クリア -----*/
#btmBox .btn.clrCLR {
  background-color: #999999;
}
#btmBox .btn.clrCLR:hover {
  background: #555555;
}
#btmBox .btn.clrCLR span {
  background: #555555;
}
#btmBox .btn.clrCLR span:after {
  border-top: 6px solid #555555;
}
/* 戻る -----*/
#btmBox .btn.clrBAK {
  background-color: #999999;
}
#btmBox .btn.clrBAK:hover {
  background: #555555;
}
#btmBox .btn.clrBAK span {
  background: #555555;
}
#btmBox .btn.clrBAK span:after {
  border-top: 6px solid #555555;
}
/* 閉じる -----*/
#btmBox .btn.clrCLS {
  background-color: #999999;
}
#btmBox .btn.clrCLS:hover {
  background: #555555;
}
#btmBox .btn.clrCLS span {
  background: #555555;
}
#btmBox .btn.clrCLS span:after {
  border-top: 6px solid #555555;
}
/* 差替 -----*/
#btmBox .btn.clrREP {
  background-color: #6B8E23;
}
#btmBox .btn.clrREP:hover {
  background: #83AF2B;
}
#btmBox .btn.clrREP span {
  background: #83AF2B;
}
#btmBox .btn.clrREP span:after {
  border-top: 6px solid #83AF2B;
}

/* ADD 20170411 shig END */
button.action {
  height: 36px;
}
.action {
  border: none;
  color: white;
  /* height: 28px; */
  margin: 5px 0px 5px 15px;
}
.action .fa {
  margin: 0 2px 0 0;
}
.action.quicksearch {
  background-color: #5c9bd1;
}
.action.quicksearch:hover {
  background: #84b3dc;
}
.action.search {
  background-color: #5c9bd1;
}
.action.search:hover {
  background: #84b3dc;
}
.action.clear {
  background-color: #999999;
}
.action.clear:hover {
  background: #b3b3b3;
}
.action.confirm {
  background-color: #eb5844;
}
.action.confirm:hover {
  background: #f08172;
}
.action.close {
  background-color: #999999;
}
.action.close:hover {
  background: #b3b3b3;
}
.action.import {
  background-color: #44B6AE;
}
.action.import:hover {
  background: #67c6bf;
}
.action.add {
  background-color: #eb5844;
}
.action.add:hover {
  background: #f08172;
}
.action.del {
  background-color: #35414f;
}
.action.del:hover {
  background: #495a6e;
}
.action.update {
  background-color: #0066cc;
}
.action.update:hover {
  background: #007fff;
}
.action.output {
  background-color: #999999;
}
.action.output:hover {
  background: #b3b3b3;
}
.action.back {
  background-color: #999999;
}
.action.back:hover {
  background: #b3b3b3;
}
.action.prnboxlbl {
  background-color: #006600;
}
.action.prnboxlbl:hover {
  background: #1a7f1a;
}


.action.yes {
  background-color: #5c9bd1;

  /* 元の色 */
  /*
  background-color: #eb5844;
  */
}
.action.yes:hover {
  background: #21517A;

  /* 元の色 */
  /*
  background: #f08172;
  */
}
.action.clrtoroku {
  background-color: #FF0000;
}
.action.clrtoroku:hover {
  background: #BB0000;
}
.action.examle {
  background-color: #fff494;
  color: #000000;
}
.action.examle:hover {
  background: #ccc376;
  color: #000000;
}

.action.nyuko {
  background-color: #00a2d6;
}
.action.nyuko:hover {
  background: #00a2d6;
}
.action.sainyuko {
  background-color: #006699;
}
.action.sainyuko:hover {
  background: #006699;
}
.action.syuko {
  background-color: #ca33fe;
}
.action.syuko:hover {
  background: #ca33fe;
}
.action.denso {
  background-color: #00d40e;
}
.action.denso:hover {
  background: #00d40e;
}
.action.haiki {
  background-color: #ff3e3e;
}
.action.haiki:hover {
  background: #ff3e3e;
}
.action.no {
  background-color: #999999;
}
.action.no:hover {
  background: #b3b3b3;
}

.action.tamattehaiki_only {
  background-color: #ffc0cb;
}
.action.tamattehaiki_only:hover {
  background: #ffc0cb;
}
.action.tamattehaiki_kaijo {
  background-color: #ffc0cb;
}
.action.tamattehaiki_kaijo:hover {
  background: #ffc0cb;
}
.action.tamattehaiki_syuko {
  background-color: #5c9bd1;
}
.action.tamattehaiki_syuko:hover {
  background: #5c9bd1;
}

.action.thinbtn {
  background-color: #999999;
	height: 15px;
	line-height: 15px;
}
.action.thinbtn:hover {
  background: #b3b3b3;
}

/**
 * 入力フォームレイアウト用
 *
 * tableタグにつけるクラス
 *   form, layout, hissu(必須マークを付ける場合)
 *
 * thタグが均等割り付けになります。
 * ただし１文字、あるいは英単語１語の場合は chrome で見ると均等割り付けにならないので、以下のようにしてください。
 * 例) "部" → " 部 " ( で挟む)
 *     "TEL" → "ＴＥＬ" (全角にする)
 * th 内に <i class="hissu"></i> と書くと必須マークがつきます。
 */
table.form.layout.kintou th {
  -ms-text-align-last: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
  text-align: justify;
}
table.form.layout caption.hissu {
  text-align: left;
}
table.form.layout caption.hissu .mark {
  color: red;
}
table.form.layout.hissu th {
  padding-right: 1.5em;
}
/*
table.form.layout.hissu i.hissu {
  position: relative;
}
*/
table.form.layout.hissu i.hissu:after {
  padding-left: 0.5em;
  line-height: 1.7em;
  color: red;
  content: "*";
}
table.form.layout.hissu i.hissu12-1:after {
  padding-left: 0.5em;
  line-height: 1.7em;
  color: red;
  content: "*1 (1･2どちらか必須)";
  white-space: pre-wrap;
  font-size: 0.8em;
}
table.form.layout.hissu i.hissu12-2:after {
  padding-left: 0.5em;
  line-height: 1.7em;
  color: red;
  content: "*2 (1･2どちらか必須)";
  white-space: pre-wrap;
  font-size: 0.8em;
}
table.form.layout.hissu i.hissu1:after {
  color: red;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.6em;
  line-height: 1.6em;
  padding-left: 0.5em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f069";
}
table.form span.warn,
table.form span.error {
  display: inline-block;
  padding: 2px;
}
table.form span.warn:before,
table.form span.error:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.4em;
}
table.form span.warn {
  color: #888;
  background-color: #ffffb0;
}
table.form span.warn:before {
  content: "\f071";
}
table.form span.error {
  color: red;
  background-color: #FFDDDD;
}
table.form span.error:before {
  content: "\f00d";
}
table.data.layout {
  width: 950px;
  table-layout: auto;
}
table.data.layout th {
  text-align: center;
  white-space: nowrap;
}
table.data.layout td {
  white-space: nowrap;
}
table.data.layout td.c {
  text-align: center;
}
table.data.layout td.r {
  text-align: right;
}
table.data.layout td.w {
  white-space: normal;
}
div.hissu {
  margin: 0 auto;
}
div.hissu .mark {
  color: red;
}

span.error {
  display: inline-block;
  padding: 2px;
}
span.error:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.4em;
}
span.error {
  color: red;
  background-color: #FFDDDD;
}
span.error:before {
  content: "\f00d";
}

span.flowkigen {
  display: inline-block;
  padding: 2px;
}
span.flowkigen {
  color: red;
  font-weight:bolder;
}

span.borderzokuhokan {
	border-bottom:solid 1px #5c9bd1
}

span.borderzokunaiyo {
	border-bottom:double 4px #5c9bd1
}

span.borderzokumeisai {
	border-bottom:dashed 1px #5c9bd1
}

/* トップに戻るボタンの設定 */
#topBtn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 14px;
  margin:0;
}
#topBtn a {
  background: #6699cc;
  text-decoration: none;
  color: #fff;
  width: 60px;
  height:50px;
  padding: 5px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
}
#topBtn a:hover {
  text-decoration: none;
  opacity: 0.6;
}

#fabTopBtn {
  position: fixed;
  bottom: 2px;
  right: 15px;
  z-index: 9999;
  background-color: #003A8F !important;
  opacity: 0.7;
}

.buntan-footer {
  flex-shrink: 0;
}
.buntan-footer div {
  flex-shrink: 0;
}

/* ヘッダー -----------------------------------------------------------------------*/
#header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	z-index: 999;
	height: 70px;
	background-color: #68A7DC;
}

#logo {
	background-image: url(/assets/img/logo.png);
	background-repeat:no-repeat;
	background-position:center;
  background-size:cover;
	width: 180px;
	height:40px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	line-height: 40px;
	margin-top:15px;
	margin-left:15px;
	position:absolute;
	z-index:500;
}

#navi {
	text-align: left;
	width: calc(100% - 210px);
	float:right;
	z-index:1;
}
#navi .dropmenu {
	margin:0;
	padding:0;
	list-style-type:none;
	display: flex;
	justify-content: flex-end;
}
#navi .dropmenu > li {
	color:#FFFFFF;
}
#navi .dropmenu > li > a {
	padding:10px 15px 10px 15px;
	margin:0;
	text-decoration:none;
	text-align: center;
	color:#FFFFFF;
	height:70px;
	line-height:1.2;
	border-left:1px solid #FFF;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}
#navi .dropmenu > li:hover > a {
	background-color:#3388CF;
	color:#FFFFFF;
	position:relative;
}
#navi .dropmenu > li .fa {
	font-size:1.8em;
	margin:0 0.2em 0 0;
}
@media screen and (max-width:1300px){
#navi .dropmenu > li .fa {
	font-size:1.2em;
}
}
#navi .dropmenu .slidebtn  {
	padding:10px 15px 10px 15px;
	height:70px;
	border-left:1px solid #FFF;
	margin:0;
	cursor:pointer;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}
#navi .dropmenu .slidebtn:hover  {
	background-color: #3388CF;
}
#navi .dropmenu .slidebtn.on  {
	background-color: #3388CF;
}

#navi .dropmenu .slidebox  {
	background-color:#FFFFFF;
	border:10px solid #3388CF;
	color:#000000;
	position:absolute;
	width:100%;
	max-width:80%;
	top:70px;
	left:50%;
	margin-left:-40%;
	box-shadow:0px 5px 5px 1px rgba(0,0,0,0.23);
	display:none;
}
#navi .dropmenu .slidebox .tab_menu {
	display:flex;
}
#navi .dropmenu .slidebox .tab_menu .tab {
	width:50%;
	text-align:center;
	border:2px solid #3388CF;
	background-color:#68a7dc;
	color:#FFFFFF;
	padding:5px;
	cursor:pointer;
}
#navi .dropmenu .slidebox .tab_menu .tab.is-active {
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	border-color:#FFF;
	font-size:1.2em;
}
#navi .dropmenu .slidebox .tab_wrap {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navi .dropmenu .slidebox .tab_content {
	text-align:left;
	padding:20px;
}
#navi .dropmenu .slidebox .tab_content a {
	color:#000;
	padding:0;
	text-align:left;
}
#navi .dropmenu .slidebox .tab_content .iframe_wrap iframe {
	min-height:70vh;
	border:1px solid #CCC;
}

#navi .dropmenu .slidebox .tab_menu2 {
	display:flex;
}
#navi .dropmenu .slidebox .tab_menu2 .tab2 {
	width:50%;
	text-align:center;
	border:2px solid #3388cf;
	background-color:#68a7dc;
	color:#FFFFFF;
	padding:5px;
	cursor:pointer;
}
#navi .dropmenu .slidebox .tab_menu2 .tab2.is-active {
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	border-bottom-color:#FFF;
	font-size:1.2em;
}
#navi .dropmenu .slidebox .tab_wrap2 {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navi .dropmenu .slidebox .tab_content2 {
	padding:20px;
}
#navi .dropmenu .slidebox .tab_content2 a {
	color:#000;
	padding:0;
	text-align:left;
}
#navi .dropmenu .slidebox .tab_content2 .detail_menu {
	display:flex;
	flex-wrap:wrap;
}
#navi .dropmenu .slidebox .tab_content2 .detail_menu ul {
	width:30%;
	margin:0 1.5% 2em 1.5%;
	padding:0;
	list-style-type:none;
}
#navi .dropmenu .slidebox .tab_content2 .detail_menu ul li:first-child {
	border-bottom:1px solid #3388cf;
	margin-bottom:5px;
	font-weight:bold;
	position:relative;
	padding:0 0 5px 1.2em;
	font-size:1.1em;
}
#navi .dropmenu .slidebox .tab_content2 .detail_menu ul li:first-child:before {
	font-family: 'FontAwesome';
    content: "\f0c8";
    position: absolute;
    top: 0;
    left: 0;
    color: #3388cf;
}
#navi .dropmenu .slidebox .tab_content2 .detail_menu ul li {
	padding:3px;
	height:auto;
	line-height:auto;
}

/* トップページ -----------------------------------------------------------------------*/

.logInfo {
	background-color:#35414f;
	color:#FFF;
	display:flex;
}
.logInfo>div {
	width:50%;
	padding:5px;
}
.logInfo .lft {
	text-align:left;
}
.logInfo .rgt {
	text-align:right;
}

.info {
	display:flex;
	margin:1em 0;
}
.info>div {
	width:33.3%;
	text-align:left;
	border:3px solid #084577;
}
.info>div:last-child {
	width:33.4%;
}
.info h2 {
	background-color: #084577;
	color: #FFF;
	text-align:center;
	font-size:1.1em;
	padding:5px;
	margin:0;
}
.info ul {
	padding:10px;
	margin:0;
	list-style-type:none;
}
.info li {
	position: relative;
	padding:0 0 0 1em;
}
.info li:before{
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	top: 0;
	left: 0;
	color: #C21424;
}

.freeInfo {
	background-color:#FFFFFF;
	margin:0 auto;
}
.freeInfo h2 {
	font-size:1.1em;
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
	background-color:#5c9bd1;
	color:#FFFFFF;
	padding:10px;
}
.freeInfo h2:after {
	content:"";
	position:absolute;
	top:40px;
	left:50%;
	border-top:solid 13px #5c9bd1;
	border-right:solid 15px transparent;
	border-bottom:solid 13px transparent;
	border-left:solid 15px transparent;
}
.freeInfo .tbl-1 {
	margin:0 auto;
}
.freeInfo .tbl-1 th,
.freeInfo .tbl-1 td{
	padding:2px 10px;
}


/* モーダルウィンドウ -----------------------------------------------------------------------*/

.modal-content {
	text-align:left;
	background-color:#FFF;
	padding:1em;
}


button {
    cursor: pointer;
}

label, input[type="checkbox"] {
    cursor: pointer;
}
label, input[type="radio"] {
    cursor: pointer;
}

table.form td label {
  display: inline-block;
}

/* jsdate */
.jsdate i.fa-calendar {
  color: #5c9bd1;
  font-size: 18px;
  cursor: pointer;
  vertical-align: middle;
}

/* hissu2 */
i.hissu2:after {
  color: red;
  content: " *";
}

/******/
table#igGrid_fixed [role="gridcell"],
.ui-iggrid-tablebody [role="gridcell"] {
  font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/******/
.mdl-layout {
  overflow-y: scroll;
}

/* SVG化 */
i > svg {
    fill: currentColor;
    vertical-align: middle;
}

.fa-svg svg {
	margin-top: 5px;
}

.fa-svg-icon svg {
	margin-top: -3px;
	color: #003A8F;
	height: 0.8em;
}

.fa-svg-5x svg {
	height: 5em;
}

.fa-svg-menu-icon svg {
	margin-top: -20px;
	color: #003A8F;
	height: 1.2em;
}

.fa-svg-menu-icon-two-line svg {
	color: #003A8F;
	height: 1.2em;
}

/* 文書管理規程 */

/* 文書マスタ4行表示 */
.html4lines {
  /*
  height: 150px;
  */
}
.html4lines div {
  border-top: 1px solid #DDDDDD;
  min-height: 37.5px;
  height: auto !important;
  height: 37.5px;
  /*
  height: 25%;
  */
}
.html4lines div:first-child
{
  border-top: none;
}

/* テーブルヘッダーのバルーン表示 */
table .header_baloon {
  display: none;
  position: absolute;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #333;
  color: #fff;
  z-index: 99;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
}

table .header_baloon:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #333;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

th:hover p.header_baloon {
  display: block;
}

/* スパン使用表の縦書き */
span.vertical {
  writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: .2em;
}
th.vertical {
  vertical-align: top;
}

/* igGrid で font weight が変わるのを抑制 */
.ui-iggrid-table tbody tr td a {
  font-weight: inherit;
}

/* select2 ガイド表示の微調整 */
.select2-container--default .select2-results__option[aria-disabled="true"] {
  font-size: smaller;
  font-weight: bold;
}

/* sticky */
.sticky_header tr:nth-child(1) {
  position: sticky;
  top: 0;
  z-index: 1;
}

.sticky_js tr:nth-child(1) {
  position: relative;
  top: 0;
  z-index: 1;
}