#info .info-unread-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 50%;
  background: #EE0101;
  vertical-align: middle;
}

#modal_info #info .table-plain tr td {
  padding: 16px 0 16px 0;
}

#modal_info #info .table-plain tr td:nth-child(2) {
  position: relative;
  padding-left: 24px;
  word-break: break-word;
}

#modal_info #info .table-plain tr td:nth-child(2) .info-unread-dot {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-40%);
  margin: 0;
}

#modal_info #info .table-plain tr.bold td {
  font-weight: 700;
}

#info .table.table-information tr td {
  padding: 16px 0 16px 0;
}

#info .table.table-information tr td:nth-child(2) {
  position: relative;
  padding-left: 24px;
  word-break: break-word;
}

#info .table.table-information tr td:nth-child(2) .info-unread-dot {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-40%);
  margin: 0;
}

#info .table.table-information td:first-child {
  width: 0px;
}

#info .table.table-information tr:hover td {
  background-color: #fffcca;
  cursor: pointer;
}

#info .table {
  width: 100%;
  table-layout: auto;
}

/***__RESET CSS__***/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, img, small, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, thead, tr, th, td, footer, header, nav, section{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

footer, header, nav, section {
  display: block;
}

ul{
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  vertical-align: baseline;
  text-decoration: none;
}

a:active,
a:hover {
  outline-width: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border-style: none;
}

figcaption {
  text-align: center;
}

input, select, textarea{
  margin: 0;
  font: inherit;
}

button{
  margin: 0;
  padding: 0;
  background-color: #fff;
  font: inherit;
}
/***__/RESET CSS__***/

/***__BASE__***/

html {
  height: 100%;
}


body {
  box-sizing: border-box;
  color: #404974;
  font-size:14px;
  line-height: 1.7;
  min-width: 1120px;
  height: 100%;
  background: url('../img/bg.gif') repeat;
}

body {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* {
  box-sizing: inherit;
}

.hide {
  display: none!important;
}

.wrap {
  min-width: 1120px;
}

/***__/BASE__***/

/***__TEXT__***/
a {
  color: #2499d4;
  text-decoration: underline;
  font-weight: normal;
}

a:not(.disabled):not([disabled]){
  cursor: pointer;
}


.light-text {
  color: #aaa;
}

.bold {
  font-weight: bold;
}

.heading-1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.heading-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

.heading-3 {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
}

/***__/TEXT__***/
.text_dangert{
  color: #FF0000;
}

/***__flexレイアウト__***/
.flex {
  display: -webkit-flex;
  display: flex;
}

.flex-a-center {
  -webkit-align-items: center;
  align-items: center;
}

.flex-a-start {
  -webkit-align-items: start;
  align-items: start;
}

.flex-center {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-flow-column {
  flex-flow: column;
}

/***__MARGIN & PADDING__***/
.m0 {
  margin: 0!important;
}

.mt5{
    margin-top: 5px!important;
}
.mt10 {
  margin-top: 10px!important;
}

.mt20 {
  margin-top: 20px!important;
}

.mt30 {
  margin-top: 30px!important;
}

.mt40 {
  margin-top: 40px!important;
}

.mb0 {
  margin-bottom: 0!important;
}
.mb5{
    margin-bottom: 5px!important;
}
.mb10 {
  margin-bottom: 10px!important;
}

.mb20 {
  margin-bottom: 20px!important;
}

.mb30 {
  margin-bottom: 30px!important;
}

.mb40 {
  margin-bottom: 40px!important;
}
.mla{
  margin-left: auto;
}
.ml5{
    margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 40px;
}
.mr5{
    margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mx-auto {
  margin: 0 auto;
}

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

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

.pt10 {
  padding-top: 10px!important;
}

.pt20 {
  padding-top: 20px!important;
}

.pt30 {
  padding-top: 30px!important;
}

.pt40 {
  padding-top: 40px!important;
}

.pt70 {
  padding-top: 70px!important;
}

.pb10 {
  padding-bottom: 10px!important;
}

.pb20 {
  padding-bottom: 20px!important;
}

.pb30 {
  padding-bottom: 30px!important;
}

.pb40 {
  padding-bottom: 40px!important;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

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

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}


.h70 {
  height: 70px
}

.px0 {
  padding-right: 0!important;
  padding-left: 0!important;
}

.wid100 {
  width: 100px !important;
}

.w50 {
  width: 50%;
}

.w80 {
  width: 80%;
}

.w100 {
  width: 100%!important;
}

.min-wid100 {
  min-width: 100px;
}

.min-wid300 {
  min-width: 300px;
}

.min-wid350 {
  min-width: 350px;
}

.top75 {
  top: 75px!important;
}

.relative {
  position: relative;
}

/***__MODULES__***/
/*BACKGROUND*/

main {
  padding: 95px 0 20px;
}

main.headerless {
  padding: 15px 0 20px;
}

main.naviless {
  padding: 60px 0 20px;
}

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

/**/


/*BUTTON*/
.btn {
  display: block;
  position: relative;/*リップルエフェクト用*/
  width: auto;
  height: 30px;
  padding: 0 10px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
  color: #404974;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;/*リップルエフェクト用*/
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.2s ease-in-out;
  outline: 0;
}
.btn:hover {
  background:#e0e0e0;
}

.btn:active,
.btn:focus {
  -webkit-box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
}

.btn .rp-effect {
  position: absolute;
  border-radius: 50%;
  background: #FFF;/*波紋色*/
  opacity: 0.35;/*波紋の濃さ*/
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: ripple 700ms;
  animation: ripple 700ms;
  pointer-events: none;
}

.btn > .icon {
  padding-right: 10px;
  font-size: 16px;
  vertical-align: middle;
}

.btn.btn-small > .icon {
  padding-right: 5px;
  font-size: 14px;
}

@-webkit-keyframes ripple {
  to {
    opacity: 0;
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
  }
}

@keyframes ripple {
  to {
    opacity: 0;
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
  }
}

.btn-blue {
  background: #1f83b5 -moz-linear-gradient(top, #218ec4, #1f83b5);
  background: #1f83b5 -webkit-linear-gradient(top, #218ec4, #1f83b5);
  background: #1f83b5 linear-gradient(#218ec4, #1f83b5);
  color: #fff;
  font-weight: bold;
}

.btn-blue:hover {
  background-color: #1c78a6;
}

.btn-green {
  background: #1fb553 -moz-linear-gradient(top, #21c45b, #1fb553);
  background: #1fb553 -webkit-linear-gradient(top, #21c45b, #1fb553);
  background: #1fb553 linear-gradient(#21c45b, #1fb553);
  color: #fff;
  font-weight: bold;
}

.btn-green:hover {
  background-color: #1ca65c;
}

.btn-red {
  background: #d95f6c -moz-linear-gradient(top, #e76571, #d95f6c);
  background: #d95f6c -webkit-linear-gradient(top, #e76571, #d95f6c);
  background: #d95f6c linear-gradient(#e76571, #d95f6c);
  color: #fff;
  font-weight: bold;
}

.btn-red:hover {
  background-color: #c95964;
}

.btn-gray {
  background: -moz-linear-gradient(top, #aaa, #9c9c9c);
  background: -webkit-linear-gradient(top, #aaa, #9c9c9c);
  background: linear-gradient(#aaa, #9c9c9c);
  background-color: #9c9c9c;
  color: #fff;
  font-weight: bold;
}

.btn-gray:hover {
  background-color: #8c8c8c;
}

.btn-white {
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
  color: #404974;
}

.btn-white:hover {
  background:#e0e0e0;
}

.btn.disabled, .btn:disabled{
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eee;
  color: #fff;
  font-weight: bold;
  cursor: default;
  border: none;
}

.btn.disabled:hover {
  background-color:#eee;
}

.btn.active {
  background: #218ec4;
  -webkit-box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
  color: #fff;
  font-weight: bold;
}

.btn-small {
  height:30px;
  width: 120px;
  font-size:12px;
  line-height: 28px;
}

.btn-small-wide {
  width: 160px
}

.btn-medium {
  height:40px;
  width: 200px;
  font-size: 14px;
  line-height: 38px;
}

.btn-large {
  height:60px;
  font-size: 16px;
  line-height: 58px;
}

.btn-search {
  font-size: 14px;
}

.btn-stretched {
  width: 100%;
}

.btn-icon {
  width: 30px;
  height: 30px;
  font-size:16px;
  padding: 6px;
  line-height: 1;
}

.btn-icon > .icon {
  padding: 0;
  line-height: 16px;
  display: block;
}

.btn-icon.disabled .icon{
  color: #404974;
  opacity: 0.5;
}

.btn-small-icon {
  width: 20px;
  height: 20px;
  font-size:5px;
  padding: 1px;
  line-height: 1;
  display: inline;
}

.btn-small-icon > .icon {
  padding: 0;
  display: inline;
}

.btn-icon-group {
  display: -webkit-flex;
  display: flex;
}

.btn-icon-group > * + * {
  margin-left: 10px;
}

.btn-icon.has-alert{
  position: relative;
}

.btn-icon.has-alert:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e11b74;
  -moz-transform: translate(50%,-50%);
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
  content: '';
}


.btn-submenu {
  display: -webkit-flex;
  display: flex;
  width: 220px;
  height: 40px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: normal;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
  line-height: initial;
}

.btn-submenu.bulk-import-check {
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 16px;
  padding: 0 32px;
  align-items: center;
  height: 48px; /* ボタンの高さを固定 */
  line-height: 48px; /* テキストを垂直中央に */
}

.btn-submenu > .icon {
  font-size: 20px;
  padding-right:10px;
}
.btn-submenu > .label {
  margin-left: 10px;
}

.btn-switch-container{
  -webkit-display: flex;
  display: flex;
  width: 200px;
  height:30px;
}

.btn-switch {
  border-radius: 0;
  font-size: 14px;
  -webkit-flex: 1;
  flex: 1;
}

.btn-switch:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-switch:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-switch.active {
  box-shadow:none;
  background: #fffcca;
  color: #404974;
  font-weight: normal;
  cursor: default;
}

.btn.btn-nopadding {
  padding: 0 !important;
}

.btn.btn-nopadding span {
  padding: 0 10px;
}


/*ドロップダウン*/
.dropdown {
  max-width: 100%;
  height: 30px;
  padding:0 5px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
  color: #404974;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

.dropdown.dropdown-large {
  font-size: 14px;
}

.dropdown:hover {
  background: #e0e0e0;
}

.dropdown:focus,
.dropdown:active {
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
}

.dropdown option {
  background-color: #fff;
}

.dropdown option[selected] {
  background: #fffcca;
}

.dropdown option {
  height:30px;
  color: inherit;
  padding:5px 0;
}

.dropdown:not(select) {
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding: 0 30px 0 10px;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
}

.dropdown.dropdown-simple:not(select) {
  border-color: transparent;
  box-shadow:none;
  background-image: none;
  background-color: transparent;
}

.dropdown:not(select):not(.btn, .dropdown-aptitude-test-answer):before {
  position: absolute;
  top:3px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: transparent transparent #404974 transparent;
  content: '';
}

.dropdown:not(select):not(.btn, .dropdown-aptitude-test-answer):after {
  position: absolute;
  bottom:3px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: #404974 transparent transparent transparent;
  content: '';
}

.dropdown:not(select) > ul {
  display: none;
  position:absolute;
  top: 100%;
  left: 0;
  width: auto;
  min-width: 100%;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  z-index: 1;
  overflow-y: auto;
  max-height: 320px;
}

.dropdown:not(select) > ul::-webkit-scrollbar {
  width: 5px;
}

.dropdown:not(select) > ul::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}


.dropdown.dropdown-aligned-right:not(select) > ul {
  left: auto;
  right: 0;
}

.dropdown:not(select) > ul li {
  width: 100%;
  background-color: #fff;
}

.dropdown:not(select) > ul li a,
.dropdown:not(select) > ul li input[type="submit"],
.dropdown:not(select) > ul li button {
  -webkit-display: flex;
  display: flex;
  flex: 1;
  height: 30px;
  padding:0 10px;
  border:none;
  background-color: inherit;
  -webkit-align-items: center;
  align-items: center;
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
}

.dropdown:not(select) > ul li.dropdown-list-child a,
.dropdown:not(select) > ul li.dropdown-list-child input[type="submit"],
.dropdown:not(select) > ul li.dropdown-list-child button {
  padding-left: 20px;
}


.dropdown:not(select) > ul li:hover{
  background-color: #fffcca;
}


.dropdown:not(select):focus{
  background: #fff;
}

.dropdown.dropdown-simple:not(select):focus{
  background: transparent;
}

.dropdown ul li.dropdown-list-header {
  -webkit-display: flex;
  display: flex;
  flex: 1;
  height: 30px;
  padding:0 10px;
  background-color: inherit;
  -webkit-align-items: center;
  align-items: center;
  color: #aaa;
  font-weight: normal;
  cursor: default;
}

.dropdown ul li.dropdown-list-header:hover {
  background-color: #fff;
}

.dropdown ul li.divider {
  position: relative;
  width: auto;
  height: 1px;
  margin: 5px 10px;
}
.dropdown ul li.divider:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #cdcdcd;
  content: '';
}

.btn.dropdown {
  padding: 0 10px;
  overflow: visible;
}

.btn.btn-icon.dropdown {
  padding: 6px;
}

.btn.btn-icon.dropdown .icon{
  font-size: 16px;
}


.dropdown-list-container {
  position: relative;
  overflow: visible;
}

.dropdown-list {
  display: none;
  position:absolute;
  top: 100%;
  left: 0;
  width: auto;
  min-width: 100%;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  z-index: 1;
  font-size: 12px;
  color: #404974;
}

.dropdown-list .checkbox label {
  -webkit-display: flex;
  display: flex;
  flex: 1;
  height: 30px;
  padding:0 10px 0 35px;
  border:none;
  background-color: inherit;
  -webkit-align-items: center;
  align-items: center;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.dropdown-list .checkbox label:before {
  left: 10px;
}

.dropdown-list .checkbox input[type="checkbox"]:checked + label:after {
  left: 11px;
}

.dropdown-list li:hover {
  background-color: #fffcca;
}

.dropdown-aptitude-test-answer {
  padding: 0 10px 0 13px !important;
}

.dropdown-box {
  max-width: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
  color: #404974;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

.dropdown-box:hover {
  background: #e0e0e0;
}

.dropdown-box:focus,
.dropdown-box:active {
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
}

.dropdown-box > span {
  display: block;
  line-height: 28px;
}

.dropdown-box-body {
  display: none;
  position:absolute;
  top: 100%;
  left: 0;
  width: auto;
  min-width: 100%;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  z-index: 1;
  overflow-y: auto;
  max-height: 320px;
  padding: 10px;
  max-width: 750px;
}

.dropdown-box.dropdown-aligned-right:not(select) > .dropdown-box-body {
  left: auto;
  right: 0;
}

.btn.dropdown-box {
  padding: 0 10px;
  overflow: visible;
}

/*折り畳みボタン*/
.collapsible-heading {
  display: inline-block;
  position: relative;
  padding-right: 34px;
  color: #404974;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.collapsible-heading:after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width:0;
  height:0;
  border-width: 8px 7px;
  border-style: solid;
  border-color: #aaa transparent transparent transparent;
  -moz-transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  content: '';
}

.collapsible-heading.active:after {
  border-color: transparent transparent #aaa transparent;
  -moz-transform: translateY(-12px);
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}

.collapsible-body {
  display: none;
}

.sidebar-accordion {
  position: relative;
  width: 220px;
  margin-bottom: 20px;
  background-color: #fff;
  line-height: 1;
}

.sidebar-accordion.sidebar-line {
  width: 218px;
  border: none;
}

.sidebar-accordion > div {
  border: 1px solid #cdcdcd;
}

.sidebar-accordion > div + div {
  border-top: none;
}

.sidebar-accordion-header {
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 16px;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}

.sidebar-accordion.sidebar-line .sidebar-accordion-header {
  border-top: none;
  border-left: none;
  border-right: none;
}

.sidebar-accordion-header:after {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  height: 0;
  border-width: 8px 7px;
  border-style: solid;
  border-color: #aaa transparent transparent transparent;
  -moz-transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  content: '';
}

.sidebar-accordion-header.active:after {
  border-color: transparent transparent #aaa transparent;
  -moz-transform: translateY(-12px);
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}

.sidebar-accordion-body {
  max-height: 0;
  transition: max-height .2s ease;
  overflow: hidden;
}

.sidebar-accordion.sidebar-line .sidebar-accordion-body {
  border-left: none;
}

.sidebar-accordion-header.active + .sidebar-accordion-body {
  max-height: 190px;
}

.sidebar-accordion-header > .icon {
  margin-right: 5px;
}

.sidebar-divider-dotted {
  width: 100%;
  border: 1px dotted #cdcdcd;
  margin-bottom: 20px;
}

.sidebar-small-menu {
  border: 1px solid #cdcdcd;
  background-color: #fff;
  margin-bottom: 20px;
}

.sidebar-small-menu-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: none;
  color: #404974;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.sidebar-small-menu-item.disabled {
  background-color: #eeeeee;
}

.sidebar-small-menu-item:not(.disabled):hover,
.sidebar-small-menu-item.dropdown-simple:hover {
  background-color: #fffcca;
}

.sidebar-small-menu-item > .icon {
  font-size: 14px;
  margin-right: 10px;
}

.sidebar-small-menu > *:nth-last-child(n+2) {
  border-bottom: 1px solid #cdcdcd;
}

.sidebar-small-menu > .dropdown-simple:nth-last-child(n+2) {
  border-bottom: 1px solid #cdcdcd;
}

.sidebar-small-menu > .dropdown:before,
.sidebar-small-menu > .dropdown:after {
  content: none!important;
}



/*パンくずリスト*/
.breadcrumbs {
  overflow: hidden;
  margin-bottom: 15px;
  padding-left: 10px;
}

.breadcrumbs > * {
  float: left;
  color: #404974;
  font-size:12px;
  line-height: 1;
}

.breadcrumbs > *:after {
  display: inline-block;
  margin-right: 5px;
  padding-left: 5px;
  content: '>';
}

.breadcrumbs > .current {
  font-weight: bold;
}

.breadcrumbs > .current:after {
  content: none;
}

.breadcrumbs a {
  color: #404974;
  text-decoration: none;
}

/*タブ*/
.tabs {
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
}

.tabs > * {
  display: -webkit-flex;
  display: flex;
  width: 150px;
  height:26px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #cdcdcd;
  color: #fff;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
  cursor: pointer;
}

.questionnaire_answer_tabs > * {
  width: 235px;
}

.tabs > * > * {
  overflow:hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.tabs > .active {
  cursor: default;
}

.tabs > .active > * {
  cursor: default;
}

.tabs > * + * {
  margin-left: 2px;
}

.tabs li:not(.active):not(:hover){
  background-color: #cdcdcd;
}

.tabs.tabs-large > * {
  width: auto;
  height: 32px;
  -webkit-flex: 1;
  flex: 1;
}

.tabs.tabs-large > .active {
  background-color: #218ec4;
  -webkit-box-shadow: 0 0 4px 0 #92dddb;
  box-shadow: 0 0 4px 0 #92dddb;
  font-weight: bold;
}

/*ページネーション*/
.pagination {
  display: -webkit-flex;
  display: flex;
  color: #404974;
  line-height: 1.1;
}

.pagination > * {
  margin: 0 6px;
}
.pagination > .prev
.pagination > .prev-inactive {
  margin-right: 12px;
}
.pagination > .next,
.pagination > .next-inactive {
  margin-left: 12px;
}
.pagination > .active {
  border-bottom: 2px solid #404974;
}

.pagination a {
  color: #404974;
  text-decoration: none;
}

.star {
  display: inline-block;
  padding:8px;
  background: url(../img/utility/star.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}

.star.active {
  background-image: url(../img/utility/star_a.png);
}

.has-tooltip,
.has-balloon {
  position: relative;
  overflow: visible;
}
.tooltip {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: auto;
  height: 20px;
  padding: 0 10px;
  border-radius:10px;
  background-color: #000;
  color : #fff;
  font-size: 10px;
  font-weight: normal;
  white-space: nowrap;
  opacity: 0;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items:center;
  align-items:center;
  -moz-transform: translate(-50%,-10px);
  -webkit-transform: translate(-50%,-10px);
  transform: translate(-50%,-10px);
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  pointer-events: none;
}
.tooltip:after {
  position:absolute;
  top: 100%;
  left: 50%;
  border-width: 10px 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}
.tooltip.bottom {
  bottom: -40px;
}
.tooltip.bottom:after {
  top: -100%;
  border-color: transparent transparent #000 transparent;
}

.tooltip.right {
  bottom: 50%;
  left: 100%;
  -moz-transform: translate(10px, 50%);
  -webkit-transform: translate(10px, 50%);
  transform: translate(10px, 50%);
}

.tooltip.right:before {
  right: 100%;
  top: 50%;
  left: initial;
  border-width: 4px 10px;
  border-color: transparent #000 transparent transparent;
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.tooltip.right:after {
  right: calc(100% - 1px);
  top: 50%;
  left: initial;
  border-width: 4px 10px;
  border-color: transparent #000 transparent transparent;
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.has-tooltip:hover .tooltip {
  opacity: .8;
}

.balloon {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  min-width: 220px;
  padding: 10px 10px 20px;
  border-radius: 4px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  color: #404974;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0;
  -moz-transform: translate(-50%,-10px);
  -webkit-transform: translate(-50%,-10px);
  transform: translate(-50%,-10px);
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  pointer-events: none;
  z-index: 99;
}

.update-arrival-date-balloon {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  min-width: 220px;
  padding: 10px 10px 20px;
  border-radius: 4px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  color: #404974;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0;
  -moz-transform: translate(-50%,-10px);
  -webkit-transform: translate(-50%,-10px);
  transform: translate(-50%,-10px);
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  pointer-events: none;
  z-index: 99;
}

.has-balloon-clickable {
  cursor: pointer;
}

.has-balloon-clickable.selected{
  background-color: #fffcca!important;
}

.has-balloon-clickable .update-arrival-date-balloon.active {
  opacity: 1;
  pointer-events: auto;
}


.has-balloon:not(.has-balloon-clickable):hover .balloon {
  display: block;
  opacity: 1;
}

.has-balloon-clickable:hover .balloon {
  opacity: 0;
}

.has-balloon-clickable:hover .balloon.active {
  opacity: 1;
}

.balloon.balloon-wide {
  min-width: 320px;
}

.balloon:before {
  position:absolute;
  top: 100%;
  left: 50%;
  border-width: 10px 4px;
  border-style: solid;
  border-color: #cdcdcd transparent transparent transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}
.balloon:after {
  position:absolute;
  top: calc(100% - 1px);
  left: 50%;
  border-width: 10px 4px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}


.balloon-left {
  bottom: 50%;
  left: 0;
  -moz-transform: translate(calc(-100% - 10px), 50%);
  -webkit-transform: translate(calc(-100% - 10px), 50%);
  transform: translate(calc(-100% - 10px), 50%);
}

.balloon-left:before {
  left: 100%;
  top: 50%;
  right: initial;
  border-width: 4px 10px;
  border-color: transparent transparent transparent #cdcdcd;
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.balloon-left:after {
  left: calc(100% - 1px);
  top: 50%;
  right: initial;
  border-width: 4px 10px;
  border-color: transparent transparent transparent #fff;
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.balloon-right {
  bottom: 50%;
  left: 100%;
  -moz-transform: translate(10px, 50%);
  -webkit-transform: translate(10px, 50%);
  transform: translate(10px, 50%);
}

.balloon-right:before {
  right: 100%;
  top: 50%;
  left: initial;
  border-width: 4px 10px;
  border-color: transparent #cdcdcd transparent transparent;
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.balloon-right:after {
  right: calc(100% - 1px);
  top: 50%;
  left: initial;
  border-width: 4px 10px;
  border-color: transparent #fff transparent transparent;
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.icon-introduction-entry-sheet {
  background-image: url(../img/icons/introduction-entry-sheet.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 19px;
  display: inline-block;
}

.balloon-entry-sheet {
  display: none;
  position: absolute;
  bottom: 127%;
  left: -452%;
  min-width: 223px;
  padding: 10px 10px 20px;
  border-radius: 4px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  color: var(--neutral-900);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  opacity: 0;
  -moz-transform: translate(-50%,-10px);
  -webkit-transform: translate(-50%,-10px);
  transform: translate(-50%,-10px);
  -webkit-transition: opacity var(--transition-ease-out);
  transition: opacity var(--transition-ease-out);
  z-index: 99;
  text-align: left;
}

.balloon-entry-sheet:before {
position:absolute;
top: 100%;
left: 95%;
border-width: 10px 4px;
border-style: solid;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
}

.balloon-entry-sheet:after {
position:absolute;
top: calc(100% - 1px);
left: 95%;
border-width: 10px 4px;
border-style: solid;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
}

.balloon-below {
  bottom: -1000%;
}

.balloon-below:before {
  top: -17%;
  border-color: transparent transparent #cdcdcd transparent;
}

.balloon-below:after {
  top: calc(-17% + 1px);
  border-color: transparent transparent #fff transparent;
}

.balloon_below_in_auth_select_an_account_modal {
  bottom: -240%;
}

.balloon_below_in_auth_select_an_account_modal:before {
  top: -30%;
  border-color: transparent transparent #cdcdcd transparent;
}

.balloon_below_in_auth_select_an_account_modal:after {
  top: calc(-30% + 1px);
  border-color: transparent transparent #fff transparent;
}

.balloon-below-introduction-recommend {
  bottom: -500%;
  left: -500%;
}

.balloon-below-introduction-recommend:before {
  top: -42%;
  left: 85%;
  border-color: transparent transparent #cdcdcd transparent;
}

.balloon-below-introduction-recommend:after {
  top: calc(-42% + 1px);
  left: calc(84% + 1px);
  border-color: transparent transparent #fff transparent;
}

.has-balloon:hover .balloon {
  opacity: 1;
}

.has-balloon-clickable:hover .balloon {
  opacity: 0;
}

.has-balloon-clickable:hover .balloon.active {
  opacity: 1;
}

.has-balloon-clickable.selected .balloon {
  display: block;
  opacity: 1;
  pointer-events: fill;
}

.icon-shape_help {
  font-size: 14px;
}

.checkbox {
  line-height: 1;
}

.checkbox.disabled {
  opacity: 0.5;
}

.checkbox:not(.hidden-checkbox) input[type="checkbox"] {
  display: none;
}

.checkbox.hidden-checkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
  top: 1rem;
  left: .5rem;
}

.checkbox label {
  display: flex;
  position: relative;
  min-height: 15px;
  padding-left:25px;
  cursor: pointer;
  font-size: 12px;
  -webkit-align-items: center;
  align-items: center;
}

.checkbox label::before {
  position:absolute;
  left:0;
  top:50%;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  background-color: #aaa;
  -moz-transform: translateY(-8px);
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  content: '';
}

.checkbox input[type="checkbox"]:checked + label {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox input[type="checkbox"]:checked + label:before {
  background-color: #218ec4;
  box-shadow: 0 0 4px #92dddb;
}

.checkbox input[type="checkbox"]:checked + label:after {
  position: absolute;
  left: 1px;
  top: 50%;
  color: #fff;
  font-size: 12px;
  font-family: 'rootstrap' !important;
  line-height:1;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e906";
}

.checkbox input[type="checkbox"]:indeterminate + label:before {
  background-color: #218ec4;
  box-shadow: 0 0 4px #92dddb;
}

.checkbox input[type="checkbox"]:indeterminate + label:after {
  position: absolute;
  left: 3px;
  top: 50%;
  width: 9px;
  height: 2px;
  border-radius: 1px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  font-family: inherit;
  content: "";
}

.checkbox-toggle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.checkbox-toggle > label + span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}

.checkbox-toggle > label + span > span {
  margin-left: 5px;
  font-size: 10px;
}

.checkbox-toggle > span > span.introduction_company_label {
  font-size: 12px;
  margin-left: unset;
}

.checkbox-long label{
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkbox-group-vertical .checkbox:nth-last-child(n+2){
  margin-bottom: 10px;
}

#dl_candidate_modal .dl_candidate_item_block > .checkbox {
  align-items: flex-start;
  height: auto;
  margin-bottom: 8px;
}

#dl_candidate_modal .dl_candidate_item_block > .checkbox label {
  align-items: flex-start;
  height: auto;
  width: 100%;
}

#dl_candidate_modal
  .dl_candidate_item_block
  > .checkbox
  label
  p.item-category-label {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.4;
  margin: 0;
}

#dl_candidate_modal .dl_candidate_item_block .form-checkbox {
  width: 100%;
}

#dl_candidate_modal .dl_candidate_item_block .form-checkbox .checkbox {
  display: block;
  height: auto;
  margin-bottom: 8px;
}

#dl_candidate_modal .dl_candidate_item_block .form-checkbox .checkbox label {
  display: block;
  width: 100%;
  height: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.4;
}

.checkbox.checkbox-668cb3 label:before,
.checkbox.checkbox-668cb3 input[type="checkbox"]:checked + label:before {
  background-color: #668cb3;
}

.checkbox.checkbox-7ec225 label:before,
.checkbox.checkbox-7ec225 input[type="checkbox"]:checked + label:before {
  background-color: #7ec225;
}

.checkbox.checkbox-f2a640 label:before,
.checkbox.checkbox-f2a640 input[type="checkbox"]:checked + label:before {
  background-color: #f2a640;
}

.checkbox.checkbox-d96666 label:before,
.checkbox.checkbox-d96666 input[type="checkbox"]:checked + label:before {
  background-color: #d96666;
}

.checkbox.checkbox-c4a883 label:before,
.checkbox.checkbox-c4a883 input[type="checkbox"]:checked + label:before {
  background-color: #c4a883;
}

.checkbox.checkbox-737373 label:before,
.checkbox.checkbox-737373 input[type="checkbox"]:checked + label:before {
  background-color: #737373;
}

.checkbox.checkbox-0078d4 label:before,
.checkbox.checkbox-0078d4 input[type="checkbox"]:checked + label:before {
  background-color: rgb(0, 120, 212);
}

.checkbox.checkbox-0b857d label:before,
.checkbox.checkbox-0b857d input[type="checkbox"]:checked + label:before {
  background-color: rgb(11, 133, 125);
}

.checkbox.checkbox-107c10 label:before,
.checkbox.checkbox-107c10 input[type="checkbox"]:checked + label:before {
  background-color: rgb(16, 124, 16);
}

.checkbox.checkbox-0128c5 label:before,
.checkbox.checkbox-0128c5 input[type="checkbox"]:checked + label:before {
  background-color: rgb(1, 39, 197);
}

.checkbox.checkbox-891798 label:before,
.checkbox.checkbox-891798 input[type="checkbox"]:checked + label:before {
  background-color: rgb(136, 23, 152);
}

.checkbox.checkbox-e3008c label:before,
.checkbox.checkbox-e3008c input[type="checkbox"]:checked + label:before {
  background-color: rgb(227, 0, 140);
}

.checkbox.checkbox-db3a00 label:before,
.checkbox.checkbox-db3a00 input[type="checkbox"]:checked + label:before {
  background-color: rgb(219, 58, 0);
}

.checkbox.checkbox-cf0f1f label:before,
.checkbox.checkbox-cf0f1f input[type="checkbox"]:checked + label:before {
  background-color: rgb(207, 15, 31);
}

.checkbox.checkbox-666666 label:before,
.checkbox.checkbox-666666 input[type="checkbox"]:checked + label:before {
  background-color: rgb(102, 102, 102);
}

.radio {
  line-height: 1;
}

.radio:not(.hidden-radio) input[type="radio"] {
  display: none;
}

.radio.hidden-radio input[type="radio"] {
  visibility: hidden;
  position: absolute;
  top: 1rem;
  left: .5rem;
}

.radio label {
  min-height: auto !important;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  font-size: 12px;
}

.radio label::before {
  position:absolute;
  left:0;
  top:50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #aaa;
  -moz-transform: translateY(-8px);
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  content: '';
}
.radio input[type="radio"]:checked + label:before {
  background-color: #218ec4;
  box-shadow: 0 0 4px #92dddb;
}

.radio  input[type="radio"]:checked + label:after {
  position: absolute;
  left: 5px;
  top:50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  -moz-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  content: '';
}

.radio-group {
  display: -webkit-flex;
  display: flex;
}

.drag-drop-upload {
  display:-webkit-flex;
  display:flex;
  width: 100%;
  height: 80px;
  border: 1px solid #cdcdcd;
  background-color: #eee;
  color: #404974;
  font-size:14px;
  -webkit-align-items: center;
  align-items: center;
}

.drag-drop-upload-vertical {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.drag-drop-upload > span {
  -webkit-flex: 1;
  flex: 1;
  line-height: 1.3;
  text-align: right;
  padding-right: 15px;
}

.drag-drop-upload-vertical > span {
  -webkit-flex: 1;
  flex: 1;
  line-height: 1.3;
  text-align: center;
  padding-bottom: 15px;
}

.drag-drop-upload > div,
.drag-drop-upload-vertical > div {
  -webkit-flex: 1;
  flex: 1;
}

.drag-drop-upload > div:first-of-type,
.drag-drop-upload-vertical > div {
  position: relative;
}


.drag-drop-upload label {
  position: absolute;
  top: calc(50% - 15px);
  right: 50%;
  width: 110px;
  height: 30px;
}


.drag-drop-upload label > input[type="file"]  {
  display: none;
}
.drag-drop-upload label + p {
  font-size: 12px;
  position: absolute;
  top: calc(50%);
  left: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 10px;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.drag-drop-upload-vertical > span + div {
  margin-top: 15px;
}

.drag-drop-upload-vertical label + p {
  padding-left: 0;
}

.drag-drop-upload > span + div label {
  right: auto;
  left: 0;
}

.drag-drop-upload-vertical > span + div label {
  right: calc(50% + 10px);
}

.drag-drop-upload > span + div label + p{
  left: 110px;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="url"] {
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: none;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  box-shadow: 0 2px 0 #cdcdcd inset;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  cursor: pointer;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="url"]:focus {
  box-shadow: 0 0 4px 0 #92dddb, 0 2px 0 #cdcdcd inset;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  max-width: 120px;
  -moz-appearance:textfield;
}

input[type="tel"] {
  width: 120px;
}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}

input[type="text"].input-small,
input[type="password"].input-small,
input[type="number"].input-small,
input[type="email"].input-small,
input[type="tel"].input-small,
input[type="date"].input-small,
input[type="url"].input-small {
  width: 160px;
}

input[type="text"].input-medium,
input[type="password"].input-medium,
input[type="number"].input-medium,
input[type="email"].input-medium,
input[type="tel"].input-medium,
input[type="date"].input-medium,
input[type="url"].input-medium {
  width: 320px;
}


textarea {
  display: block;
  width: 100%;
  min-height: 30px;
  padding: 3px 10px;
  border: none;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  box-shadow: 0 2px 0 #cdcdcd inset;
  font-size: 14px;
  resize: vertical;
  cursor: pointer;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="tel"][disabled],
input[type="date"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  cursor: default;
}

.input-label {
  display: block;
  margin-bottom: 10px;
  color: #404974;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.next-to-input-label {
  font-size: 14px;
  font-weight: normal;
  margin-top: 2px;
}

.input-label-btn-container {
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.input-label-btn-container .btn {
  margin-left: 10px;
}

.input-horizontal {
  display: -webkit-flex;
  display: flex;
}

.input-horizontal.input-horizontal-centered {
  -webkit-align-items: center;
  align-items: center;
}

.input-horizontal + .input-horizontal {
  margin-top: 10px;
}

.input-horizontal .input-label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding-right: 10px;
}

.input-horizontal > select + select {
  margin-left: 20px;
}

.input-horizontal > .radio + .radio {
  margin-left: 20px;
}


.search-form {
  display: -webkit-flex;
  display: flex;
}

.search-form .btn-icon {
  margin-left: 10px;
}

.search-form-above-tables {
  display: -webkit-flex;
  display: flex;
  width: 70%;
  max-width: 500px;
}

.search-form-above-tables > .icon-shape_help {
  margin-left: 5px;
}

.search-form-above-tables .balloon-below {
  bottom: -350%;
}

.search-form-above-tables > .btn-icon {
  margin-left: 10px;
}

.inline-form {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

.inline-form > * + * {
  margin-left: 10px;
}

.inline-form > .formError:first-child + * {
  margin-left: 0;
}


.form-block-full {
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.form-block {
  width: 990px;
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.form-block .input-horizontal > .radio {
  margin-bottom: 0;
}


.form-block .inline-form > .radio,
.form-block .inline-form > .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.form-block-header {
  margin: 0 0px 20px;
  padding: 10px 10px 8px 10px;
  color: #218ec4;
  border-bottom: 2px solid  #218ec4;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.form-block .input-label {
  font-size: 14px;
  margin-bottom: 5px;
}


.form-block-body {
  padding: 0 20px 40px;
}

.form-block-body > div {
  margin-bottom: 20px;
}

.job-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  margin-bottom: 20px;
}

.job-header {
  display: flex;
  background-color: #E5F6FF;
  font-weight: bold;
}

.job-header .section-title:first-child {
  border-right: none;
}

.job-header .section-title:last-child {
  border-left: 1px solid #cdcdcd;
}

.section-title {
  flex: 1;
  color: #404974;
  padding: 10px;
  border: 1px solid #cdcdcd;
}

.job-body {
  display: flex;
}

.job-body .job-section:first-child {
  border-right: none;
}

.job-body .job-section:last-child {
  border-left: 1px solid #cdcdcd;
}

.job-section {
  flex: 1;
  max-height: 300px;
  overflow-y: scroll;
  padding: 10px;
  border: 1px solid #cdcdcd;
  border-top: none;
  background-color: #fff;
}

.job-section .checkbox {
  margin-bottom: 16px;
  margin-top: 16px;
}

.job-section .checkbox label {
  display: flex;
  align-items: flex-start;
  word-break: break-word;
  line-height: 1.5;
  padding-right: 5px;
}

/* Macの場合でもスクロールバーを表示 */
.job-section::-webkit-scrollbar {
  width: 5px;
}

.job-section::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 3px;
}

.job-section::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}

.entry-root-wrapper .table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cdcdcd;
}

.top-inline-form {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
  padding:10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.top-inline-form > *:nth-last-child(n+2) {
  margin-right: 10px;
}

.top-inline-form > .btn {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.top-inline-form-right {
  margin-left:  auto;
  -webkit-align-self: center;
  align-self: center;
}


/*テーブル*/
.table {
  width: 100%;
}

.table th {
  padding: 5px 10px;
  background-color: #e5f6ff;
  border: 1px solid #cdcdcd;
  line-height:  1.5;
  text-align: left;
}

.table thead th {
  height: 30px;
  color: #404974;
  vertical-align: middle;
}

.table td {
  padding: 5px 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  color: #404974;
  line-height: 1.5;
  text-align: left;
}

.table tr td {
  padding: 5px 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  color: #404974;
  line-height: 1.5;
  text-align: left;
}

.table.table-information td {
  border-left: none;
  border-right: none;
}

#failed_sms_messages .table tr td {
  word-break: break-word;
}

.table.table-plain thead th {
  border: none;
}

.table.table-plain thead {
  border: 1px solid #cdcdcd;
}
.table.table-plain td {
  border-left: none;
  border-right: none;
}

.table-hover tbody tr{
  cursor: pointer;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th{
  background-color: #fffcca;
}

.table.table-not-stretched {
  width: auto;
}

.table .cell-action {
  text-align: center;
}

.table .cell-action a.icon {
  color: #404974;
}

.table .th-action {
  text-align: center;
  white-space: nowrap;
}

.tr-editable td:not(:last-child) > div:last-child {
  display: none;
}

.tr-editable.active td:not(:last-child) > div:first-child {
  display: none;
}

.tr-editable.active td:not(:last-child) > div:last-child {
  display: block;
}

.td-action {
  width: 60px;
  text-align: center;
}

.td-action-btn {
  width: 140px;
}

.table-vertical-scroll thead,
.table-vertical-scroll tbody {
  display: block;
}

.table-vertical-scroll tbody {
  overflow-y: scroll;
  height: 600px;
}

.table-vertical-scroll tbody::-webkit-scrollbar {
  width: 5px;
}
.table-vertical-scroll tbody::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

/*.td-plus-action .icon{
  margin-left: 20px;
  cursor: pointer;
  font-size: 14px;
}*/

.td-plus-action .btn-icon {
  margin-left: 10px;
}

.table .td-action {
  width: 60px;
  text-align: center;
}

.table td .btn-icon {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.table .td-action-free {
  width: auto;
}

.table td a {
  color: #404974;
}

.td-action a {
  color: #404974;
  text-decoration: none;
}
.td-action-text a {
  text-decoration: underline;
}

.td-nowrap {
  white-space: nowrap;
}

.td-max {
  width: 100%;
}

.align-center {
  text-align: center;
}

.table .td-action .icon {
  cursor: pointer;
}

.table td.checkbox {
  vertical-align: middle;
}

.table th.checkbox {
  vertical-align: middle;
}

.table-twocol td:first-child{
  white-space: nowrap;
}

.table-twocol th {
  white-space: nowrap;
}

.table-twocol td:last-child {
  width: 100%;
}

.table .th-sortable{
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}

.table .th-sortable:hover {
  background-color: #fffcca;
}

.table .th-sortable:after {
  position: absolute;
  right: 5px;
  top: calc(50% - 6px);
  display: block;
  height: 12px;
  font-size: 12px;
  font-family: "rootstrap"!important;
}

.table .th-sortable.asc:after {
  content: '\e958';
}

.table .th-sortable.dec:after {
  content: '\e955';
}

.table td.number {
  text-align: right;
}

/*ラベル*/
.label {
  display: inline-block;
  min-width: 30px;
  height: 20px;
  padding: 0 8px;
  border-radius: 10px;
  background-color: #e11b74;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  cursor: default;
  max-width: 100%;
}


.label.diameter-15px {
  min-width: 15px;
  height: 15px;
  line-height: 15px;
}

.red_badge_of_settings_icon {
  position: absolute;
  top: -15px;
  right: -12px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #e11b74;
}

.red_badge_of_info_item_on_settings_icon {
  position: absolute;
  top: -25px;
  right: -2px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #e11b74;
}

.label-duplicate {
  padding: 0 20px;
}

.label-mailbox {
  background-color: #eee;
  color: #404974;
  font-size: 10px;
}

.label-entryroot {
  padding: 0 20px;
  background-color: #eee;
  color: #404974;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-job {
  padding: 0 20px;
  background-color: #ebeeff;
  color: #404974;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-green {
  background-color: #a5d6a7;
}

.label-gray {
  background-color: #eee;
  color: #404974;
}

#dl-ready {
  position: absolute;
  right: 5px;
}

.border-gray {
  border: 1px solid #cdcdcd;
}


/*選考状態色*/

.color-acceptance {
  border-color: #a5d6a7;
  background-color: #a5d6a7;
  color: #a5d6a7;
}

.color-decision {
  border-color: #80deea;
  background-color: #80deea;
  color: #80deea;
}

.color-rejected {
  border-color: #8d6e63;
  background-color: #8d6e63;
  color: #8d6e63;
}

.color-decline {
  border-color: #ef9a9a;
  background-color: #ef9a9a;
  color: #ef9a9a;
}

.color-onselection {
  border-color: #90caf9;
  background-color: #90caf9;
  color: #90caf9;
}



/*パターン*/
/*カラー1：#66bb6a*/
.pattern-color-default1 {
  background-color: #66bb6a;
}

/*カラー2：#26c6da*/
.pattern-color-default2 {
  background-color: #26c6da;
}

/*カラー3：#42a5f5*/
.pattern-color-default3 {
  background-color: #42a5f5;
}

/*カラー4：#ab47bc*/
.pattern-color-default4 {
  background-color: #ab47bc;
}

/*カラー5：#ffa726*/
.pattern-color-default5 {
  background-color: #ffa726;
}

/*カラー6：#ef5350*/
.pattern-color-default6 {
  background-color: #ef5350;
}


/*男性アイコン*/
.icon-male_03 {
  color: #218ec4;
}

/*女性アイコン*/
.icon-icon_01b-04 {
  color: #ee66a8;
}
/*性別不明*/
.icon-icon_01b-05 {
  color: #aaa;
}

.td-action .icon-check_04 {
  color: #1fb553;
}

.icon-more01-in-file-management-modal {
  transform: rotate(90deg);
}
/*アラート*/

.color-alert {
  color: #e11b74;
}

.table .color-alert{
  color: #e11b74;
}

.jobinfo-alert-icon {
  float: left;
  margin: 3px 5px 0 0;
}

.flag {
  display: block;
  height: 20px;
  width: 20px;
  background-color: #eee;
  color: #fff;
  font-size:12px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  cursor: pointer;
}

.flag + .flag {
  margin-left: 5px;
}

.flag.active {
  background-color: #218ec4;
}

.flag-group {
  overflow: hidden;
}
.flag-group .flag{
  float: left;
}

.alert-message {
  padding: 5px;
  border: 1px solid #e11b74;
  border-radius: 4px;
  background-color: #fff2f8;
}

.alert-message > * {
  position: relative;
  display: block;
  padding-left: 20px;
  color: #e11b74;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

.alert-message > *:after {
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "rootstrap" !important;
  speak: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e921";
}

/* 求人フォーム等の必須項目バリデーションエラー時のフィールドハイライト */
.field-error-highlight {
  border-color: #d32f2f !important;
  background-color: #ffebee !important;
}
.field-error-highlight:focus {
  border-color: #d32f2f !important;
  box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.2) !important;
}

.alert_delete {
  cursor: pointer;
}

.annotation-message {
  padding: 5px;
  margin-bottom: 20px;
  border: 1px solid #e11b74;
  border-radius: 4px;
  background-color: #fff2f8;
  font-size: 12px;
}

.annotation-message > * {
  font-size: 12px;
  line-height: 1.5;
}

.modal_alert{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.modal_alert span{
  text-decoration: none;
  margin-left: auto;
}
.modal_alert span:after{
  display: none;
}
.annotation-message .icon-shape_info {
  margin-right: 5px;
}

.form-block .annotation-message {
  margin-bottom: 10px;
}

.annotation-message > *:nth-last-child(n+2) {
  margin-bottom: 3px;
}

.info-message {
  border: 1px solid #326ec8;
  background-color: #eff4fa;
}

.warning-message {
  border: 1px solid #feeb3b;
  background-color: #fcf8e3;
  color: #8d6e63
}

.success-message {
  border: 1px solid #a5d6a7;
  background-color: #f5fff5;
}

.scroll-container {
  overflow-y: auto!important;
}

.scroll-container::-webkit-scrollbar {
  width: 5px;
}
.scroll-container::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}


.scroll-container.main-right {
  padding-right: 0px;
  margin-right: 10px;
}

/***__/MODULES__***/

/**__MODAL__***/
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 800px;
  max-width: 90vw;
  height: 80vh;
  box-shadow:0px 1px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-59%,-50%);
  transform: translate(-50%,-50%);
  z-index: 99;
}

.modal-wide {
  width: 960px;
}

.modal-header {
  display: block;
  position: relative;
  margin: 10px 10px 20px;
  padding: 10px;
  border-bottom: 2px solid #404974;
  color: #404974;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
}

.modal-header > a {
  display: inline-block;
  margin-left: 30px;
  font-size: 14px;
  font-weight: normal;
}

.modal-header > a > .label {
  margin: -2px 0 0 5px;
}

.modal-header > .modal-close{
  position: absolute;
  top: 10px;
  right: 10px;
  color: #404974;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

.modal-body {
  /*relativeを付ける場合は個別で！*/
  height: calc(100% - 68px);
  padding: 0 20px 20px;
  overflow-y: auto;
}

#modal-overlay {
  display: none;
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: .1;
  z-index: 98;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 16px;
  border-top: 1px solid #cdcdcd;
}

.modal-body:has(+ .modal-footer) {
  height: calc(100% - 148px);
}

/* Lark連携（App ID/Secret）モーダル：デフォルトの80vh＋伸びるmodal-bodyによる下余白を抑える */
#lark_auth_modal,
#lark_auth_modal_event,
#lark_auth_modal_candidate_schedule {
  height: auto;
  max-height: 80vh;
}
#lark_auth_modal .modal-body,
#lark_auth_modal_event .modal-body,
#lark_auth_modal_candidate_schedule .modal-body {
  height: auto;
  padding-bottom: 12px;
}

.modal-footer .btn-large {
  width: 150px;
}

/***__SIDE_MENU__***/

#sidebar {
  width: 225px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 10px;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  position: sticky;
  top: 90px;
  left: 0px;
  overflow-y: auto;
  max-height: calc(100vh - 126px);
}

.headerless #sidebar {
  top: 10px;
}

#sidebar.sidebar_calendar {
  max-height: inherit;
  overflow-y: inherit;
}

#sidebar::-webkit-scrollbar {
  width: 5px;
}
#sidebar::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.justify-items-start {
  justify-items: start;
}

#side_fixed {
  width: 220px;
  /*z-index: 50;*/
}

#side_fixed::-webkit-scrollbar {
  width: 5px;
}
#side_fixed::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.sidebar-menu {
  width: 100%;
}

.sidebar-menu > *:last-child {
  margin-bottom: 20px;
}

.sidebar-block {
  width: 220px;
  margin-bottom: 20px;
  padding: 20px 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}
.sidebar-block > p {
  font-size: 12px;
}


.sidebar-block-header {
  margin-bottom: 10px;
  padding-bottom:10px;
  border-bottom: 2px solid #404974;
  color: #404974;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.sidebar-block-header > .icon{
  padding-right: 10px;
}

.sidebar-block-subheader {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}

.sidebar-block-subheader + div {
  margin-bottom: 10px;
}

.sidebar-block-subheader + div:last-of-type {
  margin-bottom: 0;
}

.sidebar-block-subheader-underlined {
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 0;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 15px;
}

.sidebar-block-body {
  padding-bottom: 20px;
}

.sidebar-block-body:last-of-type {
  padding-bottom: 0;
}

.sidebar-block-body + .sidebar-block-body {
  padding-top: 20px;
  border-top: 1px solid #cdcdcd;
}

.sidebar-block-annotation {
  width: 220px;
  margin-bottom: 20px;
  padding: 20px 10px;
}
.sidebar-block-annotation > p {
  font-size: 12px;
}

.sidebar-nav,
.sidebar-edit{
  margin-bottom: 20px;
  background-color: #fff;
  line-height: 1;
  border: 1px solid #cdcdcd;
}
.sidebar-nav .active{
    background-color: #fffcca;
}

.sidebar-nav a,
.sidebar-edit a {
  color: #404974;
  text-decoration: none;
  cursor: pointer;
}

.sidebar-nav a:hover{
    background-color: #fffcca;
}

.sidebar-nav-header,
.sidebar-edit-header {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #cdcdcd;
    font-size: 16px;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-nav-header .icon,
.sidebar-edit-header .icon {
  font-size: 18px;
  margin-right: 10px;
}

.sidebar-nav > * + * {
  border-top: 1px solid #cdcdcd;
}

.sidebar-nav-items a,
.sidebar-nav-items p {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 30px;
    padding: 0 20px;
    font-size: 12px;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-nav-items a + a {
  margin-top: 1px;
}

.sidebar-nav-items a + a:before{
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  border-top: 1px dotted #cdcdcd;
  content: '';
}

.sidebar-nav-items p {
  border-top: solid 1px #cdcdcd;
  border-bottom: solid 1px #cdcdcd;
  padding-left: 23px;
}
.sidebar-nav-items p:first-child {
  border-top: none;
}
.sidebar-nav-items p:last-child {
  border-bottom: none;
}

.sidebar-nav-items > .current,
.sidebar-nav-items > .active {
  font-weight: bold;
}

.sidebar-edit {
  position: relative;
}

.tray-item + .edit-block {
  position: absolute;
}


.sidebar-ul-sortable {
  padding: 0;
  width: 100%;
  overflow: hidden;
  border-top: none;
}
.sidebar-ul-sortable li {
  position: relative;
  font-size: 14px;
  background-color: #fff;
  border-top: solid 1px #cdcdcd;
}
.sidebar-ul-sortable li:first-child {
  border-top: none;
}
.sidebar-ul-sortable li p {
  height: 34px;
  padding: 9px 5px;
}
.sidebar-ul-sortable li p .icon-edit_01,
.sidebar-ul-sortable li p .icon-remove_02 {
  position: absolute;
  cursor: pointer;
}
.sidebar-ul-sortable li p .icon-edit_01 {
  right: 33px;
}
.sidebar-ul-sortable li p .icon-remove_02 {
  right: 8px;
}
.sidebar-ul-sortable li > ul {
  min-height: 25px;
  border-top: dashed 1px #cdcdcd;
}
.sidebar-ul-sortable li > ul li {
  padding: 0 10px;
  border: none;
}
.sidebar-ul-sortable li > ul li.clickable {
  cursor: pointer;
}
.sidebar-ul-sortable li > ul li.clickable:hover {
  background-color: #fffcca;
}
.sidebar-ul-sortable li > ul li p {
  padding-left: 10px;
}
.sidebar-ul-sortable li > ul li:last-child p {
  border-bottom: none;
}
.sidebar-ul-sortable li p:hover,
.sidebar-ul-sortable li > ul li:hover {
  background-color: #fffcca;
}
.sidebar-ul-sortable .sort-handle {
  color: #aaa;
  cursor: grab;
}

.main {
  padding: 0 10px;
}

.main-right {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 1000px;
  padding: 0 10px;
  overflow: hidden;
}

.main-fixed {
  width: 1120px;
}

/*LOADER*/


#loader,
#loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
#loader {
  /*位置情報*/
  display: none;
  position: fixed;
  _position: absolute; /* IE6対応 */
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  z-index: 121;
  /*位置情報end*/
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(33, 142, 196, 0.2);
  border-right: 1.1em solid rgba(33, 142, 196, 0.2);
  border-bottom: 1.1em solid rgba(33, 142, 196, 0.2);
  border-left: 1.1em solid #218ec4;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
#loader.show{
  display: block;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background: url('../img/bg.gif') repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

.block_loader,
.block_loader:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}

.block_loader {
  z-index: 121;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(33, 142, 196, 0.2);
  border-right: 1.1em solid rgba(33, 142, 196, 0.2);
  border-bottom: 1.1em solid rgba(33, 142, 196, 0.2);
  border-left: 1.1em solid #218ec4;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.block_loader_overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  z-index: 200;
}

/*LOGIN*/

#login_wrap body {
  background: -moz-linear-gradient(top, #218ec4, #1c78a5);
  background: -webkit-linear-gradient(top, #218ec4, #1c78a5);
  background: linear-gradient(#218ec4, #1c78a5);
  background-color: #1c78a5;
}
#login_form {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -230px;
    margin-top: -140px;
    width: 460px;
}
.login_error {
    background-color: #edc9c9;
    color: #e65454;
    margin: 30px 0px -10px;
    height: auto;
    text-align: center;
    border: 1px solid;
    border-color: #e65454;
    padding: 5px;
    font-size: 13px;
    border-radius: 4px;
}
#login_form form {
    width: 300px;
    margin: 40px auto 40px 0px;
    position: relative;
    font-size: 13px;
}

#login_logo {
  width: 400px;
  height: auto;
  margin: 0 auto;
  display: block;
}

#login_form a{
    position: absolute;
    top: 82px;
    left: 320px;
    width: 140px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}
#login_form p {
    color: #fff;
    line-height: 1.5;
}
#login_form .input_container {
    padding: 10px 0;
}
#login_form input:nth-child(2) {
    margin-top: 10px;
}
#login_form p.copyright{
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}
#login_form button{
    position: absolute;
    top: 0px;
    left: 320px;
    height: 70px;
    width: 140px;
    font-size: 16px;
}
#login_form .checkbox{
  margin-top: 12px;
}
#login_form label{
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}
#login_form input[type="checkbox"]{
    margin: 0px;
    margin-right: 6px;
        height: 16px;
    width: 16px;
    margin-bottom: 1.5px;
}
#loginselect_wrapper {
    width: 580px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
#login_select {
    padding-top: 30%;
}

.success_login {
    background: #fff;
    margin: 35px auto 20px;
    color: #21c45b;
    border: 1px solid #21c45b;
    padding: 5px 0;
    border-radius: 5px;
    line-height: 1;
    width: 225px;
}
.success_login span {
    vertical-align: text-bottom;
    margin-right: 10px;
    font-size: 18px;
}
.pageselect_wrapper {
    overflow: hidden;
}
.pageselect_cell {
    width: 280px;
    float: left;
    background: #eee;
    padding: 20px 20px 25px;
    font-weight: bold;
}
.pageselect_cell + .pageselect_cell {
    margin-left: 20px;
}
.pageselect_cell p {
    font-size: 16px;
    margin: 0;
    margin-bottom: 20px;
    line-height: 1;
}
.pageselect_cell .btn {
    font-size: 16px;
    height: 45px;
    text-decoration: underline;
    line-height: 43px;
}
.pageselect_cell a + a {
    margin-top: 15px;
}
.pageselect_cell a img {
    vertical-align: middle;
}
.btn_scout17 {
    color: #1bbae1;
}
.btn_scout17:hover {
    color: #1bbae1;
}
.btn_scout18 {
    line-height: 1 !important;
    padding: 5px 0 7.5px;
}
#loginselect_wrapper .copyright {
    margin-top: 30px;
    color: #fff;
    font-size: 12px;
    width: 100%
}
.login_label{
    margin-top: 30px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    background: #dcdcdc;
}



/***ヘッダー***/
header {
  position: fixed;
  width: 100%;
  z-index: 20;
}

#header {
  display: -webkit-flex;
  display: flex;
  height: 50px;
  min-width: 1120px;
  padding: 0 10px;
  -webkit-align-items: center;
  align-items: center;
  background-color: #00885a;
  position: relative;
  z-index: 16;
  transition: 0.2s box-shadow ease-out;
  box-shadow: none;
}

#header .label {
  min-width: 20px;
  padding: 0 5px;
}

#logo {
  display: block;
  height: 21px;
  margin-right: 20px;
  flex: 0 0 auto;
}

#logo img{
  height: 21px;
  width: auto;
}

#header .change_year-dropdown {
  display: inline-flex;
  background: linear-gradient(180deg, #E7E7E7 0%, #FFFFFF 100%);
  padding: 4px 4px 10px;
  top: 6px;
  position: relative;
  border-radius: 3px 3px 0 0;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
  min-width: 142px;
}

#header .change_year-dropdown img {
  width: 133px;
  height: 12px;
}

#header .change_year-dropdown span {
  color: #404974;
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  cursor: pointer;
}

#header .change_year-dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  min-width: 140px;
  width: 140px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .32);
  --transition-ease-out: .2s ease-out;
  background: #fff;
  border-radius: 4px;
  list-style: none;
  color: var(--neutral-900);
}

#header .change_year-dropdown ul li {
  height: 32px;
  white-space: nowrap;
}

#header .change_year-dropdown ul li > *:hover {
background-color: #E1F5FD;
-moz-transition: background-color .2s;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}

#header .change_year-dropdown ul li a {
    display: block;
    height: 100%;
    width: 100%;
    color: var(--neutral-900);
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    text-decoration: none;
    margin: 0;
    text-align: center;
  }

#header .change_year-dropdown .arrow-down-btn {
  background-image: url(../img/icons/arrow-down-s-line.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

#header .change_year-dropdown .change_year_dropdown_content_show {
  display: block;
  width: 100%;
  
}

#header .change_year-dropdown .arrow-up-btn {
  background-image: url("../img/icons/arrow-up-s-line.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.changeyear {
  flex: 0 0 auto;
  font-size: 12px;
}

.header-btn {
  width: auto;
  height: 30px;
  display: -webkit-flex;
  display: flex;
  margin-left: 10px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.header-btn img {
  width: auto;
  height: 15px;
}



.header-right {
  display: -webkit-flex;
  display: flex;
  height: 100%;
  margin-left: auto;
  padding-left: 20px;
  -webkit-align-items: center;
  align-items: center;
  min-width: 0;
}

.header-right > div {
  margin-right: 15px;
  color: #fff;
  font-size: 14px;
}

.header-right > div:not(.header-right-account-cluster) {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.header-right .header-right-account-cluster {
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-items: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
}

.header-right .header-right-company-id-part {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.header-right .header-right-account-cluster > div {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

.header-right .header-right-account-cluster > div:first-child::after {
  content: '\3000';
}

header.header-float #header {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
}

header.header-hover #header {
  box-shadow: none;
}

#settings,
#support {
  display: -webkit-flex;
  display: flex;
  width: 50px;
  height: 100%;
  margin: 0;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}

#settings.active {
  background-color: #29b787;
}

#support {
  color: #fff;
}

#support a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: white;
  text-decoration: none;
}

#support ul {
  padding: 10px;
  width: 500px;
  font-size: 12px;
  color: #404974;
}

.navi-dropdown {
  position: relative;
}

.navi-dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  width: auto;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
}

.navi-dropdown:hover ul {
  display: block;
}

.navi-dropdown ul li {
  position: relative;
  height: 30px;
  white-space: nowrap;
}

.navi-dropdown ul li a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0 10px;
  color: #404974;
  font-size: 12px;
  line-height: 30px;
  text-decoration: none;
}

.navi-dropdown ul li:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #29b787;
  -moz-transition: width .3s;
  -webkit-transition: width .3s;
  transition: width .3s;
  transform: translateX(-50%);
  content: '';
}

.navi-dropdown ul li.current:after {
  width: 100%;
}

.navi-dropdown ul li:hover:after {
  width: 100%;
}


#support:hover {
  /*background-color: #28367d;*/
  background-color:#29b787;
}

#settings:hover {
  /*background-color: #28367d;*/
  background-color:#29b787;
}

#settings.active:hover {
  background-color:#29b787;
}

#settings:hover ul {
  /*display: none;*/
  display: block;
}

.dropdown-left ul {
  left: auto!important;
  right: 0!important;
}

#navi {
  position: relative;
  height: 30px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  z-index: 15;
  top: 0;
  opacity: 1;
  width: 100%;
  transition: top 0.2s ease-out, opacity 0.2s ease-out, z-index 0s linear 0.2s;
}

#navi:hover {
  z-index: 16;
}

#navi nav {
  display: -webkit-flex;
  display: flex;
  height: 100%;
}

#navi nav > * {
  display: -webkit-flex;
  display: flex;
  position: relative;
  height: 100%;
  padding: 0 10px;
  -webkit-align-items: center;
  align-items: center;
  color: #404974;
  text-decoration: none;
}

#navi nav > .current {
  font-weight: bold;
}

#navi nav > *:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #29b787;
  -moz-transition: width .3s;
  -webkit-transition: width .3s;
  transition: width .3s;
  transform: translateX(-50%);
  content: '';
}

#navi nav > .current:after {
  width: 100%;
}

#navi nav > *:hover:after {
  width: 100%;
}

#navi nav ul li a {
  font-weight: normal;
}

#navi nav .label {
  margin-left:5px;
  min-width: 20px;
  padding: 0 5px;
}

header.header-float #navi {
  top: -30px;
  opacity: 0;
}

header.header-hover #navi {
  top: 0;
  opacity: 1;
}


/***ダッシュボード***/

#dashboard .modal{
    text-decoration: none;
}
#dashboard .flex .main{
    margin: 0 10px;
}

#dashboard > .main > .flex {
  padding-top: 10px;
}

#dashboard-right .sidebar-block-header {
  position: relative;
}

#dashboard-right .sidebar-block-header > a {
  font-size: 14px;
  margin-left: 10px;
  text-decoration: none;
  position: absolute;
  right: 0;
  bottom: 10px;
  color: #404974;
  line-height: 1;
}

#dashboard-right .sidebar-block-header > a:hover {
  color: rgba(64,73,116, .8)
}

#dashboard-right .sidebar-block-header > a > .icon {
  font-size: 10px;
  margin-right: 2px;
}


#dashboard-right{
  width: 305px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

#dashboard-right .sidebar-block {
  width: auto;
}

#dashboard-right .btn-container .btn {
  width: 240px;
  margin: 0 auto;
}

#dashboard .entry_container {
    display: none;
}
#dashboard .entry_container.active {
    display: block;
    border: solid 1px #cdcdcd;
    background-color: #fff;
}

#dashboard .entry_container>div:first-child {
  margin-bottom: 20px;
}

#dashboard .flex.dashboard-tab {
    justify-content: flex-start;
}
#dashboard .flex.dashboard-tab div {
    width: 150px;
    color: #404974;
    text-align: center;
}

#dashboard .tabs.pattern{
    flex-wrap: wrap;
}
#dashboard .tabs.pattern li{
    margin-left: 0;
    margin-right: 2px;
}

#dashboard .heading-1 {
  position: relative;
}

#dashboard .info {
  margin-bottom: 10px;
}

#dashboard .info li {
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding: 8px 5px;
  line-height: 21px;
  cursor: pointer;
}

#dashboard .info li {
  border-bottom: 1px dotted #cdcdcd;
}

#dashboard .info li .icon {
  font-size: 12px;
  line-height: 21px;
  margin-right: 5px;
}

#dashboard .info-title{
    font-size: 14px;
    text-decoration: underline;
}

#dashboard .info-title:hover {
  color: rgba(64, 73, 116, .8);
}

#dashboard .info-title .label {
  margin-right: 10px;
  display: inline-block;
}


#dashboard .disp-start{
    font-weight: normal;
    font-size: 14px;
    width: 88px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

#dashboard .modal .disp-start {
  font-size: 16px;
}


#dashboard .info + p a {
  color: #404974;
  line-height: 1;
}

#dashboard .flex.dashboard-tab div a {
    width: 150px;
    padding: 10px;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
    color: #fff;
    height: 100%;
    text-decoration: none;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    word-break: break-all;
    line-height: 1;
}
#dashboard .alert-message:not(:last-child){
    margin-bottom: 10px;
}
#dashboard .alert-message:last-child{
    margin-bottom: 15px;
}
#dashboard .entry-num{
    background-color: #aaaaaa;
}
#dashboard .entry-num.active{
    color: #fff;
    background-color: #218ec4;
    border: solid 1px #cdcdcd;
    border-bottom:none;
    box-shadow: 0 0 4px 0 #92dddb;
}
#dashboard .flex.dashboard-tab div:last-child{
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
}
#dashboard .modal-header > p{
    word-break: break-all;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin-right: 30px;
}

#dashboard .modal-header > p > .label {
  margin-right: 10px;
  vertical-align: text-top;
}

#dashboard .modal-header .disp-start{
  margin-top: 10px;
  line-height: 1;
}

#dashboard .modal-body p{
    line-height: 1.7;
}

#dashboard_calendar .fc-toolbar .fc-left > div {
  overflow: hidden;
}

#dashboard_calendar .fc-toolbar .fc-left > div > * {
  float: left;
  margin-right: 10px;
}

#dashboard_calendar .fc-toolbar .fc-left > div > h2 {
  font-weight: normal;
  width: 165px;
}

.dashboard_calendar-container {
  position: relative;
}

#dashboard_calendar_button {
  position: absolute;
  right: 0;
  top: 0;
}




/***__学生管理__***/

/*学生管理_サイドバー*/

.current-search-conditions {
  font-size: 12px;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.search-block .radio-group {
  margin-bottom: 5px;
}

.search-block .radio-group .radio:first-child{
  margin-right: 12px;
}

.search-block .radio-group + div {
  margin-bottom: 10px;
}

.search-block .radio-group + div + div .btn {
  width: 120px;
  margin: 0 auto;
}

.search-block .sidebar-block-body + .sidebar-block-body .btn:last-of-type {
  margin-top: 10px;
}

/*/学生管理_サイドバー*/

/*学生管理_採用パターン*/

#candidate-manage .tabs {
  -webkit-flex: wrap;
  flex-wrap: wrap;
}

#candidate-manage .tabs li{
  margin: 0;
  margin-right: 2px;
}

#candidate-manage #selection-pattern .open_panel,
#candidate-manage #selection-pattern .close_panel {
  height: 35px;
  font-size: 12px;
  font-weight: bold;
  line-height: 35px;
}

#candidate-manage #selection-pattern .open_panel .icon,
#candidate-manage #selection-pattern .close_panel .icon {
  margin-left: 5px;
  font-size: 10px;
}

article section {
  padding-bottom: 0;
}

#candidate-manage #selection-pattern {
  margin-bottom: 30px;
}

#candidate-manage #selection-pattern .collapsible-heading {
  margin-bottom: 5px;
}
input[name=flow_tab] {
  display: none;
}

#candidate-manage #selection-pattern article {
  width: 100%;
}
#candidate-manage #selection-pattern .tabs li:not(.active):not(:hover) {
  background-color: #cdcdcd;
}

#candidate-manage #selection-pattern .panel-label {
  width: 100%;
  height: 26px;
  cursor: inherit;
  text-align: center;
  line-height: 26px;
  padding: 0 10px;
}

#candidate-manage #selection-pattern section {
  display: none;
  width: 100%;
  position: relative;
  border: 10px solid #cdcdcd;
  background-color: #fff;
  overflow: hidden;
}

#candidate-manage #selection-pattern section.active {
  display: block;
}

#candidate-manage #selection-pattern section.active.pattern-color-default1 {
  border-color:  #66bb6a;
}

#candidate-manage #selection-pattern section.active.pattern-color-default2 {
  border-color:  #26c6da;
}

#candidate-manage #selection-pattern section.active.pattern-color-default3 {
  border-color:  #42a5f5;
}

#candidate-manage #selection-pattern section.active.pattern-color-default4 {
  border-color:  #ab47bc;
}

#candidate-manage #selection-pattern section.active.pattern-color-default5 {
  border-color:  #ffa726;
}

#candidate-manage #selection-pattern section.active.pattern-color-default6 {
  border-color:  #ef5350;
}

#candidate-manage #selection-pattern .selection-flow{
  display: -webkit-flex;
  display: flex;
  margin: 0 13px;
  padding: 55px 30px 0;
  width: calc(100% - 45px);
  overflow: auto;
  max-height: 492px;
}


#candidate-manage #selection-pattern .selection-flow::-webkit-scrollbar {
  height: 12px;
  width: 0;
}
#candidate-manage #selection-pattern .selection-flow::-webkit-scrollbar-thumb {
  height: 12px;
  width: 0;
  background: #aaa;
}

#candidate-manage #selection-pattern .selection-stage + .selection-stage{
  margin-left: 40px;
}

#candidate-manage #selection-pattern .selection-stage:last-child {
  padding-right: 10px;
}

#candidate-manage #selection-pattern .selection-step {
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 240px;
  height: 85px;
  margin-bottom: 20px;
  border: 1px solid #cdcdcd;
  color: #404974;
  font-size: 11px;
  -webkit-justify-content: center;
  justify-content: center;
}

#candidate-manage #selection-pattern .selection-step:before {
  display: block;
  width: 275px;
  height: 105px;
  position: absolute;
  bottom: 50%;
  left: 50%;
  z-index: -1;
  border-width: 0 5px 5px 5px;
  border-color: #cdcdcd;
  border-style: solid;
  content: '';
  -moz-transform: translate(-50%, 2px);
  -webkit-transform: translate(-50%, 2px);
  transform: translate(-50%, 2px);
}

#candidate-manage #selection-pattern .selection-step:first-child:before {
  width: 285px;
  border-width: 0 0 5px 0;
}

#candidate-manage #selection-pattern .selection-stage:first-child .selection-step:before {
  left: 100%;
}

#candidate-manage #selection-pattern .selection-stage:last-child .selection-step:before {
  left:40%;
  width: 100%;
}

#candidate-manage #selection-pattern .selection-step:after {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  right: -1px;
  background: linear-gradient(45deg, transparent, transparent 49%, #cdcdcd 49%, #cdcdcd 51%, #fff 51%, #fff);
  content: '';
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance {
  display: -webkit-flex;
  display: flex;
  padding-left: 10px;
  background-color: #fff;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content:center;
  justify-content: center;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1;
}

#candidate-manage #selection-pattern .selection-step.current .selection-step-performance {
  background-color: #fffcca;
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance > div:first-child {
  display: -webkit-flex;
  display: flex;
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance > div + div {
  margin-top :10px;
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance > div:first-child a {
  display: inline-block;
  border-bottom: 1px solid #404974;
  color: #404974;
  text-decoration: none;
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance > div:first-child > div + div {
  margin-left: 10px;
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance > div:first-child a.current {
  font-weight: bold;
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance > div:first-child a span {
  font-size: 18px;
}

#candidate-manage #selection-pattern .selection-step .selection-step-performance > div:nth-child(2) span {
  font-size: 12px;
}

#candidate-manage #selection-pattern .selection-step .selection-step-name {
  width: 100%;
  height: 20px;
  padding: 0 10px;
  background-color: #edf6fa;
  line-height: 20px;
}

#candidate-manage #selection-pattern .selection-step.current .selection-step-name {
  color: #fff;
}

#candidate-manage #selection-pattern section.pattern-color-default1 .selection-step.current .selection-step-name {
  background-color: #66bb6a;
}

#candidate-manage #selection-pattern section.pattern-color-default1 .selection-step.current {
  border-color: #66bb6a;
}

#candidate-manage #selection-pattern section.pattern-color-default1 .selection-step.current:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #66bb6a 49%, #66bb6a 51%, #fff 51%, #fff)
}

#candidate-manage #selection-pattern section.pattern-color-default2 .selection-step.current .selection-step-name {
  background-color: #26c6da;
}

#candidate-manage #selection-pattern section.pattern-color-default2 .selection-step.current {
  border-color: #26c6da;
}

#candidate-manage #selection-pattern section.pattern-color-default2 .selection-step.current:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #26c6da 49%, #26c6da 51%, #fff 51%, #fff)
}

#candidate-manage #selection-pattern section.pattern-color-default3 .selection-step.current .selection-step-name {
  background-color: #42a5f5;
}

#candidate-manage #selection-pattern section.pattern-color-default3 .selection-step.current {
  border-color: #42a5f5;
}

#candidate-manage #selection-pattern section.pattern-color-default3 .selection-step.current:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #42a5f5 49%, #42a5f5 51%, #fff 51%, #fff)
}

#candidate-manage #selection-pattern section.pattern-color-default4 .selection-step.current .selection-step-name {
  background-color: #ab47bc;
}

#candidate-manage #selection-pattern section.pattern-color-default4 .selection-step.current {
  border-color: #ab47bc;
}

#candidate-manage #selection-pattern section.pattern-color-default4 .selection-step.current:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #ab47bc 49%, #ab47bc 51%, #fff 51%, #fff)
}

#candidate-manage #selection-pattern section.pattern-color-default5 .selection-step.current .selection-step-name {
  background-color: #ffa726;
}

#candidate-manage #selection-pattern section.pattern-color-default5 .selection-step.current {
  border-color: #ffa726;
}

#candidate-manage #selection-pattern section.pattern-color-default5 .selection-step.current:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #ffa726 49%, #ffa726 51%, #fff 51%, #fff)
}

#candidate-manage #selection-pattern section.pattern-color-default6 .selection-step.current .selection-step-name {
  background-color: #ef5350;
}

#candidate-manage #selection-pattern section.pattern-color-default6 .selection-step.current {
  border-color: #ef5350;
}

#candidate-manage #selection-pattern section.pattern-color-default6 .selection-step.current:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #ef5350 49%, #ef5350 51%, #fff 51%, #fff)
}

#candidate-manage #selection-pattern .selection-step-total {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  width: calc(100% - 100px);
  height: 35px;
  left:50%;
  top: 10px;
  border: 1px solid #cdcdcd;
  -webkit-align-items:center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index:10;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
}

#candidate-manage #selection-pattern .selection-step-total a {
  display: inline-block;
  margin-left: 10px;
  border-bottom: 1px solid #404974;
  color: #404974;
  font-size: 12px;
  text-decoration: none;
}

#candidate-manage #selection-pattern .selection-step-total a > span {
  font-size: 18px;
}

#candidate-manage #selection-pattern .selection-step-total.current {
  background-color: #fffcca;
}

#candidate-manage #selection-pattern .selection-step-total.current a > span {
  font-weight: bold;
}

#candidate-manage #selection-pattern section .btn-left {
  position:absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 30px;
  height: 100%;
  border:1px solid #cdcdcd;
  background-color: #fff;
  cursor: pointer;
}

#candidate-manage #selection-pattern section .btn-right {
  position:absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 30px;
  height: 100%;
  border:1px solid #cdcdcd;
  background-color: #fff;
  cursor: pointer;
}



#candidate-manage #selection-pattern section .btn-left:after {
  position: absolute;
  top: 50%;
  right: 10px;
  border-width: 11px 10px;
  border-style: solid;
  border-color: transparent #aaa transparent transparent;
  transform: translateY(-50%);
  content: '';
}

#candidate-manage #selection-pattern section .btn-right:after {
  position: absolute;
  top: 50%;
  left: 10px;
  border-width: 11px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #aaa;
  transform: translateY(-50%);
  content: '';
}


#candidate-manage #selection-pattern section .btn-right.disabled,
#candidate-manage #selection-pattern section .btn-left.disabled {
  border:1px solid #eee;
  background-color: #eee;
  cursor: default;
}

#candidate-manage #selection-pattern section .btn-left.disabled:after {
  border-right-color: #fff;
}

#candidate-manage #selection-pattern section .btn-right.disabled:after {
  border-left-color: #fff;
}

#candidate-manage.main-right {
  padding: 0 10px 20px;
}

/*学生管理_リスト上操作系*/

#action_bar {
  position: relative;
  display: -webkit-flex;
  display: flex;
  padding: 10px;
  font-size: 12px;
  -webkit-align-items: center;
  align-items: center;
}

#action_bar .dropdown.dropdown-simple {
  padding-left: 0;
}

#action_bar > *:nth-child(n+2) {
  margin-left: 10px;
}

#action_bar #bulk-send .num {
  font-size: 16px;
}

#action_bar #sort {
  margin-left: auto;
}

#action_bar #sort form > div {
  margin-right: 18px;
}

#action_bar #sort form > div .dropdown {
  margin-left: 10px;
}

#action_bar #sort form {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#action_bar #bulk_actions {

}

#bulk_actions,
#bulk_selecter_selection_step_modal {
  width: 90vw;
}

#bulk_actions_except_ee, #bulk_event_entry_div {
  height: 80vh;
}

#bulk_event_entry_div .modal-header {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 0 10px;
}

#bulk_event_entry_div .modal-header .close-icon-in-ee-view {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #404974;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

#bulk_actions.action_bar,
#bulk_selecter_selection_step_modal.action_bar {
  font-size: 12px;
}
#bulk_actions.action_bar ul,
#bulk_selecter_selection_step_modal.action_bar ul {
  margin-bottom: 15px;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom: solid 1px #cdcdcd;
}
#bulk_actions.action_bar ul li,
#bulk_selecter_selection_step_modal.action_bar ul li {
  float: left;
  margin: 5px 10px;
}

#bulk_actions.action_bar ul li button,
#bulk_selecter_selection_step_modal.action_bar ul li button {
  -webkit-display: inline;
  display: inline;
  flex: 1;
  height: 20px;
  padding:0;
  border:none;
  background-color: inherit;
  -webkit-align-items: left;
  align-items: left;
  text-align: left;
  color: #2499d4;
  font-weight: normal;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}

#bulk_selecter_selection_step_modal .resizable-panel .resizable-panel-left .resizable-panel-body .candidates-flows-container {
  height: calc(73%);
  margin-top: 15px;
}

#bulk_actions #bulk_event_entry_div .resizable-panel .resizable-panel-left .resizable-panel-body,
#bulk_selecter_selection_step_modal .resizable-panel .resizable-panel-left
{
  min-width: 550px;
}

#bulk_event_entry_div .resizable-panel .resizable-panel-left .resizable-panel-body .input-horizontal {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  height: 60px;
  margin-bottom: 30px;
}

#bulk_event_entry_div .resizable-panel .resizable-panel-left .resizable-panel-body .input-label {
  margin-bottom: 10px;
}

#bulk_actions,
#job_bulk_register {
  width: 90vw;
}

#bulk_actions .modal-body > div,
#bulk_selecter_selection_step_modal .modal-body > div{
  height: 100%;
}
#bulk_actions .resizable-panel .resizable-panel-left {
  flex-grow: 2;
}
#bulk_actions .resizable-panel .resizable-panel-left .resizable-panel-body,
#bulk_selecter_selection_step_modal .resizable-panel .resizable-panel-left .resizable-panel-body {
  height: calc(100%);
  min-width: 100px;
}
#bulk_actions .resizable-panel .resizable-panel-right,
#bulk_selecter_selection_step_modal .resizable-panel .resizable-panel-right {
  flex-grow: 3;
  min-width: 300px;
  overflow-x: scroll;
}
#bulk_actions .modal-body .resizable-panel-right .resizable-panel-body,
#bulk_selecter_selection_step_modal .modal-body .resizable-panel-right .resizable-panel-body {
  height: calc(100% - 40px);
  min-width: 500px;
}
#bulk_actions .resizable-panel-right .resizable-panel-body > table > tbody > tr > td,
#bulk_selecter_selection_step_modal .resizable-panel-right .resizable-panel-body > table > tbody > tr > td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
}
#bulk_actions #bulk_send_mail_btn:disabled{
  opacity: 0.5;
  cursor: default;
  text-decoration: none;
}
#bulk_actions #show_aptitude_multi_btn:disabled{
  opacity: 0.5;
  cursor: default;
  text-decoration: none;
}
#bulk_actions #show_performance_multi_btn:disabled{
  opacity: 0.5;
  cursor: default;
  text-decoration: none;
}
.resize-splitter {
  cursor: col-resize;
  padding: 0 10px;
}

.resize-splitter > div {
  width: 3px;
  background-color: #ddd;
}

.resize-splitter:hover > div {
  width: 4px;
  background-color: #aaa;
}


/*学生リスト*/

.dropdown-simple.change-selection {
  padding: 0 20px 0 0;
}

.change-selection .label {
  cursor: pointer;
}

.label.label-selection {
  width: 100px;
  height: 20px;
  font-weight: bold;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}

#candidates .list-group > li {
  margin-bottom: 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

#candidates .list-group:not(.simple-list) > li {
  contain: layout;
}

.hover {
  background-color: #fffcca!important;
}

#candidates .list-item-header {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
  padding: 0 20px 0 10px;
  border-bottom: 1px solid #cdcdcd;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 12px;
  -webkit-align-items: center;
  align-items: center;
}

#candidates .list-item-header .checkbox {
  margin-right: 10px;
  min-width: 26px;
}

#candidates .list-item-header .change-selection {
  margin-right: 10px;
}

#candidates .list-item-header > span,
#candidates .list-item-header > .label {
  margin-right: 20px;
}

#candidates .list-item-header .btn-icon-group {
  margin-left: auto;
}

#candidates .list-item-header button > .evaluation_request_notice,
#candidates .list-item-header a .error_msg_notice,
#candidates .list-item-bottom button > .evaluation_request_notice,
#candidates .list-item-bottom a .error_msg_notice {
  display: block;
  position: absolute;
  top: -8px;
  right: -5px;
  font-size: 13px;
  color: #ff0000;
}

#candidates .list-item-header a .evaluation_request_notice,
#candidates .list-item-bottom a .evaluation_request_notice {
  margin-left: 5px;
  font-size: 13px;
  color: #ff0000;
}

#candidates .list-item-body {
  display: -webkit-flex;
  display: flex;
  min-height: 280px;
  content-visibility: auto;
  contain-intrinsic-size: 280px;
}

#candidates .list-item-body-left {
  width: 305px;
  padding: 0 10px;
  border-right: 1px solid #cdcdcd;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #404974;
  line-height: 1.5;
  word-break: break-all;
  text-decoration: none;
}

#candidates .list-item-body-left > div {
  padding: 8px 10px;
}

#candidates .list-item-body-left > div:first-child {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px dotted #cdcdcd;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}


#candidates .list-item-body-left > div:first-child > .star {
  margin-right: 10px;
  padding:8px;
}

#candidates .list-item-body-left > div:first-child .sex.icon {
  margin-right: 10px;
  font-size: 18px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

#candidates .list-item-body-left > div:first-child .candidate-name {
  display: block;
  color: #404974;
  -webkit-flex: 1;
  flex: 1;
}

#candidates .list-item-body-left > div:first-child .candidate-name p:first-child {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-weight: bold;
}

#candidates .list-item-body-left > div:first-child .candidate-name p:last-child {
  display: -webkit-flex;
  display: flex;
  font-size: 10px;
}

#candidates .list-item-body-left > div:nth-child(2),
#candidates .list-item-body-left > div:nth-child(3) {
  border-bottom: 1px dotted #cdcdcd;
  font-size: 12px;
}

#candidates .list-item-body-left > div:nth-child(3) {
  font-size: 12px;
}

#candidates .list-item-body-center {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 305px;
  padding: 0 10px;
  border-right: 1px solid #cdcdcd;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

#candidates .list-item-body-center > div {
  padding: 10px;
  line-height: 1.5;
}

#candidates .list-item-body-center > .candidate-memo-area {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px dotted #cdcdcd;
  flex: 1 0 auto;
  font-size: 12px;
}

#candidates .list-item-body-center > .candidate-memo-area > div {
  flex: 1;
  word-break: break-all;
}

#candidates .list-item-body-center > .candidate-memo-area > .memo_view {
  width: 214px;
  height: 209px;
  overflow-y: auto;
}

#candidates .list-item-body-center > .candidate-memo-area > .memo_view.memo_view_small {
  height: 135px;
}

.memo_view_personal {
  max-height: 200px;
  overflow-y: auto;
}

.memo_view_company {
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  white-space: pre-wrap;
}

.memo_intro_textarea {
  width: 100%;
  min-height: 150px;
}

.files_view_company {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
  word-break: break-all;
  scrollbar-width: thin;
  scrollbar-color: #aaa transparent;
}

.files_view_company::-webkit-scrollbar {
  width: 8px;
  -webkit-appearance: none;
}

.files_view_company::-webkit-scrollbar-track {
  background: transparent;
}

.files_view_company::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 4px;
}

.files_view_company::-webkit-scrollbar-thumb:hover {
  background: #888;
}

.swal-loading-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  border: 4px solid rgba(33, 142, 196, 0.2);
  border-left: 4px solid #218ec4;
  border-radius: 50%;
  animation: swal-spin 1s linear infinite;
}
@keyframes swal-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.flex-end {
  justify-content: flex-end;
}

.flex-end-gap10 {
  justify-content: flex-end;
  gap: 10px;
}

#candidates .list-item-body-center > .candidate-memo-area >div:last-child {
  display: -webkit-flex;
  display: flex;
  width: 40px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-justify-content:flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}

#candidates .list-item-body-center > .introduction-candidate-area {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px dotted #cdcdcd;
  flex: 1 0 auto;
  font-size: 12px;
}

#candidates .list-item-body-center > .introduction-candidate-area > div {
  flex:1;
}

#candidates .list-item-body-center > .introduction-candidate-area > div:first-child p span {
  margin-right: 20px;
  color: #2499d4;
  font-weight: bold;
}

#candidates .list-item-body-center > .introduction-candidate-area > div:last-child {
  display: -webkit-flex;
  display: flex;
  width: 40px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-justify-content:flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}

.flag-area {
  display: -webkit-flex;
  display: flex;
  padding: 5px 5px 10px 10px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flag-area > .flag {
  margin: 5px 5px 0 0;
}
#candidates .list-item-body-right {
  width: 420px;
  padding: 10px 20px 10px 10px;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

#candidates .list-item-body .btn-icon-group {
  justify-content: flex-end;
  margin-left: auto;
  margin-bottom: 10px;
}

#candidates .btn-icon-group #action-required span {
  font-size: 13px;
  line-height: 1em;
}
#candidates .btn-icon-group #action-required.required span {
  color: #ef5350;
}
#candidates .btn-icon-group #action-required.reserved span {
  color: #ebb126;
}
#candidates .btn-icon-group #action-required.supported span {
  color: #aaaaaa;
}
#candidates .btn-icon-group #action-required ul li{
  padding: 5px 10px;
}


#candidates article {
  width: 100%;
  font-size: 12px;
}

.candidate-selection-flow-panel {
  background-color: transparent;
  display: none;
}

.candidate-selection-flow-panel.active {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.candidate-selection-flow-panel-header {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  height: 30px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.candidate-selection-flow-panel.pattern-color-default1 .candidate-selection-flow-panel-header {
  background-color: #66bb6a;
}

.candidate-selection-flow-panel.pattern-color-default2 .candidate-selection-flow-panel-header {
  background-color: #26c6da;
}

.candidate-selection-flow-panel.pattern-color-default3 .candidate-selection-flow-panel-header {
  background-color: #42a5f5;
}

.candidate-selection-flow-panel.pattern-color-default4 .candidate-selection-flow-panel-header {
  background-color: #ab47bc;
}

.candidate-selection-flow-panel.pattern-color-default5 .candidate-selection-flow-panel-header {
  background-color: #ffa726;
}

.candidate-selection-flow-panel.pattern-color-default6 .candidate-selection-flow-panel-header {
  background-color: #ef5350;
}

.candidate-selection-flow-panel-header .btn-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  flex: 0 0 auto;
  cursor: pointer;
}

.candidate-selection-flow-panel-header .btn-next {
  position : absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  flex: 0 0 auto;
  cursor: pointer;
}

.candidate-selection-flow-panel .btn-prev:after {
  position: absolute;
  top: 50%;
  right: 5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #cdcdcd transparent transparent;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.candidate-selection-flow-panel .btn-next:after {
  position: absolute;
  top: 50%;
  left: 5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #cdcdcd;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.candidate-selection-flow-panel .candidate-selection-flow-panel-header .btn-prev:after {
  right: 2px;
  border-right-color: #fff;
}

.candidate-selection-flow-panel .candidate-selection-flow-panel-header .btn-next:after {
  left: 2px;
  border-left-color: #fff;
}

.candidate-selection-flow-panel-body {
  display: -webkit-flex;
  display: flex;
  border: 1px solid #cdcdcd;/*test*/
  -webkit-align-items: stretch;
  align-items: stretch;
  background-color: #fff;
}

.candidate-selection-flow-panel-body .btn-prev,
.candidate-selection-flow-panel-body .btn-next {
  width: 20px;
  margin-top: -1px;
  flex: 0 0 auto;
  position: relative;
  border: 1px solid #cdcdcd;
  overflow: hidden;
  cursor: pointer;
}

.candidate-selection-flow-panel-body .btn-prev.disabled,
.candidate-selection-flow-panel-body .btn-next.disabled {
  background-color: #eeeeee;
  border: none;
  cursor: default;
}

.candidate-selection-flow-container {
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1 1 auto;
  height: 170px;
}

.candidate-selection-flow-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.candidate-selection-flow-container::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 4px;
}
.candidate-selection-flow-container::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}
.candidate-selection-flow-container::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.candidate-selection-flow-panel-body .candidate-selection-flow {
  display: -webkit-flex;
  display: flex;
  padding: 5px;
  background-color: #fff;
}

.candidate-selection-flow-panel-body .candidate-selection-stage + .candidate-selection-stage{
  margin-left: 10px;
}

.pbd-row.pbd-row-log {
  display: block;
}

.candidate-selection-flow-panel-body .candidate-selection-step,
#selection_status_log  .candidate-selection-step {
  height: 35px;
  width: 110px;
  padding: 2px 5px;
  border: 1px solid #cdcdcd;
  background-color: #edf6fa;
  font-size: 10px;
  line-height: 1.5;
  cursor: pointer;
}
#selection_status_log .candidate-selection-step {
  margin: 5px;
  float: left;
  cursor: default;
  height: 65px;
  width: auto;
  cursor: pointer;
}
#selection_status_log .candidate-selection-step:hover{
  background-color: #fffcca;
}
#selection_status_log:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#selection_status_log .icon {
  display: block;
  padding-top: 15px;
  float: left;
}
#selection_status_log .icon:last-child {
  display: none;
}

.candidate-selection-flow-panel-body .candidate-selection-step.current {
  box-shadow: 0 0 4px 0 #92dddb;
  color: #fff;
  cursor: default;
}

.candidate-selection-flow-panel-body .candidate-selection-step.passed {
  box-shadow: 0 0 4px 0 #92dddb;
  color: #fff;
  cursor: default;
}

.pattern-color-default1 .candidate-selection-flow-panel-body .candidate-selection-step.current {
  background-color: #66bb6a;
}

.pattern-color-default2 .candidate-selection-flow-panel-body .candidate-selection-step.current {
  background-color: #26c6da;
}

.pattern-color-default3 .candidate-selection-flow-panel-body .candidate-selection-step.current {
  background-color: #42a5f5;
}

.pattern-color-default4 .candidate-selection-flow-panel-body .candidate-selection-step.current {
  background-color: #ab47bc;
}

.pattern-color-default5 .candidate-selection-flow-panel-body .candidate-selection-step.current {
  background-color: #ffa726;
}

.pattern-color-default6 .candidate-selection-flow-panel-body .candidate-selection-step.current {
  background-color: #ef5350;
}

.pattern-color-default1 .candidate-selection-flow-panel-body .candidate-selection-step.passed {
  background-color: #66bb6a;
  opacity: 0.5
}

.pattern-color-default2 .candidate-selection-flow-panel-body .candidate-selection-step.passed {
  background-color: #26c6da;
  opacity: 0.5
}

.pattern-color-default3 .candidate-selection-flow-panel-body .candidate-selection-step.passed {
  background-color: #42a5f5;
  opacity: 0.5
}

.pattern-color-default4 .candidate-selection-flow-panel-body .candidate-selection-step.passed {
  background-color: #ab47bc;
  opacity: 0.5
}

.pattern-color-default5 .candidate-selection-flow-panel-body .candidate-selection-step.passed {
  background-color: #ffa726;
  opacity: 0.5
}

.pattern-color-default6 .candidate-selection-flow-panel-body .candidate-selection-step.passed {
  background-color: #ef5350;
  opacity: 0.5
}

.pattern-color-default1 .candidate-selection-flow-panel-body .candidate-selection-step.current.passed {
  background-color: #66bb6a;
  opacity: 1;
}

.pattern-color-default2 .candidate-selection-flow-panel-body .candidate-selection-step.current.passed {
  background-color: #26c6da;
  opacity: 1;
}

.pattern-color-default3 .candidate-selection-flow-panel-body .candidate-selection-step.current.passed {
  background-color: #42a5f5;
  opacity: 1;
}

.pattern-color-default4 .candidate-selection-flow-panel-body .candidate-selection-step.current.passed {
  background-color: #ab47bc;
  opacity: 1;
}

.pattern-color-default5 .candidate-selection-flow-panel-body .candidate-selection-step.current.passed {
  background-color: #ffa726;
  opacity: 1;
}

.pattern-color-default6 .candidate-selection-flow-panel-body .candidate-selection-step.current.passed {
  background-color: #ef5350;
  opacity: 1;
}


.candidate-selection-flow-panel-body .candidate-selection-step.current.original {
  opacity: 0.5;
}

.candidate-selection-flow-panel-body .row + .candidate-selection-step {
  margin-top: 5px;
}

.candidate-selection-flow-panel-body .candidate-selection-step p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.candidate-selection-flow-panel-body .candidate-selection-step p:nth-child(2) {
  font-weight: bold;
}

.candidate-selection-flow-panel-body .step_tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  color:#fff;
  max-width:200px;
  background: rgba(0,0,0,0.8);
  padding: 0 10px;
  font-size:12px;
  border-radius: 10px;
}

.open_small_panel,
.close_small_panel {
  height: 20px;
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  line-height: 1;
  padding: 3px 0;
}

.open_small_panel .icon,
.close_small_panel .icon {
  font-size: 12px;
}

.btn-aptitude {
  background: #1f83b5 -moz-linear-gradient(top, #218ec4, #1f83b5);
  background: #1f83b5 -webkit-linear-gradient(top, #218ec4, #1f83b5);
  background: #1f83b5 linear-gradient(#218ec4, #1f83b5);
  color: #fff;
  font-weight: bold;
}

.btn-aptitude:hover {
  background-color: #1c78a6;
}

.btn-aptitude a,
.btn-aptitude:focus,
.btn-aptitude:active {
  color: #404974 !important;
}

/*対応履歴*/

.supported-history {
  padding-bottom: 90px
}

.supported-history.active {
  padding-bottom: 180px;
}

.supported-log {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #cdcdcd;
}

.supported-log > div:first-child {
  display: -webkit-flex;
  display: flex;
  width: 180px;
  padding: 10px;
  flex: 0 0 auto;
  border-right: 1px solid #cdcdcd;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items:flex-start;
  align-items: flex-start;
}

.supported-log > div:first-child p {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

}

.supported-log .label{
  flex: 0 0 auto;
  margin-bottom: 5px;
}

.supported-log .btn {
  margin-top: 5px;
}

.supported-log > div:nth-child(2) {
  padding: 10px;
}


.supported-log .btn-small {
  width: auto;
}

.tel-record-form {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 15px);
  padding: 20px;
  box-shadow: 0 -1px 1px 0 rgba(0,0,0,.2);
  background-color: #fff;
  border-top: 1px solid #cdcdcd;
}

.tel-record-form.active {
  display: -webkit-flex;
  display: flex;
}

.tel-record-form > div:first-child {
  height: 30px;
  flex: 1 1 auto;
}

.tel-record-form.active > div:first-child {
  height: 120px;
}

.tel-record-form textarea {
  width: 100%;
  height: 32px;
  resize: none;
}

.tel-record-form.active textarea {
  height: 120px;
}

.tel-record-form > div:nth-child(2) {
  display: none;
  margin-left: 20px;
}

.tel-record-form.active > div:nth-child(2) {
  display: block;
}

.tel-record-form .input-label {
  width: 60px;
}

.tel-record-form-btn-container {
  margin-top: 20px;
  display: -webkit-flex;
}

.tel-record-form-btn-container .btn {
  width: 90px;
  margin-right: 10px;
}



.label-tel {
  background-color: #90caf9;
}

.label-sns {
  background-color: #80deea;
}

.label-other {
  background-color: #ffcc80;
}

.label-line {
  background-color: #1dcd00;
}

.label-mitaiou{
  background-color: #e8779a;
}

.label-syorityu{
  background-color: #5c89d2;
}

.label-syorizumi{
  background-color: #5cd2cb;
}

.label-kanryo{
  background-color: #e9cb23;
}

.label-introduction-message{
  background-color: #ef5350;
}

.label-evaluation-request{
  background-color: #42a5f5;
}


.label-sms{
  background-color: #3038c8;
}

/*メモ*/
#form_memo,
#bulk_memo,
#bulk_entry_root,
#bulk_entry_date,
#bulk_initial_meeting_date {
  width: 600px;
  height: 400px;
  max-height: 80vh;
}

#form_memo textarea,
#bulk_memo textarea {
  height: calc(100% - 70px);
}

#form_memo .modal-body > div:last-child,
#bulk_memo .modal-body .modal-body-bottom,
#bulk_entry_root .modal-body .modal-body-bottom,
#bulk_entry_date .modal-body .modal-body-bottom,
#bulk_initial_meeting_date .modal-body .modal-body-bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 20px;
}

/*学生リスト簡易表示*/
.list-item-middle {
  display: -webkit-flex;
  display: flex;
  padding: 16px 20px 16px 10px;
  border-bottom: 1px solid #cdcdcd;
  -webkit-align-items: stretch;
  align-items: stretch;
  color: #404974;
  font-size: 12px;
  text-decoration: none;
  line-height: 1.5;
}

.list-item-middle > div{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.list-item-middle .star {
  margin-right: 10px;
  padding: 8px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.list-item-middle .sex.icon{
  font-size: 16px;
  margin-right: 5px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.list-item-middle .candidate-name {
  font-weight: bold;
  margin-right: 5px;
}

.list-item-middle > div + div {
  position: relative;
  margin-left: 10px;
  padding-left: 11px;
}

.list-item-middle > div + div:before {
  position: absolute;
  top: 50%;
  left:0;
  height: calc(100% + 12px);
  border-left: 1px dotted #cdcdcd;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);;
  content: '';
}

.list-item-bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 5px 20px 5px 10px;
}

.list-item-bottom-introduction {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
}

.list-item-bottom-introduction span {
  color: #2499d4;
  font-weight: bold;
  margin-right: 5px;
}

.list-item-bottom .btn-icon-group {
  padding: 5px 0 1px 11px;
  margin-left: auto;
}

.list-item-bottom > * + * {
  position: relative;
  margin-left: 10px;
  padding-left: 11px;
}

.list-item-bottom > * + *:before{
  position: absolute;
  top: 50%;
  left: 0;
  height:calc(100% - 10px);
  border-left: 1px dotted #cdcdcd;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.simple-list-step {
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  height: 30px;
  padding: 0 10px;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.candidate-list-entrydate{
  margin-bottom: 5px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 12px;
}

/*学生新規登録*/

.modal-body.flex {
  padding: 0 0 0 20px;
  overflow: hidden;
}

.modal-body.flex > div {
  height: 100%;
}
.modal-body-sidebar {
  padding: 10px 0 20px;
  width: 200px;
  height: 100%;
  flex: 0 0 auto;
}
.btn-stuck-group {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
}

.btn-stuck {
    box-shadow: none;
    background-color: #fffcca;
    text-align: left;
    font-weight: normal;
}

.btn-stuck:hover {
  background-color: #fffcca;
}

.btn-stuck:nth-child(n+2){
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-stuck:nth-last-child(n+2){
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-stuck.active {
  background: #fffcca;
  color: #404974;
  font-weight: normal;
  cursor: default;
  box-shadow: none;
}

.modal-body-main {
  flex: 1 1 auto;
  padding: 10px 20px 20px;
  overflow-y: auto;
}

.candidatedata-up-form{
  display: none;
}

.candidatedata-up-form.active{
  display: block;
}

.candidatedata-up-form-block {
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
}

.candidatedata-up-form-block:first-child {
  padding-top: 0;
}

.candidatedata-up-form-block > *:not(.drag-drop-upload) {
  padding-left: 5px;
  padding-right: 5px;
}

.candidatedata-up-form-block > * + * {
  margin-top: 20px;
}

.candidatedata-up-form-block > p + p {
  margin-top: 3px;
}

.candidatedata-up-form-btn-container {
  padding: 20px 0;
}

.candidatedata-up-form-select-event {
  display: none;
}

.authkey {
  border: 1px solid #cdcdcd;
  padding: 10px 0!important;
  text-align: center;
}

/*学生手入力*/
.edit-area {
  margin-left: 10px;
}

#suggest {
  position: absolute;
  z-index: 2;
  max-height: 200px;
  padding: 10px 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  overflow-y: auto;
}

#suggest > div {
  cursor: pointer;
  padding: 0 10px;
}

#suggest > div:hover {
  background-color: #fffcca;
}

.btn-gakubu,
.btn-gakka {
  display: inline-block;
  position: relative;
  margin: 0 10px 10px 0;
  padding: 5px 5px;
  border: none;
  cursor: pointer;
}

.btn-gakubu:after,
.btn-gakka:after {
  position: absolute;
  bottom: 0;
  left:0;
  border-bottom: 1px solid #cdcdcd;
  width: 100%;
  content: '';
}

.btn-gakka:hover:after,
.btn-gakubu:hover:after {
  bottom: 2px;
}

.postal-form > input:first-of-type{
  width: 60px;
  margin-right: 5px;
}

.postal-form > input:nth-of-type(2) {
  width: 60px;
  margin-left: 5px;
}

#add_candidate_form textarea,
#edit_personal_area textarea {
  height: 240px;
}

#face_photo {
  position: relative;
  width: 240px;
  height: 320px;
  margin: 0 auto;
  border: 1px dotted #cdcdcd;
}

.cropControls {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
  top: 0;
  right: 0;
}

.input-label + div:not(.inline-form):not(.address-container) > select + input{
  margin-top: 10px;
}

.add-candidate-searched-event-table {
  margin-top: 10px;
}

.vali_error {
  color: #e11b74;
}

.selectable-items:has(.checkbox, .radio) {
  flex-wrap: wrap;
}

.selectable-items > .checkbox,
.selectable-items > .radio {
  margin-left: 0;
  margin-bottom: 8px !important;
}

.selectable-items > .checkbox > label,
.selectable-items > .radio > label {
  display: inline-block;
}

/*学生登録履歴*/

#import_status .table th {
  white-space: nowrap;
}

#import_status .table td:first-child {
  white-space: nowrap;
}

/*詳細検索*/
#search_modal {
  width: 90vw;
}

#action_search_modal {
  width: 90vw;
}

.search-modal-left {
  -webkit-flex: 1;
  flex: 1;
  border-right: 1px solid #cdcdcd;
  padding-bottom: 20px;
}

.search-modal-left #datetimepicker_s,
.search-modal-left #datetimepicker_e,
.search-modal-left #datetimepicker_is,
.search-modal-left #datetimepicker_ie,
#datetimepicker_aptitude_test_mail_senddate_first_s,
#datetimepicker_aptitude_test_mail_senddate_first_e,
#datetimepicker_aptitude_test_examdate_s,
#datetimepicker_aptitude_test_examdate_e,
#datetimepicker_performance_test_mail_senddate_first_s,
#datetimepicker_performance_test_mail_senddate_first_e,
#datetimepicker_performance_test_examdate_s,
#datetimepicker_performance_test_examdate_e {
  width: 140px;
}

.search-modal-right {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 10px 20px 10px 10px;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 420px;
}

.search-modal-right > .btn,
.search-modal-right > a {
  -webkit-aiign-self: center;
  align-self: center;
  margin-bottom: 40px;
}

.search-modal-right > * {
  margin-bottom: 10px;
}

.search-modal-right > div:first-child {
  font-weight: bold;
  line-height: 1;
}

.search_condition_container {
  background-color: #fffcca;
  border: 1px solid #cdcdcd;
  /*width: 320px;*/
  padding: 5px;
  font-size: 12px;
}

.search-components-container > div {
  padding: 10px 0 5px;
  margin: 0 10px;
  border-bottom: 1px dotted #cdcdcd;
}

.dlcandidate-components-container > div > strong,
.search-components-container > div > strong {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
}

.dlcandidate-components-container .inline-form,
.dlcandidate-components-container .input-horizontal,
.search-components-container .inline-form,
.search-components-container .input-horizontal {
  margin-bottom: 10px;
  padding-right: 20px;
}

.area_group {
  padding-top: 5px;
}

.area_group .checkbox-toggle{
  margin-bottom: 5px;
}

.toggle-next {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  line-height: 20px;
  font-size: 12px;
}

.toggle-next:after {
  margin-left: 5px;
  font-family:"rootstrap"!important;
  font-size: 10px;
  content: "\e959";
}

.toggle-next.open:after {
  content: "\e95c";
}

.uni_level  {
  display: -webkit-flex;
  display: flex;
}
.uni_level .uni_group_list {
  margin-right: 40px;
}
.uni_level .uni_group_list:last-child {
  margin-right: 0;
}
.uni_level .uni_group_list .checkbox {
  display: -webkit-flex;
  display: flex;
  padding-top: 5px;
  margin-bottom: 5px;
}
.uni_level .uni_group_list span.icon-arrow_03d {
  margin-left: 5px;
}
.uni_level .uni_list {
  display: none;
  margin-top: 5px;
  margin-left: 15px;
}

input[name="uni_level[]"] + label + span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}

/* 高度な検索 */
#search_modal_advanced {
  width: 90vw;
}
.condition_row {
  padding-bottom: 10px;
  border-bottom: 1px dotted #cdcdcd;
}
.condition_row .condition_left {
  width: 190px;
}
.condition_row .condition_op {
  margin-left: 10px;
}
.condition_row .condition_right {
  margin-left: 10px;
}
.condition_row .condition_right input[type="text"] {
  width: 300px;
}
.condition_row .condition_right input[type="text"].datetimepicker {
  width: 150px;
}
.condition_row .condition_right .event_filter_date {
  display: block;
}
.condition_row .condition_right .filtered_event {
  width: 300px;
}
.condition_row .condition_right .event_entry_multi_label {
  width: 65px;
  font-size: 12px;
  font-weight: bold;
}
.add_condition {
  display: inline-block;
  cursor: pointer;
}
.del_condition {
  display: inline-block;
  margin-top: 8px;
  margin-right: 4px;
  cursor: pointer;
}
#search_modal_advanced .search-components-container > div {
  border-bottom: none;
}
.switch_search_type {
  position: absolute;
  top: 0;
  left: 120px;
}
#search_modal_advanced .uni_level .uni_list {
  flex-wrap: wrap;
  margin-top: 0;
}
#search_modal_advanced .uni_level .uni_group_list .checkbox {
  margin-bottom: 0;
  padding-top: 0;
}
#search_modal_advanced .uni_level .uni_group_name + label + span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}
.advanced-search-container > div {
    border-bottom: none;
}
.advanced-search-container .uni_level .uni_list {
    flex-wrap: wrap;
    margin-top: 0;
}
.advanced-search-container .uni_level .uni_group_name + label + span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
}
.advanced-search-container .condition_row .condition_right input[type="text"] {
    width: 250px;
}
.btn-clear {
  color: #aaa;
}

.event_filter select[name=event_filter_pattern],
.event_filter .event_filter_step_group {
  display: none;
}

.event_filter .event_filter_step_group {
  margin: 10px 0;
}

.dlcandidate-components-container > div {
  padding: 10px 0 5px;
  margin: 0 10px;
}
.dlcandidate-components-container .dl_candidate_items {
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.dlcandidate-components-container .dl_candidate_items .left {
  width: 52%;
  height: 100%;
  overflow-y: auto!important;
}
.dlcandidate-components-container .dl_candidate_items .right {
  height: 100%;
  padding: 0px 20px;
  overflow-y: auto!important;
}
.dlcandidate-components-container .dl_candidate_items .left > div {
  margin-bottom: 10px;
}
.dlcandidate-components-container .dl_candidate_items .right > div {
  margin-bottom: 25px;
}
.dlcandidate-components-container .dl_candidate_items .dl_item_ef_basic {
  display: -webkit-flex;
  display: flex;
}
.dlcandidate-components-container .dl_candidate_items .dl_item_ef_basic > div {
  width: 50%;
}
.dlcandidate-components-container .dl_candidate_items .form-checkbox .checkbox {
  display: block;
}
.dlcandidate-components-container .dl_candidate_items .selection_evaluation {
  margin-left: 143px;
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
}
.dl_item_disp_container {
  background-color: #fffcca;
  border: 1px solid #cdcdcd;
  width: 350px;
  padding: 5px;
  font-size: 12px;
}
button#make_dl_data {
  margin: 0 auto;
}

#dl_candidate_items_sort .items_list .items_list_inner {
  width: 100%;
  float: left;
}
#dl_candidate_items_sort .items_list .items_list_inner h3 {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: solid 1px #cdcdcd;
  border-bottom: none;
  background-color: #e5f6ff;
}
#dl_candidate_items_sort .items_list .items_list_inner h3 .balloon{
  padding: 5px;
  min-width: 200px;
}
#dl_candidate_items_sort .items_list .items_list_inner ul {
  border: solid 1px #cdcdcd;
  height: 250px;
  overflow-y: scroll;
  cursor: pointer;
  background-color: #fff;
}
#dl_candidate_items_sort .items_list .items_list_inner ul li {
  padding: 5px;
  width: 300px;
  border-bottom: solid 1px #cdcdcd;
}
#dl_candidate_items_sort .items_list .items_list_inner .sidebar-ul-sortable {
  padding-right: 8px;
  color: #aaa;
  cursor: grab;
}
#dl_candidate_items_sort .items_list .items_list_inner:first-child {
  margin-right: 4%;
}
#dl_candidate_items_sort .form-block-body{
  padding: 5px 18px 0px;
}

.dlcandidate-components-container .submit-container .btn-medium {
  width: 100px;
}

/*重複候補*/

.import-check {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #edf6fa;
  -webkit-align-items: center;
  align-items: center;
}



.import-check-new {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 260px;
  flex: 0 0 auto;
}

.import-check-candidate {
  border: 1px solid #cdcdcd;
  background-color: #fff;
  line-height: 1.5;
}

.import-check-new .import-check-candidate + .import-check-candidate {
  margin-top: 20px;
}

.import-check-candidate-header {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  padding: 3px 10px;
  border-bottom: 1px solid #cdcdcd;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.import-check-candidate-body {
  padding: 15px 10px;
  font-size: 12px;
}

.import-check-new .import-check-candidate-header {
  color: #2499d4;
}

.import-check-arrow {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60px;
  font-size: 24px;
}

.import-check-existed {
  -webkit-flex: 1;
  flex:1;
  padding: 20px 10px;
  background-color: #fff;
}

.import-check-existed > div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 10px;
}

.import-check-existed .import-check-candidate {
  display: block;
  width: 202px;
  margin: 0 14px 14px 0;
  cursor: pointer;
}

.import-check-existed .import-check-candidate-body > *{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.import-check-existed input[type="radio"] {
  display: none;
}


.import-check-or {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 80px;
  width: 203px;
  border: 1px solid #cdcdcd;
  margin-right: 14px;
  font-size: 16px;
  cursor: pointer;
}

.import-check-or p{
  font-size: 12px;
  color: #aaa;
  margin-top: 5px;
}

.import-check-or:not(.disabled):hover,
.import-check-existed .import-check-candidate:hover {
  background-color: #fffcca;
}

.import-check-or.selected,
.import-check-existed .import-check-candidate.selected {
  background-color: #fffcca;
  box-shadow: 0 0 4px 0 #92dddb;
}

.import-check-or:first-of-type {
  color: #21c45b;
}

.import-check-or:nth-of-type(2) {
  color: #aaa;
}

.import-check-existed > div:nth-last-child(2) {
  padding: 15px 10px 20px 10px;
  min-width: 675px;
}

.import-check-existed > div:last-child {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 20px;
  padding-right: 10px;
  border-top: 1px solid #cdcdcd;
}
.import-check-existed > div:last-child p {
  color:#21c45b;
  font-weight: bold;
}


.import-check-top {
  padding-left: 20px;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.import-check-top > p:first-child {
  width: 260px;
  margin-right: 60px;
  text-align: center;
  flex: 0 0 auto;
}

.import-check-top > p:last-child {
  width: 680px;
  flex: 0 0 auto;
  text-align: center;
}


/*学生詳細*/

.reset-width {
  width: auto!important;
  min-width: initial!important;
}

#candidate_detail {
  padding: 10px 0 60px;
}

#candidate_detail.naviless {
  padding: 60px 0 60px;
}

#candidate_detail_top {
  display: -webkit-flex;
  display: flex;
  margin: 0 10px 10px 10px;
  padding: 5px 20px 5px 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  -webkit-align-items: center;
  align-items: center;
}

.candidate_name_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px!important;
  box-shadow: 0 3px 5px #cdcdcd; 
  z-index: 1;
}

.candidate-top-main-info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1;
}

.candidate-top-main-info > * {
  margin: 5px 20px 5px 0;
}

.candidate-top-name {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: bold;
}
.candidate-top-name p:last-child {
  font-size: 10px;
  margin-top: 5px;
  font-weight: normal;
}

.candidate-top-entry-date {
  font-size: 12px;
}

.candidate-top-line-message {
  font-size: 12px;
  color: #1dcd00;
  font-weight: bold;
  cursor: pointer;
}

.candidate-top-line-process-message {
  font-size: 12px;
  color: #e11b74;
  font-weight: bold;
  cursor: pointer;
}

.blocked.candidate-top-line-message {
  color:#888;
}

.failed.candidate-top-line-message {
  color:#e11b74;
}

.candidate-top-sns-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 5px;
}

.candidate-top-sns-container > * {
  display: block;
  margin-right: 5px;
  line-height: 0;
}

.candidate-top-sns-container img {
  width: 20px;
  height: auto;
}

.sidebar-nav .btn_delete_candidate {
  color: #d95f6c;
}

.btn_delete_candidate .icon {
  margin-right: 5px;
}

#personal.main-right {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 770px;
  width: auto;
}

.personal-left {
  width: 180px;
  flex: 0 0 auto;
}

#personal_image {
  position: relative;
  display: -webkit-flex;
  display: flex;
  height: 235px;
  margin-bottom: 20px;
}

#personal_image img {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
}

#personal_image .fav-mark {
  position: absolute;
  width: 40px;
  top: 0;
  left: 0;
}

.personal-left-block {
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.personal-left-block-header {
  position: relative;
  padding: 10px 0 8px;
  margin: 0 10px;
  font-size: 14px;
  line-height: 1;
  border-bottom: 2px solid #404974;
}

.personal-left-block-header-link {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 12px;
  text-decoration: underline;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.personal-left-block-body {
  max-height: 400px;
  overflow-y: auto;
}

.personal-left-block-body > p{
  padding: 10px;
  font-size: 12px;
}

.list-records{
  padding: 0 10px;
}

.list-records li {
  padding: 20px 0 17px;
}

.list-records li .label {
  margin-bottom: 10px;
}

.list-records li .label + span {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1;
}

.list-records li p {
  font-size: 12px;
  line-height: 1.5;
}

.list-records li:nth-last-child(n+2) {
  border-bottom: 1px solid #cdcdcd;
}

#personal_base_data {
  width: 560px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 10px;
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff
}

#personal_data article {
  width: 100%;
  font-size: 12px;
  margin-bottom: 10px;
}

.candidate-profile th{
  border: 1px solid #cdcdcd;
  background-color: #e5f6ff;
  text-align: left;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  line-height: 1.5;
  width: 200px;
  word-break: break-all;
}

.candidate-profile td {
  padding: 6px 10px;
  line-height: 1.5;
  font-size: 12px;
}

.pbd-row {
  display: -webkit-flex;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px dotted #cdcdcd;
  font-size: 12px;
}

.pbd-row-memo > div:first-child,
.pbd-row-introduction > div:first-child {
  -webkit-flex: 1;
  flex: 1;
  word-break: break-all;
}

.pbd-row:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}




.pbd-row-memo {
  padding: 7px 0;
  line-height: 1.5;
}

.pbd-row-memo > div:last-child {
/*  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 3px 0;*/
  margin: 0 10px;
  -webkit-align-self: center;
  align-self: center;
}

.pbd-row-introduction {
  padding: 6px 0;
}

.pbd-row-introduction > div:last-child {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 10px;
  padding: 4px 0;
  -webkit-align-self: center;
  align-self: center;
}

.pbd-row-introduction p > span {
  margin-right: 20px;
  color: #2499d4;
  font-weight: bold;
}

.pbd-row.flag-area {
  padding-top: 5px;
}

.pbd-candidate-profile {
  display: block;
}

.pbd-candidate-profile .collapsible-heading {
  margin-top: 20px;
  padding-right: 22px;
  font-size: 12px;
  line-height: 1;
}

.pbd-candidate-profile .collapsible-heading + table {
  margin-top: 10px;
}

#select-step-modal .modal-body > div > ul > li{
  font-weight: bold;
}

#form_evententry .input-horizontal {
  margin-bottom: 20px;
  justify-content: space-between;
}

#form_evententry .input-horizontal > div {
  display: flex;
}

#form_evententry .input-horizontal .checkbox input[type="checkbox"]:checked + label {
  font-weight: bold;
}

#form_evententry .input-horizontal .sort_ee {
  max-width: 500px;
}

#form_entrysheet .table {
  width: calc(100% - 40px);
}

#form_entrysheet .drag-drop-upload {
  height: 200px;
  margin-top: 20px;
}


#form_entrysheet .drag-drop-upload > div:last-child {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px;
  font-size: 12px;
}


#form_entrysheet .modal-body > div:last-child {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 20px;
}

#list_entrysheet tr td{
  line-height: 2.3;
}

#candidate_detail_top + div {
  margin-bottom: 30px;
}

#candidate_detail .main .heading-1 {
  margin-bottom: 10px;
  align-items: center;
}

.total-evaluation-container {
  margin-bottom: 30px;
}

ul.evaluation_tab {
  display: flex;
  width: 870px;
  height: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style:none;
}

ul.evaluation_tab::-webkit-scrollbar {
  display: none;
}

ul.evaluation_tab li {
  min-width: 140px;
  height: 40px;
  padding: 5px 10px;
  border: solid 1px #cdcdcd;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  background-color: #ededed;
}
.evaluation_tab_container {
  display: flex;
  overflow: hidden;
}
.evaluation_tab_container .btn-prev,
.evaluation_tab_container .btn-next {
  position: relative;
  width: 30px;
  height: 40px;
  border: solid 1px #cdcdcd;
  cursor: pointer;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  background-color: #fff;
}

.evaluation_tab_container .btn-prev:after {
  position: absolute;
  top: 50%;
  right: 5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #cdcdcd transparent transparent;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.evaluation_tab_container .btn-next:after {
  position: absolute;
  top: 50%;
  left: 5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #cdcdcd;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
ul.evaluation_tab li.active {
  background-color: #fff;
  border-bottom: solid 1px #fff;
}

ul.evaluation_tab li:hover {
  text-decoration: underline;
}

#selection_content,
#candidate_detail .interviews {
  border: solid 1px #cdcdcd;
  background-color: #fff;
  padding: 20px;
  z-index: 1;
  margin-top: -1px;
}

.selection_content,
.tentative_comment {
  display: none;
}

#form-arrange .form-block {
  width: initial;
}

#form-arrange .gcal {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 480px;
  margin-left: 10px;
}

#form-arrange .input-label {
  font-size: 14px;
  margin-bottom: 5px;
}

.date_tentative .add_event_date,
.date_tentative .del_event_date {
  display: inline-block;
  margin-left: -18px;
  cursor: pointer;
}

#evaluation_summary,
#evaluation_detail {
  border: solid 1px #cdcdcd;
  background-color: #fff;
  padding: 20px;
  z-index: 1;
  margin-top: -1px;
}

#evaluation_detail {
  display: none;
}

#evaluation_detail.step_evaluation {
  display: block;
}

.evaluate-block {
  margin-bottom: 30px;
  padding: 10px;
}

.evaluate-block .heading-1 span {
  font-weight: normal;
  font-size: 14px;
}

.evaluate-block .heading-1 a {
  color: #404974;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.evaluate-block .heading-1 a span {
  margin-left: 5px;
}

.evaluate-block .mla button,
#evaluate_list .mla button {
  display: inline;
}

.evaluate-block-body > div {
  padding: 10px 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.evaluate-block-body > div:nth-last-child(n+2) {
  border-bottom: none;
}
.evaluate-block .heading-1 .selection_date {
  width: 130px;
}

#evaluation_summary .co-evaluation .table {
  width: auto;
}
#evaluation_summary .co-evaluation table th:first-child {
  width: 150px;
}

#evaluation_summary .co-evaluation table td:nth-child(n+2) {
  text-align: center;
}

#request_evaluate_modal.modal {
  height: 430px;
}

#request_evaluate_modal table th {
  width: 150px;
}

#request_evaluate_modal select {
  margin-right: 10px;
}

#request_evaluate_modal .notify-services-label {
  font-size: 14px;
  margin: 0 10px 10px 5px;
}

#request_evaluate_modal #add_rater_form {
  display: none;
  margin: 10px 0 5px;
}
#request_evaluate_modal #add_rater_form input {
  margin-right: 5px;
}

#request_evaluate_modal button.send_message {
  margin: 10px auto;
}

#evaluate_list {
  padding-left: 200px;
}

#evaluate_list .heading-1 span {
  margin-left: 20px;
  font-weight: normal;
  font-size: 14px;
}

#evaluate_list .heading-1 .selection_date {
  width: 130px;
}

#evaluate_list table th:nth-last-child(-n+2),
#evaluate_list table td:nth-last-child(-n+2) {
  text-align: center;
  width: 60px;
}

#evaluate_list table th:nth-last-child(-n+2) span,
#evaluate_list table td:nth-last-child(-n+2) span {
  cursor: pointer;
}

#evaluate_list .ctl_evasheet {
  display: inline-block;
  float: right;
}

#evaluate_list .ctl_evasheet span {
  margin-right: 5px;
  text-decoration: underline;
  cursor: pointer;
}

#evaluate_area .add_rater {
  margin-left: 10px;
  text-decoration: none;
}
#evaluate_area .add_rater span {
  padding-right: 3px;
}
#evaluate_area table th {
  width: 250px;
}
#evaluate_area table tbody th {
  max-width: 120px;;
  word-break: break-all;
}
#evaluate_area table .th-evaluate-itemname {
  width: 15%;
}
#evaluate_area table .th-evaluate-criteria {
  width: 25%;
}
#evaluate_area table .th-evaluate-content {
  width: 60%;
}
#add_rater_modal.modal {
  width: 400px;
  height: 150px;
}
#add_rater_modal input {
  margin-right: 10px
}

.entried-event > p:first-child {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  padding: 8px 0;
}

.entried-event > p + div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.entried-event > p + div > span {
  width: 200px;
  font-size: 12px;
}

.entried-event .btn {
  width: 100px;
}

.entried-event .btn + .btn {
  margin-left: 20px;
}

.event-artifact-container {
  padding-top: 10px;
}

.event-artifact-content {
  padding: 10px 0;
  border-top: 1px solid var(--gray-100);
}

/* イベント付帯情報アコーディオン */
.event-artifact-item {
  margin-bottom: 10px;
  padding: 0 20px;
}

.event-artifact-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 200px; /* 上限の高さ（折りたたみ状態） */
  transition: max-height 0.3s ease;
}

.event-artifact-wrapper.is-expanded {
  max-height: none; /* 展開状態 */
}

.event-artifact-content-body {
  flex: 1;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.event-artifact-toggle {
  width: 100%;
  padding: 2px 0;
  cursor: pointer;
  text-align: center;
  position: relative;
  border-radius: 4px;
}

.event-artifact-toggle:hover {
  background-color: #fffcca;
}

.event-artifact-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #aaa;
  position: relative;
}

.event-artifact-wrapper.is-expanded + .event-artifact-toggle .event-artifact-arrow {
  transform: rotate(180deg);
}

.co-evaluation {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.co-evaluation > *:nth-child(n+2){
  margin-left: 20px;
}

.co-evaluation .btn {
  padding: 0 20px;
}

.co-evaluation .checkbox {
  margin-bottom: 0;
}

#evaluation_summary .evaluation_requests p,
#evaluation_detail .evaluation_requests p,
#candidate_detail .evaluation_requests p {
  font-weight: bold;
}
#evaluation_summary .evaluation_requests table,
#evaluation_detail .evaluation_requests table,
#candidate_detail .evaluation_requests table {
  width: auto;
}
#evaluation_summary .evaluation_requests table button,
#evaluation_detail .evaluation_requests table button,
#candidate_detail .evaluation_requests table button {
  display: inline-block;
  margin-right: 10px;
}

.personal-step-eva {
  clear: both;
  display: -webkit-flex;
  display: flex;
}

.personal-step-eva button {
  margin-right: 10px;
}

.personal-step-eva-chart {
  flex: 0 0 auto;
  width: 280px;
}

.personal-step-eva-score {
  flex: 0 0 auto;
  width: 350px;
  margin: 10px 20px 10px 0;
}

.personal-step-eva-score table th {
  width: 170px;
}

.personal-step-eva-text {
  flex: 1;
  overflow-y: auto;
  min-height: 85px;
  margin: 10px 0;
  border: 1px solid #cdcdcd;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.personal-step-eva-text-header {
  font-weight: bold;
}

.personal-step-eva-text-comment + .personal-step-eva-text-header {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dotted #cdcdcd;
}

.fixed-buttons {
  display: -webkit-flex;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 60px;
  background-color: rgba(235,238,255,0.5);
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 0 20px;
}

.fixed-buttons > * {
  margin-left: 20px;
}

.next_candidate_button.btn .icon {
  padding: 0 0 0 10px;
}

.go_top_button {
  font-size: 30px;
  color: #00885a;
  text-decoration: none;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.go_top_button:hover {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

#recommend_reason {
  margin: 30px 0;
}

#recommend_reason .heading-1 {
  margin-bottom: 10px;
}

#recommend_reason p{
  padding: 16.5px 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

#intro_thre {
    margin-bottom: 40px;
}

#intro_thre .heading-1 {
  margin-bottom: 10px;
}

.intro-msg-wrapper {
  margin-bottom: 10px;
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5;
  max-height: 500px;
  display: flex;
  flex-direction: column;
}

.intro-msg {
  padding: 10px 10px 6.5px 10px;
  width: 61.8%;
  margin-bottom: 10px;
  word-break: break-all;
}

.msg-intcompany {
  align-self: flex-end;
  background-color: #E0E5EB;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 8px;
  color: #404974;
}

.msg-mycompany {
  align-self: flex-start;
  background-color: #D1E9B7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0px;
}
.chat_intcompany {
  align-self: flex-start;
  background-color: #E0E5EB;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0px;
}

.chat_mycompany {
  align-self: flex-end;
  background-color: #D1E9B7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 8px;
}
.chat_mycompany a {
  color: inherit;
}

.msg-system {
  align-self: center;
  border: 1px solid #cdcdcd;
  border-radius: 8px;
}

.imsg-head {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 6.5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  -webkit-align-items: center;
  align-items: center;
}

#intro_thre textarea {
  height: 390px;
  margin-bottom: 10px;
}

.imsg-head > span:first-child {
  flex: 1;
}

.imsg-head-date {
  flex: 0 0 auto;
  margin-left: auto;
}

.imsg-body {
  white-space: pre-wrap;
}

.msg-intcompany .imsg_attachment-color-change a{
  color: #2499d4;
}

#action_bar.action_bar-fixed {
  position: fixed;
  bottom: 0;
  width: calc(100% - 240px);
  z-index:99;
  background-color: rgba(235,238,255,0.5);
  font-weight: bold;
}

#action_bar.action_bar-fixed .dropdown > ul {
  top: auto;
  bottom: 40px;
}

#action_bar .dropdown > .label {
  margin-left: 10px;
}

#candidate_detail #thread-message-wrapper {
  margin: 0 10px;
}

#candidate_detail .thread-wrapper,
#candidate_detail .message-wrapper {
  max-height: initial;
  height: 80vh;
}

.thread-date {
  margin-left: auto;
  flex: 0 0 auto;
  font-size: 12px;
}

#upload_evaluation.drag-drop-upload {
  height: 160px;
}

#upload_evaluation.drag-drop-upload > div:first-child {
  display: -webkit-flex;
  display: flex;
  -webkit-flex:1;
  flex: 1;
  padding-left: 20px;
  -webkit-justify-content: center;
  justify-content: center;
}

#upload_evaluation.drag-drop-upload > div:last-child {
  -webkit-flex: 0 0 auto;
  padding: 0 20px;
  font-size: 12px;
}

#current_file > p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  margin-bottom: 5px;
}

#current_file .current_file_button{
  display: -webkit-flex;
  display: flex;
  margin-bottom: 5px;
}

#current_file .current_file_button .btn {
  margin-right: 10px;
}

#candidate_detail .evaluation_requests {
  padding-left: 200px;
  margin-top: 40px;
}



/***メール管理***/

#message {
  padding-bottom: 20px;
}

#message > .flex {
  height: calc(100vh - 142px);
}

#message #sidebar {
  width: 225px;
  max-height: 100%;
  padding-right: 5px;
  overflow-y: auto;
}

#message #sidebar .line_icon {
  width: 20px;
  margin-right: 10px;
}

#message .main-right {
  padding-left: 5px;
}

.tray {
  position: relative;
  max-height: 190px;
  overflow-y: auto;
  font-size: 12px;
}

.tray::-webkit-scrollbar {
  width: 5px;
}
.tray::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.tray-item {
  display: block;
  position: relative;
  height: 30px;
  padding: 0 20px;
  color: #404974;
  line-height: 30px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tray-item:before {
  position: absolute;
  left: 10px;
  top: 0;
  width: calc(100% - 20px);
  border-top: 1px dotted #cdcdcd;
  content: '';
}

.tray-item:first-child {
  height: 30px;
}

.tray-item:first-child:before {
  content: none;
}

.tray-item+div .tray-item:before {
  content:'';
}

.tray-item > span.icon {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  height: 100%;
  padding-left: 10px;
  font-size: 14px;
  line-height: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -moz-transition: opacity 0.1s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.tray-item:hover > span.icon {
  opacity: 0.8;
}

.tray-item > span.icon:hover {
  opacity: 1;
}

.tray-item > span.icon.icon-plus {
  opacity: 1;
}

.tray-item + div {
  position: relative;
}

.tray-item:hover {
  background-color: #fffcca;
}

.tray-item.active {
  background-color: #fffcca;
}

.label.unread-message,
.label.unread-message-recieved,
.label.unread-message-sent,
.label.unread-unknown,
.label.unread-error,
.unread-message-nonreply,
.label.unread-message-box {
  position: absolute;
  top: 5px;
  right: 10px;
}

.edit-block {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0 10px;
  background-color: #fff;
}

.edit-block input[type="text"] {
  height: 100%;
  flex: 1 1 auto;
}

.btn-edit-block {
  width: 57px;
  height: 30px;
  margin-left: 8px;
  padding: 0; 
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

#progress #tabs-list .btn-edit-block {
  margin-left: 0;
  margin-right: 5px;
}

.tray > .tray-item:last-of-type + .edit-block {
  margin-top: -25px;
}

#thread-message-wrapper {
  height: 100%;
}

#thread-column {
  width: 230px;
  flex: 0 0 auto;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.thread-column-action {
  display: -webkit-flex;
  display: flex;
  height: 40px;
  border-bottom: 1px solid #cdcdcd;
  -webkit-align-items: center;
  align-items: center;
}

.thread-column-action .checkbox label {
  padding-left: 15px;
}

.thread {
  border-bottom: 1px solid #cdcdcd;
  font-size: 12px;
  transition: background-color .2s ease-in;
}

.thread.on {
  background-color: #fffcca;
}

.thread:hover {
  background-color: #fffcca;
}

.thread-wrapper {
  max-height: calc(100vh - 182px);
  overflow-y: auto;
}

.thread-wrapper::-webkit-scrollbar {
  width: 5px;
}
.thread-wrapper::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.thread > div:first-child {
  display: -webkit-flex;
  display: flex;
  height: 25px;
  padding: 10px 10px 0;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1;
}

.thread > div:first-child .checkbox {
  flex: 0 0 auto;
}

.thread > div:first-child .star{
  flex: 0 0 auto;
  margin-right: 10px;
  padding: 15px 15px 0 0;
}

#message_person .star {
  cursor: default;
}


.thread-candidate-name {
  cursor:pointer;
}

.thread.ny-read .thread-candidate-name {
  font-weight: bold;
}

.thread-candidate-name:hover {
  text-decoration: underline;
}

.thread > div:last-child {
  padding: 10px;
  cursor: pointer;
}

.thread > div:last-child > p {
  width: 100%;
  margin-bottom: 10px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.thread.ny-read > div:last-child > p {
  font-weight: bold;
}

.thread > div:last-child > div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.thread > div:last-child > div .label {
  margin-right:10px;
  overflow: hidden;
  text-overflow:ellipsis;
}

.no-replied {
  position: relative;
  flex: 0 0 auto;
  margin-right: 10px;
  padding-left: 18px;
  font-size: 10px;
  color: #ff0101;
}

.no-replied:before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #ff0101;
  border-radius: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.thread > div:last-child > div label {
  margin-right: 15px;
  -webkit-flex: 1 1 auto;
  flex : 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thread > div:last-child > div:last-child span:last-child {
  margin-left: auto;
  flex: 0 0 auto;
}

.thread .label-mailbox + span {
  font-size: 10px;
}

.message-wrapper {
  position: relative;
  width: 800px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.message-wrapper > div:first-of-type{
  padding:10px 20px;
  border-bottom: 1px solid #cdcdcd;
}

.message-wrapper .main-subject {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}

.message-wrapper .main-subject + div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 6px;
}

.message-wrapper .main-subject + div .label-mailbox {
  margin-right: 20px;
}

.message-wrapper .main-subject + div .message-opened {
  display: inline-block;
  margin-right: 20px;
  color: #404974;
  font-size: 12px;
}

.message-container {
  overflow-y: auto;
}

.message-container::-webkit-scrollbar {
  width: 5px;
}
.message-container::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.message-person-wrapper .message-container {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
}

.message-header {
  display: -webkit-flex;
  display: flex;
  height: 45px;
  border-bottom: 1px solid #cdcdcd;
  padding: 0 20px;
  line-height: 1;
  cursor: pointer;
}

.message-header:hover{
  background-color: #fffcca;
}

.message-header > div:first-child {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.message-header > img {
  height: 30px;
  width: auto;
}

.message-header .icon{
  font-size:16px;
}

.message-header .icon-building_01 {
  color: #aaa;
}

.message-header-sender {
  margin-left: 10px;
}

.message-header-school {
  margin-left: 30px;
  font-size: 12px;
}

.message-header-email {
  margin-left: 20px;
  color: #aaa;
  font-size: 12px;
}

.message-sms-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeeee;
  color: var(--neutral-900);
  font-size: 10px;
  padding: 0px 8px;
  border-radius: 10px;
  margin-right: 20px;
  line-height: 20px;
  height: 20px;
}

.message-header-attachment {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 20px;
  color: #aaa;
}

.message-header > div:last-child {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
  -webkit-align-items: center;
  align-items: center;
}

.message-header > div:last-child > span + a {
  margin-left: 10px;
}

.message-header .btn-icon.metainfo_icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  padding: 2px;
  line-height: 1;
}
.message-header .btn-icon.metainfo_icon .icon {
  font-size: 11px;
}
.message-header .metainfo {
  position: relative;
  z-index: 999;
  top: 30px;
  left: -20px;
  height: 100%;
  display: none;
}

.message-header .metainfo table {
  margin-top:5px;
  border: solid 1px #cdcdcd;
  background-color: #fff;
}

.message-header .metainfo table th {
  padding: 10px;
  padding-right: 15px;
  font-weight: normal;
}

.message-header .metainfo table th,
.message-header .metainfo table td {
  padding: 10px;
  line-height: 1.5em;
  padding-bottom: 0px;
}
.message-header .metainfo table tr:last-child th,
.message-header .metainfo table tr:last-child td {
  padding-bottom: 10px;
}

.btn-reply {
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 50px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: initial;
}

.btn-reply > .icon {
  padding: 0;
}

.message-header > div:last-child > span:first-child{
  color: #aaa;
  font-size: 12px;
}

.message-body {
  padding: 20px;
  border-bottom: 1px solid #cdcdcd;
}

.message-body p {
  font-size: 14px;
}

.message-body .bounce {
  padding: 10px;
  margin-bottom: 15px;
  border: solid 1px #ef5350;
  background-color: #fffdd7;
}

.message-body-attachment {
  display: -webkit-flex;
  display: flex;
  margin-top: 10px;
  border-top: 1px dotted #cdcdcd;
}

.message-body-attachment .icon{
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
  padding-top: 10px;
}

.message-body-attachment div {
  display: -webkit-flex;
  display: flex;
  padding-top: 10px;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  font-size: 0;
}

.message-body-attachment div a {
  display: block;
  margin: 0 25px 10px 0;
  color: #404974;
  font-size: 14px;
  line-height: 1;
}

.message-attachment-count {
  color: #aaa;
}

.message-old-threads {
  height: 99px;
  overflow-y: auto;
}

.message-old-threads::-webkit-scrollbar {
  width: 5px;
}

.message-old-threads::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.message-old-threads > div {
  display: -webkit-flex;
  display: flex;
  height: 32px;
  padding: 0 20px;
  -webkit-align-items: center;
  align-items: center;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
}

.message-old-threads > div + div {
  position: relative;
}

.message-old-threads > div + div:before {
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  border-top: 1px dotted #cdcdcd;
  content: '';
}

.message-old-threads > div > p:first-child {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.message-old-threads > div > span:last-child{
  color: #aaa;
  flex: 0 0 auto;
}

.message-old-threads > div > span:not(:last-child) {
  color: #aaa;
  width: 62px;
  flex: 0 0 auto;
}

.message-old-threads > div > span:not(:last-child).old-thread-no-replied {
  color: #ff0101;
}

.message-old-threads > div:hover {
  background-color: #fffcca;
}

.message-old-threads > div.selected {
  background-color: #fffcca;
}

#message .planchange-announce {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#message .planchange-announce-background {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
}

#message .planchange-announce-body {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  padding: 40px;
  color: #fff;
  font-size: 16px;
}

#message .planchange-announce-body .btn {
  width: 400px;
  margin-top: 20px;
}

.table td.sort-handle {
  width: 40px;
  text-align: center;
  color: #aaa;
  cursor: move;
}

#message_draft_container {
  height: 100%;
}

#create_template_area{
  margin-left: 10px;
}

#create_template_area  input + span {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 5px;
  -webkit-align-items: center;
  align-items: center;
}

#create_template_area .cc-container,
#create_template_area .bcc-container {
  line-height: 1;
  margin-bottom: 10px;
}

#create_template_area .cc-container ul,
#create_template_area .bcc-container ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

#create_template_area .cc-container li,
#create_template_area .bcc-container li {
  display: -webkit-flex;
  display: flex;
  height: 20px;
  padding: 0 10px;
  background: #ebeeff;
  -webkit-align-items: center;
  align-items: center;
}

#create_template_area .cc-container li + li,
#create_template_area .bcc-container li + li {
  margin-top: 10px;
}

#create_template_area .cc-container .icon,
#create_template_area .bcc-container .icon {
  margin-left: 10px;
  font-size: 10px;
  cursor: pointer;
}

#create_template_area .cc-container .icon:hover,
#create_template_area .bcc-container .icon:hover {
  text-decoration: underline;
}

#create_template_area textarea {
  height: 300px;
}

/*mailer*/

#create-message,
#create-template {
  background: #f9fafc;
  min-width: initial;
}

#create-template {
  display: flex;
  flex-direction: column;
}

.mailer-action-container {
  display: -webkit-flex;
  display: flex;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  background-color: #00885a;
  z-index: 1;
}

.mailer-action-container > div{
  position: relative;
  display:-webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 108px;
  padding: 10px 0;
  border-left: 2px solid #cdcdcd;
  background-color: #f9fafc;
  color: #404974;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}

.mailer-action-container > div p {
  text-align: center;
}

.mailer-action-container > .btn-green {
  color: #fff;
}

.mailer-action-container > div > .icon {
  font-size: 18px;
  margin-bottom: 5px;
}

.mailer-action-container > .disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eee;
  color: #fff;
  cursor: default;
  border: none;
}

.mailer-header-container .table-mailer-head {
    width: 100%;
}

.mailer-header-container .table-mailer-head tbody > tr > th {
  position: relative;
  width: 88px;
  padding: 18px 0 18px 30px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}

.mailer-header-container .table-mailer-head > tbody > tr > th .icon-arrow_03d,
.mailer-header-container .table-mailer-head > tbody > tr > th .icon-arrow_03u {
  position: absolute;
  top: 18px;
  left: 10px;
  cursor: pointer;
  color: #aaa;
}

.mailer-header-container .table-mailer-head > tbody > tr > th .icon-shape_help {
  margin-left: 10px;
}

.mailer-header-container .table-mailer-head > tbody > tr > td {
  position: relative;
  padding: 10px 30px 10px 0;
  border-bottom: 1px solid #cdcdcd;
}

.mailer .selectbox-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}


.mailer .selectbox-container > a {
  margin-left: 20px;
  color: #404974;
  font-size: 12px;
}

.mailer .sendto-container {
  margin-top: 5px;
}

.mailer .sendto-container ul {
  display: -webkit-flex;
  display: flex;
  overflow-y: auto;
  height: 60px;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  padding: 3px 0 3px 10px;
  box-shadow: 0 2px 0 #cdcdcd inset;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  -webkit-align-items: baseline;
  align-items: baseline;
}

.mailer .sendto-container ul::-webkit-scrollbar {
  width: 5px;
}
.mailer .sendto-container ul::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.mailer .sendto-container.selected_target_type_4 {
  margin-top: 5px;
  overflow-y: auto;
  height: 60px;
}

.mailer .sendto-container.selected_target_type_4 ul {
  min-height: 60px;
  height: auto;
  overflow-y: visible;
}

.form-balloon {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  display: -webkit-flex;
  display: flex;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  z-index: 20;
  -webkit-algin-items: center;
  align-items: center;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: default;
}

.form-balloon:before {
  position:absolute;
  bottom: 100%;
  left: 50%;
  border-width: 10px 10px;
  border-style: solid;
  border-color: transparent transparent #cdcdcd transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}
.form-balloon:after {
  position:absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  border-width: 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}

.form-balloon-template-in-line {
  left: 135%;
}

.form-balloon-template-in-line:before {
  left: 32%;
}

.form-balloon-template-in-line:after {
  left: 32%;
}

.form-balloon.form-balloon-left-aligned {
  left: 10px;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.form-balloon.form-balloon-left-aligned:before,
.form-balloon.form-balloon-left-aligned:after {
  left: 34px;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}


.form-balloon input[type="text"] {
  width: 200px;
}

.form-balloon select {
  max-width: 150px;
}

.form-balloon > * + * {
  margin-left: 10px;
}

.sendto-item {
  display: -webkit-inline-flex;
  display: inline-flex;
  margin: 0 5px 5px 0;
  padding: 5px;
  background-color: #eee;
  font-size: 12px;
  line-height: 1;
  align-items: center;
}

.sendto-item .icon-line {
  margin-left: 5px;
  width: 20px;
}

.sendto-item a {
    color: #404974;
}

.sendto-item .icon {
  font-weight: bold;
  margin-left: 10px;
  cursor: pointer;
}

.modal-mailer-search {
  padding: 10px 20px;
  background-color: #fff;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  font-size: 12px;
  z-index:10;
}

.modal-mailer-search > div {
  display: -webkit-flex;
  display: flex;
  -webkit-algin-items: center;
  align-items: center;
  margin-bottom: 10px;
}

.modal-mailer-search > div:first-child > strong {
  font-size: 14px;
}

.modal-mailer-search .btn-green {
  margin-left: auto;
}

.modal-mailer-search .mailer-search-items-container {
  display: block;
  overflow-y: auto;
  height: 320px;
  box-shadow: 0 2px 0 #cdcdcd inset;
  border: 1px solid #cdcdcd;
  margin-bottom: 10px;
}

.mailer-search-items-container::-webkit-scrollbar {
  width: 5px;
}
.mailer-search-items-container::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.mailer-search-items-container p {
  padding: 5px;
}

.mailer-search-items-container table {
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
}

.mailer-search-items-container table tr.disactive {
  background: #bbb;
}

.mailer-search-items-container table td {
  position: relative;
  padding: 6px 10px 7px;
  cursor: pointer;
}

.mailer-search-items-container .mailer-search-event-table td:nth-last-child(n+2){
  white-space:nowrap;
}

.mailer-search-items-container table td:after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px dotted #cdcdcd;
  content: '';
}

.mailer-search-items-container table td:first-child:after {
  width: calc(100% - 10px);
  left: initial;
  right: 0;
}

.mailer-search-items-container table td:last-child:after {
  width: calc(100% - 10px);
}

.mailer-search-items-container table tr:hover td {
  background-color: #fffcca;
}

.mailer-search-items-container table tr.selected td {
  background-color: #fffcca;
}

.modal-mailer-search .mailer-search-detail-container{
  height: 0;
  border: none;
  -moz-transition: height .1s ease-in;
  -webkit-transition: height .1s ease-in;
  transition: height .1s ease-in;
}

.modal-mailer-search .mailer-search-detail-container.open {
  height: 320px;
  border: 1px solid #cdcdcd;
}

.mailer-search-items-block {
  padding: 10px 0 5px;
  margin: 0 10px;
  border-bottom: 1px dotted #cdcdcd;
}

.mailer-search-items-block strong {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 5px;
  display: block;
}

.mailer-search-items-block strong + div a {
  display: -webkit-inline-flex;
  display: inline-flex;
  color: #404974;
  padding: 5px;
  margin-right: 20px;
  text-decoration: none;
  line-height: 1;

}

.mailer-search-items-block strong + div a:hover {
  background-color: #fffcca;
}

.mailer-search-items-block strong + div a.selected {
  background-color: #fffcca;
}
.mailer-search-items-block .uni_level .uni_group_list {
  margin-right: 100px;
}
.mailer-search-items-block .uni_level .uni_group_list:last-child {
  margin-right: 0;
}
.mailer-search-items-block .uni_level .uni_group_list .checkbox {
  padding-top: 0;
  margin-bottom: 0;
}
.mailer-search-items-block input[name="uni_level"] + label + span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}

.form-checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 80%;
}

.form-checkbox .checkbox {
  display: inline-flex;
  word-break: break-all;
}

.form-checkbox .checkbox-long {
  display: block;
}

.checkbox-hover {
  display: inline-flex;
}

.form-checkbox .checkbox:hover,
.checkbox-hover:hover {
  background-color: #fffcca;
}

.form-checkbox .checkbox label,
.checkbox-hover label {
  display: -webkit-flex;
  display: flex;
  height: 25px;
  padding: 0 5px 0 30px;
  -webkit-align-items: center;
  align-items: center;
}

.form-checkbox .checkbox label:before,
.checkbox-hover label:before {
  left: 5px;
}

.form-checkbox .checkbox input[type="checkbox"]:checked + label:after,
.checkbox-hover input[type="checkbox"]:checked + label:after {
  left: 6px;
}

.area_group .prefectures,
.flow_group .step_group,
.evaluation_group .step_group,
.introduction_company_group
{
  padding-left: 20px;
  margin-bottom: 5px;
}

.evaluation_group > strong {
  font-size: 12px;
}

.mailer-search-toggle-detail {
  line-height: 1;
}

.mailer-search-toggle-detail .icon {
  padding-right: 10px;
  cursor: pointer;
}

.mailer-search-toggle-detail strong {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.modal-mailer-search .input-horizontal input[type="text"] {
  width: 300px;
}

.mail-header-toggle .has-balloon {
  line-height: 30px;
}

.mailer-editer-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 5px 10px;
  border-bottom: 1px solid #cdcdcd;
  min-height: 40px;
}

.mailer-editer-container .btn {
  min-width: 110px;
  flex: 0 0 auto;
  margin-right: 10px;
}

.mailer-editer-container .btn > .icon {
  padding-right: 5px;
}

.mailer-editer-container > .icon-shape_help {
  height: 30px;
  line-height: 30px;
}

.mailer-editer-container input[type='file'] {
  display: none;
}

.mailer-editer-container > .icon {
  margin-right: 15px;
}

.mailer-editer-container > .uploaded-container {
  display: -webkit-flex;
  display: flex;
  padding: 7px 0;
  flex: 1;
  line-height: 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mailer-editer-container > .uploaded-container > div {
  display: -webkit-flex;
  display: flex;
  margin: 0 20px 10px 0;
  -webkit-align-items: center;
  align-items: center;
}

.mailer-editer-container > .uploaded-container > div > span:first-child {
  font-size: 12px;
  letter-spacing: -0.2px;
  padding-right: 10px;
}

.mailer-editer-container > .uploaded-container > div .icon {
  cursor: pointer;
}

.mailer + .mailer-body {
  padding-top: 20px;
}

.mailer-body-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-bottom: 1px solid #cdcdcd;
}

.mailer-body .mailer-body-row {
  border: none;
}

.mailer-body-left {
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}

.mailer-body-left textarea {
  box-shadow: none;
  border-radius: 0;
  min-height: 360px;
  resize: none;
  cursor: unset;
}

.mailer-body-left textarea#msg_to_introduction {
  min-height: 390px;
}

#create-template .mailer-body-left textarea {
  min-height: 440px;
}

.mailer-body-left textarea::-webkit-scrollbar {
  width: 5px;
}
.mailer-body-left textarea::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.mailer-body-left input[type="text"] {
  box-shadow: none;
  border-radius: 0;
}

/* LINE絵文字入力プラグイン用スタイル*/
.emoji-wysiwyg-editor {
  border: 1px solid #d0d0d0;
  overflow: auto;
  outline: none;
  height: 360px;
  padding: 5px;
}

.emoji-wysiwyg-editor img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -3px 0 0 0;
}

.emoji-menu {
  position: absolute;
  z-index: 999;
  width: auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 30px 0 -11px;
}

.emoji-menu > div {
  max-height: 200px;
  max-width: 305px;
  overflow: auto;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

.emoji-menu img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  border: 0 none;
}

.emoji-menu a {
  margin: -1px 0 0 -1px;
  border: 1px solid #f2f2f2;
  padding: 5px;
  display: block;
  float: left;
}

.emoji-menu a:hover {
  background-color: #fffae7;
}

.emoji-menu:after {
  content: ' ';
  display: block;
  clear: left;
}

.emoji-menu a .label {
  display: none;
}

.emoji-button,
.emoji-button-aptitude-modal,
.emoji-button-performance-modal {
  display: inline-block;
  position: absolute;
  font-style: normal;
  right: 10px;
  top: 5px;
  opacity: 0.5;
}

.modal_issue_aptitude .emoji-button,
.event_container .emoji-button,
#setting .emoji-button,
.action_contents .mailer-body-row .emoji-button,
#aptitude_modal .emoji-button-aptitude-modal,
#performance_modal .emoji-button-performance-modal {
  top: 35px;
}

.questionnaire .emoji-button {
  top: 40px;
  margin-top: 5px;
}

.emoji-button:hover,
.emoji-button-aptitude-modal:hover,
.emoji-button-performance-modal:hover {
  opacity: 1;
}

.emoji-button > img,
.emoji-button-aptitude-modal > img,
.emoji-button-performance-modal > img {
  width: 25px;
  height: 25px;
}

.mailer-body-right {
  width: 280px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.mailer-body-right.four-labels{
  width: 280px;
}

.mailer-body-right.three-labels {
  width: 210px;
}

.mailer-body-right.two-labels {
  width: 200px;
}

.mailer-label-container {
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
}

.mailer-label-container > div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  height: 35px;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  border: 1px solid #cdcdcd;
  border-top: 0;
  box-shadow: 0 1px 1px 0 #cdcdcd;
  cursor: pointer;
}

.mailer-label-container > div.empty_mailer_body_right {
  cursor: default;
}

.mailer-label-container > div.active {
  box-shadow: none;
  background-color: #fffcca;
}

.mailer-label-container > div > .icon {
  font-size: 14px;
  margin-bottom: 5px;
}

.mailer-body .mailer-label-container > div {
  border-top: 1px solid #cdcdcd;
}

.mailer-list-container {
  background-color: #fff;
}

#bulkupload .list-tag-container {
  background-color: #fff;
}

.list-template-container,
.list-tag-container {
  height: 325px;
  overflow-y: auto;
}

#create-template .list-template-container,
#create-template .list-tag-container {
  height: 405px;
  overflow-y: auto;
}

.list-template-container::-webkit-scrollbar,
.list-tag-container::-webkit-scrollbar {
  width: 5px;
}
.list-template-container::-webkit-scrollbar-thumb,
.list-tag-container::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.mailer-body .list-template-container,
.mailer-body .list-tag-container {
  height: 355px;
  border: 1px solid #cdcdcd;
  border-top: none;
}

.list-template-container ul li {
  position: relative;
  padding: 8px 10px 9px;
  font-size: 12px;
  line-height: 1.3;
  cursor: pointer;
}

.list-template-container ul li:after {
  position: absolute;
  bottom: 0;
  left: 5px;
  width: calc(100% - 10px);
  border-bottom: 1px dotted #cdcdcd;
  content: '';
}

.list-template-container ul li:hover {
  background-color: #fffcca;
}

.list-tag-container .list-head {
  padding:10px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
}

.list-tag-container .list-head.open {
  font-weight: bold;
  background-color: #fffcca;
}

.list-tag-container .list-tags {
  display: none;
}

.list-tag-container .list-tag {
  position: relative;
  padding: 5px 10px 5px 15px;
  font-size: 12px;
  line-height: 1.3;
  cursor: pointer;
}

.list-tag-container .list-tag-header {
  position: relative;
  padding: 3px 10px 4px 15px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
}

.list-tag-container .list-tag:after,
.list-tag-container .list-tag-header:after {
  position: absolute;
  bottom: 0;
  left: 5px;
  width: calc(100% - 10px);
  border-bottom: 1px dotted #cdcdcd;
  content: '';
}

.list-tag-container .list-head:hover,
.list-tag-container .list-tag:hover {
  background-color: #fffcca;
}

.mailer-showLoad-container {
  display: -webkit-flex;
  display: flex;
  width: 200px;
  -webkit-justify-content: center;
  justify-content: center;
}

.btn-mailer-search-return > .icon {
  font-size: 12px;
}


/*メール管理end*/

/**__説明会管理__***/

.public-url {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.public-url a {
  font-weight: normal;
  color: #404974;
}

.checkbox.flex {
  -webkit-align-items: center;
  align-items: center;
  border: none;
}

.checkbox.flex label + span.icon {
  margin-left: 10px;
}

input.input-date {
  width: 120px;
}

input.input-time-s,
input.input-time-e {
  width: 60px;
}

.input-horizontal > .input-date + .dropdown {
  margin-left: 10px;
}

.form-inner-alert {
  font-size: 12px;
  color: #e11b74;
}

select + .form-inner-alert {
  margin-top: 10px;
}

.address-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.address-container select,
.address-container input[type="text"] {
  margin-right: 10px;
}

.address-container .btn-small {
  width: 90px;
}

.address-container + div {
  margin-top: 10px;
}

.select-candidate-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.select-candidate-container a{
  font-size: 12px;
  margin-left: 10px;
}

.tag-color-form-container {
  display: -webkit-flex;
  display: flex;
}

.tag-color-form-container > .tag-color-form {
  width: 120px;
  margin-right: 10px;
}
.participant-list-button-area {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}

.participant-list-button-area  select {
  margin-right: 10px;
}

.participant-list-button-area select.dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/icons/arrow-down-s-line.svg), linear-gradient(#fff, #f0f0f0);
  background-position: right 8px center, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 14px, auto;
  padding-right: 28px;
}

.participant-list-button-area select.dropdown:hover {
  background-image: url(../img/icons/arrow-down-s-line.svg), linear-gradient(#e8e8e8, #e0e0e0);
}

.participant-list-button-area select.dropdown:focus,
.participant-list-button-area select.dropdown:active {
  background-image: url(../img/icons/arrow-down-s-line.svg), linear-gradient(#fff, #fff);
}

.participant-list-button-area > .btn:last-child {
  margin: 0 0 0 auto;
}

.participant-list-button-area .status_wrapper {
  margin-left: auto;
  margin-right: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.participant-list-button-area .pagination_wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.participant-list-button-area .pagination_wrapper select.dropdown {
  margin-right: 20px;
}

.participant-list-button-area #pager {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.participant-list-button-area .participant-action-dropdown.open > ul {
  display: block;
}

.participant-list-button-area .participant-action-dropdown.dropdown.no-default-arrow:before,
.participant-list-button-area .participant-action-dropdown.dropdown.no-default-arrow:after {
  content: none;
  display: none;
}

.participant-list-button-area .participant-action-dropdown.dropdown.no-default-arrow {
  background-image: url(../img/icons/arrow-down-s-line.svg), linear-gradient(#fff, #f0f0f0);
  background-position: right 8px center, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 14px, auto;
}

.participant-list-button-area .participant-action-dropdown.dropdown.no-default-arrow:hover {
  background-image: url(../img/icons/arrow-down-s-line.svg), linear-gradient(#e8e8e8, #e0e0e0);
}

.participant-list-button-area .participant-action-dropdown > ul {
  margin-top: 4px;
}

.print-event-info {
  display: none;
  margin-bottom: 20px;
}

.print-event-info-title {
  margin-bottom: 10px;
  font-size: 16px;
}

.participant-list table thead th:nth-child(2) span {
  font-size: 12px;
}

.participant-list .candidate-name a > *:last-child {
  font-size: 12px;
}

.participant-list .candidate-name .label {
  margin-left:  10px;
}

.label.color-rejected,
.label.color-decline {
  color: #fff;
}

.btn-container-btm {
  padding: 20px 0;
}

.form-block-body + .btn-container-btm {
  padding-top: 0;
}

.form-block + .btn-container-btm {
  width: 800px;
}

.btn-container-btm .btn-large {
  width: 200px;
}

.side-event-container {
  display: none;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}

.side-event-container.active{
  display: block;
}

.side-event-container ul li {
  position: relative;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.side-event-container ul li:hover {
  background-color: #fffcca;
}

.side-event-container ul li > a:first-of-type {
  display: block;
  padding: 10px;
  color: #404974;
  font-size: 12px;
  text-decoration: none;
}

.side-event-container .side-tag {
  margin-right: 5px;
}

.side-event-container .i-s-dllist {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 50%;
  right: 10px;
  opacity: 0;
  font-size: 16px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.side-event-container li:hover .i-s-dllist {
  opacity: 1;
}

#created_event_modal a.btn {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 15px;
}

#created_event_modal .alert-message {
  margin-bottom: 15px;
}

/*カレンダー*/

.btn.btn_eventtype {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.schedule-main-container {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  overflow: inherit;
}

.calendar-header {
  margin-bottom: 30px;
  border-bottom: 2px solid #555;
  font-size: 16px;
  font-weight: bold;
}

.fc button {
  color: #404974;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
  outline: 0;
}

.fc button.fc-state-active {
  -webkit-box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px 0 #92dddb, 0 1px 1px 0 rgba(0, 0, 0, .2);
}

.fc button.fc-state-disabled {
  box-shadow: none;
  border: none;
  background: #eee;
  cursor: default;
}

.fc-view {
  background-color: #fff;
}

.overlay{
    z-index:120;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(255,255,255,0.50);
}

.overlay.show{
  display: block;
}


.fc-toolbar h2 {
    font-size: 18px;
}
.fc-sat {
    background: #f5feff;
    color: #6480e6;
}
.fc-day-number.fc-sat {
    color: #6480e6;
}
.fc-sun {
    background: #fff5f5;
    color: #ff2e8b;
}
.fc-day-number.fc-sun {
    color: #ff2e8b;
}
.opa {
    opacity: 0.3;
}

.fc-event, .fc-event-dot {
  background-color: #29b787;
  border: none;
}
.icon-fc-participant {
  font-size: 10px;
  position: relative;
  top: -1px;
}
.fc-bgevent.public_holiday {
  opacity: 0.9;
}

.fc-unthemed .fc-popover {
  max-height: 152px;
}
.fc-month-view .fc-event-container {
  max-height: 105px;
  overflow-y: auto;
}

.xdsoft_datetimepicker .xdsoft_calendar tr td {
  background: transparent;
}

.xdsoft_calendar thead tr th:nth-of-type(1){
  color:#ff6666;
}

.xdsoft_calendar thead tr th:nth-of-type(7){
  color:#6666ff;
}

.xdsoft_calendar tbody tr td:nth-of-type(1){
  background-color: #fff5f5;
}

.xdsoft_calendar tbody tr td:nth-of-type(7){
  background-color: #f5feff;
}

.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_holiday {
  background-color: #fff5f5;
}

#calendar {
  min-width: 600px;
  width: 100%;
}

/****** new layout0825 ******/
.pop-selecttype {
  position: absolute;
  background: #fff;
  z-index: 1000;
  width: 311px;
  min-height: 150px;
  box-shadow: 0 2px 1px 0 #cdcdcd;
  padding: 0;
}
.pop-selecttype .selecttype-body {
  padding: 0 20px 20px 20px;
}
.pop-selecttype .date-container span + span {
  margin-left: 10px;
  font-weight: bold;
}
.pop-selecttype .button-container {
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}

.pop-selecttype .button-container .btn {
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  padding: 10px;
  -webkit-justify-content:flex-start;
  justify-content: flex-start;
}

.pop-selecttype .button-container .btn + .btn {
  margin-left: 15px;
}
.pop-selecttype .button-container .btn .icon {
  font-size: 35px;
  padding-right: 5px;
}

.pop-selecttype .button-container .btn .icon + span {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-justify-content: center;
  justify-content: center;
}

.pop-event {
  position: absolute;
  background: #fff;
  z-index: 1000;
  width: 430px;
  min-height: 150px;
  box-shadow: 0px 2px 1px 0px #cdcdcd;
}

.pop-event .modal-header {
  padding: 8px 10px;
}

.pop-event .modal-header p {
  padding-right: 20px;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
}

.pop-event-body {
  padding: 0 20px 20px 20px;
}
.pop-event th {
  width: 100px;
  padding: 5px 0;
  text-align: left;
  line-height: 1;
  font-weight: normal;
}
.pop-event td {
  padding-left: 10px;
  font-weight: bold;
  line-height: 1.3;
  word-break: break-all;
}

.pop-event td > span {
  position: relative;
}

.pop-event td > span + span {
  margin-left: 10px;
}

.pop-event td > a {
  color: #404974;
  text-decoration: none;
}

.pop-event td > a > span {
  margin-left: 5px;
  font-size: 12px;
}

.pop-event td > a > .icon {
  margin-left: 10px;
  font-size: 14px;
}

.pop-event td > a span:not(.icon) {
  text-decoration: underline;
}

.pop-event td.participants a {
  display: block;
  text-decoration: underline;
  line-height: 1.5em;
}
.pop-event td.participants a span {
  margin: 0;
  font-size: 13px;
}

.pop-button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0 0;
}

.pop-button-container .btn + .btn {
  margin-left: 15px;
}

.pop-button-container .btn-medium {
  width: 120px;
}

.fc-list-item {
  cursor: pointer;
}

.fc-list-item:hover td,
.fc-list-item:hover th{
  background-color: #fffcca;
}

/*カレンダend*/
.bulk-register-participants {
  display: -webkit-flex;
  display: flex;
}

.bulk-register-participants > div {
  width: 480px;
  height: 487px;
  -webkit-flex: 1;
  flex: 1;
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;

}

.bulk-register-participants > div + div {
  margin-left: 20px;
}

.bulk-register-participants-header {
  position: relative;
  margin-bottom: 10px;
  padding: 0 10px 20px;
  border-bottom: 1px solid #404974;
  font-weight: bold;
  line-height: 1;
}

.bulk-register-participants-header > div{
  position: absolute;
  bottom: 20px;
  right: 0;
}

.bulk-register-participants-header > .search-form {
  bottom: 10px;
  font-weight: normal;
}

.bulk-register-participants-header > .search-form-above-tables {
  bottom: 10px;
  font-weight: normal;
}

.bulk-register-participants .scroll-container {
  height: 400px;
}

.arrows-between-tables {
  width: 50px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.member-count {
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  font-weight: normal;
}

.member-count > div + div {
  margin-left: 10px;
}

.member-count-num {
  font-size: 14px;
  font-weight: bold;
}

.bulk-register-participants .scroll-container {
  height: 400px;
}

.bulk-register-participants .table tr {
  cursor: pointer;
}

.bulk-register-participants .table tr:hover td{
  background-color: #fffcca;
}

.btn-container-btm.btn-container-centered{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

#form-integrate-entry {
  margin:0 10px;
}

.integrate-calendar-container {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}

.integrate-calendar-month-container {
  width: 360px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.integrate-calendar-month-container .fc-scroller {
  overflow: hidden!important;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 15px !important;
  height: 15px;
}

.integrate-calendar-month-container .fc-content-skeleton thead td.selected {
  background-color: #eee;
}

.integrate-calendar-month-container .fc-content-skeleton thead tr {
  cursor: pointer;
}

.integrate-calendar-month-container .fc-content-skeleton thead tr:hover {
  background-color: #eee;
}

.integrate-calendar-week-container {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 10px;
  padding: 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.integrate-main-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.integrate-main-container > div {
  width: 480px;
  -webkit-flex: 1;
  flex: 1;
  padding: 10px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.integrate-main-header {
  display: -webkit-fex;
  display: flex;
  font-weight: bold;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}

.integrate-main-header > .btn {
  margin-left: auto;
}

.integrate-event-info {
  position: relative;
  height: 150px;
  padding: 10px;
  border: 1px dotted #cdcdcd;
  margin-bottom: 20px;
}

.integrate-event-info-header {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
  padding: 5px 10px;
  margin-bottom: 10px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.integrate-event-info table {
  margin: 0 10px;
}

.integrate-event-info table th {
  text-align: left;
  font-weight: bold;
}

.integrate-event-info table td {
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.integrate-event-info p {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  white-space: nowrap;
}

.integrate-entry-action-container {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
  -webkit-align-items: center;
  align-items: center;
}

.integrate-entry-action-container > *:last-child {
  margin-left: auto;
}

.entry-list-table-container {
  height: 400px;
  overflow-y: auto;
}

.entry-list-table-container th {
  white-space: nowrap;
}

.entry-list-table-container .entry-selected td{
  background-color: #fffcca;
}

.entry-list-table-container tr {
  cursor: pointer;
}

.entry-list-table-container tr:hover {
  background-color: #fffcca;
}


.integrate-main-container > .integrate_movebtn_container {
  width: auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 20px;
  background: transparent;
  border: none;
}

.integrate_movebtn_container .btn {
  padding: 0 20px;
}

.integrate_movebtn_container .btn + .btn {
  margin-top: 20px;
}

.integrate_movebtn_container .btn .icon {
  padding: 0;
}

.submit-container {
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.submit-container > * + * {
  margin-left: 20px;
}

.submit-container .btn-medium {
  width: 150px;
}

.submit-container .btn-large {
  width: 200px;
}

.submit-container .btn-large-narrow {
  width: 100px;
}

.form-block + .submit-container {
  width: 800px;
}

.form-block-body + .submit-container {
  padding-top: 0;
}

.form-block-body label.btn {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 30px;
    padding: 0 10px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    background-color: #fff;
    color: #404974;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.2s ease-in-out;
    outline: 0;
    vertical-align: top;
}

.form-block-body label.btn + p {
    white-space: nowrap;
    display: inline-block;
    height: 30px;
    margin: 0 15px;
    font-size: 12px;
    line-height: 30px;
    vertical-align: top;
}

.form-block-body input[type="file"],
.form-block-body [id^=ef_file_] {
  visibility: hidden;
}

.form-block-body .file_type {
  margin-top: 6px;
  font-size: 13px;
}

.submit-comment {
  font-size: 12px;
  text-align: center;
  padding-bottom: 20px;
}

.interviewer-mail {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  background-color: #fff;
  border: 1px solid #cdcdcd;
}

.interviewer-mail-left {
  border-right: 1px solid #cdcdcd;
  width: 200px;
}

.interviewer-mail-left >div:first-child {
  padding: 10px;
}

.interviewer-mail-left .btn {
  width: 100%;
}


.interviewer-mail-history {
  border-top: 1px solid #cdcdcd;
}

.interviewer-mail-history .heading-2{
  padding: 10px;
  border-bottom: 1px solid #cdcdcd;
}

.interviewer-mail-history ul {
  height: 515px;
}

.interviewer-mail-history li {
  position: relative;
  padding: 7px 10px 10px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}

.interviewer-mail-history li.active {
  background-color: #fffcca;
}

.interviewer-mail-history li > div:first-child {
  margin-bottom: 2px;
}


.interviewer-mail-history li span:first-of-type {
  font-size: 10px;
  line-height: 1;
}

.interviewer-mail-history li .icon {
  font-size: 12px;
}

.interviewer-mail-history li:hover {
  background-color: #fffcca;
}

.interviewer_mail_right {
  -webkit-flex: 1;
  flex: 1;
}

.interviewer_mail_right .sendto-container {
  margin-top: 0;
}

.interviewer_mail_right .mailer-header-container .table-mailer-head tbody > tr > th {
  padding: 16px 0 16px 30px;
  vertical-align: top;
}

.interviewer_mail_right .mailer-header-container .table-mailer-head > tbody > tr > th .icon-arrow_03u,
.interviewer_mail_right .mailer-header-container .table-mailer-head > tbody > tr > th .icon-arrow_03d {
  top: 15px;
}


.interviewer_mail_to {
  cursor: pointer;
}

.interviewer_list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: auto;
  min-width: 100%;
  max-height: 200px;
  overflow-y: scroll;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  z-index: 1;
}

.interviewer_list li {
  -webkit-display: flex;
  display: flex;
  flex: 1;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: none;
  background-color:  #fff;
  -webkit-align-items: center;
  align-items: center;
  color: inherit;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.interviewer_list li:hover {
  background-color: #fffcca;
}

#interviewer_list .edit_form {
  display: none;
}

#interviewer_bulk_edit_checkbox{
  padding-top: 10px;
}

#interviewer-check{
  position: relative;
  bottom: 40px;
  left: 20px;
}

.td-mail-subject > span:last-child{
  margin-left: 10px;
  color: #aaa;
  font-size: 12px;
}

.td-mail-attachment .dropdown {
  width: 120px;
  margin-right: 10px;
}

.td-mail-attachment > * {
  display: inline-block;
}

.interviewer-mail-body {
  height: 345px;
  padding: 10px;
}

.form-block .form-block-mail .heading-2,
.event_zoom_setting .heading-2  {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.form-block > .form-block-mail:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #cdcdcd;
}

.form-block-mail .mailer-body {
  margin-top: 20px;
}

.form-block-mail .mailer-label-container > div {
  border-top: 1px solid #cdcdcd;
}

.form-block-mail .heading-2 .annotation {
  margin-left: 10px;
}

.form-block-mail .heading-2 .toggle-right,
.event_zoom_setting .heading-2 .toggle-right {
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  font-size: 12px;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}

.form-block-mail .heading-2 .toggle-right .icon,
.event_zoom_setting .heading-2 .toggle-right .icon {
  margin-right: 5px;
}

.form-block-mail .input-horizontal + select{
  margin-top: 10px;
}

#pastevent_modal .table td:nth-child(2) {
  white-space: nowrap;
}

/***説明会・面接管理***/
.url_copy {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
  font-weight: bold;
}

#copy_public_url,
#copy_evaluation_url,
#copy_google_meet_url,
#copy_msteams_meeting_url,
#copy_zoom_start_url,
#copy_zoom_join_url,
#copy_lark_video_meeting_url {
  background-color: #fff;
  border: solid 1px #cdcdcd;
  padding: 10px;
  margin-bottom: 10px;
}

#form-interview .event_date {
  margin-bottom: 10px;
}
#form-interview .add_event_date,
#form-interview .del_event_date,
#form-interview .set_repeat,
#form-interview  .add_senddate {
  display: inline-block;
  margin-left: -18px;
  cursor: pointer;
}
#form-interview .add_event_date span,
#form-interview .set_repeat span,
#form-interview .del_event_date,
#form-interview  .add_senddate {
  color: #cdcdcd;
}

#form-interview .add_event_date:hover span,
#form-interview .set_repeat:hover > span,
#form-interview  .add_senddate:hover {
  color: #404974;
}
#form-interview .del_event_date:hover {
  color: #ff0000;
}
#form-interview .repeat_settings {
  display: none;
  background-color: #eee;
  margin-left: 10px;
  padding: 0 5px;
}
select[name=remind_in_days] {
  display: none;
}
#form-interview .modal-repeat-setting {
  display: none;
  border: solid 1px #cdcdcd;
  margin-top: 8px;
  padding: 15px;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
}

#form-interview .repeat-setting-container #row_date {
  display: none;
}
#form-interview .repeat-setting-container td {
  padding-bottom: 15px;
}

#form-interview .modal-repeat-setting select[name=interval_num] {
  margin-right: 5px;
}

#form-interview .repeat-setting-container .day {
  border-radius: 15px;
  margin-right: 8px;
  padding: 5px;
  background-color: #ddd;
  cursor: pointer;
}

#form-interview .repeat-setting-container .day:hover {
  color: #fff;
  background-color: #ff8000;
}

#form-interview .repeat-setting-container .day.active {
  color: #fff;
  background-color: #33aaff;
}
#form-interview .repeat-setting-container input[type=checkbox] {
  display: none;
}

#form-interview .repeat-setting-container button {
  margin-right: 10px;
}

#form-interview .input-label .annotation {
  margin-left: 10px;
}

#confirm_repeat.modal,
#confirm_del_repeat.modal {
  width: 600px;
  height: 500px;
}

#confirm_repeat .radio,
#confirm_del_repeat .radio {
  margin: 10px 0;
}

#confirm_repeat .repeat_date_list,
#confirm_del_repeat .repeat_date_list {
  max-height: 150px;
  overflow-y: scroll;
  border: solid 1px #cdcdcd;
  padding: 5px;
}

#confirm_repeat .flex,
#confirm_del_repeat .flex {
  margin-top: 20px;
}
#confirm_repeat button,
#confirm_del_repeat button {
  margin-right: 10px;
}
#form-interview .gcal {
  width: 660px;
  height: 600px;
}
#form-interview .input-label {
  font-size: 14px;
  margin-bottom: 5px;
}
#form-arrange .event_date {
  margin-bottom: 10px;
}
.calendarside-container {
  width: 260px;
  display: inline-block;
  vertical-align: top;
}
.calendarside-container .list-head {
  padding:10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.mailaddress-container-head {
  display: -webkit-flex;
  display: flex;
}
.mailaddress-container ul,
.mailaddress-suggest-container {
  display: -webkit-flex;
  display: flex;
  overflow-y: auto;
  height: 90px;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  padding: 6px 0 6px 10px;
  box-shadow: 0 2px 0 #cdcdcd inset;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.mailaddress-suggest-container {
  height: 220px;
}
.mailaddress-suggest-container.resource-container {
  height: 130px;
}
.mailaddress-container ul::-webkit-scrollbar,
.mailaddress-suggest-container::-webkit-scrollbar {
  width: 5px;
}

.mailaddress-container ul::-webkit-scrollbar-thumb,
.mailaddress-suggest-container::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}
.mailaddress-suggest-container .checkbox {
  width: 100%;
  height: 26px;
}
.mailaddress-suggest-container .checkbox label {
  height: 26px;
  word-break: break-all;
}

.mailaddress-item {
  display: -webkit-inline-flex;
  display: inline-flex;
  margin: 0 10px 5px 0;
  padding: 5px;
  background-color: #eee;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  word-break: break-all;
}

.mailaddress-item .icon {
  font-weight: bold;
  margin-left: 10px;
  cursor: pointer;
}

.calendarside-input {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.calendarside-input .list-head {
  width: 100%;
}

.calendarside-input input[type="text"]{
  width: 220px;
  height: 24px;
}
.calendarside-input button {
  width: 40px;
  height: 24px;
  line-height: 1.8;
  padding: 0;
}
.event_logo_setting .form-block {
  width: 900px;
  margin: 0 auto;
}
.event_logo_setting .form-block > p {
  text-align: center;
  font-weight: bold;
}
.event_logo_setting .logo_select {
  display: flex;
  -webkit-algin-items: center;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
.event_logo_setting .radio_box {
  display: flex;
  -webkit-algin-items: center;
  align-items: center;
}
.event_logo_setting .radio_box input[type=radio] {
  margin-right: 15px;
}
.event_logo_setting .radio_box .image_wrapper {
  border: solid 1px #cdcdcd;
  width: 266px;
  height: 62px;
  margin-right: 30px;
}
.event_logo_setting .radio_box img {
  max-width: 266px;
  max-height: 60px;
}
.event_logo_setting .event_logo {
  position: relative;
  width: 266px;
  height: 62px;
  justify-content: center;
  font-weight: bold;
  border: solid 1px #cdcdcd;
}
.event_logo_setting .event_logo:hover {
  cursor: pointer;
}
.event_logo_setting .event_logo .upload_info,
.event_logo_setting .event_logo .upload_info_hover {
  position: absolute;
  display: flex;
  width: 266px;
  height: 60px;
  top: 0;
  left: 0;
  -webkit-algin-items: center;
  justify-content: center;
  align-items: center;
}
.event_logo_setting .event_logo .upload_info_hover {
  display: none;
  background: rgba(0,0,0,0.7);
  color: #fff;
  font-weight: normal;
}
.event_logo_setting .event_logo input {
  display: none;
}

.schedule-main-container .gcal {
  width: 600px;
  height: 600px;
}
.schedule-main-container .calendarside-container {
  margin-left: 5px;
  width: 220px;
}

#ms_calendar, #garoon-calendar {
  width: 650px;
  height: 600px;
}

#personal-schedule #ms_calendar,
#personal-schedule #garoon-calendar {
  width: 1050px;
  height: 600px;
  overflow-y: scroll;
}

#personal-schedule #ms_calendar::-webkit-scrollbar,
#personal-schedule #garoon-calendar::-webkit-scrollbar {
  width: 5px;
}

#personal-schedule #ms_calendar::-webkit-scrollbar-thumb,
#personal-schedule #garoon-calendar::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

/***採用ホームページ管理***/

#site-base .bg-white-wrap{
    width: 100%;
    background: #fff;
    border: solid 1px #cdcdcd;
    padding: 20px;
    margin-bottom: 10px;
}
#site-base .image-library-logo{
    width: 200px;
    height: auto;
}
#site-base .image-library-main{
    width: 400px;
    height: auto;
}
#site-base .image-library-menu{
    width: 300px;
    height: auto;
}
#site-base .base-info table{
    width: 50%;
}
#site-base .base-info table td,
#site-base .base-info table input{
    width: 100%;
}
#site-base .site-image-list{
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #eeeeee;
}
#site-base .icon_unsetimg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    color: white;
    background-color: #8c8c8c;
    text-decoration: none;
    z-index: 999;
}
#site-base .industory-wrap{
    width: 100%;
}
#site-base .check-list{
    display: flex;
    justify-content: space-between;
}
#site-base .pref-area + div{
    display: flex;
}
#site-base .base-info > div{
    display: flex;
}
#site-base .base-info > div .input-horizontal + .input-horizontal{
    margin-top: 0;
}
#site-base .numerator1{
    flex: 1;
}
#site-base .help-block{
    color: #e11b74;
}
#site-base .bg-white{
    background: #fff;
}
#site-base .numerator1 > a + a {
    margin-top: 10px;
}
#site-base .flex > .publish{
    flex: 1;
}
#site-base .recruit-wrap{
    width: 70%;
}
#site-base .btn-container{
    text-align: center;
    text-align: -webkit-center;
}
#site-base .base-info table td:first-child{
    width: 80px;
}
#site-base .navi-logo{
    width: 300px;
    height: auto;
}
#site-base .image-library-container img{

}
#site-base .image-library-container{
    position: absolute;
    left: 261px;
    width: 717px;
    background: #fff;
    border: solid 1px #cdcdcd;
    padding: 20px;
    margin-bottom: 10px;
}
#site-base .image-library-container .close{
    float: right;
    cursor: pointer;
}
#site-base textarea{
    resize: vertical;
}
#site-base .input-label.header{
    font-size: 16px;
}
#site-base .list-plain > div > div{
    padding: 0;
}
#site-base .list-plain > div > div:not(:last-child){
    border-right: solid 1px #cdcdcd;
    padding-right: 20px;
    margin-right: 20px;
}
#site-base .list-plain .include-img{
    flex: 0 0 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#site-base .list-plain .include-naviinfo{
    display: flex;
    flex: 0 0 270px;
}
#site-base .list-plain .include-naviinfo table{
    width: 100%
}
#site-base .list-plain .include-button{
    flex: 0 0 144px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
#site-base .list-plain .include-img img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
#site-base .list-plain .include-title table{
    width: 100%;
}
#site-base .list-plain .table-list:not(:last-child){
    border-bottom: 1px solid #cdcdcd;
}
#site-base .table-list.list-header div{
    font-size: 14px;
    font-weight: bold;
}
#site-base .image-list-item{
    width: 200px;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 5px;
}
#site-base .navi-rank table{
    width: 300px;
    text-align: left;
}
#site-base img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
#site-base .image-list-label{
    display: block;
    text-align: center;
    color: #404974;
    text-decoration: none;
}
#site-base .label.unapplied{
    background-color: #aaa;
}
#site-base .label.applied{
    background-color: #a5d6a7;
}
#site-base .label.published{
    background-color: #90caf9;
}
#site-base .list-plain .include-button > .btn:not(:last-child){
    margin-bottom: 10px;
}
#site-base .checkbox label {
    padding-left: 10px;
}
#site-base .checkbox label div{
    padding-left: 10px;
}
#site-base .select-img{
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid #ddd;
    background-color: #eeeeee;
}
#site-base .site-img-logo{
    width: 200px;
    height: 41px;
    border: 1px solid #cdcdcd;
}
#site-base .site-img-logo img{
    max-width: 198px;
    max-height: 39px;
    width: auto;
    height: auto;
}
#site-base .site-img-main{
    width: 500px;
    height: 152px;
    border: 1px solid #cdcdcd;
}
#site-base .site-img-main img{
    max-width: 498px;
    max-height: 150px;
    width: auto;
    height: auto;
}
#site-base .site-img-menu{
    width: 415px;
    height: 195px;
    border: 1px solid #cdcdcd;
}
#site-base .site-img-menu img{
    max-width: 413px;
    max-height: 193px;
    width: auto;
    height: auto;
}
#site-base .site-img-stuffmenu{
    width: 310px;
    height: 192px;
    border: 1px solid #cdcdcd;
}
#site-base .site-img-stuffmenu img{
    max-width: 308px;
    max-height: 190px;
    width: auto;
    height: auto;
}
#site-base .site-img-stuff{
    width: 310px;
    height: 192px;
    border: 1px solid #cdcdcd;
}
#site-base .site-img-stuff img{
    max-width: 308px;
    max-height: 190px;
    width: auto;
    height: auto;
}
#site-base .site-img-stuffschedule{
    width: 370px;
    height: 480px;
    border: 1px solid #cdcdcd;
}
#site-base .sielect-img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
#site-base .site-image-list .white-garbage {
    width: 30px;
    height: 30px;
    position: absolute;
    padding: 8px;
    right: 0;
    color: white;
    background-color: #8c8c8c;
    text-decoration: none;
    cursor: pointer;
}
#site-base .list-plain.navi-firstview .table-list .include-title .latest{
    color: #42a5f5;
}
#site-base .list-plain.navi-firstview .table-list .include-title .update{
    color: #66bb6a;
}
#site-base .list-plain.navi-firstview .table-list .include-title .new{
    color: #aaaaaa;
}
#site-base .list-plain.site-publish{
    width: 800px;
}
#site-base .list-plain.site-publish .table-list{
    background-color: #fff;
}
#site-base .list-plain.site-publish .table-list .include-check{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
#site-base .list-plain.site-publish .table-list .include-title{
    flex: 0 0 200px;
}
#site-base .checkbox.all label:after,
#site-base .checkbox.all label:before{
    margin-top: 5px;
}
#site-base .btn.disabled{
    pointer-events: none;
}
/***採用ホームページ管理***/
/***ホームページテーマ***/
#site-base .site-theme-list-wrap{
    width: 100%;
}
#site-base .site-theme-list-wrap .site-theme-list{
    display: flex;
}

#site-base .site-theme-list-wrap .site-theme-list .site-theme{
    flex: 1;
    display: flex;
    flex-direction: column;
}
#site-base .site-theme-list-wrap .site-theme-list .site-theme:not(:last-child){
    margin-right: 20px;
}
#site-base .site-theme-list-wrap .site-theme-list .theme-caption{
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}
#site-base .site-theme-list-wrap .site-theme-list .theme-caption p{
    line-height: 2.2;
}

/***ナビサイト管理***/
#navi-base img,
#site-base img,
#setting img{
  opacity: 1;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}
#navi-base .navi-image-modal-logo:hover img,
#navi-base .navi-img-logo:hover img,
#navi-base .navi-image-modal-main:hover img,
#site-base .navi-image-modal-common:hover img,
#navi-base .navi-image-modal-main:hover img,
#navi-base .navi-img-logo:hover img,
#navi-base .select-img:hover img,
#site-base .select-img:hover img,
#setting .logo-img:hover img,
#setting .image-library-logo:hover img{
   opacity: .5;
}
#navi-base .bg-white-wrap{
    width: calc(100% - 20px);
    background: #fff;
    border: solid 1px #cdcdcd;
    padding: 20px;
}
#navi-base .pref-area{
    margin-bottom: 0;
}
#navi-base .pref-area:not(:first-child){
    margin-top: 20px;
}
#navi-base .side-label{
    width: 80px;
    margin-top: 3px;
}
#navi-base .industory-wrap .side-label{
    margin-top: 8px;
}
#navi-base .checkbox {
    padding-left: 10px;
}
#navi-base .checkbox:hover {
    background-color: #fffcca;
}
#navi-base .checkbox label {
   display: inline-block;
    padding: 10px;
    width: 100%;
}
#navi-base .checkbox label div{
    display: inline-block;
    padding-left: 10px;
}
#navi-base .base-info table{
    width: 50%;
}
#navi-base .base-info table td,
#navi-base .base-info table input{
    width: 100%;
}
#navi-base .industory-wrap{
    width: 100%;
}
#navi-base .check-list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}#navi-base .industory-wrap .check-list .checkbox{
    max-width: 216px;
}
#navi-base .pref-area + div{
    display: flex;
}
#navi-base .base-info > div{
    display: flex;
}
#navi-base .base-info > div .input-horizontal + .input-horizontal{
    margin-top: 0;
}
#navi-base .numerator1{
    flex: 1;
}
#navi-base .help-block{
    color: #e11b74;
}
#navi-base .bg-white{
    background: #fff;
}
#navi-base .numerator1 > a + a {
    margin-top: 10px;
}
#navi-base .flex > .publish{
    flex: 1;
}
#navi-base .event-past{
    background-color: #cdcdcd;
}
#navi-base .list-plain .table-list.event-past:not(:last-child) {
    border-bottom: 1px solid #fff;
}
#navi-base .list-plain > .table-list.event-past > div:not(:last-child) {
    border-right: 1px solid #fff;
}
#navi-base .btn-container{
    text-align: center;
    text-align: -webkit-center;
}
#navi-base .base-info table td:first-child{
    width: 80px;
}
#navi-base .navi-img-logo img{
    max-width: 298px;
    max-height: 298px;
    width: auto;
    height: auto;
}
#navi-base .navi-img-logo{
    width: 300px;
    height: 300px;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    background-color: #eeeeee;
}
#navi-base .navi-img-main img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
#navi-base .select-img{
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid #ddd;
    background-color: #eeeeee;
}
#navi-base .navi-img-main{
    width: 360px;
    height: 270px;
    border: 1px solid #cdcdcd;
}
#navi-base .navi-img-event{
    width: 370px;
    height: 230px;
    border: 1px solid #cdcdcd;
}
#navi-base .navi-img-event{
    width: 360px;
    height: 270px;
    border: 1px solid #cdcdcd;
}
#navi-base .navi-img-page img,
#navi-base .navi-img-post img{
    max-width: 298px;
    max-height: 198px;
    width: auto;
    height: auto;
}
#navi-base .navi-img-page,
#navi-base .navi-img-post{
    width: 300px;
    height: 200px;
    border: 1px solid #cdcdcd;
}
#navi-base .image-library-container{
    position: absolute;
    left: 540px;
    width: 672px;
    background: #fff;
    border: solid 1px #cdcdcd;
    padding: 20px;
    margin-bottom: 10px;
}
#navi-base .image-library-container .close{
    float: right;
    cursor: pointer;
}
#navi-base textarea{
    resize: vertical;
}
#navi-base .input-label.header{
    font-size: 16px;
}
#navi-base .list-plain > div{
    display: -webkit-flex;
    display: flex;
    padding: 20px;
}
#navi-base .list-plain > div > div{
    /*padding: 10px 0;*/
}
#navi-base .list-plain > div > div:not(:last-child){
    border-right: solid 1px #cdcdcd;
    padding-right: 20px;
    margin-right: 20px;
}
#navi-base .list-plain .include-img{
    flex: 0 0 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#navi-base .list-plain .include-naviinfo{
    display: flex;
    flex: 0 0 270px;
}
#navi-base .list-plain .include-naviinfo table{
    width: 100%;
}
#navi-base .list-plain .include-naviinfo table tr{
    line-height: 2.25;
}
#navi-base .list-plain .include-naviinfo table tr > td:nth-child(2){
    text-align: center;
}
#navi-base .list-plain .include-button{
    flex: 0 0 144px;
    display: flex;
    flex-direction: column;
}
#navi-base .jcalculator_wrap div{
    top: 35px;
    z-index: 10;
}
#navi-base .list-plain .include-button > .btn:not(:last-child){
    margin-bottom: 10px;
}
#navi-base .list-plain .include-img img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
#navi-base .list-plain.navi-approval{
    width: 700px;
}
#navi-base .list-plain.navi-approval div{
    background-color: #fff;
}
#navi-base .list-plain.navi-approval > div > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
}
#navi-base .list-plain.navi-approval .include-button{
    box-sizing: content-box;
}
#navi-base .list-plain.navi-approval .include-title2{
    flex: 0 0 135px;
}
#navi-base .list-plain.navi-approval .include-label{
    text-align: center;
    flex: 0 0 110px;
}
#navi-base .list-plain.navi-approval .include-button .btn{
    margin-bottom: 0;
}
#navi-base.list-plain .include-title table{
    width: 100%;
}
#navi-base .list-plain .table-list:not(:last-child){
    border-bottom: 1px solid #cdcdcd;
}
#navi-base .table-list.list-header div{
    font-size: 14px;
    font-weight: bold;
}
#navi-base .image-list-item{
    width: 200px;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 5px;
}
#navi-base .address-container .dropdown{
    width: 180px;
}
#navi-base .address-container .dropdown + input{
    width: 470px;
}
#navi-base .list-plain.navi-approval .include-title2.preview{
    display: flex;
    flex-direction: row;
    margin-top: 5px;
}
#navi-base .include-title2.preview span{
    text-decoration: none;
    color: #404974;
    margin-top: 3px;
    padding-left: 5px;
}
#navi-base .navi-image-modal-logo a,
#navi-base .navi-image-modal-main a,
#site-base .navi-image-modal-common a,
#navi-base .navi-image-modal-event a{
    text-decoration: none;
}
#navi-base .navi-image-modal-logo .image-list-label,
#navi-base .navi-image-modal-main .image-list-label,
#site-base .navi-image-modal-common .image-list-label,
#navi-base .navi-image-modal-event .image-list-label,
#navi-base .use-image,
#site-base .use-image,
#setting .image-list-label{
    display: block;
    text-align: left;
    padding-left: 5px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    text-decoration: none;
    width: 300px;
    position: absolute;
    bottom: 0;
}
#navi-base .navi-image-list-logo .drag-drop-upload,
#navi-base .navi-image-list-main .drag-drop-upload,
#navi-base .navi-image-list-other .drag-drop-upload,
#navi-base .navi-image-modal-logo .drag-drop-upload,
#navi-base .navi-image-modal-main .drag-drop-upload,
#navi-base .navi-image-modal-event .drag-drop-upload,
#site-base .navi-image-modal-common .drag-drop-upload,
#site-base .site-image-list .drag-drop-upload{
    height: 100%;
    border: none;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
#navi-base .navi-image-list-logo .drag-drop-upload > div,
#navi-base .navi-image-list-main .drag-drop-upload > div,
#navi-base .navi-image-list-other .drag-drop-upload > div,
#navi-base .navi-image-modal-logo .drag-drop-upload > div,
#navi-base .navi-image-modal-main .drag-drop-upload > div,
#navi-base .navi-image-modal-event .drag-drop-upload > div,
#site-base .navi-image-modal-common .drag-drop-upload > div,
#site-base .site-image-list .drag-drop-upload > div{
    flex: 0;
    -webkit-flex: 0;
}
#navi-base .tag-plain{
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 5px;
    cursor: pointer;
    background: #edf6fa;
}
#navi-base .label.unapplied{
    background-color: #aaaaaa;
}
#navi-base .label.applied{
    background-color: #90caf9;
}
#navi-base .label.published{
    background-color: #a5d6a7;
}
#navi-base .image-library-logo{
    width: 200px;
    height: auto;
}
#navi-base .image-library-main{
    width: 400px;
    height: auto;
}
#navi-base .image-library-menu{
    width: 300px;
    height: auto;
}
#navi-base .able-tag{
    font-size: 12px;
}
#navi-base .able-tag > span{
    margin-left: 5px;
}
#navi-base .navi-choose{
    width: 300px;
}
#navi-base .form-block-body .navi-choose{
    margin-bottom: 0px;
}
#navi-base .navi-rank{
    margin-bottom: 0;
}
#navi-base .navi-rank table{
    width: 300px;
    text-align: left;
}
#navi-base .bordernone{
    border: none;
}
.image-library .navi-image-list-item img{
    width: 100%;
    height: auto;
}
#navi-base .icon_unsetimg{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    color: white;
    background-color: #8c8c8c;
    text-decoration: none;
    cursor: pointer;
}
#navi-base .navi-image-list .white-garbage{
    width: 30px;
    height: 30px;
    position: absolute;
    padding: 8px;
    right: 0;
    color: white;
    background-color: #8c8c8c;
    text-decoration: none;
    cursor: pointer;
    z-index: 10;
}
.navi-sidebar{
    background-color: #fff;
    line-height: 1;
    border: 1px solid #cdcdcd;
}
.navi-sidebar .active{
    background-color: #fffcca;
}
.navi-sidebar a:hover{
    background-color: #fffcca;
}
.navi-sidebar-header a{
    text-decoration: none;
    color: #404974;
}
.navi-sidebar span{
    margin-right: 5px;
}
.navi-sidebar-header.no-link{
    cursor: default;
}
.navi-sidebar-header.haslink:hover{
    background-color: #fffcca;
}
.navi-sidebar-header {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    color: #404974;
    text-decoration: none;
}
.navi-sidebar .navi-sidebar-items .active div {
    font-weight: bold;
}
.navi-sidebar .navi-sidebar-items a > div{
    margin-top: 1px;
    padding: 0 10px;
}
.navi-sidebar .navi-sidebar-items a:not(:last-child) > div{
    border-bottom: 1px dotted #cdcdcd;
}
.navi-sidebar-items + .navi-sidebar-header{
    border-top: 1px solid #cdcdcd;
}
.navi-sidebar-header:not(:last-child) {
    border-bottom: 1px solid #cdcdcd;
}
.navi-sidebar-items a {
    display: block;
    height: 30px;
    padding: 0 10px;
    color: #404974;
    line-height: 30px;
    text-decoration: none;
    font-size: 12px;
}
.navi-sidebar ul.external_menu li {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 40px;
  font-size: 14px;
  -webkit-align-items: center;
  align-items: center;
  color: #404974;
  border-top: solid 1px #cdcdcd;
}
.navi-sidebar ul.external_menu li:first-child {
  border-top: none;
  padding: 0 10px;
}
.navi-sidebar ul.external_menu li.external_app_type {
  padding-left: 20px;
}
.navi-sidebar ul.external_menu li a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  color: #404974;
  text-decoration: none;
}
.list-plain{
    width: 100%;
    background: #fff;
    border: solid 1px #cdcdcd;
}
.list-plain > .list-header{
    background-color: #e5f6ff;
}
.list-plain > div{
    display: -webkit-flex;
    display: flex;
    padding: 20px;
}
.list-plain > div > div:not(:last-child){
    border-right: solid 1px #cdcdcd;
    padding-right: 20px;
    margin-right: 20px;
}
.list-plain .table-list div{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
input#datetimepicker{
    width: 243px;
    margin-right: 10px;
}
.list-plain.navi-recruit .include-title,
.list-plain.navi-firstview .include-title,
.list-plain.navi-firstview .include-check,
.list-plain.navi-page .include-title,
.list-plain.navi-post .include-title,
.list-plain.navi-event .include-title,
.list-plain.navi-approval .include-title,
.list-plain.navi-thanksmail .include-title{
    flex: 1 1 0;
}
.list-plain.navi-event .include-title2{
    flex: 1 1 0;
}
.select-img .noimage {
    vertical-align: middle;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 180px;
    height: 21px;
    color: #fefefe;
    font-size: 21px;
    text-align: center;
}
.navi-image-list-logo{
    width: 262px;
    height: 262px;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #eeeeee;
}
.navi-image-list-main{
    width: 262px;
    height: 109.16px;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #eeeeee;
}
.navi-image-list-other{
    width: 262px;
    height: 162.79px;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #eeeeee;
}
.image-library-container img,
.navi-image-list-logo img,
.navi-image-list-main img,
.navi-image-list-main img,
.navi-image-list-other img,
.site-image-list img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.mr-14{
    margin-right: -14px;
}
.input-wrap-head{
    font-weight: bold;
    font-size: 14px;
}

.navi-image-modal-logo{
    text-decoration: none;
    width: 200px;
    height: 200px;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #cdcdcd;
    background-color: #eeeeee;
}
.navi-image-modal-main{
    position: relative;
    width: 200px;
    height: 150px;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #cdcdcd;
    background-color: #eeeeee;
}
.navi-image-modal-common{
    width: 200px;
    height: 133.3px;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #cdcdcd;
    background-color: #eeeeee;
}

/***全体進捗***/


/*new progress*/
#candidate_manage h3 {
    font-size: 16px;
}

#progress.new #tabs-list,
.adjustment #tabs-list {
    max-width: none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#progress.new #tabs-list li,
.adjustment #tabs-list li {
    position: relative;
    margin: 0;
    margin-right: 2px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    color: #fff;
    padding: 8px;
    padding-right: 21px;
}

#progress.new #tabs-list .color_1,
.flow_mini_container .pattern_tab.color_1 .pattern_name,
.flow_mini_container .pattern_tab.color_1 .step_container .step .row.current,
#personal_data #progress.new .progress_container.color_1 .row.current,
#progress.new .color_1 .step_card.active .step_name,
.adjustment #tabs-list .color_1.act,
.adjustment #tabs-list .color_1:hover,
.setting_authority #tabs-list .color_1.act,
.setting_authority #tabs-list .color_1:hover {
    background-color: #66bb6a;
}
#progress.new #tabs-list .color_2,
.flow_mini_container .pattern_tab.color_2 .pattern_name,
.flow_mini_container .pattern_tab.color_2 .step_container .step .row.current,
#personal_data #progress.new .progress_container.color_2 .row.current,
#progress.new .color_2 .step_card.active .step_name,
.adjustment #tabs-list .color_2.act,
.adjustment #tabs-list .color_2:hover,
.setting_authority #tabs-list .color_2.act,
.setting_authority #tabs-list .color_2:hover {
    background-color: #26c6da;
}
#progress.new #tabs-list .color_3,
.flow_mini_container .pattern_tab.color_3 .pattern_name,
.flow_mini_container .pattern_tab.color_3 .step_container .step .row.current,
#personal_data #progress.new .progress_container.color_3 .row.current,
#progress.new .color_3 .step_card.active .step_name,
.adjustment #tabs-list .color_3.act,
.adjustment #tabs-list .color_3:hover,
.setting_authority #tabs-list .color_3.act,
.setting_authority #tabs-list .color_3:hover {
    background-color: #42a5f5;
}
#progress.new #tabs-list .color_4,
.flow_mini_container .pattern_tab.color_4 .pattern_name,
.flow_mini_container .pattern_tab.color_4 .step_container .step .row.current,
#personal_data #progress.new .progress_container.color_4 .row.current,
#progress.new .color_4 .step_card.active .step_name,
.adjustment #tabs-list .color_4.act,
.adjustment #tabs-list .color_4:hover,
.setting_authority #tabs-list .color_4.act,
.setting_authority #tabs-list .color_4:hover {
    background-color: #ab47bc;
}
#progress.new #tabs-list .color_5,
.flow_mini_container .pattern_tab.color_5 .pattern_name,
.flow_mini_container .pattern_tab.color_5 .step_container .step .row.current,
#personal_data #progress.new .progress_container.color_5 .row.current,
#progress.new .color_5 .step_card.active .step_name,
.adjustment #tabs-list .color_5.act,
.adjustment #tabs-list .color_5:hover,
.setting_authority #tabs-list .color_5.act,
.setting_authority #tabs-list .color_5:hover {
    background-color: #ffa726;
}
#progress.new #tabs-list .color_6,
.flow_mini_container .pattern_tab.color_6 .pattern_name,
.flow_mini_container .pattern_tab.color_6 .step_container .step .row.current,
#personal_data #progress.new .progress_container.color_6 .row.current,
#progress.new .color_6 .step_card.active .step_name,
.adjustment #tabs-list .color_6.act,
.adjustment #tabs-list .color_6:hover,
.setting_authority #tabs-list .color_6.act,
.setting_authority #tabs-list .color_6:hover {
    background-color: #ef5350;
}

#progress.new .progress_container.color_1,
.flow_mini_container .pattern_tab.color_1,
#progress.new .color_1 .step_card.active {
    border-color: #66bb6a;
}
#progress.new .progress_container.color_2,
.flow_mini_container .pattern_tab.color_2,
#progress.new .color_2 .step_card.active {
    border-color: #26c6da;
}
#progress.new .progress_container.color_3,
.flow_mini_container .pattern_tab.color_3,
#progress.new .color_3 .step_card.active {
    border-color: #42a5f5;
}
#progress.new .progress_container.color_4,
.flow_mini_container .pattern_tab.color_4,
#progress.new .color_4 .step_card.active {
    border-color: #ab47bc;
}
#progress.new .progress_container.color_5,
.flow_mini_container .pattern_tab.color_5,
#progress.new .color_5 .step_card.active {
    border-color: #ffa726;
}
#progress.new .progress_container.color_6,
.flow_mini_container .pattern_tab.color_6,
#progress.new .color_6 .step_card.active {
    border-color: #ef5350;
}

#progress.new .color_1 .step_card.active .step_count:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #66bb6a 49%, #66bb6a 51%, #fff 51%, #fff);
}

#progress.new .color_2 .step_card.active .step_count:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #26c6da 49%, #26c6da 51%, #fff 51%, #fff);
}

#progress.new .color_3 .step_card.active .step_count:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #42a5f5 49%, #42a5f5 51%, #fff 51%, #fff);
}

#progress.new .color_4 .step_card.active .step_count:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #ab47bc 49%, #ab47bc 51%, #fff 51%, #fff);
}

#progress.new .color_5 .step_card.active .step_count:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #ffa726 49%, #ffa726 51%, #fff 51%, #fff);
}

#progress.new .color_6 .step_card.active .step_count:after {
  background: linear-gradient(45deg, transparent, transparent 49%, #ef5350 49%, #ef5350 51%, #fff 51%, #fff);
}

#progress.new #tabs-list li:not(.act):not(.add_pattern):not(:hover){
    background-color: #cdcdcd;
}

#progress ul#tabs-list li.add_pattern{
    margin: 5px 0 0 5px;
}

.progress_container {
    position: relative;
    overflow: hidden;
    border: solid 9px #2bc46c;
}

#progress.new .scroll {
    position: absolute;
    z-index: 4;
    width: 30px;
    height: 100%;
    top: 0;
    border: none;
    color: #ababab;
    background-color: #fff;
    cursor: pointer
}

#progress.new .scroll:after {
  position: absolute;
  top: 50%;
  border-width: 11px 10px;
  border-style: solid;
  border-color: transparent;
  transform: translateY(-50%);
  content: '';
}

#progress.new .scroll.prev {
    left: 0;
    border-right: solid 1px #ddd;
}

#progress.new .scroll.prev:after {
  right: 10px;
  border-right-color: #aaa;
}

#progress.new .scroll.next {
    right: 0;
    border-left: solid 1px #ddd;
}

#progress.new .scroll.next:after {
  left: 10px;
  border-left-color: #aaa;
}

#progress.new .scroll:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#progress.new .container_edit_box {
  z-index: 99;
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  overflow: visible;
  border-radius: 4px;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,.2);
}

#progress.new .container_edit_box:before {
  position: absolute;
  left: 50%;
  bottom: 100%;
  border-width: 5px 5px;
  border-color: transparent transparent #cdcdcd transparent;
  border-style: solid;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#progress.new .container_edit_box:after {
  position: absolute;
  left: 50%;
  bottom: calc(100% - 1px);
  border-width: 5px 5px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#progress.new .container_edit_box .edit-block {
  position: static;
  left: auto;
  display: block;
  padding: 0 10px;
  height: auto;
  width: 360px;
}

#progress.new .container_edit_box .edit-block input + div {
  display: -webkit-flex;
  display: flex;
  padding-top: 5px;
}

#progress.new .container_edit_box .edit-block input + div .btn-edit-block {
  margin-left: 0;
  margin-right: 5px;
}

#progress.new .container_edit_box .edit-block .color_select {
  margin: 8px 0;
  padding: 0;
}
#progress.new .container_edit_box .edit-block .color_select span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
#progress.new .container_edit_box .edit-block .color_select span.active {
  -webkit-box-shadow: 0 0 4px 0 #92dddb;
  box-shadow: 0 0 4px 0 #92dddb;
}
#progress.new .container_edit_box .edit-block .color_select span.active:after {
  color: #fff;
  font-size: 12px;
  font-family: 'rootstrap' !important;
  content: "\e906";
}

#progress.new .container_edit_box .edit-block .move_btn {
  margin-left: auto;
}
#progress.new .container_edit_box .edit-block .move_btn .icon {
  color: #1f83b5;
}
#progress.new .container_edit_box .edit-block .move_btn .icon.disabled {
  color: #cdcdcd;
}

#progress.new #panel {
  margin: 0 30px;
  overflow-x: scroll;
  height: auto;
  background-color: #fff;
}

#candidate_manage #progress.new #panel {
  height: 300px;
}

#progress.new .panel_container {
  height: auto;
  background-color: #fff;
  white-space:nowrap;
  font-size: 0;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
#candidate_manage #progress.new,
#candidate_manage #progress.new .panel_container {
    padding: 0;
}

#progress.new .step_cols {
  display: inline-block;
  position: relative;
  width: 280px;
  height: auto;
  margin: 0;
  margin-left: -5px;
  vertical-align: top;
  font-size: 12px;
}

#progress.new .step_cols .add_col {
  position: absolute;
  top: 50%;
  left: -6px;
  color: #cdcdcd;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  cursor: pointer;
}
#progress.new .step_cols .add_col:hover {
  color: #404974;
}

#progress.new .step_cols .del_col {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #cdcdcd;
  font-size: 18px;
  cursor: pointer;
}

#progress.new .step_cols .del_col:hover {
  color: #e76571;
}

#progress.new .step_first, .step_last {
  background-color: #fff;
}

#progress.new .col_operation {
  position: relative;
  width: 275px;
  height: 50px;
  text-align: center;
}

#progress.new .card_container {
  position: relative;
  margin-bottom: 20px;
}

#progress.new .col_operation + .card_container {
  margin-top: 0;
}

/* 縦の線 */
#progress.new .card_container .vertical_line_box {
  position: absolute;
  width: 280px;
  height: 105px;
  border-left: solid 5px #cdcdcd;
  border-right: solid 5px #cdcdcd;
  top: -59px;
  z-index: 1;
}

#progress.new .step_card {
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 240px;
  height: 85px;
  margin: 0 0 20px 20px;
  border: 1px solid #cdcdcd;
  color: #404974;
  font-size: 11px;
  -webkit-justify-content: center;
  justify-content: center;
}

/* 横の線 */
#progress.new .step_cols:first-child .step_card:after,
#progress.new .step_cols:not(:first-child):not(:last-child) .step_card:not(.no_line):before,
#progress.new .step_cols:not(:first-child):not(:last-child) .step_card:not(.no_line):after,
#progress.new .step_cols:last-child .step_card:before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height:43px;
  top: 0;
  border-bottom: solid 5px #cdcdcd;
}
#progress.new .step_cols:first-child .step_card:after {
  left: 100%;
}
#progress.new .step_cols:not(:first-child):not(:last-child) .step_card:not(.no_line):before {
  right: 100%;
}
#progress.new .step_cols:not(:first-child):not(:last-child) .step_card:not(.no_line):after {
  left: 100%;
}
#progress.new .step_cols:last-child .step_card:before {
  right: 100%;
}

#progress.new .step_card .step_count {
  display: -webkit-flex;
  display: flex;
  padding-left: 10px;
  background-color: #fff;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1;
}

#progress.new .step_card.active .step_count {
  background-color: #fffcca;
}

#progress.new .step_card .step_count:after {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  right: -1px;
  background: linear-gradient(45deg, transparent, transparent 49%, #cdcdcd 49%, #cdcdcd 51%, #fff 51%, #fff);
  content: '';
}

#progress.new .step_card .step_count > div:first-child {
  display: -webkit-flex;
  display: flex;
}

#progress.new .step_card .step_count > div:first-child u {
  display: inline-block;
  /*border-bottom: 1px solid #404974;*/
  color: #404974;
  text-decoration: none;
}

#progress.new .step_card .step_count > div:first-child u span {
  font-size: 18px;
}

#progress.new .step_card .step_count > div:first-child > div + div {
  margin-left: 10px;
}

#progress.new .step_card .step_count > div + div {
  margin-top: 10px;
}

#progress.new .step_card .step_count > div + div span {
  font-size: 12px;
}


#progress.new .step_card .step_name {
  width: 100%;
  height: 20px;
  padding: 0 10px;
  background-color: #edf6fa;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#progress.new .step_card.active .step_name {
  color: #fff;
}

#progress.new .step_card .btn-icon {
  position: absolute;
  top: 25px;
  right: 10px;
  opacity: 0;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in;
}

#progress.new .step_card:hover .btn-icon {
  opacity: 1;
}

#progress.new .blank_card {
  position: relative;
  width: 220px;
  height: 85px;
  border: solid 1px #cdcdcd;
  border-right: none;
  position: relative;
  background-color: #eee;
  margin-left: 20px;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#progress.new .blank_card > .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% + 10px);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%,-50%);
  font-size: 18px;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*#progress.new .blank_card a {
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% + 10px);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%,-50%);
}*/

#progress.new .blank_card:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border: none;
  border-top: solid 1px #cdcdcd;
  right: -14px;
  top: 5px;
  position: absolute;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #eee;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#progress.new .blank_card:after {
  content: "";
  display: block;
  width: 20px;
  height: 63px;
  border: none;
  border-right: solid 1px #cdcdcd;
  border-bottom: solid 1px #cdcdcd;
  right: -20px;
  bottom: -1px;
  position: absolute;
  background-color: #eee;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#progress.new .blank_card:hover,
#progress.new .blank_card:hover:before,
#progress.new .blank_card:hover:after {
  background-color: #fff;
}

#progress.new .blank_card:hover > .icon {
  color: #1fb553;
}

#progress.new .blank_card + .blank_card {
  display: none;
}



#progress.new .open_panel,
#progress.new .close_panel,
#progress.new .total_count {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 5px;
    padding: 5px 0;
    border: solid 1px #cdcdcd;
    text-align: center;
}

#progress.new .open_panel {
    margin-top: 10px;
    cursor: pointer;
}
#progress.new .close_panel {
    display: none;
    cursor: pointer;
}

#progress #tabs-list li {
  position: relative;
}

#progress #tabs-list li > .icon {
  position: absolute;
  top: 50%;
  right: 5px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in;
  padding: 2px;
  background-color: inherit;
}

#progress #tabs-list li:hover > .icon {
  opacity: 1;
}

#progress #tabs-list li > .icon:hover {
  color: rgba(255, 255, 255, .8);
}

#progress #tabs-list li > .icon-arrow_03d.icon-pattern-toggle {
  position: absolute;
  top: 50%;
  right: 5px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: all var(--transition-ease-out);
  transition: all var(--transition-ease-out);
  padding: 0;
  background-color: transparent;
  width: 21px;
  height: 21px;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #595959;
  z-index: 1;
}

#progress #tabs-list li > .icon-arrow_03d.icon-pattern-toggle::before {
  -moz-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

#progress #tabs-list li:hover > .icon-arrow_03d.icon-pattern-toggle {
  opacity: 1;
}

#progress #tabs-list li > .icon-arrow_03d.icon-pattern-toggle:hover {
  background-color: rgba(100, 100, 100, 0.3);
  border-radius: 50%;
  color: #fff;
}

#progress #tabs-list li.act > .icon-arrow_03d.icon-pattern-toggle {
  color: #fff;
}

.about_step-table > div {
  display: -webkit-flex;
  display: flex;
  padding: 6px 0;
}

.about_step-table > div > div:first-child{
  font-size: 12px;
  width: 65px;
  font-weight: bold;
}

.about_step-tag {
  font-size: 12px;
  display: block;
}

.belongs_count > div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  line-height: 18px;
}

.belongs_count > div:last-child {
  font-size: 16px;
}

#add_pattern_form {
  width: 600px;
  height: 200px;
}

#add_pattern_form .modal-body {
  padding-top: 10px;
}

#add_pattern_form .btn {
  margin-left: 20px;
}

#step_detail.modal,
#add_step_form.modal {
  width: 900px;
}

#step_detail .modal-header input[type="text"] {
  width: 480px;
}

.select-step-tags > label{
  display: inline-block;
  padding: 2px 5px;
  background-color: #edf6fa;
  font-size: 14px;
  margin: 0 10px 10px 0;
}

.select-step-tags table {
  width: 450px;
  float: left;
}

.select-step-tags table td {
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
}
.select-step-tags table td:last-child {
  width: 230px;
}
.select-step-tags .checkbox {
  display: block;
  font-size: 14px;
}

#selecter_selection_step .send_btn {
  margin: 0 auto;
}

#selecter_selection_step .flow_mini_container {
  margin-bottom: 20px;
}

#evaluation_value_form {
  position: relative;
  display: none;
  float: left;
  width: 400px;
  margin-left: 10px;
  padding: 10px;
  background-color: #eee;
}

#evaluation_value_form .evaluation_value_box {
  position: relative;
  overflow: hidden;
}
#evaluation_value_form .evaluation_value_box input {
  width: 330px;
  margin-bottom: 3px;
}
#evaluation_value_form .evaluation_value_box p {
  position: absolute;
  right: 0;
}
#evaluation_value_form .evaluation_value_box p.high {
  top: 0;
}
#evaluation_value_form .evaluation_value_box p.low {
  bottom: 0;
}

#evaluation_value_form .close_form {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

#evaluation_value_form .checkbox {
  margin: 10px 0;
}
#evaluation_value_form .checkbox label {
  font-size: 14px;
}

#evaluation_value_form button {
  margin-top: 8px;
}

#evaluation_value_form input[name=evaluation_value_title] {
  margin-bottom: 10px;
}

#evaluation_value_form .value-label {
  display: flex;
  justify-content:space-between;
}
#evaluation_value_form .value-label p {
  font-size: 12px;
}

#step_detail .submit-container,
#add_step_form .submit-container {
  clear: both;
}

#evaluation .table td:nth-of-type(-n+2) {
  width: 320px;
}

.td-action .icon.disabled {
  pointer-events: none;
  color: #eee;
}

#evaluation .edited {
  background-color: #fffcca;
}

/*紹介会社管理*/

.main-introduction {
  width: 1080px;
}


.list-detail {
  background-color: #fff;
  display: table;
  width: 100%;
}

.list-detail-item {
  display: table-row;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.5;
}

.list-detail-item > div:first-child {
  display: table-cell;
  width: 27.5%;
  padding: 5px 10px;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #cdcdcd;
  font-weight: bold;
  background-color: #e5f6ff;
}

.list-detail-item > div:nth-child(2) {
  display: table-cell;
  width: 72.5%;
  padding: 5px 10px;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #cdcdcd;
}

.list-detail-item:first-child > div {
  border-top: 1px solid #cdcdcd;
}

#unread_exchange_stu .label {
  margin-left: 10px;
}

#unread_exchange_stu + #pager {
  margin-left: auto;
}


.annotation-container {
  color: #aaa;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}

.annotation {
  color: #e11b74;
  font-size: 12px;
  font-weight: normal;
}

.main-introduction .heading-1 {
  margin-bottom: 10px;
}

section {
  padding-bottom: 20px;
}

button.icon {
  border: none;
  color: #404974;
  font-size: 14px;
}

/*タスク管理*/

.task_middle_box{
  padding:10px 0;
  font-size:0;
  display:-webkit-flex;
  display:flex;
}

.task_middle_box .select_status{
  margin:0 10px;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  font-size:12px;
}
.task_middle_box span.icon{
  padding-right:5px;
  vertical-align: middle;
}
.task_middle_box .select_status span{
  padding:5px;
  font-weight:bold;
}

.task_middle_box .select_status a{
  padding:6px 10px;
  line-height: 1;
}

.task_middle_box .select_status a.active{
  background-color:#218ec4;
  -webkit-box-shadow: 0 0 4px 0 #92dddb;
  box-shadow: 0 0 4px 0 #92dddb;
  color:#fff;
  font-weight: bold;
}
.task_middle_box .pagination_container{
  margin-left:auto;
  display:-webkit-flex;
  display:flex;
  font-size:13px;
  -webkit-algin-items:center;
  align-items:center;
}
.task_middle_box .pagination_container button{
  display:block;
  width:36px;
  padding:0;
  text-align:center;
  font-weight:normal;
  font-size:10px;
}
.task_middle_box .pagination_container button[disabled]{
  opacity:0.65;
}
.task_middle_box .pagination_container>span:first-of-type{
  padding-right:10px;
}

.dropdown.dropdown-task-status {
  color: #fff;
  height: 24px;
}

.dropdown.dropdown-task-status option {
  color: #404974;
}

.task_open{
  background:#e8779a!important;
}
.task_inprogress{
  background:#5c89d2!important;
}
.task_resolved{
  background:#5cd2cb!important;
}
.task_closed{
  background:#e9cb23!important;
}
.task_overdue{
  color:#e11b74!important;
}

.task_overdue .icon {
  margin-left: 5px;
  font-size: 12px;
}

.task_list th{
  white-space: nowrap;
}

.align-bottom {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.col_setting_header{
  background-color:#f9fafc;
  color:#404974;
  font-weight:bold;
  padding:10px 20px;
  position:relative;
}
.col_setting_body{
  padding:20px 20px 30px 20px;
}
.col_setting_body .form-control{
  border:none;
  box-shadow:none;
}
.task-detail_body, .task-edit_body{
  overflow-y:auto;
}
.modal-header.task-detail_header {
  display: -webkit-flex;
}
.task-detail_header .task-detail_label{
  display:-webkit-flex;
  display: flex;
  align-items: center;
  -webkit-flex-shrink:0;
  flex-shrink:0;
}

.task-detail_body{
  padding:0 20px 20px 20px;
}
.task-detail_label{
  width: 80px;
  font-weight:bold;
  -webkit-flex-shrink:0;
  flex-shrink:0;
}

.task-detail_value.label {
  padding: 0 15px;
}

.task-detail_property{
  display:-webkit-flex;
  display:flex;
  padding:20px 0;
  margin-bottom:10px;
  border-bottom:1px solid #ddd;
}
.task-detail_properties{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
}
.task-detail_properties_item{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-basis:48%;
  flex-basis:48%;
  border-bottom:1px solid #ddd;
  -webkit-align-items:center;
  align-items:center;
}
.task-detail_properties_item .task-detail_value,
.task-detail_properties_item .task-detail_label{
  margin:10px 0;
}
.task-detail_properties_item .task-detail_value span{
  font-size:13px;
}
.task-detail_property.first_property{
  min-height:120px;
}
.task-detail_property.second_property{
  margin:0;
}
.task-detail_property.third_property{
  margin-bottom:20px;
}
.task-detail_property.second_property .task-detail_label,
.task-detail_property.third_property .task-detail_label{
  width:100px;
}
.selected_files+.selected_files{
  margin-left:10px;
}
.task-detail_btn_container{
  font-size:0;
  text-align:center;
}
.task-detail_btn_container .icon{
  padding-right:5px;
}

.task-edit,
.task-detail{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  height:100%;
}

.task-edit_body{
  padding:0 20px 20px 20px;
}

.task-edit_property{
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
}

.task-edit_body label:not(.btn){
  font-weight:bold;
  width:80px;
  -webkit-flex-shrink:0;
  flex-shrink:0;
}
.task-edit_properties{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin-bottom:5px;
}
.task-edit_properties_item{
  -webkit-flex-basis:48%;
  flex-basis:48%;
  width:48%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
}
.task-edit_properties_item>div{
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
}
.task-edit_properties_item>div>div>div{
  text-align:right;
  margin-bottom:2px;
}
.task-edit_properties_item>input,
.task-edit_properties_item>select{
  -webkit-flex-shrink:1;
  flex-shrink:1;
  width:auto;
}
.task-edit_properties_item>select{
  max-width:calc(100% - 80px);
  cursor:pointer;
}
.assignee_is_user_btn{
  font-size:12px;
  cursor:pointer;
  border-bottom:1px solid #404974;
  display:inline-block;
  color: #404974;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
}

.assignee_is_user_btn.active {
  color: #218ec4;
  font-weight: bold;
  border-color: #218ec4;
}

.input-label .assignee_is_user_btn{
  float: right;
}
.task-edit_body .form-control{
  height:30px;
  padding:3px 6px;
  min-width: 100px;
}
.task-edit_property.first_property{
  margin:10px 0;
}
.task-edit_property.second_property{
  margin-bottom:30px;
}
.task-edit_property.second_property .form-control{
  height:auto;
}
.task-edit_properties_item{
  margin-bottom:10px;
}
.task-edit_send_property label{
  width:auto;
}

.task_candidateselect .select2-selection--single{
  min-width: 170px;
  max-width: 100%;
  height: 30px !important;
  padding: 0 5px;
  border: 1px solid #cdcdcd !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
  color: #404974 !important;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

.task_candidateselect .select2-selection__rendered{
  color: #404974 !important;
  line-height: 22px !important;
  padding-left: 5px !important;
}

.task_candidateselect .select2-selection__arrow b{
  border-color: #404974 transparent transparent transparent !important;
  border-width: 6px 3px 0 3px !important;
}

.task_candidateselect .select2-container{
  width: auto !important;
}

.zoom_user_select_block .select2-selection--single{
  min-width: 170px;
  max-width: 100%;
  height: 30px !important;
  padding: 0 5px;
  border: 1px solid #cdcdcd !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
  color: #404974 !important;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

.zoom_user_select_block .select2-selection__rendered{
  color: #404974 !important;
  line-height: 22px !important;
  padding-left: 5px !important;
}

.zoom_user_select_block .select2-selection__arrow b{
  border-color: #404974 transparent transparent transparent !important;
  border-width: 6px 3px 0 3px !important;
}

.zoom_user_select_block .select2-container{
  width: auto !important;
}

.select2-selection__rendered {
  padding: 3px 0 3px 10px!important;
}
.select2-selection__choice{
  display: -webkit-inline-flex!important;
  display: inline-flex!important;
  margin: 0 10px 5px 0!important;
  padding: 5px!important;
  background-color: #eee!important;
  font-size: 12px!important;
  line-height: 1!important;
}
.select2-container{
  width:100%!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
  border-color:#cdcdcd!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color:#404974!important;
}
.select2-selection__choice__remove:hover{
  color:#404974!important;
}

.select2-results__option {
  font-size: 12px;
  line-height: 1;
  padding: 9px 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #fffcca!important;
  color: #404974!important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fffcca!important;
}

.attachment_item{
  font-size:0;
  display:inline-block;
  margin-top:5px;
  margin-bottom:5px;
}
.attachment_item>*{
  font-size:13px;
}
.attachment_item+.attachment_item{
  margin-left:5px;
}
.attachment_item .delete_attachment{
  padding-left:2px;
  font-size:12px;
  cursor:pointer;
}
.drag_file_field.dragover{
  background-color:#ccc;
}

.modal.modal_col_setting{
  width:500px;
  height: auto;
}

.modal_col_setting .modal-body {
  padding-bottom: 40px;
}

.modal_col_setting .form-checkbox .checkbox {
  width: 100px;
}

.modal-header .task-detail_value {
  padding-right: 20px;
}

.flex-pull-right {
  margin-left: auto;
}

.mailer {
  position: relative;
}

.mailer-after-textarea {
  font-size: 12px;
  border: 1px solid #cdcdcd;
  border-top: none;
  padding: 3px 10px;
  background-color: #eee;
}

.mailer-after-textarea.onpreview {
  background-color: #fff;
  padding-top: 0;
}

.preview-subject {
  border: 1px solid #cdcdcd;
  border-bottom: 1px dotted #cdcdcd;
  padding: 4.4px 10px 3px;
  cursor: pointer;
  line-height: 1.5;
}

.table-mailer-head .preview-subject {
  min-height: 30px;
  font-size: 14px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 0 #cdcdcd inset;
  border: 1px solid #cdcdcd;
  cursor: default;
}

/*件名がないときにつぶれるバグ修正*/
.table-mailer-head .preview-subject:before {
  display: inline-block;
  width:0px;
  height:14px;
  content: '';
}

/* アンケート機能 */
.questionnaire .fa {
  font-size: 18px;
  font-weight: bold;
}

.questionnaire .dlresult,
.questionnaire_result .dlresult {
  display: block;
  line-height: 1.8;
}

.questionnaire .table .th-action.result_xls,
.questionnaire .table .th-action.qr {
  font-size: 12px;
}

.questionnaire .form-block-body {
  padding: 0 20px 20px;
}
.questionnaire .heading-2 .icon {
  margin-right: 5px;
}

.questionnaire .checkbox {
  width: 40%;
  min-height: 3em;
}

.questionnaire .checkbox label {
  padding-left: 20px;
  font-weight: normal;
}

.questionnaire .checkbox input:checked + label {
  font-weight: bold;
}

.questionnaire .select_action_answer {
  border: 2px solid #404974;
  padding: 1em 1em 0 1em;
  width: auto;
}

.questionnaire .select_action_answer {
  border: none;
}
.questionnaire .mailer-body-row {
  border: 2px solid #cdcdcd;
}
.questionnaire .mailer-body-left input[type="text"] {
  height: 36px;
  border-bottom: 2px solid #cdcdcd;
  border-left: none;
  border-top: none;
}

.questionnaire #thanksmail_content {
  border-right: 1px solid #cdcdcd;
  border-left: none;
  border-top: none;
  border-bottom: none;
}

.questionnaire .form-block-mail .mailer-label-container > div {
  border-right: 1px solid #cdcdcd;
  border-top: none;
  border-left: none;
}

.questionnaire .form-block-mail .mailer-label-container > div:last-of-type {
  border-right: none;

}

.questionnaire .form-block-mail .mailer-label-container > div.active {
  border-bottom: none;
}

.questionnaire .text-inverted {
  position: relative;
  border-radius: 4px;
  padding: 15px 10px;
  background-color: transparent;
  border: 3px solid;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.01em;
  width: fit-content;
}

.questionnaire .text-inverted::before{
  content: "";
  position: absolute;
  top: -16px;
  left: 15px;
  margin-left: 2px;
  border: 8px solid transparent;
  border-bottom: 8px solid #FFF;
  z-index: 2;
}

.questionnaire .text-inverted::after{
  content: "";
  position: absolute;
  top: -22px;
  left: 15px;
  margin-left: 0px;
  border: 10px solid transparent;
  border-bottom: 10px solid #404974;
  z-index: 1;
}

.questionnaire .show_all_content {
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}

.questionnaire .registered_contents {
  opacity: 0.4;
  transition: .2s all ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.questionnaire .registered_contents.active {
  height: auto;
  opacity: 1;
  overflow: auto;
  display: inherit;
  -webkit-box-orient: inherit;
  -webkit-line-clamp: inherit;
}

.questionnaire .action_mail_label {
  font-weight: bold;
  font-size: 11px;
  width: 32px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #404974;
}

.questionnaire .icon-accordion::before {
  position: relative;
  top: 0;
  left: -10px;
  font-size: 11px;
}

.questionnaire .table-tall td {
  padding: 15px;
}

.questionnaire textarea:not(#thanksmail_content) {
  min-height: 15em;
}

.questionnaire .dropdown:disabled {
  background-color: #f0f0f0;
  color: #bbb;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: none;
  transition: none;
  text-decoration: none;
  cursor: auto;
}

.questionnaire .dropdown:disabled + .message_disabled {
  display: block;
}

.questionnaire .form_original_ef .flex {
  flex-wrap: wrap;
  justify-content: space-between;
}

.questionnaire .form_original_ef .flex + .table {
  width: 50%;
}

.questionnaire #add_item_modal,
.questionnaire #function_modal {
  height: auto;
  max-height: 80vh;
  overflow-y: scroll;
  width: 960px;
}

.questionnaire input[type=radio] {
  display: none;
}

.questionnaire .form-commentary .radio label {
  padding-left: 15px;
}

.questionnaire .radio_label {
  border: 1px solid #ccc;
  display: block;
  width: 8em;
  margin: 0.5em 0.2em;
  height: 3em;
  background-color: white;
  border-radius: 5px;
  line-height: 3em;
}

.questionnaire .color_label {
  border: 1px solid #ccc;
  display: block;
  width: 3em;
  margin: 0 0.2em 0.5em 0.2em;
  height: 2em;
  background-color: white;
  border-radius: 5px;
  line-height: 2em;
  cursor: pointer;
}

.questionnaire .color_label:hover {
  opacity:  0.8;
}

.questionnaire .select_action_answer.flex {
  flex-wrap: wrap;
}

.questionnaire .action_label {
  display: block;
  background-color: #efefef;
  margin: 0.3em;
  padding: 0.1em;
  border-radius: 4px;
  width: 10em;
  text-align: center;
}

.questionnaire_result .main-right {
  max-width: 1120px;
}

.graph {
  width: 50%;
  min-height: 30em;
  margin-bottom: 2em;
}

.graph_wide th.name,
.graph_wide td.name {
  min-width: 150px;
}

.scroll-container.graph_wide {
  min-height: 100px;
  max-height: 800px;
}

.graph_wide td {
  vertical-align: middle;
}

.graph_wide th.check,
.graph_wide td.check {
  min-width: 2.7em;
}

.graph_wide th.answer,
.graph_wide td.answer {
  width: 9999px;
}

.graph_wide th.last_edited_by_candidate_at,
.graph_wide td.last_edited_by_candidate_at {
  min-width: 200px;
}

.graph_wide .checkbox label {
  padding-left: 0;
}

.notice {
  color: #e11b74;
  font-size: 16px;
}

.recommended + label {
  position: relative;
}

.recommended + label::after {
  content: "推奨";
  display: inline-block;
  width: 31px;
  height: 16px;
  background-color: crimson;
  color: white;
  margin-left: 10px;
  font-size: 11px;
  text-align: center;
  line-height: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  position: absolute;
  bottom: 18px;
  left: -20px;
  border-radius: 2px;
}

.graph_wide .sort {
  position: relative;
}

.graph_wide .sort::before {
  position: absolute;
  top: 3px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: transparent transparent #404974 transparent;
  content: '';
}

.graph_wide .sort::after {
  position: absolute;
  bottom: 3px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: #404974 transparent transparent transparent;
  content: '';
}

.graph_wide .sort.asc::before {
  position: absolute;
  top: 3px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: transparent transparent #ccc transparent;
  content: '';
 }

.graph_wide .sort.asc::after {
  position: absolute;
  bottom: 3px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: #404974 transparent transparent transparent;
  content: '';
 }

 .graph_wide .sort.desc::before {
  position: absolute;
  top: 19px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
  content: '';
}

.graph_wide .sort.desc::after {
  position: absolute;
  bottom: 19px;
  right: 10px;
  border-width: 5px 3px;
  border-style: solid;
  border-color: transparent transparent #404974 transparent;
  content: '';
}

.questionnaire #dtp_start,
.questionnaire #dtp_end,
.questionnaire_result #dtp_start,
.questionnaire_result #dtp_end {
  width: 100px;
}

.questionnaire .box-searchform {
  margin-bottom: 15px;
}
.questionnaire #bundle_result button {
  margin-bottom: 10px;
}

.questionnaire .questionnaire_list {
  margin-bottom: 12px;
}
.questionnaire .questionnaire_list th.checkbox {
  padding: 15px;
}

.questionnaire .questionnaire_list .checkbox {
  width: 50px;
}
.questionnaire .questionnaire_list .e_date {
  width: 180px;
}

.questionnaire_result .table .unexecuted_action {
  padding: 3px 5px;
  border-radius: 3px;
  background-color: #404974;
  color: #fff;
  font-size: 10px;
}
.questionnaire #add_original_ef .file_types .checkbox {
  width: auto;
  min-height: auto;
}

.questionnaire .form-commentary .checkbox label {
  margin-left: 0 !important;
  display: inline-block;
}

.preview-content {
  border-width: 0px 1px;
  border-style: solid;
  border-color: #cdcdcd;
  font-size: 14px;
  padding: 3px 10px;
  cursor: pointer;
}

.mailer-body-left .preview-content {
  background-color: #fff;
  height: 360px;
  overflow-y: auto;
  cursor: default;
}

.mailer-body-left .preview-content .line-emoticon {
  width: 20px;
  position: relative;
  top: 5px;
}

.preview-content::-webkit-scrollbar {
  width: 5px;
}
.preview-content::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.mailer-header-container + div .preview-content {
  min-height:345px;
}

.form-simple > div{
  margin-bottom: 20px;
}

.modal-form {
  width: 400px
}

.modal-form > div {
  margin-bottom: 20px;
}

/*適性検査*/

#aptitude .label {
  width: 65px;
}

#aptitude .table td{
  vertical-align: top;
}

.aptitude-answered {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  font-size: 12px;
  margin-left: 15px;
}

.aptitude-remain_list-page {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  font-size: 12px;
  margin-left: 0;
}

.aptitude-remain,
.performance-remain {
  margin-left: auto;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  font-size: 12px;
}

.aptitude-answered > span,
.aptitude-remain > span,
.performance-remain > span,
.aptitude-remain_list-page > span{
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}

#aptitude .aptitude-download {
  margin-left: auto;
}

#aptitude .aptitude-download .btn {
  line-height: 1.3em;
  font-size: 13px;
}

#aptitude .aptitude-download .btn .icon {
  position: absolute;
  top: 10px;
  left: 37px;
}

#aptitude .aptitude-download .btn-download {
  padding-left: 29px;
}

.task .preview-content {
  height: auto;
  font-size: 12px;
  padding-bottom: 0;
}

.drawer_right{
  position:absolute;
  top:0;
  right:-350px;
  width:350px;
  background-color:#ededed;
  height:100%;
  transition: all .4s ease;
  border-left:1px solid #ededed;
  -webkit-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

.participant_information .drawer_right{
  position: fixed;
  top: 200px;
  width: 1000px;
  right: -1000px;
  height: 75%;
  padding: 10px;
}

.participant_information .participant_eval{
  width: 950px;
  height: 75%;
  overflow-y: scroll;
  padding: 10px;
}

.drawer_right>.drawer_pull_button{
  display: -webkit-flex;
  display: flex;
  position:absolute;
  top:0;
  right:100%;
  color: #fff;
  padding:0 5px;
  -webkit-justify-content:center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height:100%;
  -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
}

.drawer_right>.drawer_pull_button .icon{
  padding:0;
}
.drawer_right>.drawer_pull_button>.icon:before{
  content: "\e96a";
}

.drawer_right>.drawer_pull_button.active>.icon:before{
  content: "\e96b";
}

.drawer_right.active{
  right:0;
  background-color: #fff;
}

.drawer_right>.drawer_pull_button.active {
  -webkit-box-shadow: -1px 1px 0 0 rgba(0,0,0,0.2), 0 0 4px 0 #92dddb;
  box-shadow: -1px 1px 0 0 rgba(0,0,0,0.2), 0 0 4px 0 #92dddb;
}

.drawer_right .modal-body {
  padding: 0 0 20px;
}

.ap_statistic_checkbox_box{
  padding: 0 10px;
  -webkit-flex: 1;
  flex:1;
}

.ap_statistic_checkbox_box + .ap_statistic_checkbox_box {
  border-left: 1px dotted #cdcdcd;
}


.ap_statistic_checkbox_box>div:first-child{
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-weight: bold;
}
.ap_statistic_checkbox_box>div:last-child{
  padding:0 10px;
  overflow-y: auto;
  height:calc(100% - 30px);
}
.task-edit_footer{
  overflow:hidden;
  border-top:solid 1px #cdcdcd;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
}
.task-edit_footer .cc_btn_new{
  margin: 20px 10px;
  cursor:pointer;
}
.ap_matrix{
  background-color:#fff;
  padding:40px 0 100px;
  position:relative;
  border: 1px solid #cdcdcd;
}
.ap_matrix_diagram{
  width:490px;
  height:490px;
  position:relative;
  text-align: center;
  margin:0 auto;
}
.ap_matrix_diagram:before{
  content:'';
  padding-top:10%;
  width:100%;
  display:block;
}
.ap_matrix_diagram img{
  width:94.6%;
  height:auto;
}
.ap_matrix_diagram .pointer_container{
  position: absolute;
  top: -4%;
  left: 50%;
  width: 43%;
  height: 54%;
}
.ap_matrix_diagram .pointer_container li{
  position:absolute;
  font-size:10px;
  font-weight: bold;
  color: #000;
  -moz-transform: translate(50%,50%);
  -webkit-transform: translate(50%,50%);
  transform: translate(-50%, 50%);
}
.ap_matrix_description_container>div{
  position:absolute;
}

.ap_matrix_description_container>div{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:flex-start;
  align-items:flex-start;
}
.ap_matrix_description_container>div .heading{
  padding:10px;
  width:80px;
  margin-bottom:10px;
  -webkit-flex-shrink:0;
  flex-shrink:0;
}
.ap_matrix_description_container>div .heading p{
  margin:0;
  font-weight:bold;
  line-height: 1.2;
  text-align:center;
}
.ap_matrix_description_container>div .description{
  display:-webkit-flex;
  display:flex;
  line-height: 1.3;
}
.ap_matrix_description_container>div dl{
  margin:0 0 5px 5px;;
  width:210px;
}
.ap_matrix_description_container>div dl dt,
.ap_matrix_description_container>div dl dd{
  font-size:10px;
}
.ap_matrix_description_container>div#md1{
  top:110px;
  left:5px;
}
.ap_matrix_description_container>div#md1 .heading{
  background-color:#FFFF66;
  color:#FFc31e;
  margin-left:20px;

}
.ap_matrix_description_container>div#md1 .description{
  -webkit-flex-direction:column;
  flex-direction:column;
}
.ap_matrix_description_container>div#md2{
  bottom:5px;
  left:5px;
}
.ap_matrix_description_container>div#md2 .heading{
  background-color:#F0F8FF;
  color:#87CEFA;
  margin-left:20px;
}
.ap_matrix_description_container>div#md2 .description{
  width:450px;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}
.ap_matrix_description_container>div#md2 .description dl:first-child{
  width:240px;
  margin-right:80px;
}
.ap_matrix_description_container>div#md2 .description dl:nth-child(2){
  width:200px;
}
.ap_matrix_description_container>div#md2 .description dl:nth-child(3){
  width:200px;
}
.ap_matrix_description_container>div#md3{
  bottom:5px;
  right:15px;
}
.ap_matrix_description_container>div#md3 .heading{
  margin-left:233px;
  background-color:#FFC0CB;
  color:#F08080;
}
.ap_matrix_description_container>div#md3 .description{
  width:435px;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}
.ap_matrix_description_container>div#md3 .description dl:first-child{
  margin-left:215px;
  width:200px;
}
.ap_matrix_description_container>div#md3 .description dl:nth-child(2){
  width:200px;
  margin-top:13px;
}
.ap_matrix_description_container>div#md3 .description dl:nth-child(3){
  width:200px;
}
.ap_matrix_description_container>div#md4{
  top:70px;
  right:25px;
}
.ap_matrix_description_container>div#md4 .heading{
  background-color: #E6E6FA;
  color:  #9370DB;
  margin-left:20px;

}
.ap_matrix_description_container>div#md4 .description{
  -webkit-flex-direction:column;
  flex-direction:column;
}
.ap_matrix_description_container>div#md5{
  -webkit-flex-direction:row;
  flex-direction:row;
  top:5px;
  left:50%;
  -moz-transform:translateX(-60%);
  -webkit-transform:translateX(-60%);
  transform:translateX(-60%);
}
.ap_matrix_description_container>div#md5 .heading{
  background-color:#90EE90;
  color:#228B22;
}
.ap_matrix_description_container>div#md5 dl:first-child{
  width:160px;
}
.ap_matrix_description_container>div#md5 dl:nth-child(2){
  width:200px;
}

.department_tree-header {
  display: -webkit-flex;
  display: flex;
  background-color: #e5f6ff;
  margin-bottom: 10px;
  -webkit-align-items: center;
  align-items: center;
  height: 42px;
  padding: 5px 10px;
  border: 1px solid #cdcdcd;
  font-weight: bold;
}

.department_tree-header > div:not(.td-action) {
  -webkit-flex: 1;
  flex: 1;

}

.department_tree>div{
  margin-bottom:10px;
}
.department_block{
  min-height: 42px;
  background-color:#fff;
  border:1px solid #eee;
  width:auto;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  padding:5px 10px;
}
.department_sub_block{
  padding-left:84px;
}
.department_block>span{
  font-size:14px;
}
.department_block>span.icon{
  -webkit-flex-shrink:0;
  flex-shrink:0;
}
.department_block > .flex-pull-right{
  padding-left:20px;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
}

.department_block .department-name {
  width: 320px;
}

.department_block .department-name + button {
  margin-left: 20px;
}

.department_sub_block .department-name {
  padding-left: 32px;
}

.department_block input {
  width: 100%;
}

.department_block label{
  -webkit-flex-shrink:0;
  flex-shrink:0;
  margin-right: 10px;
}


/*分析*/
.analysis_right_column {
  overflow-x: scroll;
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex-grow:1;
  -moz-flex-grow:1;
  flex-grow:1;
}

.box-searchtype-body {
  border: 1px solid #cdcdcd;
  padding: 10px;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
  -webkit-align-items: center;
  align-items: center;
}

.box-searchtype-body > a + a {
  margin-left: 10px;
}

.box-searchform {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 20px;
}

.box-condition {
  width: 100%;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 20px;
}
.box-condition span.title {
  margin-right: 5px;
  padding: .2em .6em .3em;
  font-size: 80%;
  line-height: 1.5em;
  color: #fff;
  background: #aaa;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.box-condition span.value {
  margin-right: 10px;
  vertical-align: baseline;
  line-height: 1.5em;
}


.box-searchform label {
  margin-right: 10px;
}
.box-searchform input[name=output_type],
.box-searchform input[name=group_type] {
  margin-right: 5px;
}

.box-searchform-item form{
  display: -webkit-flex;
  display: flex;
  margin-right: 20px;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.box-searchform-item .btn:nth-child(n + 2),
.box-searchform-item.pull-left:nth-child(n + 2) {
  margin-left: 10px;
}

.box-searchform-item .input-horizontal {
  height: 30px;
}

#after_tomorrow_events_table {
  height: 300px;
}

#after_tomorrow_events_table .table {
  border-collapse: unset;
}

#after_tomorrow_events_table .table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

#after_tomorrow_events_table .table thead tr th:not(:last-of-type) {
  border-right: none;
}

#after_tomorrow_events_table .table tbody tr:first-of-type td {
  border-top: none;
}

#after_tomorrow_events_table .table tbody tr td {
  border-bottom: none;
}

#after_tomorrow_events_table .table tbody tr td:not(:last-of-type) {
  border-right: none;
}

.box-searchform-pagination {
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  line-height: 1.1;
  -webkit-align-items: center;
  align-items: center;
}

.box-searchform-pagination > span {
  margin-right: 10px;
}

.box-searchtarget-body {
  border: 1px solid #cdcdcd;
  padding: 15px 10px;
  background-color: #fff;
  margin-bottom: 20px;
}

.box-searchtarget-body .status,
.box-searchtarget-body .evaluation {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.box-searchtarget-body > div {
  margin-bottom: 20px;
}

.box-searchtarget-body > div:last-child {
  margin-bottom : 0;
}

.box-searchtarget-body .checkbox {
  margin-right: 20px;
}

.box-searchtarget-body .evaluation .condition {
  border: 1px solid #cdcdcd;
  background-color: none;
  margin: 0;
  margin-right: 10px;
  padding: 5px 15px;
  font-size: 12px;
  text-align: center;
}

.box-searchtarget-body .evaluation .condition.disabled,
.box-searchtarget-body .evaluation .condition_inner.disabled  {
  color: #bbb;
  border-style: dotted;
}

.box-searchtarget-body .evaluation .condition select {
  min-width: 120px;
}

.box-searchtarget-body .evaluation .condition select:disabled {
  color: #bbb;
}

.box-searchtarget-body .evaluation .condition.item_value {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.box-searchtarget-body .evaluation .condition .condition_inner:first-child {
  margin-right: 15px;
}

.box-searchtarget-body .evaluation .condition select {
  margin-top: 3px;
  margin-bottom: 8px;
}
.box-searchtarget-body .evaluation .condition.step {
  display: block;
}
.box-searchtarget-body .evaluation .condition.configured {
  color: #fff;
  background-color: #218ec4;
  border: solid 1px #cdcdcd;
}

.box-searchtarget-body #datetimepicker_date_start,
.box-searchtarget-body #datetimepicker_date_end {
  width: 140px;
}

.table-evaluation {
  margin-bottom: 20px;
}
.table-evaluation th {
  width: 7%;
  text-align: center;
}
.table-evaluation th:first-child {
  width: 10%;
}
.table-evaluation td {
  text-align: center;
}
.table-evaluation td.item_name {
  width: 20%;
  text-align: left;
  vertical-align: middle;
}

.table-evaluation th.eval_value_head,
.table-evaluation td.candidate_count {
  cursor: pointer;
}
.table-evaluation th.eval_value_head:hover,
.table-evaluation td.candidate_count:hover {
  background-color: #fffcca;
}

.tab-pane {
  position: relative;
  display: none;
}

.tab-pane.active {
  display: block;
}

.tab-pane.events {
  display: block;
  padding: 10px;
  border: solid 1px #cdcdcd;
  background-color: #fff;
  overflow-x: scroll;
}
.chart-md {
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
}

.flex .chart-md + .chart-md {
  margin-left: 20px;
}

.tab-content {
  margin-bottom: 20px;
}

.analysis_right_column .tabs li a {
  text-decoration: none;
  color: #fff;
}

.analysis_right_column .highcharts-point {
  cursor: pointer;
}

.analysis_right_column .nolink .highcharts-point {
  cursor: default;
}

.analysis_right_column .main_chart {
  position: relative;
}

.analysis_right_column .link_btn {
  position: absolute;
  top: 6px;
  right: 10px;
  height: 25px;
  line-height: 24px;
}

.analysis_right_column .main_chart .link_btn {
  top: -8px;
}

.analysis_right_column .attr_pagination,
.analysis_right_column .event_attr_pagination,
.analysis_right_column .compare_attr_pagination,
.analysis_right_column .compare_axis_pagination {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  top: 10px;
  right: 10px;
  line-height: 1.1;
  -webkit-align-items: center;
  align-items: center;
}

.chart-item {
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  padding: 5px 10px;
  margin-bottom: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.flex .chart-item + .chart-item {
  margin-left: 20px;
}

.tab-content .chart-item {
  margin-bottom: 0;
}

.chart-item-large {
  -webkit-flex: 2;
  flex: 2;
}

.right_bottom_notification {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 50;
}

.now_importing {
  position: relative;
  padding: 15px;
  background-color: #eee;

  font-size: 12px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
}

.btn_close_import {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 14px;
  cursor: pointer;
}

.now_importing > div {
  line-height: 17px;
}

.now_importing > div .icon {
  margin-right: 10px;
  font-size: 14px;
}

.progress_table {
  width: 100%;
  padding: 15px;
  border: solid 1px #cdcdcd;
  background-color: #fff;
  overflow-x: scroll;
}

.progress_table .table {
  width: fit-content;
  table-layout: fixed;
  border: 1px solid #cdcdcd;
}
.progress_table .table th:nth-child(odd),
.progress_table .table td:nth-child(odd){
  border-right: none;
  width: 100px;
  overflow: hidden;
}
.progress_table .table th:nth-child(even),
.progress_table .table td:nth-child(even){
  border-left: none;
  text-align: right;
  width: 60px;
}
.progress_table .table th,
.progress_table .table td {
  font-size: 13px;
}
.progress_table .table td.number {
  text-align: right;
}
.progress_table .table td{
  border-bottom: none;
}
.progress_table .table tr.add_item td {
  border-top: none;
  padding-top: 0;
}
.progress_table .table tr.reject td.number {
  color: #ff0000;
}
.progress_table .table td[colspan="2"] {
  width: 160px;
  border: 1px solid #cdcdcd;
}
.progress_table .table tr.total td{
  border-top: 3px double #cdcdcd;
}
.progress_table .table-hover tbody tr{
  cursor: default;
}

.total_panel {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 400px;
  padding: 15px;
  border: solid 1px #cdcdcd;
  background: #fff;
}

#progress_total_chart,
.total_panel table {
  width: 50%;
}

.total_panel table .number {
  text-align: right;
}

.total_panel table th {
  text-align: center;
}
.total_panel table tr.total td {
  border-top: 3px double #cdcdcd;
}

.analysis .table_area {
  width: 100%;
  padding: 15px;
  border: solid 1px #cdcdcd;
  background-color: #fff;
  overflow-x: scroll;
}

.analysis h4 {
  margin-top: 20px;
  padding-left: 5px;
}
.analysis h4:first-child {
  margin-top: 0;
}
.analysis .table_area h4 .icon {
  cursor: pointer;
}
.analysis .table_area h4 .sort-handle {
  cursor: move;
}
.analysis .type_1 .table {
  width: fit-content;
  table-layout: fixed;
}
.analysis .type_1 .table colgroup col:nth-child(even){
  width: 115px;
}
.analysis .type_1 .table colgroup col:nth-child(odd){
  width: 60px;
}
.analysis .type_1 .table colgroup col:nth-child(1){
  width: 30px;
}
.analysis .type_1 .table th,
.analysis .type_1 .table td {
  font-size: 13px;
}
.analysis .type_1 .table th:nth-child(even),
.analysis .type_1 .table td:nth-child(even){
  border-right: none;
  overflow: hidden;
}
.analysis .type_1 .table .step td:nth-child(even){
  padding-right: 0;
}
.analysis .type_1 .table th:nth-child(odd),
.analysis .type_1 .table td:nth-child(odd){
  border-left: none;
  text-align: right;
}
.analysis .type_1 .table td[colspan="2"] {
  width: 175px;
  border: 1px solid #cdcdcd;
}
.analysis .type_1 .table tr.total td{
  border-top: 3px double #cdcdcd;
}
.analysis .type_1 .table-hover tbody tr{
  cursor: default;
}
.analysis .type_1 .table th.ignore,
.analysis .type_1 .table td.ignore {
  color: #e4e4e4;
  background-color: #aaa;
}
.analysis .type_1 .table tr:nth-child(1) td {
  border: none;
  text-align: center;
  padding: 2px;
}
.analysis .type_1 .table th:nth-child(1),
.analysis .type_1 .table td:nth-child(1),
.analysis .type_1 .table tr.total td:nth-child(1) {
  border: none;
  width: 30px;
  vertical-align: middle;
  background-color: #fff;
}
.analysis .type_1 .icon-add_01,
.analysis .type_1 .icon-remove_01 {
  color: #cdcdcd;
}
.analysis .type_1 tr:nth-child(1) td:hover,
.analysis .type_1 .table td:nth-child(1):hover {
  cursor: pointer;
}
.analysis .type_1 tr:nth-child(1) td:hover .icon-add_01,
.analysis .type_1 .table td:nth-child(1):hover .icon-add_01 {
  color: #404974;
}
.analysis .type_1 tr:nth-child(1) td:hover .icon-remove_01,
.analysis .type_1 .table td:nth-child(1):hover .icon-remove_01 {
  color: #e76571;
}

.analysis .type_2 .table th,
.analysis .type_2 .table td{
  border-left: none;
  border-right: none;
}
.analysis .type_2 .table th:not(.number),
.analysis .type_2 .table td:not(.number){
  border-left: 1px solid #cdcdcd;
}
.analysis .type_2 .table th:last-child,
.analysis .type_2 .table td:last-child{
  border-right: 1px solid #cdcdcd;
}
.analysis table th.number,
.analysis table td.number {
  border-left: none;
  text-align: right;
}

.flow.progress_chart {
  width: 100%;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  overflow-x: scroll;
}
.progress_chart .html-element {
  position: absolute;
  background: #fff;
  pointer-events: none;
  -webkit-user-select: none;
  border: 1px solid #ccc;
  padding: 5px;
  box-sizing: border-box;
  z-index: 2;
}
.progress_chart .html-element span {
  position: relative;
  color: black;
}
.progress_chart .joint-element {
  cursor: default;
}

.sidebar_analysis .toggle_condition {
  cursor: pointer;
}
.sidebar_analysis #form_condition {
  display: none;
}

.analysis_side_box {
  margin-bottom: 20px;
  overflow: hidden;
}

.analysis_side_box.interviewer {
  overflow: visible;
}

#form_condition .analysis_side_box,
#eval_condition .analysis_side_box {
  padding: 10px;
  border: solid 1px #cdcdcd;
  background-color: #fff;
}

.analysis_side_box ul li {
  font-size: 13px;
  cursor: pointer;
  background-color: #fff;
}

.analysis_side_box ul.axis li:hover,
.analysis_side_box ul.axis li.active,
.analysis_side_box ul.shortcut li:hover,
.analysis_side_box ul.shortcut li.active,
.analysis_side_box ul.group li:hover,
.analysis_side_box ul.group li.active {
  background-color: #218ec4;
  color: #fff;
}

.analysis_side_box ul.axis,
.analysis_side_box ul.shortcut,
.analysis_side_box ul.group,
.analysis_side_box ul.interviewer {
  padding: 0;
  border: solid 1px #cdcdcd;
  overflow: hidden;
  background-color: #fff;
}
.analysis_side_box ul.shortcut li,
.analysis_side_box ul.group li,
.analysis_side_box ul.interviewer li {
  padding: 5px;
  padding-left: 10px;
  border-bottom: solid 1px #cdcdcd;
  font-size: 14px;
}
.analysis_side_box ul.shortcut li:last-child,
.analysis_side_box ul.group li:last-child,
.analysis_side_box ul.interviewer li:last-child {
  border: none;
}
.analysis_side_box ul.group {
  border-top: none;
}
.analysis_side_box ul.axis li {
  width: 50%;
  height: 29px;
  line-height: 23px;
  padding: 3px 0;
  border-bottom: solid 1px #cdcdcd;
  border-right: solid 1px #cdcdcd;
  text-align: center;
  float: left;
}
.analysis_side_box ul.axis li:last-child,
.analysis_side_box ul.axis li:nth-child(odd):nth-last-child(2) {
  border-bottom: none;
}
.analysis_side_box ul.axis li:nth-child(even){
  border-right: none;
}

.analysis_side_box ul.axis li.first_entry_root {
  font-size: 11px;
}

.analysis_side_box .dropdown ul li {
  padding: 2px 10px;
  font-weight: normal;
}
.analysis_side_box .dropdown ul li:hover {
  background-color: #218ec4;
  color: #fff;
}

.analysis_side_box .checkbox {
  margin-bottom: 8px;
}

.analysis_side_box .evaluation .condition {
  border: 1px solid #cdcdcd;
  background-color: none;
  margin: 0;
  margin-bottom: 10px;
  padding: 2px 5px;
  font-size: 12px;
  text-align: center;
}

.analysis_side_box .evaluation .condition.disabled,
.analysis_side_box .evaluation .condition_inner.disabled  {
  color: #bbb;
  border-style: dotted;
}

.analysis_side_box .evaluation .condition select {
  min-width: 120px;
}

.analysis_side_box.evaluation .condition select:disabled {
  color: #bbb;
}

.analysis_side_box .evaluation .condition select {
  margin-top: 3px;
  margin-bottom: 8px;
}
.analysis_side_box .evaluation .condition.step {
  display: block;
}
.analysis_side_box .evaluation .condition.configured {
  color: #fff;
  background-color: #218ec4;
  border: solid 1px #cdcdcd;
}

.tabs.attr + .flex {
  padding: 15px;
  padding-bottom: 0;
  margin-bottom: 20px;
  border: solid 1px #cdcdcd;
  background: #fff;
}

.tabs.attr + .flex .chart-item {
  border: none;
}

.analysis_side_box input[name=date_start],
.analysis_side_box input[name=date_end] {
  font-size: 13px;
}

.analysis_side_box .tooltip {
  height: 40px;
}

.sidebar-ul-category {
  padding: 0;
  width: 100%;
  overflow: hidden;
  border: solid 1px #cdcdcd;
}

.sidebar-ul-category li {
  position: relative;
  font-size: 14px;
  background-color: #fff;
  border-top: solid 1px #cdcdcd;
}
.sidebar-ul-category li:first-child {
  border-top: none;
}
.sidebar-ul-category li p {
  height: 34px;
  padding: 9px 5px;
}
.sidebar-ul-category li > ul {
  min-height: 25px;
  border-top: solid 1px #cdcdcd;
}
.sidebar-ul-category li > ul li {
  padding: 0 10px;
  border: none;
  border-bottom: dashed 1px #cdcdcd;
}
.sidebar-ul-category li > ul li p {
  padding-left: 10px;
}
.sidebar-ul-category li > ul li:last-child {
  border-bottom: none;
}

.sidebar-ul-category li p:hover,
.sidebar-ul-category li p.active,
.sidebar-ul-category li > ul li:hover,
.sidebar-ul-category li > ul li.active {
  background-color: #218ec4;
  color: #fff;
}

.eval_analysis_message {
  width: 80%;
  margin: 20px auto;
  padding: 30px;
  text-align: center;
  border: solid 1px #cdcdcd;
  background-color: #ffff;
  font-weight: bold;
}

.table.event_count th {
  text-align: center;
}
.table.event_count th:first-child {
  text-align: left;
}
.table.event_count td:last-child {
  width: 120px;
}
.table.event_count td .icon {
  margin-right: 5px;
}
.table.event_count td.number {
  min-width: 105px;
  text-align: right;
}
.table.event_count td.date {
  min-width: 180px;
  text-align: right;
}
.table.event_count td:last-child .btn {
  display: inline-block;
}
.table.event_count td:last-child {
  text-align: center;
}
.table.event_count .toggle_list td:first-child {
  min-width: 426px;
}
.table.event_count:not(.cellhover) tr.toggle_list:hover td,
.table.event_count:not(.cellhover) .inner_list.introduction .toggle_list:hover td,
.table.event_count tr.toggle_list td.clickable:hover,
.table.event_count .inner_list.event table td.clickable:hover {
  background-color: #fffcca;
  cursor: pointer;
}
.table.event_count .inner_list {
  display: none;
}
.table.event_count .inner_list > td {
  padding: 0 !important;
}
.table.event_count .inner_list table th{
  border-top: none;
}
.table.event_count .inner_list table th:first-child,
.table.event_count .inner_list table td:first-child,
.table.event_count .inner_list.event table td:nth-child(3) {
  border-left: none;
}
.table.event_count .inner_list table td:first-child {
  border-right: none;
}

.table.event_count .inner_list table td:nth-child(2) {
  min-width: 200px;
  border-right: none;
}
.table.event_count .inner_list table tr:last-child td {
  border-bottom: none;
}
.table.event_count .inner_list.event table th,
.table.event_count .inner_list.introduction .inner_list.event table th {
  background-color: #d7fed7;
}
.table.event_count .inner_list.introduction table th {
  background-color: #fff0d0;
}
.table.event_count .inner_list.event table td,
.table.event_count .inner_list.introduction .inner_list.event table td {
  background-color: #f5fff5;
}
.table.event_count .inner_list.introduction table td {
  background-color: #fbf5e9;
}
.table.event_count .inner_list.event table td:first-child,
.table.event_count .inner_list.introduction table td:first-child {
  width: 45px;
}
.table.event_count .inner_list.introduction .inner_list.event table td:first-child {
  padding-left: 50px;
}

.table-scroll {
  width: 100%;
  overflow-x: auto;
}

.table-scroll .table th,
.table-scroll .table td {
  white-space: nowrap;
}

.table tr.total td{
  border-top: 3px double #cdcdcd;
}

.sidebar_analysis_group .sidebar-nav-items a .icon {
  position: absolute;
  font-size: 14px;
}
.sidebar_analysis_group .sidebar-nav-items a .icon:hover {
  cursor: pointer;
  opacity: 0.7;
}
.sidebar_analysis_group .sidebar-nav-items a .icon.edit {
  right: 33px;
}
.sidebar_analysis_group .sidebar-nav-items a .icon.del {
  right: 8px;
  color: #e76571;
}
#add_category_form,
#edit_category_form {
  width: 600px;
  height: 150px;
}
#add_category_form .btn,
#edit_category_form .btn {
  margin-left: 20px;
}
#add_group_form,
#edit_group_form {
  width: 600px;
  height: 230px;
}
#add_group_form .modal-body,
#edit_group_form .modal-body {
  padding-top: 10px;
}
#add_group_form .btn,
#edit_group_form .btn {
  margin: 15px auto 0;
}
.analysis_group #search_detail,
.analysis_group #search_detail_advanced {
   height: 100%;
}
.analysis_group .bulk-register-participants > div {
  height: 520px;
}
.analysis_group .bulk-register-participants > div .select_all,
.analysis_group .bulk-register-participants > div .unselect_all {
  width: 150px;
  margin: 15px auto 0;
}
.analysis_group .group-search-condition {
  padding: 20px;
  background-color: #fff;
  border: solid 1px #cdcdcd;
  height: calc(100vh - 300px);
}

.analysis_group .group-search-condition input[name="salary_lower_limit"],
.analysis_group .group-search-condition input[name="salary_upper_limit"],
.analysis_group #search_detail input[name="salary_lower_limit"],
.analysis_group #search_detail input[name="salary_upper_limit"] {
  width: 140px;
}
.interviewer_count_outer {
  border: solid 1px #ddd;
  padding: 10px;
  background-color: #fff;
  margin-top: 15px;
}
.interviewer_count_outer div span {
  margin-right: 15px;
}
.analysis .event_count,
.analysis .interviewer_count {
  display: flex;
}
.analysis .event_count .table,
.analysis .interviewer_count .table {
  width: 40%;
}
.analysis .event_count > div,
.analysis .interviewer_count > div {
  width: 60%;
  margin-left: 20px;
  border: solid 1px #ddd;
}
.analysis .event_count .table th,
.analysis .interviewer_count .table th {
  text-align: center;
}
.analysis .interviewer_count .table th:first-child {
  width: 200px;
}
.interviewer_count table td.number {
  cursor: pointer;
}
.interviewer_count table td.number:hover {
  background-color: #fffcca;
}

.analysis .interviewer_count .chart-item {
  position: relative;
  margin-bottom: 0;
}

.analysis #progress.new .progress_container {
  margin-bottom: 15px;
}

.analysis #progress.new .panel_container {
  padding-top: 20px;
}
.analysis #progress.new .step_card {
  height: 110px;
}
.analysis #progress.new .card_container .vertical_line_box {
  height: 130px;
  top: -84px;
}
.analysis #progress.new .step_card .step_count {
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
}

.analysis #progress.new .step_card .step_count div.last_year {
  text-align: center;
}
.analysis #progress.new .step_card .step_count div.last_year u {
  display: block;
  margin: 3px 0;
}

.analysis #progress.new .step_card .step_count > div:first-child {
  display: block;
  width: 60px;
}

.analysis #progress.new .step_card .target {
  width: 130px;
  margin-top: 0;
  margin-left: 5px;
}

.analysis #progress.new .step_card .target .pattern {
  margin-bottom: 2px;
}
.analysis #progress.new .step_card .target input[type=text] {
  width: 38px;
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #404974;
  padding: 2px;
  border: none;
  box-shadow: none;
  border-bottom: solid 1px #404974;
  border-radius: 0;
  text-align: center;
}

.analysis #progress.new .blank_card {
  width: 220px;
  height: 110px;
  cursor: default;
}
.analysis #progress.new .blank_card:after {
  height: 88px;
}
.analysis #progress.new .blank_card:hover,
.analysis #progress.new .blank_card:hover:before,
.analysis #progress.new .blank_card:hover:after {
  background-color: #eee;
}

.export_chart {
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}

.tab-pane .export_chart,
.total_panel .export_chart,
.introduction_selection .export_chart,
.analysis .interviewer_count .chart-item .export_chart,
.personal-step-eva-chart .export_chart {
  position: absolute;
  z-index: 5;
  top: 5px;
  left: 5px;
}

.tab-pane .pattern_name {
  position: absolute;
  z-index: 5;
  top: 10px;
  left: 10px;
}

.tab-pane .pattern_name .export_chart {
  position: relative;
  top: 0;
  left: 0;
}

.analysis #progress_group_table .tabs {
  flex-wrap: wrap;
}

.analysis #progress_group_table .tabs li {
  margin-left: 0px;
  margin-right: 2px;
}

/***フリーノート***/
.freenote .none{
    display: none;
}
.freenote .note-wrap{
    margin: 0 10px;
}
.freenote .note-wrap p{
word-break: break-all;
}
.freenote .btn.edit{
    margin: auto;
}
.freenote .btn.update{
    margin-left: auto;
}
.freenote .btn.break{
    margin-right: auto;
    margin-left: 20px;
}

/***各種設定***/
/***アカウント***/
#setting .th-changepass{
    width: 125px;
}
#setting .th-username,
#setting .th-service,
#setting .th-status{
    width: 100px;
}
#setting .th-roll,
#setting .th-authority{
  max-width: 150px;
}
#setting .th-delete{
    width: 50px;
}
#setting .td-action{
    text-align: center;
}
#setting .master-account .edit_form,
#setting .sub-account .edit_form {
  display: none;
}

/***エントリーフォーム***/
#setting.main-right,
#navi-base.main-right,
#progress_page.main-right{
    overflow: visible;
}
#setting a.btn{
    color: white;
    text-align: center;
    /*margin: 0 auto;*/
}
#setting .plan a.btn{
    color: #404974;
    text-align: center;
    margin: 0 auto;
}
#setting .timing {
    display: inline-block;
    font-size: 12px;
    margin-left: 15px;
}

#navi-base .event-balloon{
        position: relative;
}
#navi-base .event-balloon > span.balloon{
    width: 490px;
    opacity: 1;
    z-index: 1000;
    pointer-events: auto;
}
#setting .create .input-label{
    width: 140px;
}
#setting .create .input-horizontal .icon-shape_help.has-balloon{
    margin-top: -3px;
}
#setting .create .form-checkbox .checkbox label {
  font-size: 14px;
}
#setting .preview-btn-wrap{
    position: fixed;
    z-index: 1;
    right: 20px;
    bottom: 0;
    width: 240px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 #aaa;
    background: #fff;
    height: 80px;
}
#setting .preview-btn-wrap a{
    color: #2499d4;
    text-decoration: underline;
    margin: 10px 10px;
    text-decoration: none;
    color: #404974;
}
#setting .table td,
#setting .table th{
    vertical-align: middle;
    padding: 10px;
    word-break: break-all;
}
#setting .preview-btn-wrap > .wrap-head {
    padding: 5px 10px;
    background-color: #218ec4;
    color: #fff;
    border-radius: 5px  5px 0 0;
    font-size: 12px;
}
#setting .preview-btn-wrap a span {
    padding-right: 5px;
}
#setting .preview-btn-wrap > .flex {
    justify-content: center;
}
#setting .preview-btn-wrap > .flex > div {
    width: 150px;
    margin: 5px 0;
    padding: 0 10px 5px 10px;
}
#setting .create .dropdown{
    width: 100%;
}
#setting .preview-btn-wrap > .flex > div:not(:last-child) {
    border-right: 1px solid #cdcdcd;
}
#setting .preview-btn-wrap > .flex > div > .flex{
    justify-content: space-between;
}
#setting .preview-btn-wrap > .flex > div > span {
    font-size: 12px;
    font-weight: bold;
}
#setting .formdesigns{
    margin-bottom: 0;
    align-items: center;
    -webkit-align-items: center;
}
#setting .formdesigns > div{
    min-width: 140px;
}
#setting label input[type=radio] {
    margin-left: 5px;
}
#setting .formdesigns > div > span{
    width: 30px;
    height: 15px;
    display: inline-block;
    border: 1px solid #ccc;
    vertical-align: middle;
}
#setting .formdesigns > div > label{
    vertical-align: middle;
    cursor: pointer;
}
#setting .ef_type + span{
    margin-top: 8px;
    padding-left: 5px;
}
#setting .formdesigns > div:nth-of-type(1) > span{
    background-color: #cbe3fe;
}
#setting .formdesigns > div:nth-of-type(2) > span{
    background-color: #d8fecb;
}
#setting .formdesigns > div:nth-of-type(3) > span{
    background-color: #feedcb;
}
#setting .formdesigns > div:nth-of-type(4) > span{
    background-color: #4f90e9;
}
#setting .formdesigns > div:nth-of-type(5) > span{
    background-color: #18ca0f;
}
#setting .formdesigns > div:nth-of-type(6) > span{
    background-color: #f8991d;
}
#setting .ef_base {
    width: 550px;
}
#setting .free-add .radio-panel,
#setting .ef_base th + .radio-panel{
    vertical-align: middle;
    width: 300px;
}
#setting .evdoc_base{
  width: 550px;
}
#setting .evdoc_base .table{
  width: 550px;
}
#setting .evdoc_base th + .radio-panel{
  vertical-align: middle;
  width: 200px;
}
#setting .evdoc_base .btn{
  margin-left: auto;
  margin-right: auto;
}
#setting .free-add .status{
    width: 290px;
}
#setting .free-add .form-block-header{
    width: 50%;
}
#setting #add_original_ef .flex + .table,
#setting #add_item .flex + .table,
#setting #modify_original_ef .table_labels{
    width: 50%;
}
#setting .radio-panel + td{
    vertical-align: middle;
}
#setting .radio-panel > div{
    display: flex;
    justify-content: space-between;
}
#setting .radio-panel input{
    display: none;
}
#setting .radio-panel label{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 85px;
    height: 30px;
    border: 1px solid #cdcdcd;
    line-height: 28px;
    cursor: pointer;
}
#setting .free-add .flex{
    width: 50%;
}
#setting .free-add{
    position: relative;
    min-height: 400px;
}
#setting .free-add .form-commentary{
    position: absolute;
    top: 10px;
    right: 0;
}
#setting .free-add .form-commentary .table td{
    text-align: center;
}
#setting .free-add .form-commentary .table td.checkbox label{
     margin-left: 80px;
}
#setting .free-add table .file_type {
  margin: 8px 0 10px 25px;
}
#setting .free-add table .file_type .checkbox {
  display: inline-flex;
}
#setting .free-add table .file_type .checkbox label {
  padding: 0 15px 0 20px;
  height: 25px;
}

#setting .evo-palette tr,
#setting .evo-palette th,
#setting .evo-palette td{
    border: none;
}
#setting .evo-palette th{
    padding: 5px 3px;
}
#setting .delete_label{
    float: left;
}
#setting .radio-panel input:nth-of-type(1):checked + label{
    background-color: #ffa726;
    color: #fff;
    box-shadow: 0 0 4px 0 #92dddb;
}
#setting .radio-panel input:nth-of-type(2):checked + label{
    background-color: #66bb6a;
    color: #fff;
    box-shadow: 0 0 4px 0 #92dddb;
}
#setting .radio-panel input:nth-of-type(3):checked + label{
    background-color: #aaaaaa;
    color: #fff;
    box-shadow: 0 0 4px 0 #92dddb;
}
#setting .evdoc_base .radio-panel input:nth-of-type(1):checked + label{
  background-color: #ffa726;
  color: #fff;
  box-shadow: 0 0 4px 0 #92dddb;
}
#setting .evdoc_base .radio-panel input:nth-of-type(2):checked + label{
  background-color: #aaaaaa;
  color: #fff;
  box-shadow: 0 0 4px 0 #92dddb;
}
#setting .radio-panel input:disabled + label{
    background: #eee;
    color: #fff;
    cursor: default;
}
#setting .evo-palette tr:last-child{
    display: none;
}

#setting .form-exception{
    padding-bottom: 0px;
}

#setting .mailer-body-container + .btn-container{
    margin-top: -30px;
}

#setting .logo-img{
    display: block;
    width: 440px;
    height: 110px;
    border: 1px solid #cdcdcd;
}
#setting .logo-img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
#setting .image-library-logo,
.main-introduction + .image-library-container .image-library-logo{
    width: 200px;
    height: 50px;
    border: 1px solid #cdcdcd;
    float: left;
    overflow: hidden;
    margin: 5px;
    cursor: pointer;
    background-color: #eeeeee;
    position: relative;
}
#setting .image-library-logo img,
.main-introduction + .image-library-container .image-library-logo img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
#setting .table-button{
    width: 164px;
}
#setting .table-button button{
    width: 144px;
    margin: 0 auto;
}
#setting .table-button button:not(:last-child){
    margin-bottom: 10px;
}
#setting .create{
    width: 100%;
}
#setting .create .input-label span{
    width: 20px;
}
#setting .input-horizontal span{
    width: 100px;
}
#setting #add_original_ef .flex{
    justify-content: space-between;
}
#setting .form-description{
    width: 300px;
}
#setting .form-description th{
    width: 105px;
}
#setting .form-description td{
    text-align: center;
}
#setting .form-description td.checkbox label{
    margin-left: 78px;
}
/***フラグ***/
#setting .set-color{
    position:relative;
}
#setting .flag_list input[type="color"]{
    width: 100%;
    height: 30px;
}
#setting .flag-table{
    width: auto;
}
#setting .flag-table th:nth-of-type(2){
    min-width: 400px;
}
#setting .flag-table th:nth-of-type(3){
    width: 80px;
}
#setting .flag-table .hex-color-picker-wrapper{
    margin: auto;
}
#setting .flag_list .list-color{
    display: block;
    width: 80px;
    height: 30px;
}
#setting .flag_list td{
    vertical-align: middle;
}
#setting .set-color .hex-color-picker-wrapper{
    position: absolute;
    top: 110px;
    left: 120px;
}
#setting .flag-color{
    width: 100%;
}
#setting .flag_list .flag-color{
    width: 80px;
}
#setting .evo-palette td {
    font-size: 1px;
    border: solid 1px #c0c0c0;
    padding: 7px;
    cursor: pointer;
}
#setting input[name="original_ef_name"]{
    width: 70%;
    margin-right: 10px;
}
#setting .table_selected_plan{
    width: 416px;
}
#setting .table_selected_plan th{
    width: 161px;
}
#setting .table_selected_plan td:nth-of-type(2){
    width: 107px;
}
#setting .table-invoice th{
    width: 215px;
}
/***プラン***/
#setting .plan .table td{
    text-align: center;
    padding: 10px;
    vertical-align: top;
}
#setting .plan .table th{
    text-align: center;
}

#setting .plan .table tbody th {
  vertical-align: top;
  width: 190px;
  text-align: left;
  padding: 10px 20px;
}
#setting table-wrap{
    width: calc(30% - 10px);
}
#setting .plan-right{
    width: calc(40% - 10px);
    margin-left: 10px;
}
#setting .plan-left{
    width: 60%;
}
#setting .table_plan_container .table th,
#setting .table_plan_container .table td,
#setting .table_plan_container .table td img,
#setting .image-library-logo a div{
    text-align: center;
    vertical-align: middle;
}

#setting .table_plan_container .table th{
  padding: 10px 20px;
  vertical-align: top;
  text-align: left;
  width: 190px;
}
#setting .table_plan_container .table td {
  padding: 10px;
  vertical-align: top;
}

/***外部アカウント管理***/
#setting .account_input_area > div {
  width: 100%;
}
#setting .account_input {
  width: 300px;
}
#setting .table_accounts {
  table-layout: fixed;
  width: 100%;
}
#setting .table_accounts .th-wide {
  width: 20%;
}
#setting .table_accounts .th-narrow {
  width: 6%;
}
#setting .table_accounts th,
#setting .table_accounts td span {
  word-break: break-all;
}

#setting .table_plan_container .table td  p {
  margin-top: 5px;
}

#setting .agreement{
    margin-top: 20px;
    padding: 10px;
    background-color: #fff;
    height: 380px;
    overflow-y: scroll;
    border: 1px solid #cdcdcd;
}
#setting .plan .btn-container-btm .btn-large {
    width: auto;
}
#setting .plan2{
    display: none;
}
#setting .plan3{
    display: none;
}
#setting .list-color.none{
    display: none;
}
/***エントリー経路***/
#setting .table.entry-root{
    width: 60%;
}
#setting .root-name{
    width: 640px;
}
#setting .root-name .input-label{
    width: 400px;
}
#setting .root-name + .entry-root{
    width: 640px;
}
#setting .plan-confirm{
    width: 370px;
}
#setting .heading-2 .btn {
  display: inline-block;
  margin-left: 20px;
}
#setting #table_evaluation_value td:first-child {
  width: 95px;
}
#setting #add-evaluation-value-form {
  width: 430px;
  height: 70vh;
}
#setting #add-evaluation-value-form .input-medium {
  display: block;
}
#setting #add-evaluation-value-form .evaluation_value_box {
  position: relative;
  overflow: hidden;
}
#setting #add-evaluation-value-form .evaluation_value_box input {
  margin-bottom: 3px;
}
#setting #add-evaluation-value-form .evaluation_value_box p {
  position: absolute;
  right: 10px;
}
#setting #add-evaluation-value-form .evaluation_value_box p.high {
  top: 0;
}
#setting #add-evaluation-value-form .evaluation_value_box p.low {
  bottom: 0;
}
#setting #add-evaluation-value-form button {
  margin: 0 auto;
}
#setting .form-list-container a.btn {
  color: #555;
  /*margin: 0;*/
}
#setting .sample-img img {
    width: 300px;
    object-fit: fill;
    border: 1px solid #ccc;
}
#setting .identification .radio {
  margin-bottom: 10px;
}
#setting .identification .radio:last-child {
  margin-bottom: 0;
}
#setting .identification .radio label {
  padding-left: 20px;
  font-size: 14px;
}

#setting .publish .radio:first-child {
  margin-bottom: 8px;
}
#setting .publish .radio:nth-child(n+2) {
  margin-bottom: 15px;
}

.entry-route-delete-error p{
  max-height: 6em;
  overflow-y: scroll;
}

/***評価項目***/
#setting .ei_item_criterion{
  white-space: pre-wrap;
}

/***要望掲示板***/
#idea .navi-sidebar .side-event-container ul li{
    border-right: none;
    border-left: none;
}
#idea .navi-sidebar .side-event-container ul li:last-child{
    border-bottom: none;
}
#idea .idea-search{
    justify-content: space-between;
}
#idea .heading-1 {
    word-break: break-all;
    letter-spacing: 0.05em;
    line-height: 1.7;
}
#idea .content{
    word-break: break-all;
    letter-spacing: 0.05em;
}
#idea .comment-header{
    font-weight: bold;
}
#idea .label.category{
    background: #aaaaaa;
    font-weight: bold;
}
#idea .label.warning{
    background: #ffa726;
    font-weight: bold;
}
#idea .label.success{
    background: #66bb6a;
    font-weight: bold;
}
#idea .flex.flexend{
    justify-content: flex-end;
}
#idea .comment-list li:not(:last-child){
    padding-bottom: 10px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 10px;
}
#idea .pagination_container{
    margin-left: auto;
    display: -webkit-flex;
    display: flex;
    font-size: 13px;
    -webkit-algin-items: center;
    align-items: center;
}
#idea .pagination_container>span:first-of-type {
    padding-right: 10px;
}
#idea .comment-content{
    min-height: 23px;
    padding-left: 30px;
    word-break: break-all;
    letter-spacing: 0.05em;
}
#idea .flex.side{
    justify-content: space-between;
}
#idea .side-event-container ul li > a:first-of-type {
    display: block;
    padding: 10px;
    color: #404974;
    font-size: 12px;
    text-decoration: none;
    height: auto;
    word-break: break-all;
    line-height: 1.7;
}
#idea .pagination .active{
    display: none;
}
#idea .myidea{
  display: inline-flex;
  position: relative;
    top: 1px;
}
#idea .myidea.active {
  background: #218ec4;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 4px 0 #92dddb;
}
#idea .idea-table tr.pointer:hover > td{
    background: #fffcca;
}
/***お知らせ***/
#info{
    max-width: 800px;
}
#info .bg-white-wrap{
    padding: 0;
}
#info .detail {
    justify-content: space-between;
}
#info .detail > div:last-child{
    border-left: 1px solid #cdcdcd;
    width: 240px;
}
#info dl{
        border-left: 1px solid #cdcdcd;
    width: 240px;
}
#info .detail > dl > a > div{
    padding: 15px 0;
    margin: 0 15px;
    border-bottom: 1px dotted #cdcdcd;
}
#info .detail > dl div p,
#info .detail > dl div div{
    padding: 0 10px;
}
#info .detail > dl div p{
    line-height: 1.7;
    letter-spacing: 0.05em;
}
#info .detail p + div {
    text-align: right;
}
#info .detail .sub-info{
    font-size: 12px;
}
#info .detail .sub-info + div{
    font-size: 10px;
}
#info .detail > div{
    width: calc(100% - 240px);
    position: relative;
    padding: 20px;
}
#info .detail > div .flex{
    width: calc(100% - 40px);
    position: absolute;
    bottom: 20px;
    padding-top: 20px;
    border-top: 1px dotted #cdcdcd;
    justify-content: center;
}
#info .detail > div .flex > div{
    width: 100px;
}
#info .table td{
    vertical-align: middle;
}
#info .table-plain td:first-child{
    width: 0px;
}
#info .heading-1{
    letter-spacing: 0.05em;
    line-height: 1.7;
}
#info .detail a{
    display: block;
}
#info .detail dl a:hover{
    background: #fffcca;
}
#info dl a:last-child .border-dotted{
    border: none;
}
#info .info-content{
    border-top: 1px dotted #cdcdcd;
    letter-spacing: 0.05em;
    line-height: 1.7;
    word-break: break-all;
    padding-bottom: 20px;
}
#info .info-content img {
    width: 100%;
}
#info .pagination .active{
    display: none;
}
#info .icon-arrow_07r,
#info .icon-arrow_07l{
    font-size: 11px;
}

#info .info-content h1 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  color: #333;
  margin: 0 0 30px;
}

#info .info-content h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #1d90b7;
  border-bottom: 2px solid;
  border-color: #1d90b7;
  padding: 0 0 8px;
  margin: 0 0 30px;
}

#info .info-content h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid;
  border-color: #1d90b7;
  padding: 0 0 3px;
  margin: 0 0 30px;
}

#info .info-content h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #1d90b7;
}

#info .info-content ul,
#info .info-content ol {
  margin: 0 0 30px;
  max-width: 100%;
}

#info .info-content ul li,
#info .info-content ol li {
  font-size: 14px;
  line-height: 23px;
  font-weight: normal;
  color: #333;
  padding: 0 0 0 1rem;
  position: relative;
}

#info .info-content ul li::before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid;
  box-sizing: border-box;
  font-weight: bold;
  color: #1d90b7;
  position: absolute;
  top: calc(1rem - 5px);
  left: 0;
  width: 5px;
  transform: translate(0, -50%);
}

#info .info-content ol li {
  list-style: decimal;
  padding: 0;
  margin: 0 0 0 1rem;
}

#info .info-content table {
  margin: 0 0 30px;
  width: 90%;
  max-width: 90%;
  border: 1px solid #ddd;
}

#info .info-content table tr {
  border-bottom: 1px solid #ddd;
}

#info .info-content table tr th,
#info .info-content table tr td {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  padding: 11px 20px;
  box-sizing: border-box;
  border-right: 1px solid #ddd;
}

#info .info-content img {
  margin: 0 0 30px;
  width: 100%;
  max-width: 100%;
}

#info .info-content .figure {
  width: 100%;
}

#info .info-content .marker-yellow {
  background-color: #fdfd77;
}

#info .info-content .marker-green {
  background-color: #629f62;
}

#info .info-content .marker-pink {
  background-color: #fc7899;
}

#info .info-content .marker-blue {
  background-color: #72ccfd;
}

#info .info-content .pen-red {
  color: #e71313;
  background-color: transparent;
}

#info .info-content .pen-green {
  color: #128a00;
  background-color: transparent;
}


/***お知らせモーダル***/
#modal_info #info .modal{
    position: relative;
}
#modal_info #info.modal-body .close{
    justify-content: center;
}
#modal_info #info.modal-body .close .checkbox{
    justify-content: center;
    margin-top: 7px;
    padding-right: 50px;
}
#modal_info .tabs .tab-plane.active,
#modal_info .tabs .tab-plane:hover{
    color: #fff;
    background-color: #218ec4;
    border: solid 1px #cdcdcd;
    border-bottom: none;
    box-shadow: 0 0 4px 0 #92dddb;
}
#modal_info .info-links{
    text-align: right;
    margin: 10px 0;
}
/***その他共通***/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.none{
    display: none;
}
.pr5{
    padding-right: 5px;
}
.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}

.float-left {
  float: left;
}

.float-right{
    float: right;
    padding: 10px;
}
.pointer{
    cursor: pointer;
}
.img-library-upload{
    cursor: pointer;
}
.img-library-upload > input[type=file]{
    display: none;
}
.image-library-container input{
    display: none;
}
.bg-white-wrap{
    width: 100%;
    background: #fff;
    border: solid 1px #cdcdcd;
    padding: 20px;
}
.preview-btn-wrap{
    position: fixed;
    z-index: 1;
    right: 20px;
    bottom: -70px;
    width: 300px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 #aaa;
    background: #fff;
    transition: 0.25s;
}
.btn-container .btn{
    margin: 0 auto;
}
.preview-btn-wrap.active{
    bottom: 0;
    transition: 0.5s;
}
.preview-btn-wrap > .wrap-head {
    cursor: pointer;
    padding: 5px 10px;
    background-color: #218ec4;
    color: #fff;
    border-radius: 5px  5px 0 0;
    font-size: 12px;
}
.preview-btn-wrap a span {
    padding-right: 5px;
}
.preview-btn-wrap > .flex {
    justify-content: center;
}
.preview-btn-wrap > .flex > div {
    width: 150px;
    margin: 5px 0;
    padding: 0 10px 5px 10px;
}
.preview-btn-wrap > .flex > div:not(:last-child) {
    border-right: 1px solid #cdcdcd;
}
.preview-btn-wrap > .flex > div > .flex{
    justify-content: space-between;
}
.preview-btn-wrap > .flex > div > span {
    font-size: 12px;
    font-weight: bold;
}
.image-library-container{
    position: absolute;
    left: 540px;
    width: 672px;
    background: #fff;
    border: solid 1px #cdcdcd;
    padding: 20px;
    margin-bottom: 10px;
}
.image-library-container .close{
    float: right;
    cursor: pointer;
}
.image-library-container img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
label.input-label > span,
.input-label > span:not(.icon),
.input-sub-label > span:not(.icon),
.input-label-btn-container > span:not(.icon):not(.input-sub-label),
label.heading-2 > span,
.form-block-header.required > span{
    font-size: 10px;
    color: #e11b74;
    margin-left: 5px;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.pt5{
    padding-top: 5px;
}
.list-plain .table-list{
    word-break: break-all;
}

.highcharts-container {
  border: none;
}

.float-chart-container {
  margin-right: -20px;
}

.float-chart-container > div {
  margin-right: 20px;
  float: left;
}

.entry-chart {
  margin-bottom: 20px;
}

.chart-table-container {
  margin-bottom: 20px;
}

.chart-table-container > div:first-child{
  float: left;
  margin-right: 20px;
}

.chart-table-container > div:nth-child(2) {
  float: left;
  width: 360px;
}

.nowrap {
  white-space: nowrap;
}

/***チュートリアル***/
.introjs-skipbutton{
    display: none;
}
.introjs-overlay{
    pointer-events: none;
}
.introjs-button{
    pointer-events: auto;
}
.tooltip-300{
    min-width: 300px !important;
}
.tooltip-400{
    min-width: 400px !important;
}
.tooltip-500{
    min-width: 500px !important;
}
.tooltip-550{
    min-width: 550px !important;
}
.tooltip-bottom{
    bottom: 0;
}
.tooltip-progress{
    bottom: -190px !important;
    left: 573px !important;
}
.introjs-helperLayer {
    display: none;
}
.introjs-showElement{
    background: #fff;
}
.tutorial_img{
    width: 100%;
    margin-top: 10px;
}
.introjs-tooltip {
  -webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
  -webkit-animation-duration:1.8s;
  -webkit-animation-iteration-count:infinite;
  /*-webkit-animation-direction:alternate;*/
  -webkit-animation-timing-function:ease;

  -moz-animation-name:fuwafuwa;
  -moz-animation-duration:1.8s;
  -moz-animation-iteration-count:infinite;
  /*-moz-animation-direction:alternate;*/
  -moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
  0% {-webkit-transform:translate(0, 0);}
  50% {-webkit-transform:translate(0, -10px);}
  100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
  0% {-moz-transform:translate(0, 0);}
  50% {-moz-transform:translate(0, -10px);}
  100% {-moz-transform:translate(0, 0);}
}

.authority_readonly:disabled {
  background-image: none;
  background-color: #ccc;
  cursor: default;
}

.evaluation_event_info,
.evaluation_candidates,
.evaluation_change_password {
  width: 80%;
  margin: 0 auto 20px;
}

.evaluation_candidates .inline-form h2 {
  margin-right: 20px;
}

.evaluation_candidates #datetimepicker_s,
.evaluation_candidates #datetimepicker_e {
  width: 120px;
  margin: 10px 5px;
}

.evaluation_candidates #candidate_list th {
  cursor: pointer;
}

.evaluation_login_form,
.evaluation_send_password  {
  width: 600px;
  margin: 0 auto 20px;
  text-align: center;
}

.evaluation_issue_password {
  border-top: solid 1px #cdcdcd;
  margin-top: 20px;
  padding-top: 20px;
}

.evaluation_send_password {
  background-color: #fff;
  border: solid 1px #cdcdcd;
  padding: 15px;
}

.evaluation_error .alert-message {
  width: 90%;
  margin: 10px auto 20px;
  color: #e11b74;
}

/* タブ */
.evaluation_login_form ul {
  overflow: hidden;
}
.evaluation_login_form ul li {
  float: left;
  width: 170px;
  padding: 5px 10px;
  background-color: #fff;
  border: solid 1px #cdcdcd;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  z-index: 9;
  background-color: #ededed;
}
.evaluation_login_form ul li.active {
  background-color: #fff;
  border-bottom: solid 1px #fff;
}
.evaluation_login_form ul li:hover {
  text-decoration: underline;
}
.kanrikun_account,
.evaluation_account {
  border: solid 1px #cdcdcd;
  background-color: #fff;
  padding: 20px;
  z-index: 1;
  margin-top: -1px;
}
.kanrikun_account {
  display: none;
}

.evaluation_login_form p,
.evaluation_send_password p {
  margin: 10px 0;
}

.evaluation_login_form .account {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #cdcdcd;
}

.evaluation_login_form .account button {
  margin-bottom: 10px;
}

.evaluation_login_form input,
.evaluation_issue_password input {
  display: block;
  width: 300px;
  margin: 0 auto 10px;
}

.evaluation_login_form button,
.evaluation_issue_password button {
  margin: 0 auto;
}

.evaluation_send_password .password_form {
  display: inline-block;
  text-align: left;
}
.evaluation_send_password input[name=password] {
  width: 300px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.evaluation_send_password button {
  display: inline;
}
.evaluation_send_password label {
  display: block;
}
.evaluation_send_password input[name=permanent_flg] {
  margin-right: 5px;
}

.evaluation_event_info th {
  width: 200px;
}

.body_simple {
  min-width: initial;
}

.main_inner {
  margin: 0 10px;
}

/* message line */
.message-line {
  overflow-y: scroll;
}
.message-line::-webkit-scrollbar {
  width: 5px;
}
.message-line::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}
.message-line > div {
  display: flex;
  margin-bottom: 15px;
  align-items: flex-end;
}
.message-line > div > img {
  width: 40px;
  margin-right: 10px;
}
.message-line .line-baloon {
  max-width: 300px;
  padding: 5px 10px;
  border-radius: 15px;
  margin-bottom: 5px;
  word-break: break-all;
}
.message-line .line-baloon .line-emoticon {
  width: 20px;
  position: relative;
  top: 5px;
}
.message-line .line-baloon.error_mail {
  text-decoration: underline;
  cursor: pointer;
}
.message-line .date_box {
  align-self: flex-end;
}
.message-line .date {
  font-size: 12px;
}
.message-line .right {
  flex-direction: row-reverse;
}
.message-line .left .line-baloon {
  background: #efefef;
}
.message-line .right .line-baloon {
  background: #98fb98;
}
.message-line .left .date {
  margin-left: 10px;
}
.message-line .right .date {
  margin-right: 10px;
}
.message-line .line-event-message {
  width: 100%;
  justify-content: flex-end;
}
.message-line .line-event-message .date {
  margin-right: 10px;
  text-align: right;
}
.message-line .event-carousel {
  max-width: 100% - 60px;
  overflow-x: auto;
}
.message-line .event-carousel ul {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap:nowrap;
}
.message-line .event-carousel ul::-webkit-scrollbar {
  display: none;
}
.message-line .event-carousel li {
  width: 230px;
  margin: 10px 5px;
  padding: 15px 15px 8px;
  background: #98fb98;
  border-radius: 15px;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.message-line .event-carousel li .bubble-header,
.message-line .event-carousel li .bubble-body,
.message-line .event-carousel li .bubble-footer {
  white-space: normal;
}
.message-line .event-carousel li .bubble-header{
  flex: 2;
}
.message-line .event-carousel li .bubble-body{
  flex: 2;
}
.message-line .event-carousel li .bubble-header {
  margin-bottom: 10px;
}
.message-line .event-carousel li h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 5px;
}
.message-line .event-carousel li .btn {
  margin: 0 auto;
  margin-top: 15px;
  border: 0;
}
.message-line .event-carousel li .bubble-body {
  text-align: center;
}
.message-line .event-carousel li .bubble-footer .btn {
  width: 100%;
}
.message-line .failed_flag {
  font-size: 12px;
}
.message-line .sms_information_flag {
  font-size: 12px;
  margin-left: 6px;
  position: relative;
  top: 10px;
}

.sms_information_balloon {
  bottom: -750%;
  left: 50px;
}
.sms_information_balloon:before {
  top: -17%;
  left: 30%;
  border-color: transparent transparent #cdcdcd transparent;
}
.sms_information_balloon:after {
  top: calc(-17% + 1px);
  left: 30%;
  border-color: transparent transparent #fff transparent;
}

.line-reply-text > div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}
.line-reply-text .dropdown:not(select) > ul {
  top: -151px;
  height: 150px;
  box-shadow: none;
}
.line-reply-text .checkbox {
  margin-left: 20px;
}
.line-reply-text .create_line_event_btn {
  display: inline-block;
  position: absolute;
  right: 10px;
}
.reply-window {
  position: absolute;
  bottom: 0;
  padding: 0 !important;
  width: 100%;
}
.reply-window .mailer-body-left textarea,
.reply-window .preview-content {
  min-height: 200px;
  height: 200px;
}
.reply-window .list-template-container,
.reply-window .list-tag-container {
  height: 160px;
}
.line-reply-text {
  padding: 10px;
}
.reply-window {
  display: none;
}
.reply-window .mailer-action-container > div {
  width: 100px;
  padding: 5px 0;
  font-size: 10px;
}
.reply-window .mailer-editer-container {
  align-items: center;
}
.reply-window .icon-close_01 {
  margin: 0 !important;
}
.reply-window .mailer-editer-container .checkbox {
  margin-right: 10px;
}
.reply-window .form-balloon {
  top: calc(100% - 110px);
  background-color: #fffcca;
}
.reply-window .form-balloon:before {
  bottom: -20px;
  border-color: #cdcdcd transparent transparent transparent;
}
.reply-window .form-balloon:after {
  bottom: -16px;
  border-color: #fffcca transparent transparent transparent;
}
.thread .icon-line {
  margin-left: 10px;
}

/* line */
#line {
  min-width: 400px;
}

#line .not_entry_alert_message + .line-wrapper {
  height: calc(100vh - 520px);
}

#line .not_entry_alert_message {
  padding: 10px;
  border: 1px solid #e11b74;
  border-radius: 4px;
  background-color: #fff2f8;
  margin: 0 10px 20px;
  color: #404974;
}

.line-wrapper {
  margin: 0 10px !important;
  height: calc(100vh - 335px);
  overflow-y: scroll;
}
.line-wrapper::-webkit-scrollbar {
  width: 5px;
}
.line-wrapper::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}
#line .reply-window {
  display: block;
  padding: 10px;
  border: 1px solid #ddd;
  background: #fff;
}
#line .reply-window .mailer-body-left textarea,
#line .reply-window .preview-content {
  min-height: 160px;
  height: 160px;
}
#line .reply-window .list-template-container,
#line .reply-window .list-tag-container {
  height: 120px;
}
/* end line */

/* LINEメッセージ作成 */
#create_line_event main {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100vh;
}

.create-line-event-container {
  display: flex;
  flex: 1;
  background-color: #fff;
}

.create-line-event-container .preview {
  position: relative;
  width: 400px;
  padding: 20px 0;
  border: solid 1px #cdcdcd;
  background-color: #6f89b4;
  overflow-y: scroll;
}

.create-line-event-container .preview .description {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 60px;
  padding: 20px 0;
  background-color: #fff;
  text-align: center;
  border-radius: 10px;
}

.create-line-event-container .editor-left {
  flex: 1;
  border: solid 1px #cdcdcd;
  overflow-y: scroll;
}

.create-line-event-container .editor-right {
  width: 350px;
  border: solid 1px #cdcdcd;
  overflow-x: hidden;
  overflow-y: scroll;
}

.create-line-event-container .line-baloon {
  display: inline-block;
  margin: 10px 5px;
  padding: 8px;
  color: #444;
  background-color: #fff;
  border-radius: 15px;
  word-break: break-all;
}

.create-line-event-container .line-baloon .line-emoticon {
  width: 20px;
  position: relative;
  top: 5px;
}

.create-line-event-container .event-carousel, .create-line-event-container .message-carousel{
  overflow-y: hidden;
}

.create-line-event-container .event-carousel ul, .create-line-event-container .message-carousel ul  {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap:nowrap;
}

.create-line-event-container .event-carousel ul::-webkit-scrollbar, .create-line-event-container .message-carousel ul::-webkit-scrollbar {
  display: none;
}

.create-line-event-container .event-carousel li, .create-line-event-container .message-carousel li {
  width: 260px;
  color: #555;
  background-color: #fff;
  margin: 10px 5px;
  padding: 15px 15px 8px;
  border-radius: 15px;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  word-break: break-all;
}

.create-line-event-container .event-carousel li .bubble-header,
.create-line-event-container .event-carousel li .bubble-body,
.create-line-event-container .event-carousel li .bubble-footer {
  white-space: normal;
}
.create-line-event-container .event-carousel li .bubble-header{
  flex: 2;
}
.create-line-event-container .event-carousel li .bubble-body{
  flex: 2;
}

.create-line-event-container .event-carousel li .bubble-header {
  margin-bottom: 10px;
}
.create-line-event-container .event-carousel li h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5em;
  color: #444;
  margin-bottom: 5px;
}
.create-line-event-container .event-carousel li .btn {
  margin: 0 auto;
  margin-top: 15px;
}

.create-line-event-container .event-carousel li .bubble-body {
  text-align: center;
}
.create-line-event-container .event-carousel li .bubble-footer .btn {
  width: 100%;
}

.create-line-event-container .editor-left {
  padding: 10px;
}

.create-line-event-container .editor-left .event-select {
  margin: 10px 0;
  border: solid 1px #cdcdcd;
}

.create-line-event-container .editor-left textarea {
  margin: 10px 0;
}

.create-line-event-container .list-event-container {
  height: 325px;
  overflow-y: auto;
}

.list-event-container::-webkit-scrollbar {
  width: 5px;
}
.list-event-container::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.create-line-event-container .list-event-container ul li {
  position: relative;
  padding: 8px 10px 9px;
  font-size: 12px;
  line-height: 1.3;
  cursor: pointer;
  border-bottom: 1px dotted #cdcdcd;
}
.create-line-event-container .list-event-container ul li.selected {
  color: #fff;
  background-color: #218ec4;
}

.create-line-event-container .list-event-container ul li:hover {
  color: #404974;
  background-color: #fffcca;
}

.create-line-event-container .list-event-container .full,
.list-tags .list-tag .full {
  color: #ff0000;
}

.create-line-event-container .mailer-editer-container {
  margin-top: 15px;
  border: none;
}

.create-line-event-container {
  overflow-y: hidden;
}
.create-line-event-container .preview {
  padding: 0;
  overflow-y: auto;
}
.create-line-event-container .preview ol {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 80px;
  list-style: none;
  overflow-y: scroll;
}
.create-line-event-container .preview ol::-webkit-scrollbar {
  width: 5px;
}
.create-line-event-container .preview ol::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}
.create-line-event-container .add-message {
  width: 50px;
  height: 50px;
  padding: 13px;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 25px;
  background: #1fb553 linear-gradient(#21c45b, #1fb553);
  cursor: pointer;
}
.create-line-event-container .preview-item {
  margin: 10px;
  margin-left: 30px;
  margin-right: 0;
  position: relative;
}
.create-line-event-container .preview-item .line-baloon-remove {
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  position: absolute;
  top: calc(50% - 7px);
  left: -20px;
  cursor: pointer;
}
.create-line-event-container .line-baloon-wrapper .line-baloon {
  margin: 0;
}
.create-line-event-container .line-baloon-wrapper {
  border: 4px solid transparent;
  cursor: pointer;
  overflow-y: hidden;
}
.create-line-event-container .line-baloon-wrapper.selected {
  border: 4px solid #f00;
}
.create-line-event-container .line-baloon-image {
  display: block;
  max-width: 300px;
  max-height: 300px;
}
.create-line-event-container .line-baloon-imagemap {
  vertical-align: middle;
  max-width: 300px;
}
.create-line-event-container .line-baloon-sticker {
  width: 120px;
  height: 120px;
}
.line-baloon-buttons {
  display: inline-block;
  margin: 10px 5px;
  color: #444;
  background-color: #fff;
  border-radius: 15px;
  word-break: break-all;
  overflow: hidden;
  width: 18.75em;
}
.line-baloon-buttons-on-white {
  border: 1px solid #cdcdcd;
}
.create-line-event-container .line-baloon-buttons-container-thumbnail {
  height: 12.41em;
}
.line-baloon-buttons-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.line-ballon-buttons-container-text {
  padding: 1.25em;
  padding-bottom: 0.625em;
}
.line-ballon-buttons-title {
  color: rgb(53, 58, 64);
  font-size: 1.175em;
  font-weight: 700;
}
.line-ballon-buttons-text {
  color: rgb(73, 80, 87);
  margin-top: 0.571429em;
  font-size: 0.875em;
}
.line-baloon-buttons-container-button {
  padding: 0.625em;
}
.line-baloon-buttons-button {
  color: rgb(91, 130, 219);
  height: 2.5em;
  text-align: center;
  width: 100%;
  border: none;
}
.create-line-event-container .message_type_select {
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.create-line-event-container .editor-right {
  overflow-y: auto;
}
.create-line-event-container textarea::-webkit-scrollbar {
  width: 5px;
}
.create-line-event-container textarea::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}
.create-line-event-container .textarea_plain {
  height: 120px;
}
.create-line-event-container .emoji-textarea-wrapper {
  position: relative;
}
.create-line-event-container .sticker_list {
  display: flex;
  flex-wrap: wrap;
}
.create-line-event-container .sticker_list .sticker_list_item {
  width: 50px;
  height: 50px;
  border: 2px solid transparent;
  background-repeat: no-repeat;
  background-size: 500px 200px;
  cursor: pointer;
}
.create-line-event-container .sticker_list .sticker_list_item.selected {
  border: 2px solid #f00;
}
.create-line-event-container .richmessage_layouts {
  width: 400px;
  flex-wrap: wrap;
}
.create-line-event-container .richmessage_layouts img {
  width: 70px;
  cursor: pointer;
}
.create-line-event-container .richmessage_preview {
  width: 156px;
  min-width: 156px;
  height: 156px;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  border: 1px solid #aaa;
}
.create-line-event-container .richmessage_preview .area {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #333;
  cursor: pointer;
}
.create-line-event-container .richmessage_preview .area.selected {
  border: 1px solid #f22;
}
.create-line-event-container .richmessage_preview .area .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background-color: #333;
  color: #fff;
}
.create-line-event-container .richmessage_preview .area.selected .number {
  background-color: #f22;
}
.create-line-event-container .richmessage_editor_table {
  width: 360px;
  margin-left: 20px;
}
.create-line-event-container .richmessage_editor_table th {
  width: 100px;
}
.create-line-event-container .richmessage_editor_table td {
  width: 280px;
}
.create-line-event-container .richmessage_editor_table textarea {
  height: 90px;
}
.create-line-event-container .layout_pattern {
  margin-right: 20px;
}

.only_line_user {
  padding-left: 15px;
  font-size: 14px;
}

.mailer-action-container > div.form-reserve {
  width: 380px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content:space-between;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  -webkit-algin-items: center;
  align-items: center;
  cursor: default;
}

.mailer-action-container > div.form-reserve .datetimepicker {
  width: 180px;
}

/* 通知設定 */
#mail_setting textarea {
  height: 300px;
}

#mail_setting .input-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

#mail_setting .accounts_list .accounts_list_inner {
  width: 48%;
  float: left;
}
#mail_setting .accounts_list .accounts_list_inner h3 {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: solid 1px #cdcdcd;
  border-bottom: none;
  background-color: #e5f6ff;
}
#mail_setting .accounts_list .accounts_list_inner ul {
  border: solid 1px #cdcdcd;
  padding: 0 10px;
  height: 300px;
  overflow-y: scroll;
  cursor: pointer;
}
#mail_setting .accounts_list .accounts_list_inner ul li {
  padding: 10px;
  border-bottom: solid 1px #cdcdcd;
}
#mail_setting .accounts_list .accounts_list_inner:first-child {
  margin-right: 4%;
}

#modal_webmeeting .tabs .playse.active {
  background-color: #31a8a5;
}
#modal_webmeeting .tabs .zoom.active {
  background-color: #378cff;
}
#modal_webmeeting .tabs .harutaka.active {
  background-color: #ef5350;
}
#modal_webmeeting .tabs .teams_meeting.active {
  background-color: #464775;
}
#modal_webmeeting .tab-pane {
  padding: 10px 15px 30px;
}
#modal_webmeeting .tab-pane#playse {
  border: solid 1px #31a8a5;
}
#modal_webmeeting .tab-pane#zoom {
  border: solid 1px #378cff;
}
#modal_webmeeting .tab-pane#harutaka {
  border: solid 1px #ef5350;
}
#modal_webmeeting .tab-pane#teams_meeting {
  border: solid 1px #464775;
}
#modal_webmeeting .table_form {
table-layout: fixed;
}
#modal_webmeeting .table_form tr td {
  border: none;
}
#modal_webmeeting .table_form td:first-child {
  width: 70px;
  font-size: 12px;
  font-weight: bold;
}

.harutaka-title-column {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  min-width: 200px;
  word-break: break-word;
}

.harutaka-date-column {
  width: 120px;
  word-break: break-word;
}

.harutaka-url-column {
  max-width: 200px;
  min-width: 150px;
  word-break: break-word;
}

.harutaka-mail-column {
  width: 84px;
}

.harutaka-delete-column {
  width: 68px;
}

/* 求人ページ */
.job .icon.rotate90 {
  transform: rotate(90deg);
}
.job .main-right {
  overflow: visible!important;
}

.job .main-right .main-middle {
  flex: 1;
  max-width: calc(100vw - 597px)
}

.job-box-searchform {
  height: 150px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  padding: 5px 10px 10px 10px;
  margin-bottom: 10px;
}
.job.job_index .table tr td,
.job.job_index .table tr th {
  vertical-align: middle;
  word-break: break-all
}
.job.job_index .table tr td {
  height: calc(3rem + 10px);
}
.job.job_index .input_dtp {
  width: 100px;
}
.job.job_index .table tr td .btn {
  padding: 0;
  width: 30px;
}
.job.job_index .table tr td .btn > .icon {
  padding-right: 0;
}
.job .job_photo_container {
  margin: 20px auto 20px;
  text-align: center;
  width: 325px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 216px;
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.job .job_photo_container .icon-shape_01cross {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.job .job_photo_container.job_logo {
  width: 300px;
  height: 300px;
  background-size: contain;
}
.job .job_photo_container.job_fv {
  width: auto;
  height: 300px;
  background-size: contain;
}
.job .form-block-body {
  padding: 0 20px 0;
}
.job .form-block-body .input-label {
  font-size: 16px;
}
.job .form-block-body .input-label .icon.has-balloon {
  display: inline-block;
}
.job .form-block-body .input-label .optional {
  margin-left: 5px;
  color: #888;
  font-weight: normal;
  font-size: 12px;
}
.job .form-block-body > div:not(.form-block-header) {
  margin-bottom: 40px;
}
.job .caption {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  line-height: 1.3;
}
.job .caption.error {
  color: #e11b74;
}
.job .letter-count {
  font-size: 12px;
  display: block;
  margin-top: 5px;
  line-height: 1.3;
  text-align: end;
}
.job .form-block-body label.btn {
  position: absolute;
  width: auto;
  height: 30px;
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  background-color: #f0f0f0;
}
.job .form-block-body label.btn:hover {
  background: #e0e0e0;
}
.job #editor {
  visibility: hidden;
}
.job .ck-editor__editable_inline {
  min-height: 300px;
}
input[type="time"], input[type="number"] {
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: none;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  box-shadow: 0 2px 0 #cdcdcd inset;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  cursor: pointer;
}
.job input[type="number"] {
  max-width: inherit;
}
.job input[type="text"].datetimepicker {
  width: 100px;
}
.job .checkbox input:checked + label {
  font-weight: bold;
}
.job .input_s {
  width: 160px
}
.job .input_m {
  width: 240px
}
.job .input_l {
  width: 320px
}
.job .checbox_container .checkbox {
  margin-bottom: 10px;
  margin-right: 10px;
}
.job .tab-content {
  display: none;
  overflow-y: auto;
}
.job .tab-content.active {
  display: block;
}
.job .tab-content .ck-widget:hover {
  outline: none;
}
.input_combo {
  display: -webkit-flex;
  display: flex;
}
.input_combo > .unit {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #cdcdcd;
  box-shadow: none;
  font-size: 14px;
}
.input_combo > .unit.head {
  border-radius: 4px 0 0 4px;
}
.input_combo > .unit.middle {
  border-radius: 0;
}
.input_combo > .unit.tail {
  border-radius: 0 4px 4px 0;
}
.input_combo.head.tail > .unit:nth-of-type(1) {
  border-radius: 4px 0 0 4px;
}
.input_combo > input.head {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.input_combo > input.tail {
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.input_combo > input.middle {
  border-radius: 0;
  border-right: none;
  border-left: none;
}
.job .preview-btn-wrap {
  position: fixed;
  z-index: 1;
  right: 20px;
  bottom: 10px;
  width: 240px;
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 #aaa;
  background: #fff;
  height: 80px;
}
.job .preview-btn-wrap a {
  color: #2499d4;
  text-decoration: underline;
  margin: 10px 10px;
  text-decoration: none;
  color: #404974;
}
.job .inline_item_container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.job .inline_item_container:last-of-type {
  margin-bottom: 0;
}
.job .color_label {
  border: 1px solid #ccc;
  display: block;
  width: 3em;
  margin: 0 0 0 10px;
  height: 2em;
  background-color: white;
  border-radius: 5px;
  line-height: 2em;
  cursor: pointer;
}
/* 求人ページ ckeditor */
.ck-editor {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.ck-editor h1 {
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
.ck-editor h2 {
  padding: 0 0 8px;
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #1d90b7;
  border-bottom: 2px solid #1d90b7;
}
.ck-editor h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  padding: 0 0 3px;
  margin: 0 0 30px;
  border-bottom: 2px solid #1d90b7;
}
.ck-editor h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #1d90b7;
}
.ck-editor ul {
  list-style: none;
  max-width: 100%;
  margin: 0 0 30px;
}
.ck-editor ul li {
  font-size: 14px;
  line-height: 23px;
  color: #333;
  padding: 0 0 0 1rem;
  position: relative;
}
.ck-editor ul li::before {
  content: '';
  width: 5px;
  display: inline-block;
  border-bottom: 2px solid #1d90b7;
  box-sizing: border-box;
  position: absolute;
  top: calc(1rem - 5px);
  left: 0;
  transform: translate(0, -50%);
}
.ck-editor ol {
  margin: 0 0 30px;
  max-width: 100%;
}
.ck-editor ol li {
  font-size: 14px;
  line-height: 23px;
  list-style: decimal;
  padding: 0;
  margin: 0 0 0 1rem;
}
.ck-editor .image > img {
  margin: 0 0 30px;
  width: 100%;
  max-width: 100%;
}
.ck-content .table table {
  border: 1px solid #dddddd;
}
.ck-content .table table tr {
  border-bottom: 1px solid #dddddd;
}
.ck-content .table table td,
.ck-content .table table th{
  color: #333;
  font-size: 14px;
  line-height: 24px;
  padding: 11px 20px;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
  border-right: 1px solid #dddddd;
}
.ck-content .table table th {
  font-weight: bold;
  background: #e8f4f8;
}
#setting .external_setting a.btn {
  margin: 0;
  margin-left: 15px;
}
.external_setting .setting_table th {
  width: 200px;
}
.external_setting .setting_table select {
  min-width: 120px;
}
.external_setting .setting_table h4 {
  margin-top: 15px;
  margin-bottom: 3px;
}
.external_setting .setting_table h4:first-child {
  margin-top: 0;
}
.external_setting .setting_table .checkbox {
  margin-left: 10px;
  margin-bottom: 7px;
}
.external_setting .setting_table label {
  display: inline-block;
  width: auto;
}
.external_setting .setting_table .nonreply_setting {
  padding: 0 8px;
}
.external_setting .setting_table .balloon,
.external_setting .setting_table .nonreply_setting span {
  font-weight: bold;
}
.external_setting .setting_table .balloon {
  min-width: 310px;
  padding: 7px 10px;
}
#add_chat_modal {
  height: 600px;
}
#add_chat_modal table th {
  width: 140px;
}
#add_chat_modal .members {
  border: solid 1px #cdcdcd;
  padding: 10px;
  height: 280px;
  overflow-y: scroll;
}
.external_setting .related_slack_teams td {
  padding-right: 10px;
  padding-bottom: 10px;
}
.external_setting .related_slack_teams tr:last-child td {
  padding-bottom: 0;
}

.external_setting .tooltip {
  width: 200px;
  height: 70px;
}
.external_setting.line_works .tooltip {
  width: 280px;
}
.external_setting .tooltip.right {
  bottom: 0;
  -moz-transform: translate(10px, 60%);
  -webkit-transform: translate(10px, 60%);
  transform: translate(10px, 60%);
}
.external_setting .tooltip.right:after {
  top: 25%;
}
#add_bot_modal {
  height: 740px;
}
#add_room_modal {
  height: 450px;
}
#add_bot_modal table th,
#add_room_modal table th {
  width: 140px;
}
#add_bot_modal p.auth_key {
  height: 200px;
  border: solid 1px #cdcdcd;
  padding: 5px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
/* メールタグ設定 */
.container_mailtag .tag-table .th-tag_value {
  width: 70%;
}
.container_mailtag .new_tag_name {
  width: 180px;
}
.container_mailtag .new_tag_value {
  width: 600px;
}
.commutation_input input{
  width: 100px;
}
.commutation_select,
.commutation_input{
  margin-right: 20px;
}
.nearest_station_and_line{
  height: 77.5px;
}
.emergency_tel_number input:first-of-type,
.tel_number input:first-of-type{
  margin-right: 5px;
}
.emergency_tel_number input:nth-of-type(2),
.tel_number input:nth-of-type(2){
  margin: 0 5px;
}
.emergency_tel_number input:nth-of-type(3),
.tel_number input:nth-of-type(3){
  margin: 0 5px;
}
.smarthr_registered_text{
  font-size: 12px;
  color: #00C4CC;
  font-weight: bold;
  margin: auto;
}
.kaonavi_registered_text{
  font-size: 12px;
  color: #FFCD45;
  font-weight: bold;
  margin: auto;
}
.external_setting .channel_filter {
  width: 250px;
  margin-bottom: 5px;
}

#password_change_form .input-label{
  width: 200px;
}

/* 新ダッシュボード */
.dashboard-main{
  width: 1220px;
}

.today_event_informations table{
  table-layout: fixed;
}

.today_event_informations table{
  table-layout: fixed;
}

.today_tasks_numbers th{
  height: 50px !important;
}

.today_tasks_numbers td{
  font-size: 40px;
  text-align: center !important;
  height: 80px;
}

.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#waiting_evaluation_modal{
  padding: 10px;
  padding-top: 0px;
}

.today_event_check{
  width: 35px;
}

.dashboard_table_m{
  width: 70px;
}

.dashboard_table_n{
  width:140px;
}

.dashboard_table_w{
  width: 200px;
}

.dashboard_table{
  width: 170px;
}

.participant_name{
  width: 180px;
}

.today_task_name{
  text-align: center !important;
  width: 200px;
  margin: 0 auto;
  color: white !important;
}

.event_reservers a{
  display: block;
  z-index: 10;
  width: 200px;
}

.today_event_td{
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.today_task_number{
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.dashboard-participant .participant-list{
  height: 600px;
}

.dashboard-participant .main-right,
#participant-list{
  overflow: visible;
}

.dashboard_total {
  margin-left: auto;
}

.total_reserve, .total_remaining {
  border-bottom: 1px solid #404974;
  color: #404974;
}

.remove_dates {
  cursor: pointer;
  color: #e11b74;
  padding-top: 8px;
}

.today_task_number:hover, .participant-list .participants:hover{
  background-color: #fffcca;
}

.table_discription{
  color: #404974;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  font-size: 20px;
  height: 30px;
  width: fit-content;
  height: fit-content;
}

.today_event_informations th{
  height: 50px !important;
}

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

.scroll{
  overflow-y: scroll;
}

.participan_list_table{
   display: block;
  overflow-y: scroll;
}

.mw150{
  max-width: 150px;
}

.mw250{
  max-width: 250px;
}

.modal-scroll{
  height: 75vh;
}

.task_color_1{
  background-color: #ffa726 !important;
}

.task_color_2{
  background-color: #f09a9a !important;
}

.task_color_3{
  background-color: #ce93db !important;
}

.task_color_4{
  background-color: #90cbf9 !important;
}

.task_color_5{
  background-color: #81deea !important;
}

.task_color_6{
  background-color: #a5d6a7 !important;
}

.task_color_7{
  background-color: #ffcc80 !important;
}

.task_color_8{
  background-color: #8e6e63 !important;
}

.task_color_9{
  background-color: #e11b74 !important;
}

.participant_information .modal-header{
  display: block !important;
}

.evaluation_loading{
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 45%;
  left: 45%;
}

.search_term_box_header{
  display: block;
  position: relative;
  padding: 10px;
  border-bottom: 2px solid #404974;
  color: #404974;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
}
.search_term_box{
  padding: 10px;
  border-bottom: 1px dotted #cdcdcd;
}

.search_term_box_scroll{
  height: 420px;
}

#dashboard #search_event{
  height: 100%;
}

#dashboard .search_term_box_scroll{
  height: 70vh;
  max-height: calc(80vh - 68px);
}

.checkout{
  width: fit-content;
  position: absolute;
  right: 0px;
  top: 0px;
}

.message-int {
  overflow-y: scroll;
}

#event_list {
  overflow-x: scroll;
}

#event_list thead,
#event_list tbody {
  display: block;
}

#event_list tbody {
  max-height: 500px;
  overflow-y: scroll;
}

#event_list tbody::-webkit-scrollbar {
  width: 5px;
}

#event_list tbody::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

#event_list .table .td-action,
#event_list .table .th-action {
  width: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

#event_list table .col-sm {
  width: 150px;
}

#event_list table .col-md {
  width: 200px;
}

#event_list table .col-lg {
  width: 300px;
}

#event_list th,
#event_list td {
  display: block;
  word-break: break-all;
}

#bulkedit_modal {
  width: 90vw;
  min-width: 800px;
}

#bulkedit_modal .modal-body > div {
  height: 100%;
}

#bulkedit_modal .resizable-panel .resizable-panel-body::-webkit-scrollbar {
  width: 5px;
}

#bulkedit_modal .resizable-panel .resizable-panel-body::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

#bulkedit_modal .resizable-panel .resizable-panel-left {
  flex-grow: 2;
}

#bulkedit_modal .resizable-panel .resizable-panel-left .resizable-panel-body {
  height: calc(100% - 25px);
  overflow-y: scroll;
}

#bulkedit_modal .resizable-panel .resizable-panel-right {
  flex-grow: 3;
}

#bulkedit_modal .resizable-panel .resizable-panel-right form {
  height: calc(100% - 24px);
}

#bulkedit_modal .modal-body .resizable-panel-right .resizable-panel-body {
  height: calc(100% - 60px);
  overflow-y: scroll;
}

#bulkedit_modal .modal-body .submit-container {
  padding: 20px 0 10px;
}

#bulkedit_modal .resizable-panel-right .resizable-panel-body > table > tbody > tr > th {
  min-width: 100px;
}

.resize-splitter {
  cursor: col-resize;
  padding: 0 10px;
}

.resize-splitter > div {
  width: 3px;
  background-color: #ddd;
}

.resize-splitter:hover > div {
  width: 4px;
  background-color: #aaa;
}

.resizable-panel-body > table > tbody > tr > td {
  vertical-align: middle;
  position: relative;
}

.event_bulk_edit .dropdown[name="search_selection_step_id"] {
  max-width: 200px;
}

#bulkedit_modal .dropdown[name="new_event_selection_step_id"] {
  max-width: 200px;
}


#setting .input-horizontal span.del_condition{
  width: auto;
}

#modal_edit_conditions{
  width: 90vw;
}

#modal_edit_conditions .list-tag-container .list-tags {
  display: block;
}

#modal_edit_conditions .search-components-container > div {
  border-bottom: none;
}

.not_selected_container{
  opacity: 0.5;
  background-color: #eee;
}

.modal-body .default_condition_container, .modal-body .optional_condition_container{
  padding: 8px;
}

.import-check-existed .same_new_entry{
  color: #404974;
}

.event_zoom_setting .setting-body div{
  margin-bottom: 20px;
}

.setting-body{
  margin-top: 20px;
}

.candidate_pdf table {
  width: auto;
}
.candidate_pdf table th:nth-of-type(2){
  min-width: 400px;
}

.candidate_pdf .right {
  width: 500px;
}

.candidate_pdf table .toggle_list {
  cursor: pointer;
}
.candidate_pdf table .questionnaire_list {
  display: none;
}
.candidate_pdf table .questionnaire_list > td {
  padding: 0 !important;
}
.candidate_pdf table .questionnaire_list table th {
  background-color: #d7fed7;
  border-top: none;
}
.candidate_pdf table .questionnaire_list table td {
  background-color: #f5fff5;
}
.candidate_pdf table .questionnaire_list table th:first-child,
.candidate_pdf table .questionnaire_list table td:first-child {
  border-left: none;
}
.candidate_pdf table .questionnaire_list table th:last-child,
.candidate_pdf table .questionnaire_list table td:last-child {
  border-right: none;
}
.candidate_pdf table .questionnaire_list table tr:last-child td {
  border-bottom: none;
}
.pdf_itemset_disp_container {
  background-color: #fffcca;
  border: 1px solid #cdcdcd;
  width: 100%;
  min-height: 52px;
  padding: 5px;
  font-size: 12px;
}

.candidate_pdf #set_pdf_item {
  margin: 0 auto;
}

#candidate_pdf_setting .input-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

#candidate_pdf_setting .items_list .items_list_inner {
  width: 100%;
  float: left;
}
#candidate_pdf_setting .items_list .items_list_inner h3 {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: solid 1px #cdcdcd;
  border-bottom: none;
  background-color: #e5f6ff;
}
#candidate_pdf_setting .items_list .items_list_inner ul {
  border: solid 1px #cdcdcd;
  height: 300px;
  overflow-y: scroll;
  cursor: pointer;
  background-color: #fff;
}
#candidate_pdf_setting .items_list .items_list_inner ul li {
  padding: 10px;
  border-bottom: solid 1px #cdcdcd;
}
#candidate_pdf_setting .items_list .items_list_inner:first-child {
  margin-right: 4%;
}
#candidate_pdf_setting .form-block-body{
  padding: 12px 20px 20px;
}
.candidate_pdf .left td{
  cursor: pointer;
} 
#selected_item_box .sidebar-ul-sortable {
  padding-right: 8px;
  color: #aaa;
  cursor: grab;
}
.candidate_pdf .left .candidate_pdf_item_box{
  position: relative;
  top: 10px;
  width: 480px;
  height: calc(100vh - 220px);
  margin-right: 20px;
  overflow-y: scroll;
}

.enquete.summary .tab-content {
  width: 100%;
  overflow-x: scroll;
}
.enquete .summary_table {
  width: fit-content;
  table-layout: fixed;
  margin-bottom: 20px;
}
.enquete .summary_table th:first-child,
.enquete .summary_table td:first-child {
  width: 310px;
}
.enquete .summary_table th:nth-child(n+2),
.enquete .summary_table td:nth-child(n+2) {
  width: 125px;
}
.enquete .summary_table td:nth-child(n+2) {
  text-align: right;
}
.enquete.result .tabs li.active {
  background: #42a5f5;
}
.enquete.result .tabs li:hover {
  background: #42a5f5;
}
#enquete_result.modal {
  width: 90%;
  min-width: 800px;
}
#enquete_result.modal .enquete .flex > div {
  width: 100%;
  padding: 0;
}
.enquete .tab-content {
  display: none;
  padding: 15px;
  border: solid 1px #cdcdcd;
  background-color: #fff;
  overflow-y: scroll;
  height: calc(80vh - 25px);
}
.enquete .tab-content.active {
  display: block;
}

.student_info_wrapper {
  display: flex;
  margin: 0 10px 10px 10px;
  padding: 10px 20px 10px 10px;
  background-color: #fff;
  border: solid 1px #cdcdcd;
  align-items: center;
  cursor: pointer;
}
.enquete .student_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
}
.enquete .student_info > * {
   margin: 5px 20px 5px 0;
}
.enquete .selection {
}
.enquete .student_info .student_name {
  font-size: 16px;
  font-weight: bold;
}
.enquete_result_table {
  margin-bottom: 20px;
}
.enquete_result_table ul {
  float: left;
  background-color: #fff;
}
.enquete_result_table ul:first-child {
  width: 310px;
}
.enquete_result_table ul li {
  padding: 8px 15px 6px;
  border: solid 1px #cdcdcd;
}
.enquete_result_table ul,
.enquete_result_table ul li {
  border-right: none;
}
.enquete_result_table ul:last-child {
  border-right: solid 1px #cdcdcd;
}
.enquete_result_table ul li {
  border-bottom: none;
}
.enquete_result_table ul li:last-child {
  border-bottom: solid 1px #cdcdcd;
}
.enquete_result_table ul:nth-child(n + 2) li {
  padding: 8px 25px 6px;
  text-align: center;
}
.enquete_result_table ul:nth-child(n + 2) li:nth-child(n + 2) {
  color: #ff0000;
  font-weight: bold;
}
.enquete_result_table ul li.selected {
  background-color: #f9e4e8;
}
.enquete_result_table:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.enquete_transition_graph {
  margin-bottom: 20px;
}
.enquete_transition_graph td:first-child,
.enquete_hope_graph td:first-child {
  width: 310px;
  vertical-align: middle;
}

.enquete .status_table {
  width: 50%;
}
.enquete_result {
  margin-bottom: 30px;
}
.enquete_result td {
  vertical-align: middle;
  width: 19%;
}
.enquete_result th:first-child {
  width: 24%;
}
.enquete_result td:nth-child(2),
.enquete_result td:nth-child(5) {
  width: 16%;
  padding-left: 0;
  border-right: none;
}
.enquete_result td:nth-child(3),
.enquete_result td:nth-child(6) {
  width: 3%;
  text-align: right;
  border-left: none;
}
.enquete_result td:nth-child(4),
.enquete_result td:nth-child(7) {
  text-align: center;
}
.enquete_result tr:last-child td {
  border-top: 3px double #cdcdcd;
}
.enquete .bar {
  display: inline-block;
  height: 20px;
  background-color: #84b2f0;
}
.enquete_result .highlight-red {
  background-color: #f9e4e8;
  color: #ff0000;
  font-weight: bold;
}
.enquete_result .highlight-blue {
  background-color: #d9eef9;
  color: #0000ff;
  font-weight: bold;
}

.enquete .todolist {
  display: flex;
  border: solid 1px #cdcdcd;
  margin-bottom: 20px;
}

.enquete .todolist .list_box {
  width: 24%;
  border-right: solid 1px #cdcdcd;
  padding: 10px;
  color: #ff0000;
  font-weight: bold;
}

.enquete .todolist .list_box .heading-2 {
  color: #404974;
}

.enquete .todolist .caption_box {
  padding: 10px;
}

.enquete .answer_status .has-tooltip {
  cursor: pointer;
}

.enquete.list .box-pagination {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  line-height: 1.1;
  -webkit-align-items: center;
  align-items: center;
  top: 94px;
  right: 10px;
}

.copy_guest_url {
  background-color: #fff;
  border: solid 1px #cdcdcd;
  padding: 5px;
  margin-top: 20px;
}
.copy_guest_url p {
  font-size: 12px;
}
.copy_guest_url input,
.copy_guest_url button {
  margin-top: 8px;
}
.demand_index_main{
  min-width: 1100px;
}
.demand_index_sub{
  width: 100%;
  min-width: 1100px;
}
.demand_index_table tr{
  cursor: default;
}
.demand_index_table td{
  cursor: pointer;
}
.clickdetail{
  word-break: break-all;
  text-decoration: none;
  cursor: pointer;
  }
.demand_delete_icon{
  text-decoration: none;
}
#files{
  display: none;
}
.demand_flex{
  display: flex;
}
.demand_baloon{
  margin-top: 7px;
  margin-left: 10px;
}
.comment_user{
  margin-left: 70%;
  padding-top: 10px;

}
.comment_reply{
  margin-left: 30px;
}
.commentbox{
  position: relative;
  padding: 5px 10px;
  margin-right: 30px;
  min-width: 150px;
  max-width: 350px;
  color: #555;
  font-size: 14px;
  background: #98fb89;
  border-radius: 15px;
  word-break: break-all;
  margin-bottom: 5px;
  margin-left: 70%;
}
.commentbox img {
  max-width: 100%;
}
.demand_reply_baloon{
  position: relative;
  padding: 5px 10px;
  min-width: 150px;
  max-width: 80%;
  color: #555;
  font-size: 14px;
  border-radius: 15px;
  word-break: break-all;
  margin-bottom: 5px;
  background-color: #efefef !important;
  margin-left: 30px !important;
}
.demand_reply_baloon img{
  max-width: 100%;
}
.demand_reply_detail{
  margin-left: 30px !important;
}
.demand_display_none{
  display: none;
}
.demand_textdecoration_none{
  text-decoration: none;
}
.demand_wordbreak{
  word-break: break-all;
}
.demand_title{
  width: 50%;
}
.demand-detail_property {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.demand-detail_label{
  width: 80px;
}

.demand-comment-list{
  border-bottom: 1px solid #cdcdcd;

}
.comment{
  width: 100%;
  padding:0px 10px;
}
.commentinput{
  padding-top: 10px;
}

.form-area {
  width: 300px;
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.commentarea{
  overflow-y: scroll;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  width: 100%;
  min-height: 400px;
  max-height: 400px;
}

.commentarea::-webkit-scrollbar {
  width: 5px;
}
.commentarea::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.commentsendbox{
  padding: 10px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  height: 215px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 5px;
}

.commentsendbox > textarea{
  width: 60%;
}

.form-area .input-horizontal > .radio {
  margin-bottom: 0;
}


.form-area .inline-form > .radio{
  margin-bottom: 0;
}

.form-area-header {
  margin: 0 0px 20px;
  padding: 10px 10px 8px 10px;
  color: #218ec4;
  border-bottom: 2px solid  #218ec4;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.form-area .input-label {
  font-size: 14px;
  margin-bottom: 5px;
}

.form-area-body {
  padding: 0 20px 40px;
}

.form-area-body > div {
  margin-bottom: 20px;
}

.postbutton{
  margin:auto;
}

.demand-comment-date{
  text-align:right;
}

.comment_detail{
  margin-left:70%;
}

.enquete.summary .tab-content {
  width: 100%;
  overflow-x: scroll;
}
.enquete .summary_table {
  width: fit-content;
  table-layout: fixed;
  margin-bottom: 20px;
}
.enquete .summary_table th:first-child,
.enquete .summary_table td:first-child {
  width: 310px;
}
.enquete .summary_table th:nth-child(n+2),
.enquete .summary_table td:nth-child(n+2) {
  width: 125px;
}
.enquete .summary_table td:nth-child(n+2) {
  text-align: right;
}
.enquete.result .tabs li.active {
  background: #42a5f5;
}
.enquete.result .tabs li:hover {
  background: #42a5f5;
}
.enquete .tab-content {
  display: none;
  padding: 15px;
  border: solid 1px #cdcdcd;
  background-color: #fff;
}
.enquete .tab-content.active {
  display: block;
}

.student_info_wrapper {
  display: flex;
  margin: 0 10px 10px 10px;
  padding: 10px 20px 10px 10px;
  background-color: #fff;
  border: solid 1px #cdcdcd;
  align-items: center;
  cursor: pointer;
}
.enquete .student_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
}
.enquete .student_info > * {
   margin: 5px 20px 5px 0;
}
.enquete .selection {
}
.enquete .student_info .student_name {
  font-size: 16px;
  font-weight: bold;
}
.enquete_result_table {
  margin-bottom: 20px;
}
.enquete_result_table ul {
  float: left;
  background-color: #fff;
}
.enquete_result_table ul:first-child {
  width: 310px;
}
.enquete_result_table ul li {
  padding: 8px 15px 6px;
  border: solid 1px #cdcdcd;
}
.enquete_result_table ul,
.enquete_result_table ul li {
  border-right: none;
}
.enquete_result_table ul:last-child {
  border-right: solid 1px #cdcdcd;
}
.enquete_result_table ul li {
  border-bottom: none;
}
.enquete_result_table ul li:last-child {
  border-bottom: solid 1px #cdcdcd;
}
.enquete_result_table ul:nth-child(n + 2) li {
  padding: 8px 25px 6px;
  text-align: center;
}
.enquete_result_table ul:nth-child(n + 2) li:nth-child(n + 2) {
  color: #ff0000;
  font-weight: bold;
}
.enquete_result_table ul li.selected {
  background-color: #f9e4e8;
}
.enquete_result_table:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.enquete_transition_graph {
  margin-bottom: 20px;
}
.enquete_transition_graph td:first-child,
.enquete_hope_graph td:first-child {
  width: 310px;
  vertical-align: middle;
}

.enquete .status_table {
  width: 50%;
}
.enquete_result {
  margin-bottom: 30px;
}
.enquete_result td {
  vertical-align: middle;
  width: 19%;
}
.enquete_result th:first-child {
  width: 24%;
}
.enquete_result td:nth-child(2),
.enquete_result td:nth-child(5) {
  width: 16%;
  padding-left: 0;
  border-right: none;
}
.enquete_result td:nth-child(3),
.enquete_result td:nth-child(6) {
  width: 3%;
  text-align: right;
  border-left: none;
}
.enquete_result td:nth-child(4),
.enquete_result td:nth-child(7) {
  text-align: center;
}
.enquete_result tr:last-child td {
  border-top: 3px double #cdcdcd;
}
.enquete .bar {
  display: inline-block;
  height: 20px;
  background-color: #84b2f0;
}
.enquete_result .highlight-red {
  background-color: #f9e4e8;
  color: #ff0000;
  font-weight: bold;
}
.enquete_result .highlight-blue {
  background-color: #d9eef9;
  color: #0000ff;
  font-weight: bold;
}

.enquete .todolist {
  display: flex;
  border: solid 1px #cdcdcd;
  margin-bottom: 20px;
}

.enquete .todolist .list_box {
  width: 24%;
  border-right: solid 1px #cdcdcd;
  padding: 10px;
  color: #ff0000;
  font-weight: bold;
}

.enquete .todolist .list_box .heading-2 {
  color: #404974;
}

.enquete .todolist .caption_box {
  padding: 10px;
}
.commentsendbox {
  height: auto !important;
}

.event_transparent {
  opacity: 0.45;
}

.presented_schedule {
  margin-right: 8px;
}

.pop-event-adjustment{
  width: 600px;
  max-height: 600px;
}

.pop-event-adjustment td{
  padding: 4px;
}

.modal-past-events-section{
  width: 420px;
  max-height: 200px;
  overflow-y: scroll;
}

.adjustment .input-time-period{
  width: 100px;
}

.div-as-input{
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: none;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  box-shadow: 0 2px 0 #cdcdcd inset;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  cursor: pointer;
  padding: 3px 10px;
}

.div-as-input span{
  /* height: 100%; */
  padding: 1px 2px 4px;
  margin: 4px;
}

.div-as-input:focus {
  border: 2px solid #000000;
}

.div-as-input_tag{
  background-color: #fffcca;
}

.adjustment .student-search{
  position: sticky;
  top: 340px;
  left: 0px;
  max-height: 400px;
  overflow-y: scroll;
}

.adjustment .student-search::-webkit-scrollbar{
  width: 5px;
}

.adjustment .student-search::-webkit-scrollbar-thumb {
  width: 5px;
  background: #aaa;
}

.evaluate-block .heading-1 a.adjustment-calendar-link{
  color: #e11b74;
  font-size: 12px;
  margin-left: 20px;
  text-decoration: underline;
}

.adjustment .table tr td{
  max-width: 600px;
}

.adjustment .table td, .adjustment .table th {
  vertical-align: middle;
  padding: 10px;
  word-break: break-all;
}

.adjustment .checkbox {
  margin-top: 5px !important;
}

.adjustment-edit-annotation-message{
  width: 990px;
}

.adjustment .schedule-main-container{
  padding: 0 10px;
  margin: 0;
}

.supported-log p{
  word-break: break-all;
}

.label-cancelled-request{
  color: #ee5350;
  font-size: 12px;
  margin-left: 12px;
  letter-spacing: -0.02em;
}

.link-to-entry-form{
  font-size: 14px;
  margin-left: 20px;
}

.form-items-reload{
  margin-left: 20px;
  color: #404974;
  cursor: pointer;
  display: inline-block;
}

tr.job-form-ef-items td{
  background-color: #f5fff5;
}

.automation_list .stopped td {
  background-color: #aaa;
}

.trigger_contents,
.action_contents {
  padding: 3px;
  font-size: 12px;
}

.text_wrapping {
  word-break: break-word;
}

.trigger_contents .empty_message {
  padding-top: 10px;
}

.trigger_contents .preview_target_event,
.trigger_contents .preview_target_status,
.trigger_contents .preview_target_step,
.trigger_contents .preview_target_evaluation {
  border: solid 1px #ff0000;
  padding: 5px;
  margin: 0 3px;
  background-color: #fff7ff;
}

.trigger_contents .preview_target_event.selected,
.trigger_contents .preview_target_status.selected,
.trigger_contents .preview_target_step.selected,
.trigger_contents .preview_target_evaluation.selected {
  border: solid 1px #50adfd;
  background-color: #edf7ff;
}

.scenario_caption {
  padding: 5px;
  font-size: 13px;
}

.scenario_trigger_table th,
.scenario_action_table th {
  width: 130px;
}

.scenario_trigger_table .dropdown,
.scenario_action_table tr:nth-child(2) .dropdown {
  max-width: 500px;
}

.scenario_table {
  width: 100%;
}

.scenario_table td {
  padding: 5px 0 5px;
}

.scenario_table td:nth-child(1),
.scenario_table td:nth-child(3) {
  width: 30px;
  text-align: center;
  vertical-align: middle;
}
.scenario_table .sort-handle {
  cursor: move;
}
.scenario_table .icon-remove_02 {
  cursor: pointer;
}

.scenario_table .create-line-event-container {
  min-height: 400px;
}

.sweet-alert.automationValidateError p {
  display: inline-block !important;
  text-align: left;
}

.sweet-alert.fileUploadError p {
  display: inline-block !important;
  text-align: left;
  white-space: pre-line;
}

.automation_candidate_list .inner_list {
  display: none;
}
.automation_candidate_list .inner_list > td {
  padding: 0;
}
.automation_candidate_list .inner_list table th{
  border-top: none;
}
.automation_candidate_list .inner_list table tr:last-child td {
  border-bottom: none;
}
.automation_candidate_list .inner_list table th:first-child,
.automation_candidate_list .inner_list table td:first-child {
  border-left: none;
}
.automation_candidate_list .inner_list table th:last-child,
.automation_candidate_list .inner_list table td:last-child {
  border-right: none;
}

.automation_candidate_list .inner_list table th {
  background-color: #d7fed7;
}
.automation_candidate_list .inner_list table td {
  background-color: #f5fff5;
}
.issue-performancea-container .exam_items {
  font-weight: bold;
}

.event_zoom_setting .setting-body div{
  margin-bottom: 20px;
}

.setting-body{
  margin-top: 20px;
}

.event-ms-0078d4 {
  border-color: #0078d4!important;
  background-color: #0078d4!important;
}

.event-ms-0b857d {
  border-color: #0b857d!important;
  background-color: #0b857d!important;
}

.event-ms-107c10 {
  border-color: #107c10!important;
  background-color: #107c10!important;
}

.event-ms-0128c5 {
  border-color: #0128c5!important;
  background-color: #0128c5!important;
}

.event-ms-891798 {
  border-color: #891798!important;
  background-color: #891798!important;
}

.event-ms-e3008c {
  border-color: #e3008c!important;
  background-color: #e3008c!important;
}

.event-ms-db3a00 {
  border-color: #db3a00!important;
  background-color: #db3a00!important;
}

.event-ms-cf0f1f {
  border-color: #cf0f1f!important;
  background-color: #cf0f1f!important;
}

.event-ms-666666 {
  border-color: #666666!important;
  background-color: #666666!important;
}
.event-ms-668cb3 {
  border-color: #668cb3!important;
  background-color: #668cb3!important;
}

.event-ms-7ec225 {
  border-color: #7ec225!important;
  background-color: #7ec225!important;
}

.event-ms-f2a640 {
  border-color: #f2a640!important;
  background-color: #f2a640!important;
}

.event-ms-d96666 {
  border-color: #d96666!important;
  background-color: #d96666!important;
}

.event-ms-c4a883 {
  border-color: #c4a883!important;
  background-color: #c4a883!important;
}

.event-ms-737373 {
  border-color: #737373!important;
  background-color: #737373!important;
}

.bulkupload-left {
  -webkit-flex: 1;
  flex: 1;
  border-right: 1px solid #cdcdcd;
  padding-bottom: 20px;
}

.bulkupload-right {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 10px;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 420px;
}

.bulkupload-right > .btn, .bulkupload-right > a{
  -webkit-aiign-self: center;
  align-self: center;
  margin-bottom: 40px;
}

.bulkupload-right > *{
  margin-bottom: 10px;
}

.bulkupload-right > div:first-child{
  font-weight: bold;
  line-height: 1;
}

.bulkupload-right .checkbox{
  -webkit-align-self: center;
  align-self: center;
}

.bulkupload_history_list .inner_list {
  display: none;
}
.bulkupload_history_list .inner_list > td {
  padding: 0;
}
.bulkupload_history_list .inner_list table th{
  border-top: none;
}
.bulkupload_history_list .inner_list table tr:last-child td {
  border-bottom: none;
}

.bulkupload_history_list .inner_list table th:first-child,
.bulkupload_history_list .inner_list table td:first-child {
  border-left: none;
}

.bulkupload_history_list .inner_list table th:last-child,
.bulkupload_history_list .inner_list table td:last-child {
  border-right: none;
}

.bulkupload_history_list .inner_list table th {
  background-color: #d7fed7;
}
.bulkupload_history_list .inner_list table td {
  background-color: #f5fff5;
}

.icon_attachment_file_movie.icon-doc_02:before {
  opacity: 0.4;
  cursor: auto;
}

.sso-file-container {
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 5px 10px;
  min-height: 40px;
}

.sso-file-container .btn {
  min-width: 110px;
  flex: 0 0 auto;
  margin-right: 10px;
}

.sso-file-container input[type='file'] {
  display: none;
}

.sso-file-container > .icon {
  margin-right: 15px;
}

.sso-file-container > .uploaded-container {
  display: flex;
  padding: 7px 0;
  flex: 1;
  line-height: 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sso-file-container > .uploaded-container > div {
  display: flex;
  margin: 0 20px 10px 0;
  -webkit-align-items: center;
  align-items: center;
}

.sso-file-container > .uploaded-container > div > span:first-child {
  font-size: 12px;
  letter-spacing: -0.2px;
  padding-right: 10px;
}

.sso-file-container > .uploaded-container > div .icon {
  cursor: pointer;
}

#selected_addresses td,#selected_line_addresses td {
  max-width: 0;
}

.underline {
  text-decoration: underline;
  cursor: pointer;
}

.bg_white {
  background-color: #fff;
}

.thread_search_condition {
  white-space: pre-line;
}

.chatroom {
  color: #404974;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.thread_accordion_header {
  position: relative;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 70px;
  padding: 0 10px;
  font-size: 14px;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  cursor: pointer;
  border-bottom: 2px solid #cdcdcd;
}

.thread_accordion:hover .thread_accordion_header {
  /* border-bottom: 2px solid #6F89B4; */
  /* background-color: #eee; */
  background-color: #f6f6f6;
}

.thread_accordion_header:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-width: 7px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #aaa;
  -moz-transform: translate(2px, -7px);
  -webkit-transform: translate(2px, -7px);
  transform: translate(2px, -7px);
  content: '';
}

.thread_accordion_header.active:after {
  border-color: #aaa transparent transparent transparent;
  border-width: 8px 7px;
  -moz-transform: translate(-3px, -3px);
  -webkit-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px);
}

.thread_accordion_header_top {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.thread_title_wrapper {
  width: 100%;
}

.thread_title {
  display: block;
  max-width: 170px;
}

.thread_updated {
  display: flex;
  justify-content: flex-end;
  font-size: 10px;
}

.thread_accordion_body {
  max-height: 0;
  transition: max-height .2s ease;
  overflow: hidden;
}

.chatroom_tray.tray {
  border-bottom: 1px solid #cdcdcd;
}

.thread_accordion_header.active + .thread_accordion_body {
  max-height: 190px;
}

.thread_star > .tooltip {
  bottom: 60%;
  left: 25%;
}

.thread_star > .tooltip:after {
  top: 75%;
  left: 43%;
  transform: rotate(-33deg);
}

.star.active.thread_star {
  padding: 5px;
}

.chatroom_star {
  margin-right: 10px;
  margin-top: 7px;
}

.message-wrapper > .introduction_chat_message_wrapper {
  max-height: initial;
  border-bottom: initial;
}

.reply-window .list-tag-container.chat-tag-container {
  height: 195px;
  border: none;
}

.reply-window .list-tag-container.chat-tag-container.active {
  height: 295px;
}

.introduction_chat_thread_column .thread-wrapper {
  max-height: calc(100vh - 143px);
}

.current_thread_title {
  font-size: 20px;
}

.mailer-body-left .thread_textarea {
  min-height: 390px;
}

.placeholder {
  color: #ccc;
}

.meat_ball_menu {
  display: flex;
}

.meat_ball_menu div {
  width: 4px;
  height: 4px;
  background-color: #404974;
  margin: 2px auto;
  border-radius:100px;
}

.meat_ball .borders {
  padding-top: 1px;
  width: 100%;
}

.meat_ball {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: .2s;
}

.meat_ball_wrapper {
  height: 23px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  opacity: 0;
}

.meat_ball_wrapper:hover,
.meat_ball_wrapper.active {
  opacity: 1;
  /* background-color: #eee; */
  background-color: #ccc;
}

.thread_accordion_header:hover .meat_ball_wrapper {
  opacity: 1;
}

.meat_ball_lists {
  display: none;
  position: absolute;
  top: 20%;
  left: 20%;
  right: 0;
  width: 75%;
  border: 1px solid #cdcdcd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  z-index: 99;
  overflow-y: auto;
  max-height: 320px;
}

.thread-wrapper > ul > li:last-of-type .meat_ball_lists {
  top: -10%;
  left: 15%;
}

.meat_ball_list {
  font-size: 14px;
  display: block;
  height: 100%;
  width: 100%;
  padding: 0 10px;
  color: #404974;
  font-size: 12px;
  line-height: 30px;
  text-decoration: none;
}

.meat_ball_list:hover {
  background-color: #fffcca;
}

.meat_ball_wrapper.active ~ .meat_ball_lists {
  display: block;
}

.thread-wrapper > ul > li:last-of-type .meat_ball_wrapper.active ~ .meat_ball_lists {
  display: block;
}

#menu_overlay {
  display: none;
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 98;
}

.thread_loading {
  width: 24px;
  height: 24px;
}

.setting_authority .setting_container {
  padding: 15px;
  border: solid 1px #cdcdcd;
}

.setting_authority .selection,
.setting_authority .browsing,
.setting_authority .job,
.setting_authority .setting {
  display: none;
}

.setting_authority .setting_list li {
  margin-bottom: 10px;
}

.setting_authority .setting_list label {
  font-size: 14px;
}

.setting_authority .checkbox label {
  height: 100%;
}

.setting_authority .asset_table th {
  width: 170px;
}

.setting_authority .table .checkbox {
  width: 37px;
}
.setting_authority .table .checkbox label {
  padding-left: 0;
}

.setting_authority .selection .table_area {
  border: solid 1px #cdcdcd;
}

.setting_authority .selection .table_area h4 {
  cursor: pointer;
  padding: 5px;
  background-color: #e8f5fc;
}
.setting_authority .table_area > div {
  padding: 5px;
}

.div-like-thead {
  background-color: #e5f6ff;
  border: 1px solid #cdcdcd;
  line-height: 1.5;
}

.div-like-th,
.div-like-td {
  padding: 5px 10px;
}

.div-like-th-small,
.div-like-td-small {
  width: 60px;
  min-width: 60px;
  text-align: center;
}

.div-like-td-small a {
  color: #404974;
}

.div-like-th-middle,
.div-like-td-middle {
  width: 150px;
  min-width: 150px;
}

.div-like-th-large-fixed,
.div-like-td-large-fixed {
  width: 350px;
  min-width: 350px;
}

.div-like-th-grow1,
.div-like-td-grow1 {
  flex-grow: 1;
}

.folder-layout .div-like-thead > div:first-child {
  width: 60px;
}

.div-like-tbody {
  border: 1px solid #cdcdcd;
  border-top: none;
}

.folder-layout-group {
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  border-collapse: collapse;
  background: #fff;
}

.folder-layout-parent {
  border-bottom: 1px dashed #cdcdcd;
}

.folder-layout-clild {
  min-height: 35px;
}

.folder-layout-clild > div {
  width: 100%;
  padding-left: 35px;
  border-bottom: 1px dotted #cdcdcd;
}

.indented > div {
  margin-bottom: 5px;
  padding: 0px 10px;
}

span.input-sub-label {
  display: block;
  font-size: 12px;
}

.fs-12 {
  font-size: 12px;
}

.employment_history {
  padding: 0 5px!important;
}

.employment_history > div {
  padding: 0 5px!important;
}

.input-sub-label > .icon-shape_help {
  font-size: 12px;
}

.btn-under-short-table {
  width: 550px;
}

#availability_timezone_edit_modal ,#availability_timezone_detail_modal{
  width: 500px;
  height: 500px;
}

#availability_timezone_list .times{
  text-align: center;
}
#availability_timezone_list .table .inputDisabledArea{
  background-color: #edf2f7;
}
#availability_timezone_edit_modal .addAvailability-timezone-input{
  width: 100px;
}
#availability_timezone_edit_modal .addAvailability-timezone-input-area{
  padding-top: 10px;
}
#availability_timezone_edit_modal .add-addAvailability-icon{
  width:212px;
  justify-content: center;
  padding-top: 10px;
}
#availability_timezone_edit_modal .copy-day-week{
  padding-top: 20px;
}
#availability_timezone_edit_modal .checkbox{
  padding-bottom: 10px;
}
#url_create_modal .selected-interviewer td{
  cursor: pointer;
  background-color: #fffcca;
}
.outer-calendar-container .gcal{
  width: 660px;
  height: 600px;
}
#availability_timezone_edit_modal .modal-body svg{
  transform: translateY(4px);
}

#availability_timezone_detail_modal .detailAvailability-timezone-area{
  font-size: 20px;
}

.search-schedule-calendar-container{
  width: 250px;
  margin-bottom: 10px;
}

#evaluation_schedule_calendar a.fc-col-header-cell-cushion {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
  cursor: auto;
}

#availability_timezone_list em{
  font-style: normal;
}

.openapi #add_form .form-checkbox .checkbox,
.openapi .credential_list .form-checkbox .checkbox {
  width: 90px;
}

.openapi .credential_list .edit_form {
  display: none;
}

.openapi .credential_list .edit_form .dropdown {
  width: 100%;
  min-width: 100px;
}

/* divなどのdisableを適用できないものに対して使う想定 */
.pseudo-disable-click-none {
  cursor: default; 
  background: #F2F2F2; 
  color: rgba(64, 73, 116, 0.65);
}
/* dropdownのホバー時背景色が変更されるのを変更されないように上書き */
.dropdown.pseudo-disable-click-none:hover {
  background: #F2F2F2; 
}
/* クリックのみを無効にする */
.pseudo-disable-click-none:active {
  pointer-events: none;
}

.has-edit-form .edit_form{
  display: none;
}

.fs16 {
  font-size: 16px!important;
}

.fs18 {
  font-size: 18px!important;
}

.items-baseline {
  align-items: baseline;
}

.alert-color {
  color: #e11b74;
}

.mailer-action-container > .tuusuu-info {
  flex-direction: row;
  width: unset;
  background-color: #00885A;
  border-left: none;
  font-weight: normal;
  color: #FFFFFF;
  padding: 0 20px;
  border-radius: 4px;
  font-size: 12px;
  margin-left: auto;
  cursor: auto;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.align-middle {
  vertical-align: middle;
}

input.short-input10 {
  width:10%;
}

:has(> .balloon-black) {
  position: relative;
  overflow: visible;
}

:has(> .balloon-black):hover > .balloon-black{
  display: block;
  opacity: 1;
}

.balloon-black {
  display: none;
  position: absolute;
  top: 90%;
  right: 0px;
  width: auto;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  background-color: #282C35;;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  opacity: 0;
  -moz-transform: translate(-50%,-10px);
  -webkit-transform: translate(-50%,-10px);
  transform: translate(-50%,-10px);
  -webkit-transition: opacity var(--transition-ease-out);
  transition: opacity var(--transition-ease-out);
  z-index: 99;
  text-align: left;
}

#automation .div-like-th-small,
#automation .div-like-td-small {
  width: 45px;
  min-width: 45px;
}

#automation .div-like-th-3letters,
#automation .div-like-td-3letters {
  width: 45px;
  min-width: 45px;
}

#automation .div-like-th-4letters,
#automation .div-like-td-4letters {
  width: 70px;
  min-width: 70px;
}

#automation .div-like-td-small,
#automation .div-like-td-3letters,
#automation .div-like-td-4letters {
  text-align: center;
}

#automation .main-right {
  overflow: visible;
}

#automation .folder-layout-parent {
  padding: 10px;
}

#automation .folder-layout-clild > div {
  padding: 10px 10px 10px 20px;
}

#automation .div-like-th,
#automation .div-like-td {
  padding: unset;
}

#automation .div-like-thead {
  padding: 10px 10px 10px 112px;
}

#automation .div-like-td {
  word-break: break-all;
}

#automation .div-like-th-title,
#automation .div-like-td-title {
  width: 15%;
  max-width: 15vw;
}

#automation .div-like-th-trigger,
#automation .div-like-td-trigger {
  width: 25%;
  max-width: 25vw;
}

#automation .div-like-th-scenario,
#automation .div-like-td-scenario {
  width: 25%;
  max-width: 25vw;
}

#automation .div-like-td-groupname {
  width: 60%;
  max-width: 60vw;
}

#automation .div-like-th:not(:last-of-type),
#automation .div-like-td:not(:last-of-type) {
  margin-right: 20px;
}

#automation #save_automation_group_form {
  width: 720px;
  height: 200px;
}

#automation .folder-layout-parent :has(>.icon-edit_01) {
  margin-right: 198px;
}

#automation .folder-layout-group:not(:first-of-type):last-of-type .balloon-black {
  top: unset;
  bottom: -40%
}

#automation .folder-layout-clild > .stopped{
  background-color: #D1D5DB;
}

.li-template:last-of-type {
  margin-bottom: 8px;
  border-bottom: none;
}

#automation #add_automation_button {
  width: 220px;
}

#automation .justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}

#automation .justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.accordion-parent {
  border-top: 1px solid #cdcdcd;
  padding: 10px;
  position: relative;
}

.accordion-parent:nth-last-child(2):not(.active) {
  border-bottom: 1px solid #cdcdcd;
}

.accordion-children {
  display: none;
}

.accordion-children  .checkbox {
  padding: 10px 20px;
  border-top: 1px solid #cdcdcd;
}

.accordion-children:not(.tier3):last-child .checkbox:last-child {
  border-bottom: 1px solid #cdcdcd;
}


.accordion-parent:after {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  height: 0;
  border-width: 8px 7px;
  border-style: solid;
  border-color: #aaa transparent transparent transparent;
  -moz-transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  content: '';
}

.accordion-parent.active:after {
  border-color: transparent transparent #aaa transparent;
  -moz-transform: translateY(-12px);
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}

.circle {
  display: none;
  width: 8px;
	height: 8px;
	border-radius: 50%;
  background-color: #1fb553;
}

.accordion-parent:has(+ .accordion-children :checked) .circle {
  display: inline-block;
}

.stepper{
  display: flex;
  padding: 10px 20px;
}

.stepper li {
  flex: 1;
  display: inline-block;
  position: relative;
}

.stepper li + li::before {
  content: "";
  display: block;
  position: absolute;
  height: 4px;
  background-color: #cdcdcd;
  top: 46px;
  width: 100%;
  left: -50%; 
}

.stepper-item {
  width: 100px;
  margin: 0 auto;
  padding: 10px 0px 35px 0px;
  border-radius: 8px;
  cursor: pointer;
}

.stepper-item-text {
  position: relative;
  text-align: center;
  font-weight: bold;
}

.stepper-item-text::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border: solid 3px #ffffff;
  border-radius: 50%;
  background-color: #cdcdcd;
  top: 25px;
  left: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
  z-index: 1;
}

.wip.stepper-item {
  background-color: #218ec415;
}

.wip.eligible .stepper-item-text::before {
  border: solid 3px #218ec415;
}

.wip:not(.eligible) .stepper-item-text::before {
  border: solid 4px #218ec4;
  background-color: white;
}

.eligible .stepper-item-text::before {
  font-family: "rootstrap" !important;
  content: "\e908";
  background-color: #ffffff;
  color: #7ed421;
  line-height: 1;
  font-size: 19px;
}


.job .sticky-btn-container {
  width: 25%;
  height: max-content;
  position: sticky;
  top: 90px;
}

.job .input-fixed60 {
  width: 60px
}

.job .input-fixed120 {
  width: 120px
}

.job .input-half {
  width: 50%;
}

.job .flex-wrap {
  width: 70%;
}

.job div:has(> .input-sub-label):not(:last-child){
  margin-bottom: 10px;
}

.accordion-parent.tier1 {
  font-size: 16px;
}

.accordion-parent.tier2 {
  font-size: 14px;
  padding: 8px 20px;
}

.accordion-parent.tier2:after {
  right: 20px;
}

.accordion-children.tier3 .checkbox {
  padding: 5px 25px;
  border-top: 1px dashed #cdcdcd;
}

.bt-solid1 {
  border-top: 1px solid #cdcdcd;
}

.job-publish-label {
  display: inline-flex;
}

.job-publish-label .label {
  margin-right: 5px;
  font-size: 10px;
  vertical-align: bottom;
}

.job-publish-label .label-entryroot{
  color: #fff;
}

#form .job-publish-label > span:first-of-type {
  margin-left: 10px;
}

input.exceed-letter-limit, textarea.exceed-letter-limit {
  border: 1px solid #e11b74;
  outline: none;
  box-shadow: none!important;
}

.word-break-all{
  word-break: break-all;
}

.main-middle.job-setting {
  width: 740px;
}


.deletable-annotation-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#job_bulk_register .selectable-form-left {
  width: 350px; 
  min-width: 350px; 
}

#job_bulk_register .selectable-form-right{
  flex: 1;
  padding-bottom: 20px;
}

#job_bulk_register_form > .selectable-form:not(:last-of-type) .selectable-form-right {
  border-bottom: 1px solid #cdcdcd;
}

.automation-count {
  display: flex;
  margin-left: auto;
}

.automation-count-running {
  position: relative;
  font-size: 12px;
}

.automation-count-stop {
  position: relative;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
}

.automation-count-total {
  position: relative;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 10px;
  border-left: solid 1px;
  border-color: #bfbfbf;
}

.automation-counter {
  font-size: 16px;
  font-weight: bold;
}

#write-mode-select input:disabled + label {
  color: #CDCDCD;
  cursor: not-allowed;
}

#automation .sort-handle > img {
  max-width: 100%;
}

.pastautomation_modal_header {
  min-width: 145px;
}

.html_content {
  line-height: 1.6;
  color: #333;
}

.html_content h1,
.html_content h2,
.html_content h3,
.html_content h4,
.html_content h5,
.html_content h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #24292e;
}

.html_content h1 {
  font-size: 2em;
  border-bottom: 1px solid #eaecef;
  margin-top: 80px;
}

.html_content h2 {
  font-size: 1.5em;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 0.3em;
  margin-top: 40px;
}

.html_content h3 {
  font-size: 1.25em;
}

.html_content p {
  margin-top: 0;
  margin-bottom: 16px;
}

.html_content ul,
.html_content ol {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 2em;
}

.html_content li {
  margin-bottom: 0.25em;
  list-style: circle;
}

.html_content li:has(strong) {
  list-style: square;
}

.html_content ol li {
  list-style: decimal;
}

.html_content blockquote {
  margin: 0 0 16px 0;
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
}

.html_content code {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.html_content pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
  margin-bottom: 16px;
}

.html_content pre code {
  padding: 0;
  background-color: transparent;
}

.html_content table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 16px;
  width: 100%;
}

.html_content table th,
.html_content table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

.html_content table th {
  font-weight: 600;
  background-color: #f6f8fa;
}

.html_content img {
  max-width: 100%;
  height: auto;
  margin: 16px 0;
}

.html_content hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

.html_content a {
  color: #0366d6;
}

.html_content a:hover {
  text-decoration: underline;
}

.sms-basic-notice {
  background-color: #fcf8e3;
  border: 1px solid #feeb3b;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 10px;
}

.sms-basic-notice .notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #8d6e63;
  line-height: 1.4;
}

.sms-count-notice {
  background-color: #eff4fa;
  border: 1px solid #326ec8;
  border-radius: 4px;
  padding: 5px;
  margin: 10px 0 10px;
}

.sms-count-notice .notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #404974;
  line-height: 1.4;
}

.short-url-section {
  padding: 10px 0 10px 0;
}

.short-url-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.short-url-label {
  font-size: 12px;
  min-width: 100px;
  font-weight: 600;
  color: #404974;
}

.short-url-item input[type="text"] {
  flex: 1;
  max-width: 950px;
}

.mailer-label-container.automation-sms {
  border-top: 1px solid #cdcdcd;
}

.mailer-body-row.automation-sms {
  border-bottom: none;
}

.automation-sms .mailer-body-left textarea {
  min-height: 362px;
}

.automation-sms .mailer-body-right {
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

/* アトラクトレターモーダル */
#attractletter_modal {
  height: auto;
  width: 1200px;
  max-width: 95vw;
}

#attractletter_modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#attractletter_modal .header-left {
  display: flex;
}

#attractletter_modal .modal-header .header-left a {
  margin-left: 0;
  font-size: 16px;
}

#attractletter_modal .modal-header .candidate-name {
  max-width: 500px;
  word-break: break-word;
}

#attractletter_modal .modal-header .header-left .icon-link_01 {
  color: #2499d4;
}

#attractletter_modal .attract-step-section span {
  word-break: break-word;
}

#attractletter_modal .pattern_name {
  padding: 0 8px;
}

#attractletter_modal .pattern_name span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#attractletter_modal .candidate-selection-flow-panel-body {
  border: 2px solid #cdcdcd;
}

#attractletter_modal .attract-selection-flow-container {
  overflow: scroll;
}

#attractletter_modal .attract-step-selectable {
  cursor: pointer;
  margin-bottom: 5px;
}

#attractletter_modal .attract-step-selectable:not(.current) {
  background-color: var(--gray-0);
}

#attractletter_modal .attract-step-disabled {
  opacity: 0.4 ;
  cursor: default ;
  background-color: #f5f5f5 ;
  color: #999 ;
  margin-bottom: 5px;
}

#attractletter_modal .generate-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

#attractletter_modal .submit-container {
  padding: 0;
  width: 200px;
  height: 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* 生成ボタンが非アクティブ時のスタイル */
#attractletter_modal .generate-button-container .btn-green.disabled,
#attractletter_modal .generate-button-container .btn-green:disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eee;
  color: #fff;
  font-weight: bold;
  cursor: default;
  border: none;
}

#attractletter_modal .generate-button-container .btn-green.disabled:hover,
#attractletter_modal .generate-button-container .btn-green:disabled:hover {
  background-color: #eee;
}

#attractletter_modal .attract-progress-container {
  position: relative;
  width: 100%;
  min-height: 50px; /* ボタンと同じ高さを確保 */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#attractletter_modal .attract-progress-bar {
  width: 100%;
  height: 6px;
  background-color: #e9ecef;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

#attractletter_modal .attract-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #218ec4, rgba(33, 142, 196, 0.8), #218ec4);
  background-size: 200% 100%;
  border-radius: 3px;
  animation: attract-progress-animation 2s ease-in-out infinite;
  width: 0%;
  transition: width 0.3s ease;
}

@keyframes attract-progress-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

#attractletter_modal .attract-progress-text {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #495057;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#attractletter_modal .attract-loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(33, 142, 196, 0.2);
  border-top: 2px solid #218ec4;
  border-radius: 50%;
  animation: attract-spinner-animation 1s linear infinite;
}

@keyframes attract-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#attractletter_modal .attract-preview-grid {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

#attractletter_modal .attract-content-col {
  flex: 0 0 55%;
}

#attractletter_modal .attract-content-col h5 {
  padding: 8px 0;
}

#attractletter_modal .attract-content-textarea {
  height: 400px;
  resize: none;
  color: #000;
  box-shadow: none;
}

#attractletter_modal .attract-tabs-col {
  flex: 1;
}

#attractletter_modal .attract-tab-header {
  display: flex;
  margin-bottom: 0;
}

#attractletter_modal .attract-tab-button {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #404974;
  transition: all 0.2s ease;
  padding: 8px;
}

#attractletter_modal .attract-tab-button:hover:not(.active) {
  background-color: #f8f9fa;
  color: #404974;
}

#attractletter_modal .attract-tab-button.active {
  border-bottom: 2px solid;
  font-weight: 600;
  background-color: rgba(34, 139, 230, 0.05);
  color: #404974;
}

#attractletter_modal .attract-tab-content-container {
  height: 400px;
  border: 1px solid #dee2e6;
  border-radius: 0 0 4px 4px;
  padding: 12px;
  overflow-y: auto;
}

#attractletter_modal .attract-reliability-item {
  margin-bottom: 16px;
}

#attractletter_modal .attract-reliability-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#attractletter_modal .attract-reliability-header span {
  font-weight: 500
}

#attractletter_modal .attract-reliability-badge {
  padding: 6px 12px;
  border-radius: 32px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  min-width: 40px;
  text-align: center;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  height: 20px;
}

#attractletter_modal .attract-reliability-badge.reliability-high {
  background: #8CC84B;
}

#attractletter_modal .attract-reliability-badge.reliability-middle {
  background: #FFC809;
}

#attractletter_modal .attract-reliability-badge.reliability-low {
  background: #FB5638;
}

#attractletter_modal .attract-reliability-badge.reliability-default {
  background: #495057;
}

#attractletter_modal .attract-action-buttons-container {
  display: flex;
  gap: 16px;
  justify-content: center;
}

#attractletter_modal .attract-evaluation-text span {
  word-break: break-word;
}

#attractletter_modal .attract-action-buttons-container button {
  padding: 0 20px;
  height: 40px;
  border-radius: 4px;
  cursor: pointer;
  line-height: normal;
  width: auto;
}

#attractletter_modal .attract-send-btn {
  border: none;
}
/* /アトラクトレターモーダル */

/* 固定位置ツールチップ（中途専用） */
.file-tooltip-fixed {
  position: absolute;
  z-index: 9999;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #000;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0.8;
}

.file-tooltip-fixed::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top: 5px solid #000;
}

.has-tooltip-fixed {
  cursor: pointer;
}

.aianalysis_main {
  background: #fff;
  border: 1px solid #cdcdcd;
  display: flex;
  flex: 1 0 auto;
  height: calc(100vh - 143px);
  position: relative;
  padding: 0px;
}

.filter_dropdown {
  margin: 5px 10px;
  width: 120px;
}

.date_selection {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e0e0e0;
}

.date_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  overflow-y: auto;
  border-bottom-left-radius: 4px;
}

.date_item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.date_item:hover {
  background-color: #fffcca
}

.date_item.selected {
  background-color: #fffcca
}

.date_link {
  padding: 8px 8px;
  font-size: 13px;
  color: #333;
  text-decoration: none;
  text-align: center;
}

.date_item.unread-item .date_link {
  font-weight: bold;
}

.aianalysis_main .btn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  display: none;
}

.aianalysis_content {
  flex: 1;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 20px 20px 20px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow-y: auto;
}

.html_content {
  width: 100%;
  max-width: 800px;
  line-height: 1.6;
  color: #333;
}

.html_content h1,
.html_content h2,
.html_content h3,
.html_content h4,
.html_content h5,
.html_content h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #24292e;
}

.html_content h1 {
  font-size: 2em;
  border-bottom: 1px solid #eaecef;
  margin-top: 80px;
}

.html_content h2 {
  font-size: 1.5em;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 0.3em;
  margin-top: 40px;
}

.html_content h3 {
  font-size: 1.25em;
}

.html_content p {
  margin-top: 0;
  margin-bottom: 16px;
}

.html_content ul,
.html_content ol {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 2em;
}

.html_content li {
  margin-bottom: 0.25em;
  list-style: circle;
}

.html_content li:has(strong) {
  list-style: square;
}

.html_content ol li {
  list-style: decimal;
}

.html_content blockquote {
  margin: 0 0 16px 0;
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
}

.html_content code {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.html_content pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
  margin-bottom: 16px;
}

.html_content pre code {
  padding: 0;
  background-color: transparent;
}

.html_content table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 16px;
  width: 100%;
}

.html_content table th,
.html_content table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

.html_content table th {
  font-weight: 600;
  background-color: #f6f8fa;
}

.html_content img {
  max-width: 100%;
  height: auto;
  margin: 16px 0;
}

.html_content hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

.html_content a {
  color: #0366d6;
}

.html_content a:hover {
  text-decoration: underline;
}

/* 候補者一覧のアトラクトレターボタン */
.attract-letter-simple-btn {
  background: linear-gradient(90deg, #F5D547 0%, #F2994A 100%);
  color: #fff;
}

.attract-letter-simple-btn:hover {
  background: linear-gradient(90deg, #F2C94C 0%, #F17C3A 100%);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

/* 候補者詳細のアトラクトレターボタン */
.attract-letter-btn {
  width: auto;
  height: 32px;
  background: linear-gradient(90deg, #F5D547 0%, #F2994A 100%);
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

.attract-letter-btn:hover {
  background: linear-gradient(90deg, #F2C94C 0%, #F17C3A 100%);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}


/* 高さを固定しないモーダル（内容に応じて自動調整） */
.modal-auto-height {
  height: auto;
  max-height: 90vh;
}

.modal-auto-height .modal-body {
  height: auto;
  max-height: none;
  overflow-y: visible;
}

/* ミキワメAI 適性検査画面 */
#mikiwame .container_mailtag {
  width: 1000px;
  margin: 0 auto;
}

.mikiwame-form-block {
  width: 100%;
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.mikiwame-form-block-body {
  padding: 0;
}

.mikiwame-form-block-body .input-horizontal {
  display: block;
  margin-bottom: 10px;
}

.mikiwame-form-block-body .input-horizontal .form-control {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.mikiwame-form-block-body .input-horizontal input[type="number"].form-control {
  max-width: 100%;
}

.mikiwame-form-block .input-label {
  font-size: 14px;
}

#btn_regi_mikiwame {
  margin: 0 auto;
  width: 200px;
}

/* テーブルの列幅調整 */
.mikiwame-table {
  table-layout: fixed;
  width: 100%;
  overflow-x: auto;
}

.mikiwame-table th:nth-child(1) {
  width: 200px;
}

/* 項目名 */
.mikiwame-table th:nth-child(2) {
  width: 200px;
}

/* recruitment_id */
.mikiwame-table th:nth-child(3) {
  width: 50px;
}

/* 編集 */
.mikiwame-table th:nth-child(4) {
  width: 50px;
}

/* 削除 */

.mikiwame-table td:nth-child(1) {
  width: 200px;
}

.mikiwame-table td:nth-child(2) {
  width: 200px;
}

.mikiwame-table td:nth-child(3) {
  width: 50px;
}

.mikiwame-table td:nth-child(4) {
  width: 50px;
}

/* テキストの改行防止 */
.mikiwame-table td:nth-child(2) {
  white-space: nowrap;
}

/* 項目名列のスタイル */
.mikiwame-table td:nth-child(1) span {
  max-height: 80px;
  overflow-y: auto;
  word-wrap: break-word;
}

/* 編集時の入力欄幅調整 */
.mikiwame-table input {
  width: 100%;
  box-sizing: border-box;
}

.mikiwame-table input[type="number"] {
  max-width: 100%;
}

/* テーブルセル内の要素を上下中央に配置 */
.mikiwame-table td {
  vertical-align: middle;
}

/* 保存ボタンを中央に配置 */
.mikiwame-table .td-save {
  text-align: center;
}

.mikiwame-table .td-save button {
  margin: 0 auto;
  display: block;
}

/* アッテル適性検査画面 */
#attelu .container_mailtag {
  width: 1000px;
  margin: 0 auto;
}

.attelu-form-block {
  width: 100%;
  padding: 20px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}

.attelu-form-block-body {
  padding: 0;
}

.attelu-form-block-body .input-horizontal {
  display: block;
  margin-bottom: 10px;
}

.attelu-form-block-body .input-horizontal .form-control {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.attelu-form-block .input-label {
  font-size: 14px;
}

#btn_regi_attelu {
  margin: 0 auto;
  width: 200px;
}

.attelu-api-key-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.attelu-api-key-actions #save_attelu_api_key,
.attelu-api-key-actions #cancel_attelu_api_key {
  margin: 0;
  width: 200px;
}

.attelu-table {
  table-layout: fixed;
  width: 100%;
}

.attelu-table th:nth-child(1),
.attelu-table td:nth-child(1) {
  width: 180px;
}

.attelu-table th:nth-child(2),
.attelu-table td:nth-child(2) {
  width: calc(100% - 300px);
  min-width: 0;
}

.attelu-table th:nth-child(3),
.attelu-table th:nth-child(4),
.attelu-table td:nth-child(3),
.attelu-table td:nth-child(4) {
  width: 60px;
}

.attelu-table td:nth-child(2) {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.attelu-table td:nth-child(1) span,
.attelu-table td:nth-child(2) span {
  max-height: 80px;
  overflow-y: auto;
  word-wrap: break-word;
  word-break: break-all;
}

.attelu-table input {
  width: 100%;
  box-sizing: border-box;
}

.attelu-table td {
  vertical-align: middle;
}

.attelu-table td.td-action {
  padding-left: 0;
  padding-right: 0;
  text-align: center !important;
}

.attelu-table .td-edit .attelu-save:not(.none) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.attelu-table .td-edit .attelu-save button {
  display: inline-block;
  margin: 0;
  width: auto;
}

#attelu .none {
  display: none !important;
}

/* CC-17587 クリックできる箇所は人差し指マーク（pointer）で統一 */
tr[onclick],
td[onclick],
div[onclick],
span[onclick],
li[onclick] {
  cursor: pointer;
}

/* ラベル・サポートログ用 */
.label-sms {
  background-color: #3038c8;
}

.supported-log .supported-log-header .label-sms-font-color {
  color: #3038c8;
}

/* メッセージSMSタグ */
.message-sms-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e8ebf5;
  color: var(--neutral-900);
  font-size: 10px;
  padding: 0px 16px;
  border-radius: 12px;
  margin-right: 16px;
  line-height: 24px;
  height: 24px;
}

/* SMS情報フラグ・バルーン */
.message-line .sms_information_flag {
  font-size: 12px;
  margin-left: 6px;
  position: relative;
  top: 10px;
}

.sms_information_balloon {
  bottom: -900%;
  left: 50px;
}
.sms_information_balloon:before {
  top: -17%;
  left: 30%;
  border-color: transparent transparent #D1D5DB transparent;
}
.sms_information_balloon:after {
  top: calc(-17% + 1px);
  left: 30%;
  border-color: transparent transparent #FFFFFF transparent;
}

/* 一括編集モーダル内のSMS項目スタイル */
#bulkedit_modal .sms-basic-notice {
  background-color: #fcf8e3;
  border: 1px solid #feeb3b;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 10px;
}

#bulkedit_modal .sms-basic-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #8d6e63;
  line-height: 1.4;
}

#bulkedit_modal .sms-count-notice {
  background-color: #eff4fa;
  border: 1px solid #326ec8;
  border-radius: 4px;
  padding: 5px;
  margin: 10px 0 10px;
}

#bulkedit_modal .sms-count-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #404974;
  line-height: 1.4;
}

#bulkedit_modal .short-url-section {
  padding: 10px 0 10px 0;
}

#bulkedit_modal .short-url-container {
  margin-top: 8px;
}

#bulkedit_modal .short-url-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

#bulkedit_modal .short-url-label {
  font-size: 12px;
  min-width: 100px;
  font-weight: 600;
  color: #404974;
}

#bulkedit_modal .short-url-item input[type="text"] {
  flex: 1;
  max-width: 950px;
}

#bulkedit_modal .sms-form-container .mailer-body-left .sms_body {
  min-height: 320px;
}

#bulkedit_modal .remind-sms-tab .tabs .active {
  background-color: #42a5f5;
}

/* オートメーション内のSMSスタイル */
#automation .mailer-body-left .sms_body {
  min-height: 320px;
}

#automation .sms-basic-notice {
  background-color: #fcf8e3;
  border: 1px solid #feeb3b;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 10px;
}

#automation .sms-count-notice {
  background-color: #eff4fa;
  border: 1px solid #326ec8;
  border-radius: 4px;
  padding: 5px;
  margin: 10px 0 10px;
}

#automation .sms-basic-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #8d6e63;
  line-height: 1.4;
}

#automation .sms-count-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #404974;
  line-height: 1.4;
}

#automation .short-url-section {
  padding: 10px 0 10px 0;
}

#automation .short-url-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

#automation .short-url-label {
  font-size: 12px;
  min-width: 100px;
  font-weight: 600;
  color: #404974;
}

#automation .short-url-item input[type="text"] {
  flex: 1;
  max-width: 950px;
}


#schedule-event-main .sms-basic-notice {
  background-color: #fcf8e3;
  border: 1px solid #feeb3b;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 10px;
}

#schedule-event-main .sms-count-notice {
  background-color: #eff4fa;
  border: 1px solid #326ec8;
  border-radius: 4px;
  padding: 5px;
  margin: 10px 0 10px;
}

#schedule-event-main .sms-basic-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #8d6e63;
  line-height: 1.4;
}

#schedule-event-main .sms-count-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #404974;
  line-height: 1.4;
}

#schedule-event-main .short-url-section {
  padding: 10px 0 10px 0;
}

#schedule-event-main .short-url-container {
  margin-top: 8px;
}

#schedule-event-main .short-url-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

#schedule-event-main .short-url-label {
  font-size: 12px;
  min-width: 100px;
  font-weight: 600;
  color: #404974;
}

#schedule-event-main .short-url-item input[type="text"] {
  flex: 1;
  max-width: 950px;
}

#schedule-event-main .sms-form-container .mailer-body-left .sms_body {
  min-height: 362px;
}

#sms-section-container > .event-sms-block + .event-sms-block {
  margin-top: 60px;
}

#sms-section-container .add_senddate {
  margin-left: 0;
}

#sms-section-container .event-sms-block > .flex > .icon.has-balloon {
  margin-left: 10px;
}

#sms-section-container .flex.flex-a-center.mt5 p,
#sms-section-container .flex.flex-a-center.pl10 p {
  font-size: 12px;
}

#sms-section-container .event-sms-block > .flex > .icon.has-balloon .balloon {
  left: 0;
  transform: translate(-10px, -10px);
}
#sms-section-container .event-sms-block > .flex > .icon.has-balloon .balloon:before {
  left: 16px;
  transform: none;
}
#sms-section-container .event-sms-block > .flex > .icon.has-balloon .balloon:after {
  left: 16px;
  transform: none;
}

.sms-form-container .mailer-body-row {
  border-bottom: none;
}

.sms-form-container .mailer-label-container {
  border-top: 1px solid #cdcdcd;
}

.sms-form-container .mailer-body-right {
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

.sms-form-container .mailer-body-left .preview-content {
  border-width: 1px;
  height: auto;
  min-height: 362px;
  box-sizing: border-box;
}

/* 候補者個人ページの日程調整用SMSスタイル */
#personal-schedule .short-url-container {
  margin-top: 8px;
}

#personal-schedule .short-url-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

#personal-schedule .short-url-label {
  font-size: 12px;
  min-width: 100px;
  font-weight: 600;
  color: #404974;
}

#personal-schedule .short-url-item input[type="text"] {
  flex: 1;
  max-width: 950px;
}

#personal-schedule .sms-form-container .mailer-body-left .sms_body {
  min-height: 362px;
}

#personal-schedule .sms-basic-notice {
  background-color: #fcf8e3;
  border: 1px solid #feeb3b;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 10px;
}

#personal-schedule .sms-basic-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #8d6e63;
  line-height: 1.4;
}

#personal-schedule .sms-count-notice {
  background-color: #eff4fa;
  border: 1px solid #326ec8;
  border-radius: 4px;
  padding: 5px;
  margin: 10px 0 10px;
}

#personal-schedule .sms-count-notice .sms-notice-item {
  margin: 5px 0;
  font-size: 12px;
  color: #404974;
  line-height: 1.4;
}

/* SweetAlert showLoaderOnConfirm: disabled確認ボタン上のローダーが白背景で見えない対策（中途など） */
.sweet-alert button.confirm[disabled] ~ .la-ball-fall,
.sweet-alert button.cancel[disabled] ~ .la-ball-fall {
  color: #2B3C8A;
}
/* 書類選考画面の toastr（positionClass: screening-toast） */
#toast-container.screening-toast > div {
  width: 320px;
  padding: 17px 17px 17px 52px;
  opacity: 0.95;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
}

#toast-container.screening-toast > div:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

#toast-container.screening-toast .toast-message {
  font-size: 16px;
  line-height: 1.5;
}

#toast-container.screening-toast .toast-title {
  font-size: 16px;
  line-height: 1.5;
}

.screening-slide-panel-backdrop {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.18);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

.screening-slide-panel-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.screening-slide-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 80vw;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  transform: translateX(100%);
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.3s ease, visibility 0s linear 0.3s;
  display: flex;
  flex-direction: column;
}

.screening-slide-panel.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
  transition: transform 0.3s ease, visibility 0s linear 0s;
}

.screening-slide-panel-header {
  flex: 0 0 auto;
  padding: 16px 20px;
  border-bottom: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.screening-panel-header-zone {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}

.screening-panel-header-zone--identity {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-end;
}

.screening-panel-decision-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  padding: 12px 16px;
  background: #f7f9fc;
  border: 1px solid #dde4ee;
  border-radius: 4px;
  box-sizing: border-box;
}

.screening-panel-decision-title {
  flex: 0 0 auto;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3;
  color: #111;
}

.screening-panel-header-student {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 10px 14px;
}

.screening-panel-header-name-line {
  margin: 0;
}

.screening-panel-ai-summary {
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
}

.screening-panel-ai-summary .screening-panel-header-separator {
  color: var(--gray-200);
}

.screening-panel-ai-overall {
  font-size: 1.35rem;
  font-weight: bold;
  line-height: 1.2;
  min-width: 1.25em;
  text-align: center;
}

.screening-candidate-link--header {
  display: inline-flex;
  align-items: flex-end;
  gap: 4px;
  max-width: none;
  width: max-content;
  white-space: nowrap;
  font-size: 14px;
  color: var(--gray-300);
  text-decoration: none;
  min-width: 0;
}

.screening-candidate-link--header #screening-candidate-name-text {
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex-shrink: 1;
}

.screening-candidate-link--header .external-link-line {
  background-image: none;
  -webkit-mask: url("../../img/icons/external-link-line.svg") no-repeat center / contain;
  mask: url("../../img/icons/external-link-line.svg") no-repeat center / contain;
  background-color: currentColor;
  filter: none;
}

.screening-candidate-link--header:hover {
  color: var(--gray-300);
  text-decoration: underline;
}

.screening-th-ai-overall {
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
}

.screening-th-ai-overall:hover,
.screening-th-ai-overall:focus {
  background-color: #f0f0f0;
  outline: none;
}

.screening-th-created {
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
}

.screening-th-created:hover,
.screening-th-created:focus {
  background-color: #f0f0f0;
  outline: none;
}

.screening-sort-indicator {
  font-size: 0.85em;
  color: #555;
  font-weight: normal;
}

.screening-td-ai-overall {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}

.screening-candidate-link {
  flex: 1;
  min-width: 120px;
  max-width: 200px;
  color: #0066cc;
  text-decoration: underline;
}

.screening-candidate-link:hover {
  color: #004499;
}

/*
 * パネル外領域の右上: パネル幅 min(80%,80vw) に合わせ、左オーバーレイ内側に寄せる
 */
.screening-panel-close-outside {
  position: fixed;
  top: 18px;
  left: auto;
  right: 80%;
  right: calc(min(80%, 80vw) + 10px);
  z-index: 1001;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.screening-panel-close-outside.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.screening-panel-close-outside:hover {
  background-color: #f7f7f7;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
}

.screening-panel-close-outside:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

.screening-panel-close-outside-icon {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
  color: #333;
  font-family: Consolas, "Courier New", monospace;
  transform: translateX(1px);
}

.screening-slide-panel-body {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  min-height: 0;
  overflow: hidden;
}

.screening-panel-left {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e0e0e0;
  min-height: 0;
  overflow: hidden;
}

.screening-panel-left .heading-1,
.screening-panel-left .heading-2 {
  flex: 0 0 auto;
  padding: 16px 20px 0;
}

.screening-evaluate-area {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.screening-evaluate-area-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0 16px 16px;
}

.screening-panel-evaluation-mode {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
}

.screening-panel-left-heading {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 12px;
  padding: 8px 16px;
}

.screening-panel-left-heading .heading-1 {
  margin: 0;
}

.screening-ai-comment {
  white-space: pre-wrap;
  line-height: 1.6;
}

.screening-evaluation-create-form {
  margin-bottom: 8px;
}

/**
 * スライドパネル body 直下のフッター（中央寄せ・前後ナビ＋合否セグメント／一覧サマリーと同じ4択）
 */
.screening-slide-panel-footer {
  grid-column: 1 / -1;
  grid-row: 2;
  flex: 0 0 auto;
  padding: 16px;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  box-sizing: border-box;
}

.screening-slide-panel-footer-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.screening-slide-panel-footer-save-wrap {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  padding: 8px 16px;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  box-sizing: border-box;
}

.screening-slide-panel-nav-btn {
  box-sizing: border-box;
  height: 32px;
  padding: 1px 17px;
  margin: 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.48px;
  line-height: 12px;
  color: #1f2937;
  background: #fff;
  border: 1px solid #e9edf8;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  white-space: nowrap;
}

.screening-slide-panel-nav-btn:hover {
  background: #f9fafb;
}

.screening-slide-panel-nav-btn:focus {
  outline: none;
}

.screening-slide-panel-nav-btn:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

.screening-slide-panel-nav-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.screening-slide-panel-segmented {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  border: 1px solid #cad4e1;
  border-radius: 4px;
  overflow: hidden;
  flex: 0 0 auto;
}

.screening-slide-panel-segment {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}

.screening-slide-panel-segment-input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 1;
}

.screening-slide-panel-segment-face {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 38px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.48px;
  color: #111;
  background: #fff;
  border-left: 1px solid #cad4e1;
  user-select: none;
  white-space: nowrap;
}

.screening-slide-panel-segment:first-child .screening-slide-panel-segment-face {
  border-left: 0;
}

.screening-slide-panel-segment-input:not(:checked):hover + .screening-slide-panel-segment-face {
  background: #f7f9fc;
}

.screening-slide-panel-segment-input:checked + .screening-slide-panel-segment-face {
  background: #e8f5fc;
  color: #117cb2;
  font-weight: 700;
}

.screening-slide-panel-segment-input:focus {
  outline: none;
}

.screening-slide-panel-segment-input:focus-visible + .screening-slide-panel-segment-face {
  outline: 2px solid #0066cc;
  outline-offset: -2px;
}

/* 下線タブ（汎用） */
.tab-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
  margin: 0;
  padding: 8px 0 0;
  border-bottom: 1px solid #e0e5eb;
  box-sizing: border-box;
}

.tab-bar__tab {
  flex: 0 0 auto;
  margin: 0;
  padding: 4.5px 24px 6.5px;
  border: none;
  border-bottom: 3px solid transparent;
  background: transparent;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #959dac;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}

.tab-bar__tab:hover {
  color: #404f64;
}

.tab-bar__tab.is-active {
  padding-top: 3px;
  padding-bottom: 8px;
  font-weight: 700;
  color: #404f64;
  border-bottom-color: #404f64;
  cursor: default;
}

.tab-panels {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.tab-panel {
  display: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.tab-panel.is-active {
  display: -webkit-flex;
  display: flex;
}

.screening-panel-right {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.screening-panel-right-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 16px;
}

.screening-panel-right-body .tab-panels {
  flex: 1 1 auto;
  min-height: 0;
}

/* 右パネル: 学生資料 / アンケート / EF の共通ブロック（タイトル・灰色キャプション・本体） */
.screening-right-block {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  min-width: 0;
}

.screening-right-block__title {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  letter-spacing: 0.48px;
  line-height: normal;
}

.screening-right-block__caption {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-300);
  letter-spacing: 0.48px;
  line-height: normal;
}

.screening-right-block__body {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.screening-panel-right-body .screening-right-block__labeled-rows.labeled-rows .labeled-rows__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.screening-panel-right-body .labeled-rows .labeled-rows__group {
  gap: 16px;
}

.screening-panel-right-body .labeled-rows .labeled-rows__row {
  gap: 8px;
}

.screening-panel-right-body:has(#screening-right-tab-panel-resume.is-active) {
  padding: 0;
  overflow: hidden;
}

#screening-right-tab-panel-resume {
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

#screening-right-tab-panel-resume .screening-resume-viewer {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.screening-resume-toolbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  min-width: 0;
  background: #fff;
}

.screening-resume-toolbar[hidden] {
  display: none !important;
}

.screening-resume-toolbar__name {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  letter-spacing: 0.48px;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.screening-resume-pager {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.screening-resume-pager__counter {
  min-width: 3em;
  font-size: 14px;
  font-weight: 500;
  color: #404f64;
  text-align: center;
  letter-spacing: 0.48px;
}

.screening-resume-pager__btn {
  margin: 0;
  padding: 4px 10px;
  border: 1px solid #e0e5eb;
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.2;
  color: #404f64;
  cursor: pointer;
  box-sizing: border-box;
}

.screening-resume-pager__btn:hover:not(:disabled) {
  background: #f5f5f5;
}

.screening-resume-pager__btn:disabled {
  color: #959dac;
  cursor: default;
  opacity: 0.6;
}

.screening-resume-viewport {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.screening-resume-slide {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 0;
}

.screening-resume-slide.is-active {
  display: block;
}

.screening-resume-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  box-sizing: border-box;
}

.screening-resume-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  box-sizing: border-box;
  border: none;
}

.screening-list-row {
  cursor: pointer;
}

.screening-list-row:hover td {
  background-color: #fffcca;
}

.th-evaluate-itemname {
  width: 120px;
}

.th-evaluate-criteria {
  width: 140px;
}

.text-pre-line {
  white-space: pre-line;
}

#screening-ai-display-mode .table,
.screening-evaluation-create-form .table {
  table-layout: fixed;
  width: 100%;
}

.screening-evaluation-create-form #screening-manual-eval-tbody > tr > th,
.screening-evaluation-create-form #screening-manual-eval-tbody > tr > td,
#screening-ai-display-mode #screening-ai-eval-tbody > tr > th,
#screening-ai-display-mode #screening-ai-eval-tbody > tr > td {
  vertical-align: top;
  padding: 16px 15px;
  height: auto;
  min-height: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.screening-evaluation-create-form #screening-manual-eval-tbody > tr > th,
#screening-ai-display-mode #screening-ai-eval-tbody > tr > th {
  font-weight: 500;
  text-align: left;
}

.screening-form-eval-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

.screening-form-eval-content .screening-form-comment,
.screening-form-eval-content .screening-form-evaluation-free {
  width: 100%;
  box-sizing: border-box;
}

.screening-form-eval-content select.dropdown.screening-form-item-value,
.screening-form-eval-content select.dropdown.screening-form-overall-evaluation {
  box-sizing: border-box;
  min-width: 0;
  max-width: 280px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.screening-form-eval-content select.dropdown.screening-form-item-value option,
.screening-form-eval-content select.dropdown.screening-form-overall-evaluation option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#screening-ai-display-mode .screening-form-eval-content select.dropdown:disabled:hover {
  opacity: 1;
  cursor: not-allowed;
}

.external-link-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
  background-image: url("../../img/icons/external-link-line.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.screening-th-decision-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.screening-th-decision .has-tooltip {
  overflow: visible;
}

.screening-th-decision-label .icon-shape_help {
  flex-shrink: 0;
}

.screening-th-decision-tooltip {
  display: block;
  width: 240px;
  max-width: 240px;
  height: auto;
  min-height: 20px;
  padding: 6px 10px;
  line-height: 1.5;
  white-space: normal;
  text-align: left;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

/**
 * 選考ステップと合否サマリを横並びにし、サマリ内はラベルとツールバーを上下中央揃え
 */
.screening-list-filters-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin-bottom: 20px;
}

.screening-step-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.screening-step-container #screening-step-filter-select {
  box-sizing: border-box;
  min-width: 120px;
  max-width: 280px;
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.screening-step-container #screening-step-filter-select option,
.screening-step-container #screening-step-filter-select optgroup {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.screening-job-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.screening-job-container #screening-job-filter-select {
  box-sizing: border-box;
  min-width: 120px;
  max-width: 280px;
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.screening-job-container #screening-job-filter-select option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * 最終合否サマリ
 */
.screening-decision-summary-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
  min-height: 38px;
  flex: 0 1 auto;
  min-width: 0;
}

.screening-decision-summary-filters {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.screening-decision-summary-status-filter {
  flex: 0 0 auto;
  margin: 0;
  white-space: nowrap;
}

.screening-decision-summary-title {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 19px;
  color: #404f64;
  white-space: nowrap;
}

.screening-decision-summary {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: stretch;
  box-sizing: border-box;
  min-height: 38px;
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #cad4e1;
  border-radius: 4px;
  overflow: hidden;
}

.screening-decision-summary-filter {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 36px;
  margin: 0;
  padding: 6px 16px;
  font: inherit;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.48px;
  text-decoration: none;
  background-color: #ffffff;
  border: none;
  border-right: 1px solid #cad4e1;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background-color 0.12s ease,
    color 0.12s ease;
}

.screening-decision-summary-filter:last-child {
  border-right: none;
}

.screening-decision-summary-filter-label {
  font-weight: 500;
  color: #111111;
}

.screening-decision-summary-count {
  font-weight: 500;
  color: var(--gray-300);
  font-variant-numeric: tabular-nums;
}

.screening-decision-summary-filter:hover {
  text-decoration: none;
  background-color: #f7f9fc;
}

.screening-decision-summary-filter:hover .screening-decision-summary-filter-label {
  color: #111111;
}

.screening-decision-summary-filter:hover .screening-decision-summary-count {
  color: #6b7785;
}

.screening-decision-summary-filter:focus {
  outline: 2px solid #1860b5;
  outline-offset: 1px;
}

.screening-decision-summary-filter:focus:not(:focus-visible) {
  outline: none;
}

.screening-decision-summary-filter[aria-pressed="true"] {
  background-color: #e8f5fc;
  box-shadow: none;
}

.screening-decision-summary-filter[aria-pressed="true"] .screening-decision-summary-filter-label {
  font-weight: 700;
  color: var(--lightblue-700);
}

.screening-decision-summary-filter[aria-pressed="true"] .screening-decision-summary-count {
  font-weight: 700;
  color: var(--lightblue-400);
}


.screening-decision-summary-filter[aria-pressed="true"]:hover .screening-decision-summary-filter-label {
  color: var(--lightblue-700);
}

.screening-decision-summary-filter[aria-pressed="true"]:hover .screening-decision-summary-count {
  color: var(--lightblue-400);
}

.screening-main--sticky-footer {
  padding-bottom: 120px;
}

.screening-list-sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  margin: 0;
  padding: 24px 20px;
  color: #fff;
  border-top: 1px solid #d0d0d0;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  isolation: isolate;
}

.screening-list-sticky-footer::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--gray-100);
  opacity: 0.75;
}

.screening-list-sticky-footer.has-selection::before {
  background: rgba(6, 87, 148, 0.7);
  opacity: 1;
}

.screening-list-sticky-footer.is-empty::before {
  background: #cdcdcd;
  opacity: 1;
}

.screening-list-sticky-footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px 28px;
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.screening-list-sticky-footer-label {
  margin: 0;
  flex: 0 0 auto;
  font-size: 1rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}

#screening-footer-selected-count {
  font-size: 24px;
  font-weight: 700;
}

.screening-list-sticky-footer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-width: 0;
}

.screening-th-decision {
  overflow: visible;
  white-space: nowrap;
  text-align: center;
}

.screening-td-decision {
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
}

.participant-list .table td.screening-td-entry-root .screening-td-entry-root-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.participant-list .table td.screening-td-job {
  vertical-align: top;
}

.participant-list .table td.screening-td-job .screening-td-job-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.participant-list .table td.screening-td-job .label-job {
  display: block;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.screening-list-row--filter-hidden {
  display: none;
}

.screening-panel-left-heading-title {
  font-size: 18px;
  font-weight: 700;
}

.screening-list-heading-row {
  display: flex;
}

.screening-list-heading-row .heading-1 {
  margin-bottom: 0;
}

.screening-change-step-mode-selector {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #f7f9fc;
  border: 1px solid #dde4ee;
  border-radius: 4px;
}

.screening-change-step-mode-selector span {
  font-weight: bold;
}

#screening-change-step-modal .modal-body {
  max-height: 70vh;
  overflow-y: auto;
}

#screening-change-step-modal .flow_mini_container {
  margin-bottom: 20px;
}

#screening-change-step-modal .bulk_change_step {
  margin: 10px 0 20px;
}

#screening-change-step-modal h3 {
  margin: 20px 0 10px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

#screening-change-step-modal .send_btn {
  margin-top: 20px;
}

/* --------------------------------------------------------------------------
   labeled-rows — 閲覧専用のラベル付き縦積み（枠内スクロール・区切り線）
   書類選考パネルのアンケート表示などで利用。子は .labeled-rows 配下にのみ記述する。
   -------------------------------------------------------------------------- */

/* 右パネルは外側1本の縦スクロールに統一する（枠内の二重スクロールをやめる） */
.screening-panel-right-body .labeled-rows .labeled-rows__panel {
  max-height: none;
  overflow-y: visible;
  padding: 16px;
}

.labeled-rows {
  box-sizing: border-box;
}

.labeled-rows .labeled-rows__section-heading {
  margin: 0;
  padding: 16px 20px 16px;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  letter-spacing: 0.48px;
  line-height: normal;
}

.labeled-rows .labeled-rows__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 20px 20px;
  box-sizing: border-box;
}

.labeled-rows .labeled-rows__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.labeled-rows .labeled-rows__group-caption {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-300);
  letter-spacing: 0.48px;
  line-height: normal;
}

.labeled-rows .labeled-rows__panel {
  border: 1px solid #c0c7d0;
  border-radius: 4px;
  padding: 16px 8px;
  max-height: min(564px, 55vh);
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  box-sizing: border-box;
}

.labeled-rows .labeled-rows__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.labeled-rows .labeled-rows__row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #c0c7d0;
}

.labeled-rows .labeled-rows__row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.labeled-rows .labeled-rows__label {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-300);
  line-height: 1.5;
  letter-spacing: 0.36px;
  word-break: break-all;
}

.labeled-rows .labeled-rows__value {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #404f64;
  line-height: 1.5;
  word-break: break-all;
}