@charset "utf-8";

.redText{
  color:#EE5252
}

.text-danger {
  color: #dc3545 !important;
}

.preSuccess {
    padding: 1em;
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 2px;
    font: inherit;
    text-align: left;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.preFailed {
    padding: 1em;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 2px;
    font: inherit;
    text-align: left;
}

.preDenger {
  padding: 1em;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 2px;
  font: inherit;
  text-align: center;
}

.indent1{
  text-indent: 1em;
}

.indent2{
  text-indent: 2em;
}

.indent3{
  text-indent: 3em;
}

.centerText {
	text-align: center;
}

.btnClose {
    width: 250px!important;
}

.inlineLabel {
  display: inline!important;
}

.paddingOnLeft{
  padding-left: 1em;
}

.paddingOnNo{
  padding-Top: 10px;
}

.marginOff{
  margin-top: 0px;
}
.paddingOnTop{
  padding-Top: 1em;
}

.checkListVertical li {
  min-width: 140px;
  margin-top: 10px;
  padding-right: 10px;
  display:block;
}

.pre {
    padding: 1em;
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font: inherit;
    font-size: 1.2rem;
    text-align: left;
}

.inputNumLabel {
    display: inline-block;
    vertical-align: middle;
}

.inpuOrthertLabel {
    min-width: 315px;
    vertical-align: middle;
    text-align: right;
    padding-right: 20px;
    padding-left: 130px;
}

.msgBlock {
  background-color: #CCFFCC;
  padding: 20px;
  margin-top: 30px;
}

.msgBlock .ttl {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #339900;
  position: relative;
}

.rOnryLabel{
  padding: 10px 0px;
  min-width: 315px;
  display: inline-block;
  vertical-align: middle;
}

.editorBtnArea{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.exeRank{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 7px;
  right: 60px;
}

.dispRank{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*shoruiRuleDel*/
.ruleUnit .shoruiRuleDel{
  width: 76px;
  position: absolute;
  top: 7px;
  right: 380px;

}

.rank{
  padding-top: 7px;
  padding-right: 10px;
}

.editorBtnArea:last-child .editorNum{
    margin-left: auto;
}

.htmlBtn, .upDnBtn, .editBtn {
    min-width: 76px;
    padding: 7px 12px;
    background-color: #3fb0ac;
    border-radius: 2px;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

.upBtn, .downBtn, .upList, .downList {
    margin-left: 10px;
}

#editBoxNoGuide{
  position: relative;
}

#editBoxNoGuide span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 225px;
  height: 300px;
  position: relative;
  overflow: hidden;
  background: #eee;
  cursor: move;
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#editBoxNoGuide div{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 225px;
  height: 300px;
  position: relative;
  overflow: hidden;
  background: #eee;
  cursor: move;
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#editBoxNoGuide span:after{
  pointer-events:none;
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
}

#editBoxNoGuide div:after{
  pointer-events:none;
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
}

#editBoxNoGuide span img{
  display: block;
  max-width: initial !important;
  position: absolute;
}

#editBoxNoGuide div img{
  display: block;
  max-width: initial !important;
  position: absolute;
}

※ ベンダープ

/*--A-1:出願データ検索
--------------------------------------------------------------*/


/*--A-2:出願データ一覧
--------------------------------------------------------------*/
.appDataResult{
  margin-top: 10px;
}


/*--A-3:出願データ明細
--------------------------------------------------------------*/
.stateDetailTtl{
  cursor: pointer;
  position: relative;
}
.stateDetailTtl:after{
  content: "";
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/images/img/ico_acc_open.png);
  display: block;
  position: absolute;
  top: -2px;
  right: 10px;
}
.op .stateDetailTtl:after{
  background-image: url(/images/img/ico_acc_close.png);
}
.stateDetailTtl:hover{
  opacity: 0.7;
  transition: 0.3s ease-in-out;
}

.stateDetailCnt{
  margin-top: 30px;
}
.stateDetailCnt .stateDetailIn{
  margin-top: 40px;
}
.stateDetailCnt .stateDetailIn:first-of-type{
  margin-top: 0;
}

.stateTable{
  font-size: 1.3rem;
}
.stateTable th{
  width: 289px;
}

/*志望情報*/
.stateTable .aspire{}
/*志願者情報*/
.stateTable .personal{}
/*志願者情報　連絡先*/
.stateTable th.subInfo{}

/*修正ボタン*/
.stateTable .payBtn{
  width: 180px;
  padding: 11px 19px;
}
.stateTable .payBtn .modifyBtn{
  width: 100%;
}
/*決済情報*/
.stateTable .pay{}
/*書類名*/
.stateTable .docName{}
/*数量*/
.stateTable .docQuantity{}
/*アップロード状況*/
.stateTable .uploadStatus{}
/*メール種別*/
.stateTable .mailKind{}
/*状況*/
.stateTable .mailStatus{
  width: auto;
}
/*送信日時*/
.stateTable th.mailTime{
  width: auto;
}
/*メール再送*/
.stateTable .mailResend{
  text-align: center;
}
.stateTable th.mailResend{
  width: 120px;
}
/*履歴番号*/
.stateTable .historyNum{
  text-align: center;
}
.stateTable th.historyNum{
  width: 100px;
}
/*更新日時*/
.stateTable th.historyTime{
  width: auto;
}
/*更新者*/
.stateTable th.historyPsn{
  width: auto;
}
/*表示切替*/
.stateTable .historyBtn{
  text-align: center;
}
.stateTable th.historyBtn{
  width: 120px;
}
.stateTable td.historyBtn{
  padding: 11px 19px;
}

/*印刷*/
@media print{
  .stateDetailTtl:after{
    background-image: url(/images/img/ico_acc_close.png);
  }
}

/*--A-4:志願票作成
--------------------------------------------------------------*/
/*appForm*/
.appForm{
  margin-top: 40px;
}
.box .boxIn .appForm:first-of-type{
  margin-top: 5px;
}

.appForm .appFormFlag .radioBox{
  color: #666;
  font-weight: bold;
  display: block;
}
.appForm .appFormFlag .radioBox:hover{
  opacity: 0.7;
  transition: 0.3s ease-in-out;
}
.appForm .jAppFormCnt{
  padding-top: 25px;
  display: none;
}
.appForm .AppFormIn{}
.appForm .AppFormIn .inputBox:first-of-type{
  margin-top: 0;
}

.appForm .inputBox.inputAppNum .inputTtl{
  width: 284px;
}
.appForm .inputBox.inputAppNum .inputCnt:after{content: ""; clear: both; display: block;}
.appForm .inputBox.inputAppNum .appFormInput{
  width: 315px;
  float: left;
}
.appForm .inputBox.inputAppNum .appFormInput ul li{
  margin-top: 10px;
}
.appForm .inputBox.inputAppNum .appFormInput ul li:first-child{
  margin-top: 0;
}
.appForm .inputBox.inputAppNum .appFormBtn{
  margin-top: 4px;
  margin-left: 16px;
  float: left;
}

.appForm .appFormAddBtn{
  margin-top: 30px;
}

@media screen and (max-width: 1128px){
  .appForm .inputBox.inputAppNum .appFormInput{
    width: calc(100% - 92px);
  }
  .appForm .inputBox.inputAppNum .appFormInput .inputLabel{
    min-width: inherit;
    width: 100%;
  }
}


/*志願票作成タブ*/
.appFormTabs{
  margin-top: 40px;
}
.appFormTabs .appFormTabNav{
  width: 100%;
  display: table;
}

.appFormTabs .appFormTabNav .appFormTab{
  width: calc(100% - 210px);
  display: table-cell;
  vertical-align: middle;
}
.appFormTabs .appFormTabNav .appFormTab ul{
  width: 100%;
  display: table;
}
.appFormTabs .appFormTabNav .appFormTab ul li{
  display: table-cell;
}
.appFormTabs .appFormTabNav .appFormTab ul li{}
.appFormTabs .appFormTabNav .appFormTab ul li a{
  padding: 18px 5px 17px;
  background-color: #CDD6DD;
  border-radius: 4px 4px 0 0;
  color: #fff;
  line-height: 1.375;
  text-align: center;
  text-decoration: none;
  display: block;
}
.appFormTabs .appFormTabNav .appFormTab ul li.appForm{
  padding-right: 5px;
}
.appFormTabs .appFormTabNav .appFormTab ul li.docArv{}
.appFormTabs .appFormTabNav .appFormTab ul li.appForm a{}
.appFormTabs .appFormTabNav .appFormTab ul li.docArv a{}

.appFormTabs .appFormTabNav .appFormTab ul li.appForm.ui-state-active a{
  background-color: #3FB0AC;
}
.appFormTabs .appFormTabNav .appFormTab ul li.docArv.ui-state-active a{
  background-color: #3F78B0;
}

.appFormTabs .appFormTabNav .appFormTab ul li a em{
  font-size: 1.6rem;
  font-weight: bold;
}
.appFormTabs .appFormTabNav .appFormTab ul li a > span{
  margin-left: 12px;
  font-size: 1.4rem;
  display: inline-block;
}
.appFormTabs .appFormTabNav .appFormTab ul li a span.hit{}
.appFormTabs .appFormTabNav .appFormTab ul li a span.hitTotal{}
.appFormTabs .appFormTabNav .appFormTab ul li a span.att{}

.appFormTabs .appFormTabNav .appFormOrder{
  width: 180px;
  padding-left: 30px;
  display: table-cell;
  vertical-align: middle;
}
.appFormTabs .appFormTabNav .appFormOrder ul{}
.appFormTabs .appFormTabNav .appFormOrder ul li{
  margin-right: 17px;
  display: inline-block;
}
.appFormTabs .appFormTabNav .appFormOrder ul li:last-child{
  margin-right: 0;
}
.appFormTabs .appFormTabNav .appFormOrder ul[data-order=tab_appForm]{}
.appFormTabs .appFormTabNav .appFormOrder ul[data-order=tab_docArv] .inputRadio + .radioBox:before{
  background-image: url(/images/img/radio_blue.png);
}

.appFormTabs .appFormCnt{}
.appFormTabs .appFormCnt .appFormCntIn{
  padding: 30px 30px 40px;
}
.appFormTabs .appFormCnt .appFormCntIn.tab_appForm{
  background-color: rgba(63, 176, 172, 0.1);
}
.appFormTabs .appFormCnt .appFormCntIn.tab_docArv{
  background-color: rgba(63, 120, 176, 0.1);
}

.appFormTabs .appFormMeta{}
.appFormTabs .appFormMeta:after{content: ""; clear: both; display: block;}
.appFormTabs .appFormMeta .btn{
  float: right;
}
.appFormTabs .appFormMeta .btn li{
  margin-left: 6px;
  display: inline-block;
}
.appFormTabs .appFormMeta .btn li:first-child{
  margin-left: 0;
}
.appFormTabs .appFormMeta .btn li .areaBtnS.appFormBtn{
  background-color: #3FB0AC;
}
.appFormTabs .appFormMeta .btn li .areaBtnS.docArvBtn{
  background-color: #3F78B0;
}

/*appFormResult*/
.appFormResult{
  margin-top: 20px;
}
.tab_appForm .appFormResult .tableAlt tbody tr:nth-child(even) th,
.tab_appForm .appFormResult .tableAlt tbody tr:nth-child(even) td{
  background-color: #f5fbfb;
}
.tab_docArv .appFormResult .tableAlt tbody tr:nth-child(even) th,
.tab_docArv .appFormResult .tableAlt tbody tr:nth-child(even) td{
  background-color: #f5f8fb;
}
.appFormResult .btn{
  padding: 8px 10px 18px;
}
.tab_appForm .appFormResult .btn{
  width: 202px;
}
.tab_docArv .appFormResult .btn{
  width: 116px;
}
.appFormResult .btn .btnList{
  text-align: center;
}
.appFormResult .btn .btnList li{
  margin-top: 10px;
  margin-right: 3px;
  margin-left: 3px;
  display: inline-block;
}

/*モーダル*/
/*modalTtl*/
.modal-appFormCreate .modalTtl{
  padding: 12px 10px;
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.modal-appFormCreate .modalCnt{
  margin-top: 38px;
  padding: 0 20px;
}

.modal-appFormCreate .flagList{
  margin-top: 30px;
}
.modal-appFormCreate .modalNote{
  margin-top: 30px;
}
.modal-appFormCreate .modalCntl{
  max-width: 480px;
  margin: 57px auto 0;
}
.modal-appFormCreate .modalCntl:after{content: ""; clear: both; display: block;}
.modal-appFormCreate .modalCntl li:first-child{
  float: right;
}
.modal-appFormCreate .modalCntl li:last-child{
  float: left;
}

.modal-appFormCreate.appCreate .modalTtl{
  background-color: #3FB0AC;
}
.modal-appFormCreate.docFlag .modalTtl{
  background-color: #3F78B0;
}
.modal-appFormCreate.docFlag .areaBtn.okBtn{
  background-color: #3F78B0;
}

@media screen and (max-width:700px){
  .modal-appFormCreate .modalCntl li{
    margin-top: 10px;
    text-align: center;
    display:list-item;
  }
  .modal-appFormCreate .modalCntl li:first-child,
  .modal-appFormCreate .modalCntl li:last-child{
    float: none;
  }
}

/*印刷*/
@media print{
  .appFormTabs .appFormCnt .appFormCntIn{
    display: block !important;
  }
}


/*--A-5:出願写真 検査状況登録（検査登録モード）
--------------------------------------------------------------*/
/*registModeSelect*/
.registModeSelect{
  margin-top: 40px;
}
.registModeSelect.btm{
  margin-top: 0;
}
.registModeSelect ul{}
.registModeSelect ul:after{content: ""; clear: both; display: block;}
.registModeSelect ul li{
  margin-top: 10px;
  margin-right: 8px;
  float: left;
}
.registModeSelect ul li:last-child{
  margin-right: 0;
}
.registModeSelect ul li a{
  min-width: 156px;
  font-size: 1.4rem;
}
.registModeSelect ul li a.areaBtn{
  padding: 4px 5px;
}
.registModeSelect ul li a.areaBtn.outlineBtn{
  padding: 3px 5px;
}
/*FOR IE*/
/*OVER IE10*/
@media all and (-ms-high-contrast: none){
  .registModeSelect ul li a.areaBtn{
    padding: 5px 5px 1px;
  }
  .registModeSelect ul li a.areaBtn.outlineBtn{
    padding: 5px 5px 1px;
  }
}



/*検査ロット*/
.inspectLot{
  margin-top: 30px;
}
.inspectLot dl{
  font-size: 1.4rem;
}
.inspectLot dl dt{
  margin-right: 20px;
  font-weight: bold;
  display: inline-block;
}
.inspectLot dl dd{
  margin-right: 40px;
  display: inline-block;
}
.inspectLot dl dd:last-child{
  margin-right: 0;
}

/*検査状況フィルタ*/
.inspectStatusFilter{}
.inspectStatusFilter dl{
  margin-top: 20px;
  margin-right: 40px;
  font-size: 1.4rem;
  display: inline-block;
}
.inspectStatusFilter dl:last-of-type{
  margin-right: 0;
}
.inspectStatusFilter dl dt{
  margin-right: 20px;
  font-weight: bold;
  display: inline-block;
}
.inspectStatusFilter dl dd{
  display: inline-block;
}
.inspectStatusFilter dl dd:last-child{
  margin-right: 0;
}
.inspectStatusFilter dl dd .selectLabel{
  min-width: 0;
}
.inspectStatusFilter .inputSelect{
  padding: 7px 38px 7px 20px;
}
/*FOR IE*/
/*UNDER IE10*/
.inspectStatusFilter .inputSelect{
  padding: 9px 38px 5px 20px\9;
}
/*OVER IE10*/
@media all and (-ms-high-contrast: none){
  .inspectStatusFilter .inputSelect{
    padding: 9px 38px 5px 20px;
  }
}
.inspectStatusFilter .acceptBtn{}
.inspectStatusFilter .acceptBtn li{
  margin-right: 20px;
  display: inline-block;
}
.inspectStatusFilter .acceptBtn li:last-child{
  margin-right: 0;
}
.inspectStatusFilter .acceptBtn .arw{
  width: 4px;
  height: 6px;
  margin-right: 8px;
  margin-left: 10px;
  background: url(/images/img/arw_gray_r.png) center center no-repeat;
  display: inline-block;
  vertical-align: middle;
}

/*inspectResult*/
.inspectResult{
  margin-top: 2px;
}
.inspectResult .inspectResultList{
  border-left: 1px solid #CDD6DD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.inspectResult .inspectResultList li{
  width: 25%;
  margin-top: -1px;
  padding: 10px 10px 5px;
  border-top: 1px solid #CDD6DD;
  border-right: 1px solid #CDD6DD;
  border-bottom: 1px solid #CDD6DD;
  position: relative;
}
.inspectResult .inspectResultList li .fig{}
.inspectResult .inspectResultList li .fig .thumb{
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  align-items: center;
}
.inspectResult .inspectResultList li .fig .thumb img{
  max-height: 100%;
}
.inspectResult .inspectResultList li .info{
  margin-top: 10px;
}
.inspectResult .inspectResultList li .info{}
.inspectResult .inspectResultList li dl{
  padding: 4px 2px 3px;
  border-top: 1px dashed #CDD6DD;
  font-size: 1.1rem;
  line-height: 1.2;
}
.inspectResult .inspectResultList li dl:after{content: ""; clear: both; display: block;}
.inspectResult .inspectResultList li dl dt{
  width: 42%;
  padding-right: 5px;
  font-weight: bold;
  float: left;
}
.inspectResult .inspectResultList li dl dd{
  margin-left: 42%;
  word-break: break-all;
  word-wrap: break-word;
}
.inspectResult .inspectResultList li dl.num{}
.inspectResult .inspectResultList li dl.name{}
.inspectResult .inspectResultList li dl.status{}
.inspectResult .inspectResultList li dl.lot{}
.inspectResult .inspectResultList li .app{
  font-size: 1.1rem;
  border-top: 1px dashed #CDD6DD;
}
.inspectResult .inspectResultList li .app p{
  margin-top: 5px;
  margin-right: 5px;
  line-height: 1.5;
  display: inline-block;
}
.inspectResult .inspectResultList li .app p:last-of-type{
  margin-right: 0;
}
.inspectResult .inspectResultList li .app p label{}
.inspectResult .inspectResultList li .app p .inputRadio + .radioBox:before{
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-size: 100% auto;
}


/*--A-6:メインビジュアル・ロゴ設定
--------------------------------------------------------------*/
/*displayConfig*/
.displayConfig{}
.displayConfig ul{}
.displayConfig ul:after{content: ""; clear: both; display: block;}
.displayConfig > ul > li{
  width: 41.615%;
  margin-top: 40px;
  float: left;
}
.displayConfig > ul > li:nth-child(-n+2){
  margin-top: 0;
}
.displayConfig > ul > li:nth-child(2n+1){
  margin-right: 8.695%;
  clear: both;
}

.displayConfig .name{
  font-size: 1.8rem;
  font-weight: bold;
}
.displayConfig .fig{
  margin-top: 23px;
}
.displayConfig .takeFig{
  margin-top: 30px;
}
.displayConfig .takeFig .takeFigLabel{
  cursor: pointer;
}
.displayConfig .takeFig .takeFigInput{
  display: none;
}
.displayConfig .takeFig .takeFigName{
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #cdd6dd;
  border-radius: 2px;
  color: #CDD6DD;
  word-break: break-all;
  word-wrap: break-word;
  display: block;
}
.displayConfig .selected .takeFig .takeFigName{
  color: #333;
}

.displayConfig .btn{
  margin-top: 20px;
}
.displayConfig .btn li{
  margin-right: 5px;
  display: inline-block;
}
.displayConfig .btn li:last-child{
  margin-right: 0;
}

.displayConfig .btn .takeFigBtn{
  cursor: pointer;
}
.displayConfig .btn .takeFigBtn:hover{
  opacity: 0.7;
  transition: 0.3s ease-in-out;
}
.displayConfig .btn .clearFigBtn{}



/*--A-7:志望マスタCSVアップロード
--------------------------------------------------------------*/



/*--A-8:志望検査ルール設定
--------------------------------------------------------------*/
/*ruleUnit*/
.ruleUnit{}

/*ruleHr*/
.ruleHr{
  margin-top: 30px;
  height: 0;
  border-top: 1px dashed #CDD6DD;
  clear: both;
}
.ruleHr hr{
  display: none;
}

/*ruleAccTrg*/
.ruleUnit .ruleAccTrg{
  width: 32px;
  position: absolute;
  top: 9px;
  right: 10px;
}
.ruleUnit .ruleAccTrg a{
  content: "";
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/images/img/ico_acc_open.png);
  display: block;
}
.ruleUnit .ruleAccTrg a.op{
  background-image: url(/images/img/ico_acc_close.png);
}
.ruleUnit .ruleAccTrg a:hover{
  opacity: 0.7;
  transition: 0.3s ease-in-out;
}

/*specialRuleDel*/
.ruleUnit .specialRuleDel{
  width: 76px;
  position: absolute;
  top: 5px;
  right: 55px;

}

/*basicRuleDel*/
.ruleUnit .basicRuleDel{
  width: 76px;
  position: absolute;
  top: 5px;
  right: 55px;

}

/*personalDel*/
.ruleUnit .personalDel{
  width: 76px;
  position: absolute;
  top: 5px;
  right: 55px;

}

/*inputBox*/
.basicUnit > .ruleUnit > .inputBox,
.specialUnit > .ruleUnit > .inputBox{
  padding-right: 100px;
  position: relative;
}
.basicUnit > .ruleUnit:first-of-type > .inputBox,
.specialUnit > .ruleUnit:first-of-type > .inputBox{
  margin-top: 0;
}

/*ruleCnt*/
.ruleCnt{
  margin-top: 20px;
  display: none;
}

/*ruleTable*/
.ruleTable{}
.ruleTable td{
  padding-top: 12px;
  padding-bottom: 13px;
}
.ruleTable td .inputTxt{
  padding: 5px 20px;
}
.ruleTable td .inputSelect{
  padding: 5px 38px 5px 20px;
}

.ruleTable .ruleElm{
  width: 289px;
  font-size: 1.3rem;
}
.ruleTable .icoRequired{
  margin-top: 1px;
  margin-left: 5px;
  float: right;
}
.ruleTable .added .icoRequired{
  margin-top: 0;
  margin-left: 0;
  float: none;
  position: static;
}

/*メッセージ*/
.messageLine{}
.inputMessage .inputLabel{
  min-width: 340px;
}

/*特別許可ルール*/
.spcPermitLine{}
.spcRuleBox{}
.spcRuleUnit{}
.spcRule{
  padding-bottom: 10px;
}
.addSpcRuleBtn{}
.spcRule .selectLabel{
  width: calc(100% - 86px);
  max-width: 340px;
  min-width: inherit;
  vertical-align: middle;
}
.spcRule .delSpcRuleBtn{
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

/*条件*/
.conditionLine{}
.inputCondition{}
.inputCondition .conditionDetail{
  display: none;
}

.inputCondition ul{}
.inputCondition ul li{
  margin-top: 10px;
}
.inputCondition .inputBox{
  margin-top: 0;
}
.inputCondition .inputBox .inputTtl{
  width: 110px;
  padding-top: 11px;
  padding-right: 5px;
  color: #333;
  font-size: 1.3rem;
  font-weight: normal;
}

.itemTtl{
  padding-top: 13px;
  padding-right: 60px;
  color: #666;
  font-weight: bold;
  line-height: 1.5;
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.inputCondition .inputLabel,
.inputCondition .selectLabel{
  width: 340px;
  min-width: inherit;
}
.inputCondition .inputBox .inputCnt{
  max-width: calc(100% - 110px);
}

/*集約単位*/
.summarizeLine{}
.summarizeUnit{}
.summarizeUnit .summarizeCnt{
  padding-bottom: 10px;
}
.summarizeUnit .inputLabel,
.summarizeUnit .selectLabel{
  width: 340px;
  min-width: inherit;
}
.summarizeUnit .added .selectLabel,
.inputBox .summarizeUnit .added .selectLabel{
  width: calc(100% - 86px);
  max-width: 340px;
  min-width: inherit;
  vertical-align: middle;
}
.summarizeUnit .added .delSummarizeBtn{
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.addSummarizeBtn{}

/*次の条件*/
.nextConditionLine{}
.conditionBox{}
.conditionBox .selectLabel{
  width: calc(100% - 86px);
  max-width: 340px;
  min-width: inherit;
  vertical-align: middle;
}
.conditionBox .delConditionBtn{
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.conditionHr{
  margin-top: 20px;
  padding-bottom: 20px;
  height: 0;
  border-top: 1px dashed #CDD6DD;
  clear: both;
}
.conditionHr hr{
  display: none;
}

.nextConditionBtn{}


/*ruleHr*/
.basicUnit .ruleUnit:last-of-type .ruleHr{}

/*addRule*/
.addRule{
  margin-top: 40px;
}

@media screen and (max-width: 1214px){
  /*inputCondition*/
  .inputCondition .inputBox .inputLabel,
  .inputCondition .inputBox .selectLabel{
    width: 100%;
  }
  .added .inputCondition .inputBox .selectLabel{
    width: calc(100% - 86px);
  }
}

/*印刷*/
@media print{
  .ruleCnt{
    display: block !important;
  }
  .ruleUnit .ruleAccTrg a{
    background-image: url(/images/img/ico_acc_close.png);
  }
}


/*--A-9:個人情報項目編集
--------------------------------------------------------------*/
.catGroup{
  color: #666;
  font-weight: bold;
}

/*個人情報項目編集タブ*/
.personalTabs{
  margin-top: 40px;
}
.personalTabs .personalTab{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.personalTabs .personalTab li{
  margin-right: 1px;
  line-height: 1.2;
  flex: 1;
}
.personalTabs .personalTab li:last-child{
  margin-right: 0;
}
.personalTabs .personalTab li a{
  height: 100%;
  padding: 12px 5px 13px;
  background-color: #CDD6DD;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*FOR IE[OVER IE10]*/
@media all and (-ms-high-contrast: none){
  .personalTabs .personalTab li a{
    padding: 15px 5px 10px;
  }
}
.personalTabs .personalTab li.ui-state-active a{
  background-color: #3FB0AC;
}
.personalTabs .personalTab li a em{
  width: 100%;
  text-align: center;
}
.personalTabs .personalCnt{
  padding: 30px 30px 40px;
  background-color: #ebf7f7;
}
.personalTabs .personalCnt .personalIn{}

/*personalTable*/
.personalTable{}
.personalTable th{
  width: 31.863%;
  padding-top: 22px;
  padding-bottom: 21px;
  font-size: 1.3rem;
  font-weight: bold;
}
.personalTable td{
  padding-top: 12px;
  padding-bottom: 13px;
  font-size: 1.4rem;
}

.personalTable .inputLabel{
  width: 100%;
}
.personalTable .inputLabel .inputTxt{
  padding-top: 7px;
  padding-bottom: 7px;
}
.personalTable .selectLabel .inputSelect{
  padding-top: 7px;
  padding-bottom: 7px;
}

.personalTable .icoRequired{
  float: right;
}

.personalTable .note{
  margin-top: 4px;
}

/*印刷*/
@media print{
  .personalTabs .personalCnt .personalIn{
    display: block !important;
  }
}


/*--A-10:組織・管理者アカウント一覧
--------------------------------------------------------------*/
.orgUnit{
  margin-top: 40px;
}
.orgUnit:first-of-type{
  margin-top: 0;
}

/*組織名*/
.inputOrgName{}

@media screen and (max-width: 1136px){
  .inputOrgName .inputLabel{
    width: 100%;
    min-width: inherit;
  }
}

/*所属利用者*/
.belongUser{
  margin-top: 20px;
}
.belongUser .cat{
  margin-right: 17px;
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.belongUser .btn{
  display: inline-block;
  vertical-align: middle;
}

/*accountTable*/
.accountTable{
  margin-top: 15px;
}
/*ログインID*/
.accountTable .loginId{
  width: 124px;
}
/*名称*/
.accountTable .name{
  width: 188px;
}
/*権限*/
.accountTable .authority{}
.accountTable td.authority{
  padding: 8px 16px 14px;
}
/*編集ボタン*/
.accountTable .edit{
  width: 112px;
}

/*authorityList*/
.authorityList{}
.authorityList li{
  margin-top: 7px;
  margin-right: 6px;
  padding: 3px 5px;
  border: 1px solid #727984;
  font-size: 1.3rem;
  line-height: 1;
  display: inline-block;
}
/*FOR IE[OVER IE10]*/
@media all and (-ms-high-contrast: none){
  .authorityList li{
    padding: 5px 5px 1px;
  }
}
.authorityList li:last-child{
  margin-right: 0;
}

/*addOrgBtn*/
.addOrgBtn{
  margin-top: 30px;
}



/*--A-11:システムエラー
--------------------------------------------------------------*/
/*errTxt*/
.errTxt{
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
.errTxt .ico{}
.errTxt .txt{
  margin-top: 10px;
}

.errCnt{
  margin-top: 33px;
  text-align: center;
}
.errCnt .errNote{
  text-align: left;
  display: inline-block;
}



/*--A-12:管理者ログイン
--------------------------------------------------------------*/
/*logInTxt*/
.logInTxt{}

/*securityCode*/
.securityCode{
  margin-top: 13px;
}
.securityCode .securityImg{
  width: 438px;
  display: inline-block;
  vertical-align: middle;
}
.securityCode .securityUpdate{
  display: inline-block;
  vertical-align: middle;
}
.securityCode .securityUpdate a{
  width: 32px;
  height: 32px;
  background: url(/images/img/ico_update.png) center center no-repeat;
  display: block;
}
.securityCode .securityUpdate a span{
  display: none;
}

.securityTxt{
  margin-top: 20px;
}

@media screen and (max-width: 920px){
  .securityCode .securityImg{
    width: calc(100% - 32px - 10px);
  }
}