@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カスタムプロパティ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

:root {
  --mainColor: #5B98ED;
  --subColor: #535353;
  --bgColor: #F5F6FA;
  --addColor: #EF714A;
  --cancelColor: #BFBFBF;
  --cautionColor: #F76C9C;
  --attentionColor: #F7465C;
  --borderColor: #D7D7D7;
  --tableBorderColor: #DDDDDD;
  --dottedColor: #B5B5B5;
  --fontsizeMain: 0.875rem;
  --fontsizeTtl: 0.9375rem;
  --fontsizeColTtl: 1rem;
  --fontsizeBtn: 0.9375rem;
  --fontcolorBtn: #FFF;
  --sideBgColor: #FFF;
  --loginBgColor: #FFF;
  --loginBorderColor: #E9E9F0;
  --loginLinkColor: #32AAFB;
  --standardColor: #4FBBC1;
  --businessColor: #2E98CC;
  --professionalColor: #756BC3;
  --enterpriseColor: #4D6BBC;
  --disabledBgColor: #D8D8D8;
  --disabledTxtColor: #333333;
  --processingColor: #78D52A;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ログイン画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.loginBox .logo { background: url("../images/logo2.png") no-repeat center center; background-size: contain; }
.pwChangeBox .logo { background: url("../images/logo2.png") no-repeat center center; background-size: contain; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
サイドメニュー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.sideNavi > .top { border-bottom: 1px solid var(--borderColor); }
.sideNavi .logo { background: url("../images/logo2.png") no-repeat left 0 center; background-size: 136px 36px; position: absolute; left: -10px; border-bottom: unset; }
input[type="checkbox"].naviButton + label { background: url("../images/ico_sidenavi_top_navibutton.svg") no-repeat center; }
.sideNavi > .middle > .top .naviList .menu.router-link-exact-active { background-color: var(--mainColor); color: #FFF; }
.sideNavi .localNaviList li a.router-link-exact-active { background-color: var(--mainColor); }
.sideNavi .naviList .menu.dashboard { background-image: url("../images/ico_sidenavi_dashboard_gray.svg"); }
.sideNavi .naviList .menu.dashboard:hover,
.sideNavi .naviList li .menu.dashboard.router-link-exact-active { background-image: url("../images/ico_sidenavi_dashboard_white.svg"); }
.sideNavi .naviList .menu.processes { background-image: url("../images/ico_sidenavi_process_gray.svg"); }
.sideNavi .naviList .menu.processes:hover,
.sideNavi .naviList li .menu.processes.router-link-exact-active { background-image: url("../images/ico_sidenavi_process_white.svg"); }
.sideNavi .naviList .menu.applicants { background-image: url("../images/ico_sidenavi_foreigner_gray.svg"); }
.sideNavi .naviList .menu.applicants:hover,
.sideNavi .naviList li .menu.applicants.router-link-exact-active { background-image: url("../images/ico_sidenavi_foreigner_white.svg"); }
.sideNavi .naviList .menu.scriveners { background-image: url("../images/ico_sidenavi_foreigner_gray.svg"); }
.sideNavi .naviList .menu.scriveners:hover,
.sideNavi .naviList li .menu.scriveners.router-link-exact-active { background-image: url("../images/ico_sidenavi_foreigner_white.svg"); }
.sideNavi .naviList .menu.recipients { background-image: url("../images/ico_sidenavi_recipient_gray.svg"); }
.sideNavi .naviList .menu.recipients:hover,
.sideNavi .naviList li .menu.recipients.router-link-exact-active { background-image: url("../images/ico_sidenavi_recipient_white.svg"); }
.sideNavi .naviList .menu.support-agency { background-image: url("../images/ico_sidenavi_registration_gray.svg"); }
.sideNavi .naviList .menu.support-agency:hover,
.sideNavi .naviList li .menu.support-agency.router-link-exact-active { background-image: url("../images/ico_sidenavi_registration_white.svg"); }
.sideNavi .naviList .menu.staffing-agency { background-image: url("../images/ico_sidenavi_recruiting_gray.svg"); }
.sideNavi .naviList .menu.staffing-agency:hover,
.sideNavi .naviList li .menu.staffing-agency.router-link-exact-active { background-image: url("../images/ico_sidenavi_recruiting_white.svg"); }
.sideNavi .naviList .menu.sending-agency { background-image: url("../images/ico_sidenavi_recruiting_gray.svg"); }
.sideNavi .naviList .menu.sending-agency:hover,
.sideNavi .naviList li .menu.sending-agency.router-link-exact-active { background-image: url("../images/ico_sidenavi_recruiting_white.svg"); }
.sideNavi .naviList .menu.incident { background-image: url("../images/ico_sidenavi_incident_gray.svg"); }
.sideNavi .naviList .menu.incident:hover,
.sideNavi .naviList li .menu.incident.router-link-exact-active { background-image: url("../images/ico_sidenavi_incident_white.svg"); }
.sideNavi .naviList .menu.manual { background-image: url("../images/ico_sidenavi_manual_gray.svg"); }
.sideNavi .naviList .menu.manual:hover,
.sideNavi .naviList li.active .menu.manual { background-image: url("../images/ico_sidenavi_manual_white.svg"); }
.sideNavi .naviList .menu.support { background-image: url("../images/ico_sidenavi_support_gray.svg"); }
.sideNavi .naviList .menu.support:hover,
.sideNavi .naviList li.active .menu.support { background-image: url("../images/ico_sidenavi_support_white.svg"); }

/*システムナビ*/
.systemNavBox { width: 260px; top: 60px; left: -20px; }
.systemNavBox > .inner { padding: 0; }
.systemNavBox > .inner .col { padding: 15px 15px; border-bottom: 1px solid  #DDD; }
.systemNavBox > .inner .col:nth-last-of-type(1) { border-bottom: 0; }
.systemNavBox ul.systemNav {}
.systemNavBox ul.systemNav li { margin-bottom: 3px; }
.systemNavBox ul.systemNav li:nth-last-of-type(1) { margin-bottom: 0; }
.systemNavBox ul.systemNav li a { display: flex; align-items: center; height: 38px; padding-left: 30px; text-decoration: none; color: #333 !important; font-size: 0.9375rem; font-weight: 500; line-height: 1; background-position: left center; background-repeat: no-repeat; }
.systemNavBox ul.systemNav li.system a { background-image: url("../images/ico_sidenavi_system.svg"); }
.systemNavBox ul.systemNav li.account a { background-image: url("../images/ico_sidenavi_account_gray.svg"); }
.systemNavBox ul.systemNav li.subuser a { background-image: url("../images/ico_sidenavi_subaccount.svg"); }
.systemNavBox ul.systemNav li.statement a { background-image: url("../images/ico_sidenavi_statement.svg"); }
.systemNavBox ul.systemNav li.log a { background-image: url("../images/ico_sidenavi_log.svg"); }
.systemNavBox ul.systemNav li.logout a { background-image: url("../images/ico_sidenavi_logout.svg"); }
.systemNavBox ul.systemNav li.plan a { background-image: url("../images/ico_sidenavi_plan.svg"); }
.systemNavBox ul.systemNav li.mail a { background-image: url("../images/ico_sidenavi_mail.svg"); }
.systemNavBox ul.systemNav li.questionnaire a { background-image: url("../images/ico_sidenavi_questionnaire.svg"); }
.systemNavBox ul.systemNav li.option a { background-image: url("../images/ico_sidenavi_option.svg"); }




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
main
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

table[class^="scrollTable"] th a,
table[class^="scrollTable"] td a { color: var(--mainColor); }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
個別
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
案件
-------------------------------------------------------------*/

/*案件一覧*/
.processesListBox { position: relative; }
.processesListBox .processesToggle { display: none; }
.processesListBox .processesToggle + label { position: absolute; top: 11px; left: 11px; display: block; width: 30px; height: 30px; border: 1px solid #DDD; border-radius: 4px; box-sizing: border-box; background-color: #FFF; background-image: url("../images/ico_plus_gray.svg"); background-repeat: no-repeat; background-position: center; text-indent: -9999px; cursor: pointer; }
.processesListBox .processesToggle:checked + label { background-image: url("../images/ico_minus_gray.svg"); }
.processesListBox .tableTtlBox { display: flex; align-items: center; justify-content: space-between; flex-basis: 100%; background-color: #F5F6FA; border-left: 1px solid var(--tableBorderColor); border-right: 1px solid var(--tableBorderColor); border-bottom: 1px solid var(--tableBorderColor); padding: 10px 10px 10px 0; }
.processesListBox:nth-of-type(1) .tableTtlBox { border-top: 1px solid var(--tableBorderColor); }
.processesListBox .tableTtlBox .tableTtl { position: relative; left: 50px; margin-bottom: 0; }
.processesListBox .tableTtlBox > div { display: flex; align-items: center; }
.processesListBox .tableTtlBox .picArea { margin-right: 30px; }
.processesListBox .tableTtlBox .picArea .userAccount dd { margin-right: 10px; }
.processesListBox .tableTtlBox .picArea .userAccount dd:nth-last-of-type(1) { margin-right: 0; }
.processesListBox .processesToggle + label + .scrollTableFixL { border-top: none; border-bottom: none; max-height: 0; transition: 0.3s; }
.processesListBox .processesToggle:checked + label + .scrollTableFixL { max-height: 100vh; border-bottom: 1px solid var(--tableBorderColor); transition: ease-in 0.3s; }
.processesListBox .scrollTableFixL th { background-color: #FFF; }
.processesListBox .scrollTableFixL tbody tr:nth-child(even) th,
.processesListBox .scrollTableFixL tbody tr:nth-child(even) td { background-color: #FFF; }

/*絞り込み*/
.balloonBox.forList > .inner { display: flex; justify-content: space-between; padding-left: 45px; padding-right: 65px; }
.balloonBox.forList > .inner .col { border-right: 1px solid #DDD; padding: 0 30px; }
.balloonBox.forList > .inner .col:nth-of-type(1) { padding-left: 0; }
.balloonBox.forList > .inner .col:nth-last-of-type(1) { border-right: 0; padding-right: 0; }
.balloonBox.forList > .inner .col .formTitle { border-bottom: 1px solid #DDD; margin-bottom: 15px; padding-bottom: 5px; }
.balloonBox.forList > .inner .col .partsBox { margin-bottom: 15px; }
.balloonBox.forList > .inner .col .partsBox:nth-last-of-type(1) { margin-bottom: 0; }
.balloonBox.forList > .inner .col .partsBox input[type="radio"].none + label.selectIco { position: relative; padding-left: 25px; cursor: pointer; transition: opacity ease 0.1s; }
.balloonBox.forList > .inner .col .partsBox input[type="radio"].none + label.selectIco:hover { opacity: 0.6; }
.balloonBox.forList > .inner .col .partsBox input[type="radio"].none + label.selectIco:before { content: ""; display: block; width: 18px; height: 18px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 50%; background-color: var(--cancelColor); background-image: url("../images/ico_check_flow.svg"); background-position: center; background-repeat: no-repeat; background-size: 9px 7px; transition: all 0.3s; }
.balloonBox.forList > .inner .col .partsBox input[type="radio"].none:checked + label.selectIco:before { background-color: var(--mainColor); }

/*ビザ手続きプロセス*/
.visaProcess { padding-bottom: 10px; }
.visaProcess dl { display: flex; justify-content: center; align-items: center; }
.visaProcess dl dt { margin-right: 20px; font-size: 1.0625rem; color: var(--mainColor); font-weight: 500; line-height: 1; }
.visaProcess .process { display: flex; justify-content: center; align-items: center; }
.visaProcess .process li { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: 125px; width: 125px; display: flex; height: 66px; margin-right: 4px; border-radius: 3px; border: 3px solid #E0DFDF; box-sizing: border-box; background-color: #F5F6FA;}
.visaProcess .process li:before { content: ""; position: absolute; top: -3px; right: -19px; display: block; width: 0; height: 0; border-style: solid; border-width: 33px 0 33px 17px; border-color: transparent transparent transparent #E0DFDF; z-index: 5; }
.visaProcess .process li:after { content: ""; position: absolute; top: 0px; right: -15px; display: block; width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 15px; border-color: transparent transparent transparent #F5F6FA; z-index: 5; }
.visaProcess .process li.done { border: 3px solid #C4DAF8; background-color: #E1ECFB;}
.visaProcess .process li.done:before { border-color: transparent transparent transparent #C4DAF8; }
.visaProcess .process li.done:after { border-color: transparent transparent transparent #E1ECFB; }
.visaProcess .process li.ongoing { border: 3px solid #C4DAF8; background-color: #FFF;}
.visaProcess .process li.ongoing:before { border-color: transparent transparent transparent #C4DAF8; }
.visaProcess .process li.ongoing:after { border-color: transparent transparent transparent #FFF; }
.visaProcess .process li:last-of-type:before,
.visaProcess .process li:last-of-type:after { content: none; }
.visaProcess .process li a { display: flex; flex-basis: 100%;; justify-content: center; align-items: center; text-decoration: none; color: #333 !important; }
.visaProcess .process li span { text-align: center; display: block; }
.visaProcess .process li .item { font-size: 0.875rem; font-weight: 500; line-height: 1; }
.visaProcess .process li.done .item,
.visaProcess .process li.ongoing .item { color: var(--mainColor); }
.visaProcess .process li .date { margin-top: 5px; padding-left: 13px; font-size: 0.75rem; line-height: 1; background: url("../images/ico_clock_s.svg") no-repeat left 0 top 2px; background-size: 10px 10px; }
.visaProcess .process li.done .date { padding-left: 0; background: none; }

/*本聴取（質問割り振りテーブル）*/
.questionList { height: 100%; }
.questionList > .inner { height: 100%; margin-bottom: 20px; }
.questionList .listBox { position: relative; height: 100%; }
.questionList .listBox > .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.questionList .lists { display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "g1" "g2"; height: 100%; }
.questionList .lists .listHeader { grid-area: g1; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #DDD; border-right: 1px solid #DDD; }
.questionList .lists .listHeader > div { flex-grow: 0; flex-shrink: 0; padding: 11px 16px; line-height: 1; background: var(--bgColor); border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; box-sizing: border-box; font-weight: 500; font-size: var(--fontsizeMain); }
.questionList .lists .listHeader > div:nth-of-type(1) { flex-basis: 220px; width: 220px; }
.questionList .lists .listHeader > div:nth-of-type(2) { flex-basis: 280px; width: 280px; }
.questionList .lists .listHeader > div:nth-of-type(3) { flex: 1; }
.questionList .lists .listHeader > div:nth-of-type(4) { flex-basis: 180px; width: 180px; }
.questionList .lists .listBody { grid-area: g2; position: relative; font-size: var(--fontsizeMain); }
.questionList .lists .listBody > .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; }
.questionList .lists .listBody > .inner > dl.list1 { display: flex; justify-content: space-between; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.questionList .lists .listBody > .inner > dl.list1:nth-last-of-type(1) { /*border-bottom: none;*/ }
.questionList .lists .listBody > .inner > dl.list1 > dt { flex-basis: 220px; width: 220px; border-left: 1px solid #DDD; /*border-bottom: 1px solid #DDD;*/ box-sizing: border-box; position: relative; }
.questionList .lists .listBody > .inner > dl.list1 > dt > div { position: sticky; top: 0; padding: 14px 16px; }
.questionList .lists .listBody > .inner > dl.list1 > dt > div span { display: inline-block; margin-left: 28px; font-weight: 500; }
.questionList .lists .listBody > .inner > dl.list1 > dd { border-left: 1px solid #DDD; /*border-bottom: 1px solid #DDD;*/ }
.questionList .lists .listBody > .inner > dl.list1 > dd { flex: 1; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 { display: flex; justify-content: space-between; border-bottom: 1px solid #DDD; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2:nth-last-of-type(1) { border-bottom: none; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt { border-right: 1px solid #DDD; flex-basis: 280px; width: 280px; /*border-bottom: 1px dotted #DDD;*/ box-sizing: border-box; position: relative; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div { position: sticky; top: 0; padding: 14px 16px; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div span { display: inline-block; margin-left: 28px; font-weight: 500; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2:nth-last-of-type(1) > dt { border-bottom: none; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd { flex: 1; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 { display: flex; justify-content: space-between; border-bottom: 1px dotted #DDD; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3:nth-last-of-type(1) { border-bottom: none; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2:nth-last-of-type(1) > dd > dl.list3:nth-last-of-type(1) { border-bottom: none; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt { padding: 10px 16px; border-right: 1px solid #DDD; flex: 1; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt .formBlockLine > .inner,
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt .formBlock > .inner { margin-bottom: 0; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt .formGroup > .inner .formTitle { font-size: 13px; min-width: 3em; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd { flex-basis: 180px; width: 180px; padding: 23px 16px; box-sizing: border-box; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd .formBlockLine > .inner,
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd .formBlock > .inner { margin-bottom: 0; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd .formGroup > .inner select { margin-right: 10px; }
.questionList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd .formGroup > .inner select:nth-last-of-type(1) { margin-right: 0; }
.questionList .lists .titleToggle { display: none; }
.questionList .lists .titleToggle + label { position: absolute; top: 13px; left: 16px; display: block; width: 20px; height: 20px; border: 1px solid #DDD; border-radius: 4px; box-sizing: border-box; background-color: #FFF; background-image: url("../images/ico_plus_gray.svg"); background-repeat: no-repeat; background-position: center; background-size: 10px 10px; text-indent: -9999px; cursor: pointer; }
.questionList .lists .titleToggle:checked + label { background-image: url("../images/ico_minus_gray.svg"); background-size: 10px 10px; }
.questionList .lists .partsBox { margin-bottom: 5px; }
.questionList .lists .partsBox select { max-width: 90%; }
.questionList .lists .partsBox textarea { max-width: 90%; }
.questionList .lists .partsBox .errorBox { flex-basis: 100%; }
.questionList .lists .tooltip { margin-bottom: 3px; }
.questionList .lists .tooltip .outer { top: -16px; }
.questionList .lists .tooltip .inner .tooltipTxt { width: 150px; font-size: 13px; line-height: 1.5em; }
.questionList .lists input.inputLock + label { margin-bottom: 3px; }

/*本聴取（入力状況テーブル）*/
.questionInputList { height: 100%; }
.questionInputList > .inner { height: 100%; margin-bottom: 20px; }
.questionInputList .listBox { position: relative; height: 100%; }
.questionInputList .listBox > .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.questionInputList .lists { display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "g1" "g2"; height: 100%; }
.questionInputList .lists .partsBox:nth-of-type(1) { align-items: flex-start; }
.questionInputList .lists .partsBox .formTitle { font-size: 13px; min-width: 3em; margin-right: 8px; }
.questionInputList .lists .listHeader { grid-area: g1; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #DDD; border-right: 1px solid #DDD; }
.questionInputList .lists .listHeader > div { flex-grow: 0; flex-shrink: 0; padding: 11px 16px; line-height: 1; background: var(--bgColor); border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; box-sizing: border-box; font-weight: 500; font-size: var(--fontsizeMain); }
.questionInputList .lists .listHeader > div:nth-of-type(1) { flex-basis: 220px; width: 220px; }
.questionInputList .lists .listHeader > div:nth-of-type(2) { flex-basis: 280px; width: 280px; }
.questionInputList .lists .listHeader > div:nth-of-type(3) { flex: 1; }
.questionInputList .lists .listHeader > div:nth-of-type(4) { flex-basis: 180px; width: 180px; }
.questionInputList .lists .listHeader > div:nth-of-type(5) { flex-basis: 180px; width: 180px; }
.questionInputList .lists .listBody { grid-area: g2; position: relative; font-size: var(--fontsizeMain); }
.questionInputList .lists .listBody > .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; }
.questionInputList .lists .listBody > .inner > dl.list1 { display: flex; justify-content: space-between; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.questionInputList .lists .listBody > .inner > dl.list1 > dt { flex-basis: 220px; width: 220px; border-left: 1px solid #DDD; /*border-bottom: 1px solid #DDD;*/ box-sizing: border-box; position: relative; }
.questionInputList .lists .listBody > .inner > dl.list1 > dt > div { position: sticky; top: 0; padding: 14px 16px; }
.questionInputList .lists .listBody > .inner > dl.list1 > dt > div span { display: inline-block; margin-left: 28px; font-weight: 500; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd { border-left: 1px solid #DDD; /*border-bottom: 1px solid #DDD;*/ }
.questionInputList .lists .listBody > .inner > dl.list1 > dd { flex: 1; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 { display: flex; justify-content: space-between; border-bottom: 1px solid #DDD; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2:nth-last-of-type(1) { border-bottom: none; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt { border-right: 1px solid #DDD; flex-basis: 280px; width: 280px; /*border-bottom: 1px dotted #DDD;*/ box-sizing: border-box; position: relative; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div { position: sticky; top: 0; padding: 14px 16px; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div span { display: inline-block; /*margin-left: 28px;*/ font-weight: 500; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div span.formTitle { margin-bottom: 0; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div label + span { margin-left: 28px; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2:nth-last-of-type(1) > dt { border-bottom: none; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd { flex: 1; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 { display: flex; justify-content: space-between; border-bottom: 1px dotted #DDD; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3:nth-last-of-type(1) { border-bottom: none; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2:nth-last-of-type(1) > dd > dl.list3:nth-last-of-type(1) { border-bottom: none; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt { padding: 10px 16px; border-right: 1px solid #DDD; flex: 1; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt .formBlockLine > .inner,
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt .formBlock > .inner { margin-bottom: 0; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt .formGroup > .inner .formTitle { font-size: 13px; max-width: calc(100% - 50px); }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dt .formGroup > .inner .tooltip + .formTitle { max-width: calc(100% - 65px); }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd { flex-basis: 180px; width: 180px; padding: 10px 16px; box-sizing: border-box; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd:nth-last-of-type(2) { border-right: 1px solid #DDD; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd:nth-last-of-type(1) { text-align: center; }
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd .formBlockLine > .inner,
.questionInputList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dd > dl.list3 > dd .formBlock > .inner { margin-bottom: 0; }
.questionInputList .lists .titleToggle { display: none; }
.questionInputList .lists .titleToggle + label { position: absolute; top: 13px; left: 16px; display: block; width: 20px; height: 20px; border: 1px solid #DDD; border-radius: 4px; box-sizing: border-box; background-color: #FFF; background-image: url("../images/ico_plus_gray.svg"); background-repeat: no-repeat; background-position: center; background-size: 10px 10px; text-indent: -9999px; cursor: pointer; }
.questionInputList .lists .titleToggle:checked + label { background-image: url("../images/ico_minus_gray.svg"); background-size: 10px 10px; }
.questionInputList .lists .partsBox { margin-bottom: 5px; }
.questionInputList .lists .partsBox select { max-width: 500px; box-sizing: border-box; }
.questionInputList .lists .partsBox textarea { max-width: 85%; box-sizing: border-box; }
.questionInputList .lists .partsBox .errorBox { flex-basis: 100%; box-sizing: border-box; }
.questionInputList .lists .tooltip { margin-bottom: 3px; }
.questionInputList .lists .tooltip .outer { top: -16px; }
.questionInputList .lists .tooltip .inner .tooltipTxt { width: 150px; font-size: 13px; line-height: 1.5em; }
/*.questionInputList .lists input.inputLock + label { margin-bottom: 3px; }*/
.questionInputList .lists .qf35 .partsBox:nth-of-type(2) > div { min-width: calc(100% / 2); }
.questionInputList .lists .qf50 .partsBox:nth-of-type(2) > div { min-width: calc(100% / 2); }

/*関係機関（質問割り振りテーブル）*/
.questionInputList.checkList.masterList { padding: 20px; box-sizing: border-box; }
.questionInputList.checkList.masterList .lists .listHeader > div:nth-of-type(2) { flex: 1; width: auto; }
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 {}
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 221px); }
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt { border-right: none; }
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div span { /*margin-left: 0;*/ }
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div .inner .inner .partsBox:nth-of-type(1) { align-items: flex-start; }
/*.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div .inner .inner .partsBox .formTitle { margin-right: 8px; max-width: calc(100% - 50px); min-width: 4em; }*/
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div .inner .inner .partsBox .tooltip + .formTitle { margin-right: 8px; max-width: calc(100% - 65px); }
.questionInputList.checkList.masterList .vc-day-content { display: flex !important; }
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div .inner .inner .partsBox:first-child .formTitle { margin-right: 8px; max-width: calc(100% - 70px); min-width: 4em; margin-bottom: 0 !important;}
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div .inner .inner > .box.box1 > .colTtl { margin-bottom: 10px; }
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div .inner .inner > .box.box1 { margin-top: 10px; margin-bottom: 10px; }
.questionInputList.checkList.masterList .lists .listBody > .inner > dl.list1 > dd > dl.list2 > dt > div .inner .inner .partsBox > div:nth-last-of-type(n+2) .formTitle { margin-left: 8px; }

.questionInputList .list3 .formGroup > .inner { position: relative; }
.questionInputList .list3 .formGroup > .inner .inputLockOuter { position: absolute; right: 0; }


/*本聴取質問フォームパーツデザイン調整*/
.formGroup.formBlock .unit { margin-left: 10px; margin-right: 10px; }
.formGroup.formBlock .inner > .box { margin-top: 20px; }
.formGroup.formBlock .inner > .box .partsBox .formGroup.formBlock > .inner { margin-bottom: 15px !important; }
.formGroup.formBlock .inner > .box .partsBox .formGroup.formBlock > .inner:nth-last-of-type(1) { margin-bottom: 0 !important; }
.qf21 .partsBox:nth-of-type(2) span:nth-of-type(2) { display: inline-block; margin: 0 5px; }
.qf30 .partsBox:nth-of-type(2) .formTitle,
.qf30 .partsBox:nth-of-type(3) .formTitle,
.qf30 .partsBox:nth-of-type(4) .formTitle { min-width: 4em !important; }
.qf35 .partsBox:nth-of-type(2) > div { min-width: calc(100% / 2); }
.qf50 .partsBox:nth-of-type(2) > div { min-width: calc(100% / 2); }
.qf38 .partsBox:nth-of-type(3) input:nth-of-type(2) { margin-left: 7px; }
.qf48 .partsBox:nth-of-type(2) select { margin-left: 10px; }
.qf59 .partsBox:nth-of-type(2) input { margin-left: 10px; }
.qf79 .partsBox:nth-of-type(2) select:nth-of-type(2) { margin-left: 15px; }
.qf80 .partsBox:nth-of-type(2) select:nth-of-type(2) { margin-left: 15px; }
.qf90 .partsBox:nth-of-type(2) input:nth-of-type(2) { margin-left: 7px; }
.qf91 .partsBox:nth-of-type(2) select { margin-right: 10px; }
.qf96 .inner > .box .partsBox .partsBox select { margin-right: 10px; }
.qf96 .inner > .box .partsBox .partsBox select:nth-of-type(2) { margin-left: 10px; }
.qf138 .partsBox:nth-of-type(2) .formTitle,
.qf138 .partsBox:nth-of-type(3) .formTitle,
.qf138 .partsBox:nth-of-type(4) .formTitle { min-width: 4em !important; }

/*書類収集（書類収集状況テーブル）*/
.documentStatusList td .tooltip { position: relative; top: 7px; margin-bottom: 3px; }


/*-------------------------------------------------------------
インフォメーション
-------------------------------------------------------------*/
#information {}
#information ul { width: 100%; }
#information ul li { display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #DDD; }
#information ul li:nth-last-of-type(1) { padding-bottom: 0; border-bottom: none; }
#information .date { flex-grow: 0; flex-shrink: 0; flex-basis: 9em; padding-top: 2px; }
#information .inner { flex: 1; }
#information .inner .ttl { font-size: 1.2em; font-weight: 500; margin-bottom: 5px; }
#information .inner .cont { margin-bottom: 5px; }
#information .inner .link {}


/* ダッシュボード */
#dashboard .box .colTxt { font-size: 1.2rem; }
#dashboard .box.top { font-size: 2rem; color: #fff; }
#dashboard .box.top .colTxt { font-size: 1.4rem; }
#dashboard .box.top .inner { background-color: var(--mainColor); font-size: 24px; font-weight: bold; }
#dashboard .box.top .col:nth-child(2) .inner { background-color: var(--processingColor) }
#dashboard .box.top .col:nth-child(3) .inner { background-color: var(--subColor) }
#dashboard .box.top .count { font-size: 2rem; }
#dashboard .box.top .unit { font-size: 0.625em; }
#dashboard .taskTable { display: table; table-layout: fixed; }
.taskTable .flowIco { position: relative; display: block; width: 19px; height: 19px; margin: 0 auto; text-indent: -9999px; border-radius: 50%; }
.taskTable .flowIco.caution:before { content: ""; position: absolute; top: 50%; left: 8px; display: block; margin-top: -7px; width: 3px; height: 13px; z-index: 1; background: url(../images/ico_excl_flow.svg) no-repeat center; background-size: 3px 13px; }
.taskTable .flowIco.caution,
.taskTable .flowIco.caution:after { background-color: var(--addColor); }
.taskTable .date { font-size: 0.625rem; text-align: center; }
.questionInputList .lists .partsBox select.minW500 { min-width: 500px; max-width: 100%; box-sizing: border-box; }