@charset "UTF-8";
* {
  font-family: -apple-system, BlinkMacSystemFont, '.SFNSDisplay-Regular', Helvetica Neue, Helvetica, Arial, Roboto, 'Droid Sans', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  box-sizing: border-box !important;
  outline: none;
}

html {
  font-size: 14px;
}

body {
  background-color: #D8D8D8;
  color: #3C4050;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

a {
  color: #8C95A3;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #8C95A3;
}
a.accountEdit {
  margin-left: 30px;
  color: #F39800;
}
a.settingLink {
  color: #F39800;
  font-size: 0.85714rem;
  margin-top: 10px;
  display: block;
}
a.settingLink i {
  font-size: 1rem;
}

hr {
  height: 1px;
  background-color: #DDDDDF;
  margin-bottom: 30px;
}
hr.minMargin {
  margin: 15px 0;
}

h2,
h3 {
  color: #5D6175 !important;
}

h2 {
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 1.42857rem;
  font-weight: bold;
}

h3 {
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 1.28571rem;
  font-weight: bold;
}

i.-authenticated {
  color: #F39800 !important;
}

.bg-base {
  background-color: #ffffff !important;
}

.bg-default {
  background-color: #F3F3F4 !important;
}

#page-wrapper.-wide {
  margin: 0 !important;
}

.navbar-default {
  min-height: 100vh;
  background: #3C4050;
}

.blockContainer {
  padding: 30px 0;
}
.blockContainer.-white {
  background-color: #ffffff;
  padding: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

.compactContainer {
  max-width: 500px;
  margin: auto;
}

.title {
  margin-bottom: 15px;
  color: #5D6175;
  font-weight: bold;
  position: relative;
}
.title .count {
  margin-left: 20px;
  color: #5D6175;
  font-size: 1.42857rem;
}
.title .total {
  font-size: 1.42857rem;
  color: #F34F00;
  margin-left: 15px;
}
.title .titleLink {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.14286rem;
}
.title .titleLink a {
  color: #F39800;
  font-weight: bold;
}
.title .titleLink a i {
  font-size: 1.71429rem;
  vertical-align: middle;
}

.wrapper-content {
  margin: auto;
  padding: 30px 0 80px;
}
@media screen and (min-width: 1074px) {
  .wrapper-content {
    max-width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .wrapper-content {
    padding: 100px 0 80px;
  }
}

.pagination {
  margin: 0 auto 15px;
  width: max-content;
  justify-content: center;
}
.pagination .page-item .page-link {
  color: #5D6175;
}
.pagination .page-item:not(.active) .page-link:hover {
  background: #bbbec9;
  color: #ffffff;
}
.pagination .page-item.active .page-link {
  color: #ffffff;
  background-color: #5D6175 !important;
  border-color: #5D6175 !important;
}

@media screen and (max-width: 768px) {
  .bottomButtons {
    flex-direction: column;
    text-align: center;
  }
}
.bottomButtons .apnBtn {
  margin: 30px 0;
}
@media screen and (max-width: 768px) {
  .bottomButtons .apnBtn {
    margin: 30px auto;
  }
}
.bottomButtons .apnBtn:not(:first-child) {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .bottomButtons .apnBtn:not(:first-child) {
    margin: 0 auto 30px;
  }
}

.btn-group {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 5px;
  margin-bottom: 15px;
}
.btn-group.switch .btn, .btn-group.switch-triangle .btn {
  padding: 0;
  background-color: #ffffff;
  box-shadow: none !important;
  flex: 1 1 25% !important;
}
.btn-group.switch .btn a, .btn-group.switch-triangle .btn a {
  width: 100%;
  line-height: 38px;
  padding: 0;
  text-align: center;
  display: inline-block;
  color: #5D6175;
}
.btn-group.switch i, .btn-group.switch-triangle i {
  position: inherit;
  font-style: normal;
}
.btn-group.switch .btn {
  border: 1px solid #DDDDDF;
}
.btn-group.switch .btn.active {
  background-color: #5D6175;
}
.btn-group.switch .btn.active a {
  color: #ffffff;
}
.btn-group.switch .btn:not(.active) a:hover {
  background: #bbbec9;
  color: #ffffff;
}
.btn-group.switch-triangle {
  border: 1px solid #DDDDDF;
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
}
.btn-group.switch-triangle .btn {
  position: relative;
  border: 0px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btn-group.switch-triangle .btn:before, .btn-group.switch-triangle .btn:after {
  width: 40px;
  height: 80px;
  background-size: contain;
  content: "";
  position: absolute;
}
.btn-group.switch-triangle .btn:before {
  top: 0;
  left: 0;
}
.btn-group.switch-triangle .btn:after {
  top: 0;
  right: -39px;
  z-index: 3;
}
.btn-group.switch-triangle .btn a {
  padding: 12px 0;
}
.btn-group.switch-triangle .btn:not(:first-of-type):before {
  background-image: url("/static/images/companypage/tri/tri-normal.png");
}
.btn-group.switch-triangle .btn:not(:last-of-type):after {
  background-image: url("/static/images/companypage/tri/tri-normal.png");
}
.btn-group.switch-triangle .btn.active {
  background-color: #5D6175;
}
.btn-group.switch-triangle .btn.active:after {
  background-image: url("/static/images/companypage/tri/tri-active.png");
}
.btn-group.switch-triangle .btn.active a {
  color: #ffffff;
}
.btn-group.switch-triangle .btn.active + .btn:before {
  background-image: url("/static/images/companypage/tri/tri-active.png");
}
.btn-group.switch-triangle .btn:not(.active):hover:after {
  background-image: url("/static/images/companypage/tri/tri-normal.png");
}
.btn-group.switch-triangle p {
  margin-bottom: 0;
  line-height: 20px;
}
.btn-group.switch-triangle p .count {
  font-size: 20px;
  font-weight: bold;
}
.btn-group.switch-triangle p:nth-of-type(2) {
  margin-top: 12px;
}
.btn-group.flatMarginSwitch {
  margin-bottom: 0;
  line-height: 30px;
}
.btn-group.flatMarginSwitch .btn {
  max-width: 150px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  font-size: 0.85714rem;
}
.btn-group.flatMarginSwitch .btn a {
  color: #8C95A3;
}
.btn-group.flatMarginSwitch .btn:not(:last-of-type) {
  margin-right: 15px;
}

.tag-group {
  display: flex;
  padding-left: 0;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .tag-group {
    flex-wrap: wrap;
  }
}
.tag-group .tag {
  border-radius: 25px;
  line-height: 30px;
  padding: 0 20px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #ffffff;
  color: #F39800 !important;
  border: 1px solid #F39800;
}
.tag-group .tag:hover {
  background: #ffdea7;
}
.tag-group .tag:not(:last-of-type) {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .tag-group .tag {
    margin: 10px 0;
  }
}

.apnLabel {
  background: #F39800;
  color: #ffffff;
  font-size: 0.85714rem;
  padding: 2px 5px;
  display: inline-block;
}

.apnInformationLabel {
  background: #F39800;
  color: #ffffff;
  font-size: 0.85714rem;
  display: inline-block;
  width: 110px;
  text-align: center;
  border-radius: 10px;
  line-height: 20px;
}

.noDataComponent {
  width: 380px;
  padding: 30px 0 60px;
  margin: auto;
  text-align: center;
}
.noDataComponent .title {
  margin-bottom: 15px;
  font-size: 1.42857rem;
  font-weight: bold;
  color: #5D6175;
}
.noDataComponent .sentence {
  margin-bottom: 30px;
}
.noDataComponent .icon i {
  font-size: 150px;
  color: #8C95A3;
}
.noDataComponent.-padding-lg {
  padding-top: 120px;
}

.profile {
  width: 100%;
  margin-bottom: 30px;
}
.profile .avatar {
  width: 110px;
}
.profile .avatar img {
  width: 100%;
}
.profile .contents {
  width: calc(100% - 110px);
  margin-left: 15px;
}
.profile .contents .form_list {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.profile .contents .form_list form {
  padding: 10px 5px;
}
.profile .contents .form_list .notify_add_line_friend_url {
  width: 300px;
}
.profile .contents .name {
  font-size: 1.42857rem;
  color: #5D6175;
  margin-bottom: 10px;
}
.profile .contents .details span:not(:last-of-type) {
  margin-right: 30px;
}
.profile .contents hr {
  margin: 10px 0;
}
.profileStatus img {
  max-width: 85px;
}
.profileStatus .date {
  line-height: 30px;
  display: inline-block;
  font-size: 1rem;
  margin-left: 15px;
}
.profile-border {
  padding: 17px 15px;
  border: 1px solid #DDDDDF;
  margin-bottom: 30px;
  position: relative;
}
.profile-border.-editable {
  padding: 17px 15px;
  margin-top: 15px;
  margin-bottom: 0;
  border: 1px solid #DDDDDF;
}
.profile-border.-editable .edit {
  position: absolute;
  top: 17px;
  right: 15px;
}
.profile-border.-editable .edit .apnBtn {
  margin: 0;
}
.profile.-minMargin {
  margin-bottom: 15px;
}
.profile.-mini {
  margin-bottom: 15px;
}
.profile.-mini .avatar {
  width: 36px;
}
.profile.-mini .contents {
  width: calc(100% - 36px);
}
.profile.-mini .contents .date {
  color: #3C4050;
  font-size: 0.85714rem;
  line-height: 0.85714rem;
}
.profile.-mini .contents .name {
  font-size: 1rem;
  font-weight: bold;
}

.completeContainer {
  padding: 200px 0 60px;
}
@media screen and (max-width: 768px) {
  .completeContainer {
    padding: 100px 0 60px;
  }
}
.completeContainer h2,
.completeContainer .completeSentence {
  margin-bottom: 60px;
  text-align: center;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  width: 240px;
  border: none;
  color: #8C95A3;
  line-height: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link {
    width: 240px;
  }
}
.nav-tabs .nav-item.show .nav-link.active,
.nav-tabs .nav-link.active {
  border-bottom: 2px solid #2EA7E0;
  color: #2EA7E0;
}

.uploadAvatar {
  position: relative;
}
.uploadAvatar .noImage {
  background-color: #DDDDDF;
  color: #ffffff;
  width: 80px;
  height: 80px;
}
.uploadAvatar .noImage i {
  line-height: 80px;
  font-size: 50px;
}
.uploadAvatar #executeUpload {
  background-color: #2EA7E0;
  color: #ffffff;
  width: 38px;
  height: 38px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}
.uploadAvatar #executeUpload i {
  line-height: 38px;
  font-size: 1.71429rem;
}
.uploadAvatar .uploaded-face-image {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: no-repeat center center;
  background-size: cover;
}

.uploadCompanyCode .uploaded-company-code {
  margin-bottom: 15px;
}
.uploadCompanyCode .uploaded-company-code img {
  max-width: 200px;
}

.block.-bottomAdoption {
  margin-bottom: 230px;
}
.block.-bottomFixedBox {
  margin-bottom: 110px;
}
.blockHead {
  position: relative;
}
.blockHead .includeSample {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.14286rem;
}
.blockHead .includeSample a {
  color: #F39800;
}
.blockHead .includeSample i {
  margin-right: 5px;
  font-size: 1.28571rem;
}
.blockHead .controlSubscription .apnBtn {
  margin: 0;
}
.blockHead .controlSubscription .apnBtn:not(:first-of-type) {
  margin-left: 15px;
}
.blockHead .jumpTo,
.blockHead .dlQcord {
  color: #F39800;
  font-weight: bold;
}
.blockHead .jumpTo {
  font-size: 1.14286rem;
}
.blockHead .jumpTo i {
  font-size: 1.28571rem;
  margin-right: 5px;
}
.blockHead .dlQcord {
  margin-left: 40px;
}
.blockHead .dlQcord i {
  font-size: 1.42857rem;
  margin-left: 3px;
}
.blockBody nav.crossover-nav {
  padding: 6px 0;
  margin: 0;
  overflow-x: hidden;
}
.blockBody nav.crossover-nav .nav.nav-tabs {
  box-shadow: 0px 1px 6px 1px #DDDDDF;
  border-bottom: none;
}

.modal-md {
  max-width: 600px;
}

.modal-content {
  padding: 20px;
  border-radius: 10px;
}
.modal-content .modalCaution {
  color: #F34F00;
  margin-bottom: 30px;
}
.modal-content .wrapEdittedMemo {
  margin-bottom: 30px;
}
.modal-content .address-date {
  font-size: 0.85714rem;
  margin-bottom: 0;
}
.modal-content .address-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  margin-bottom: 0;
}

.inmodal .modal-body {
  background-color: #ffffff;
  padding: 0;
}
.inmodal .modal-body .modal-message {
  margin: 60px 0 80px;
}
.inmodal .modal-body .modal-message.-minMarginBottom {
  margin: 60px 0 30px;
}
.inmodal .modal-body .modal-message.-noMargin {
  margin: 0 0 15px;
}
.inmodal .modal-body .modal-message.-schedule {
  margin: 0 0 30px;
}
.inmodal .modal-body .modal-message.-address {
  margin: 30px 0;
}
.inmodal .modal-body .modal-notice {
  color: #F34F00;
  margin-top: 30px;
}
.inmodal .modal-body .modal-subDescription {
  margin-top: -60px;
  margin-bottom: 60px;
  font-size: 1rem;
}
.inmodal .modal-body .modal-subDescription.-noMarginBottom {
  margin-bottom: 0;
}
.inmodal .modal-body .modal-subDescription.-minMarginBottom {
  margin-bottom: 15px;
}

.modal-body .deleteTitle {
  font-size: 1.14286rem;
  color: #3C4050;
  margin: 40px 0 30px;
}
.modal-body .deleteNote {
  color: #3C4050;
  margin-bottom: 30px;
}
.modal-body .deleteNote.-orange {
  color: #F34F00;
}
.modal-body .deletePrevention-list ul,
.modal-body .deletePreventionBox-list ul {
  padding-left: 20px;
}
.modal-body .deletePrevention-list ul li,
.modal-body .deletePreventionBox-list ul li {
  color: #5D6175;
}
.modal-body .deletePrevention-list ul li a,
.modal-body .deletePreventionBox-list ul li a {
  text-decoration: underline;
  color: #5D6175;
}
.modal-body .deletePrevention .deleteNote,
.modal-body .deletePreventionBox .deleteNote {
  margin-bottom: 15px;
}
.modal-body .deletePreventionBox {
  padding: 20px;
  background: #F3F3F4;
}
.modal-body .deleteTarget-avatar {
  width: 36px;
  margin-right: 5px;
}
.modal-body .deleteTarget-avatar img {
  width: 100%;
}
.modal-body .deleteTarget-info {
  width: calc(100% - (36px + 5px));
}
.modal-body .deleteTarget-info .data {
  font-size: 0.85714rem;
  line-height: 0.85714rem;
  margin-bottom: 5px;
}
.modal-body .deleteTarget-info .name {
  font-weight: bold;
}
.modal-body .deleteData {
  max-width: 560px;
  margin-top: 15px;
}
.modal-body .carousel {
  max-width: 680px;
  margin: 0 auto 30px;
}
.modal-body .carousel .carousel-item.-vertical img {
  max-width: 400px;
  margin: 0 auto;
}
.modal-body .carousel .imageTitle {
  margin-bottom: 30px;
}
.modal-body .carousel .carousel-control-next {
  right: -40px;
}
.modal-body .carousel .carousel-control-prev {
  left: -40px;
}
.modal-body .carousel .carousel-control-next,
.modal-body .carousel .carousel-control-prev {
  width: 40px;
  color: #5D6175;
  opacity: 1;
  font-size: 30px;
}
.modal-body .candidate {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 130%;
}
.modal-body .candidate .avatar {
  padding: 10px 10px;
}
.modal-body .candidate .avatar img {
  padding: 10px 10px;
  width: 80px;
}
.modal-body .candidate .tag {
  padding: 10px 10px;
}

.modal-footer .bottomButtons {
  margin: auto;
  justify-content: center;
}
.modal-footer .bottomButtons form {
  margin-left: 30px;
}
@media screen and (max-width: 999px) {
  .modal-footer .bottomButtons form {
    margin-left: 0;
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 999px) {
  .modal-footer .bottomButtons {
    flex-direction: column;
  }
  .modal-footer .bottomButtons .apnBtn:not(:first-child) {
    margin-left: 0;
    margin-top: 20px !important;
  }
}

.modalInputs {
  max-width: fit-content;
  text-align: left;
  margin: auto;
}

.u-bl-l {
  padding-left: 35px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .panelWrapper {
    flex-direction: column;
  }
}
.panelWrapper .panel {
  width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 768px) {
  .panelWrapper .panel {
    width: 100%;
  }
}
.panelWrapper .panel:first-of-type {
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .panelWrapper .panel:first-of-type {
    margin-right: 0;
  }
}
.panelWrapper .panel.-recruit {
  width: 100%;
}
.panelWrapper .panel.actionPanel {
  border: 2px solid #E0F2FA;
  background-color: #F4FBFD;
}
.panelWrapper .panel.actionPanel .panelHeader {
  background-color: #E0F2FA;
  padding-left: 20px;
}
.panelWrapper .panel.actionPanel .panelHeader h3 {
  margin: 0;
  line-height: 40px;
}
.panelWrapper .panel.actionPanel .panelBody {
  padding: 30px 20px;
}
.panelWrapper .panel.actionPanel .panelBody .evaluation {
  margin-bottom: 15px;
}
.panelWrapper .panel.actionPanel .panelBody .evaluation .categoryTitle {
  margin-bottom: 5px;
  font-weight: bold;
}
.panelWrapper .panel.actionPanel .panelBody .evaluationExecute .apnBtn {
  margin: 0 auto;
}
.panelWrapper .panel.actionPanel.-offerDetail {
  width: 100%;
  margin-top: 30px;
}

.detailPanel {
  border: 1px solid #DDDDDF;
  padding: 30px 20px;
}
.detailPanel .question {
  margin-bottom: 15px;
}
.detailPanel .question .apnLabel {
  margin-bottom: 15px;
}
.detailPanel .question .selectLabel {
  color: #5D6175;
  font-size: 0.71429rem;
  font-weight: bold;
}
.detailPanel .question .selectLabel:not(:first-of-type) {
  margin-top: 30px;
}
.detailPanel .question .selectContent {
  margin-top: 5px;
}
.detailPanel .question-text {
  margin-bottom: 30px;
  font-weight: bold;
  word-break: break-all;
}
.detailPanel .question-answer {
  padding-left: 10px;
}
.detailPanel .question-answer video,
.detailPanel .question-answer img {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}

.evaluation {
  margin-bottom: 60px;
}
.evaluation:last-of-type {
  margin-bottom: 30px;
}
.evaluation .executer {
  margin-bottom: 20px;
}
.evaluation .executer .avatar {
  width: 36px;
}
.evaluation .executer .avatar img {
  width: 100%;
}
.evaluation .executer .info {
  margin-left: 5px;
}
.evaluation .executer .info time {
  font-size: 0.85714rem;
}
.evaluation .executer .info .name {
  color: #5D6175;
  margin-top: -5px;
}
.evaluationDetail .wrapStars {
  margin-bottom: 10px;
}
.evaluationDetail .wrapStars .wrap {
  margin-bottom: 5px;
}
.evaluationDetail .wrapStars .category {
  font-size: 0.71429rem;
}
.evaluationDetail .comment {
  position: relative;
}
.evaluationDetail .commentDetail {
  position: relative;
  overflow: hidden;
  height: 50px;
}
.evaluationDetail .commentDetail:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
}
.evaluationDetail .commentTrigger {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -30px;
  line-height: 20px;
  margin-bottom: 0;
  color: #F39800;
}
.evaluationDetail .commentTriggerCheck {
  display: none;
}
.evaluationDetail .commentTriggerCheck:checked + .commentTrigger {
  display: none;
  /*チェックされていたら、grad-btnを非表示にする*/
}
.evaluationDetail .commentTriggerCheck:checked ~ .commentDetail {
  height: auto;
  /*チェックされていたら、高さを戻す*/
}
.evaluationDetail .commentTriggerCheck:checked ~ .commentDetail::before {
  display: none;
  /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
.evaluationDetail .comment.-expanded .commentDetail {
  overflow: auto;
  height: auto;
}
.evaluationDetail .comment.-expanded .commentDetail:before {
  display: none;
}
.evaluationDetail .comment.-expanded .commentTrigger {
  display: none;
}

.aiDetail {
  padding: 20px;
  background: #F3F3F4;
  margin-top: 30px;
}
@media (max-width: 1080px) {
  .aiDetail .aiDetailHead {
    display: block !important;
    text-align: center;
  }
  .aiDetail .aiDetailHead .aiIcon {
    margin: 0 auto 5px;
    width: auto;
  }
  .aiDetail .aiDetailHead .aiScore {
    margin: auto;
    width: auto;
    max-width: 240px;
  }
}
.aiDetail .aiIcon,
.aiDetail .aiScore {
  line-height: 50px;
}
.aiDetail .aiIcon {
  width: calc(100% - 240px);
  font-size: 0.85714rem;
  font-weight: bold;
}
.aiDetail .aiIcon img {
  height: 50px;
  margin-right: 5px;
}
.aiDetail .aiScore {
  width: 260px;
  background: #ffffff;
  border-radius: 25px;
  font-size: 0.85714rem;
  height: 50px;
}
.aiDetail .aiScore p {
  margin-bottom: 0;
}
.aiDetail .aiScore .scorePre {
  line-height: 50px;
}
.aiDetail .aiScore .score {
  font-size: 1.71429rem;
  font-weight: bold;
  margin-left: 10px;
}
.aiDetail .aiScore .scoreAppend {
  font-size: 1.28571rem;
}

.adoption {
  padding: 20px;
  background-color: #F4FBFD;
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100% - 220px);
  border: 2px solid #E0F2FA;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  .adoption {
    width: 100%;
  }
}
.adoption .d-flex {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .adoption .d-flex {
    display: block !important;
  }
}
.adoption .adoptExecute {
  display: flex;
}
@media screen and (max-width: 768px) {
  .adoption .adoptExecute {
    display: block;
  }
}
.adoption hr {
  margin: 10px 0 10px;
}
.adoption .apnInputGroup {
  display: inline-block;
  margin-bottom: 0;
}
.adoption .apnInputGroup label.-adopted, .adoption .apnInputGroup label.-notAdopted, .adoption .apnInputGroup label.-adoptedChecking {
  font-weight: bold;
}
.adoption .apnInputGroup label.-adopted {
  color: #F39800;
}
.adoption .apnInputGroup label.-notAdopted {
  color: #2EA7E0;
}
.adoption .apnInputGroup label.-adoptedChecking {
  color: #5D6175;
}
.adoption .exucuteButton {
  margin-left: 20px;
}
.adoption .exucuteButton .apnBtn {
  width: 120px;
  height: 30px;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .adoption .exucuteButton {
    margin-left: 0;
  }
}
.adoption .notificateMail {
  margin-left: 30px;
}
.adoption .notificateMail .apnBtn {
  margin: 0;
  height: 30px;
  line-height: 30px;
}
.adoption .notificateMail a {
  text-decoration: underline;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .adoption .notificateMail {
    margin-left: 0;
    margin-top: 10px;
  }
}
.adoption .requestSchedule {
  margin-left: 30px;
}
.adoption .requestSchedule .apnBtn {
  margin: 0;
  height: 30px;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .adoption .requestSchedule {
    margin-left: 0;
    margin-top: 10px;
  }
}
.adoption .notificated {
  color: #F39800;
  margin-top: 10px;
}
.adoption.-twinButton > .d-flex form.leftForm {
  width: calc(100% - 150px);
  max-width: initial;
}
@media screen and (max-width: 768px) {
  .adoption.-twinButton > .d-flex form.leftForm {
    display: block !important;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .adoption.-twinButton > .d-flex form {
    margin: auto;
  }
}

.anotation {
  width: 100%;
  padding: 15px;
  color: #5D6175;
  border: 1px solid #ffffff;
  margin-bottom: 30px;
}
.anotation.-primary {
  background-color: #E0F2FA;
}
.anotation.-secondary {
  background-color: #FDF0D9;
}
.anotation.-mt {
  margin-top: 30px;
}

.mailTemplateTag {
  margin-bottom: 30px;
}
.mailTemplateTag .tagTitle {
  margin-right: 15px;
  font-weight: bold;
  color: #5D6175;
  min-width: 100px;
}

.evaluationAxis {
  margin-bottom: 60px;
  background-color: #ffffff;
}
.evaluationAxis .axis {
  padding-left: 15px;
  line-height: 55px;
}
.evaluationAxis .axis:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}

.template-tabContent {
  padding: 30px 0;
}
.template-tabContent .apnRadioGroup {
  flex-flow: row wrap;
}
.template-tabContent .apnRadioGroup .card {
  margin: 0 15px 30px !important;
}
@media screen and (max-width: 768px) {
  .template-tabContent .apnRadioGroup .card {
    margin: 0 auto 30px !important;
  }
}

.apn-star-evaluate {
  font-size: 1.78571rem;
}

.apn-star-recruit {
  font-size: 1.14286rem;
}

.rating-container .filled-stars {
  color: #F3D414;
  text-shadow: none;
  -webkit-text-stroke-width: 0;
}
.rating-container .empty-stars {
  color: #DDDDDF;
}

.switchContractorTab {
  margin-bottom: 15px;
}
.switchContractorTab .tabBtn {
  padding: 15px 0;
  border: 1px solid #2EA7E0;
  width: calc((100% - 60px) / 3);
  background: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
.switchContractorTab .tabBtn:nth-of-type(2) {
  margin: 0 30px;
}
.switchContractorTab .tabBtn:hover {
  background: #8ec2db;
}
.switchContractorTab .tabBtn:hover span,
.switchContractorTab .tabBtn:hover p {
  color: #ffffff;
}
.switchContractorTab .tabBtn.active {
  background: #8ec2db;
  pointer-events: none;
}
.switchContractorTab .tabBtn.active span,
.switchContractorTab .tabBtn.active p {
  color: #ffffff;
}
.switchContractorTab .tabBtn img {
  width: 24px;
  vertical-align: top;
}
.switchContractorTab .tabBtn span {
  margin-left: 5px;
  font-size: 1.14286rem;
  font-weight: bold;
  line-height: 24px;
  display: inline-block;
  color: #5D6175;
}
.switchContractorTab .tabBtn p {
  margin: 0 0 0 5px;
  font-size: 0.85714rem;
  color: #5D6175;
  display: inline-block;
}

.contractCardWrap {
  padding: 15px;
  min-height: 208px;
  margin-bottom: 40px;
  position: relative;
}
.contractCardWrap--title {
  margin-bottom: 15px;
  font-weight: bold;
  color: #5D6175;
}
.contractCardWrap--title i {
  margin-right: 5px;
}
.contractCardWrap.-notYetEnterd {
  background: #F3F3F4;
  padding: 0;
  min-height: inherit;
}
.contractCardWrap.-notYetEnterd .collapseBlock {
  padding: 15px;
  position: relative;
  background: #F3F3F4;
}
.contractCardWrap.-notYetEnterd .collapseBlock.-collapse {
  overflow: hidden;
  max-height: 180px;
}
.contractCardWrap.-notYetEnterd .collapseBlock .cantractWrapNext {
  color: #5D6175;
}
.contractCardWrap.-notYetEnterd .cantractWrapNext {
  color: #5D6175;
}
.contractCardWrap.-notYetEnterd.-ended {
  padding: 15px;
}
.contractCardWrap.-enteredIndividual {
  background: rgba(46, 167, 224, 0.05);
}
.contractCardWrap.-enteredIndividual .contractCardWrap--title {
  color: #2EA7E0;
}
.contractCardWrap.-enteredIndividual .cantractWrapNext {
  color: #18CC79;
}
.contractCardWrap.-enteredIndividual .cantractWrapNext.-hasNext {
  color: #2EA7E0;
}
.contractCardWrap.-enteredContract {
  background: rgba(24, 204, 121, 0.05);
}
.contractCardWrap.-enteredContract .contractCardWrap--title {
  color: #18CC79;
}
.contractCardWrap .cards .card:not(:last-of-type) {
  margin-right: 13px;
}
.contractCardWrap .cantractWrapNext {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
  margin: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 2.28571rem;
}

.bottomFixed {
  background-color: #ffffff;
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100% - 220px);
  box-shadow: 10px 2px 10px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  .bottomFixed {
    width: 100%;
  }
}

.wrap-updateinfo {
  margin-bottom: 15px;
}
.wrap-updateinfo p {
  margin-bottom: 0;
}
.wrap-updateinfo p:not(:last-of-type) {
  margin-right: 30px;
}

.edittedMemo {
  margin-bottom: 15px;
}

.wrapStatus {
  margin-bottom: 30px;
}
.wrapStatus p {
  margin-bottom: 0;
}
.wrapStatus p.isBlackList {
  color: #F39800;
  margin-bottom: 10px;
}

.wrapMemo {
  line-height: 35px;
  position: relative;
  background: #F3F3F4;
  padding-left: 15px;
}
.wrapMemo .editMemo {
  color: #F39800;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
}
.wrapMemo span:not(:first-of-type) {
  margin-left: 15px;
}

.dropdown-toggle-img {
  width: 40px;
  margin-right: 10px;
  border-radius: 50%;
}

.dropdown-menu {
  z-index: 1030;
}

.minimumTag {
  display: inline-block;
  line-height: 20px;
  font-size: 0.85714rem;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid #8C95A3;
  color: #8C95A3;
  width: fit-content;
}
.minimumTag.-orange {
  border: 1px solid #F39800;
  color: #F39800;
}
.minimumTag.-fj {
  border: none;
  background: #2B82B5;
  color: #ffffff;
  font-size: 0.71429rem;
  line-height: 1.14286rem;
  padding: 0 5px;
  margin-right: 10px;
}
.minimumTag.-mynavi {
  display: inline-block;
  min-width: 72px;
  margin-right: 10px;
}

.statusTip {
  border-radius: 10px;
  line-height: 20px;
  min-width: 80px;
  padding: 0 15px;
  color: #ffffff;
  font-size: 0.85714rem;
  font-weight: bold;
  background-color: #8C95A3;
  display: inline-block;
  text-align: center;
}
.statusTip.-minPadding {
  padding: 0 10px;
}
.statusTip.-green {
  background-color: #18CC79;
}
.statusTip.-orange {
  background-color: #F6B240;
}
.statusTip.-blue {
  background-color: #2EA7E0;
}
.statusTip.-pink {
  background-color: #F87EA4;
}
.statusTip.-red {
  background-color: #F34F00;
}

.manualWrapper .manualBox {
  counter-reset: manualNo;
}
.manualWrapper .manualBox .manualLink {
  flex-basis: 50%;
  counter-increment: manualNo;
  margin-bottom: 20px;
  color: #5D6175;
}
.manualWrapper .manualBox .manualLink:before {
  content: counter(manualNo) ". ";
  color: #5D6175;
}
.manualWrapper .manualBox .manualLink a {
  color: #5D6175;
}
.manualWrapper .manualBox .manualLink a:hover {
  text-decoration: underline;
}
.manualWrapper .manualBox .manualLink a i {
  color: #F39800;
  margin-left: 5px;
}
.manualWrapper .manualBox:not(:last-of-type) {
  margin-bottom: 30px;
}

.homeSchedules {
  margin-bottom: 30px;
}
.homeSchedules .card {
  width: calc((100% - 60px) / 5);
}
.homeSchedules .card:not(:last-of-type) {
  margin-right: 15px;
}

.homeFlags {
  margin-bottom: 30px;
}
.homeFlags .card {
  width: calc((100% - 60px) / 3);
}
.homeFlags .card:not(:last-of-type) {
  margin-right: 30px;
}

.m-scroll-table {
  width: 100%;
  max-height: 85vh;
  overflow: scroll;
}

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

.-spShow {
  display: block !important;
}
@media screen and (min-width: 1000px) {
  .-spShow {
    display: none !important;
  }
}

.s3_cup_avatar_sm {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
}

.s3_cup_avatar_md {
  width: 110px;
  height: 110px;
  object-fit: cover;
  object-position: center;
}

.s3_candidate_avatar_sm {
  width: 36px;
  height: 36px;
  object-fit: cover;
  object-position: center;
}

.s3_candidate_avatar_md {
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: center;
}

.s3_candidate_avatar_mlg {
  width: 110px;
  height: 110px;
  object-fit: cover;
  object-position: center;
}

.s3_candidate_avatar_lg {
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
}

.s3_position_staff_avatar_md {
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.s3_position_image_md {
  width: 350px;
  object-fit: cover;
  object-position: center;
}

.s3_company_logo_sm {
  height: 50px;
  object-fit: cover;
  object-position: center;
}

.s3_employee_avatar_sm {
  width: 36px;
  height: 36px;
  object-fit: cover;
  object-position: center;
}

.s3_employee_avatar_md {
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: center;
}

.s3_employee_avatar_mlg {
  width: 110px;
  height: 110px;
  object-fit: cover;
  object-position: center;
}

.s3_employee_avatar_lg {
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
}

.s3_sign_file_sm {
  width: 100px;
  object-fit: cover;
  object-position: center;
}

.s3_sign_file_md {
  width: 150px;
  object-fit: cover;
  object-position: center;
}

.s3_sign_file_lg {
  width: 400px;
  object-fit: cover;
  object-position: center;
}

.s3_sign_file_xlg {
  width: 960px;
  object-fit: cover;
  object-position: center;
}

.apnBtn {
  border-radius: 25px;
  width: 300px;
  line-height: 50px;
  font-size: 1.14286rem;
  margin: 30px auto;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-width: 0;
  position: relative;
  cursor: pointer;
}
.apnBtn-positive {
  background: #2EA7E0;
  color: #ffffff !important;
}
.apnBtn-positive:hover {
  background: #1c8bbf;
}
.apnBtn-positiveSec {
  background: #ffffff;
  color: #2EA7E0 !important;
  border: 1px solid #2EA7E0;
}
.apnBtn-positiveSec:hover {
  background: #c9e8f7;
}
.apnBtn-negative {
  background: #8C95A3;
  color: #ffffff !important;
}
.apnBtn-negative:hover {
  background: #707b8c;
}
.apnBtn-negative.-disabled {
  background: #DDDDDF;
}
.apnBtn-negativeSec {
  background: #ffffff;
  color: #8C95A3 !important;
  border: 1px solid #8C95A3;
}
.apnBtn-negativeSec:hover {
  background: #eff0f2;
}
.apnBtn-disabled {
  background: #DDDDDF;
  color: #ffffff !important;
}
.apnBtn-disabled:hover {
  background: #c3c3c6;
}
.apnBtn-delate {
  background: #ffffff;
  color: #F45F5F !important;
  border: 1px solid #F45F5F;
}
.apnBtn-delate:hover {
  background: white;
}
.apnBtn-force {
  background: #F67B40;
  color: #ffffff !important;
}
.apnBtn-force:hover {
  background: #f4590f;
}
.apnBtn-iconed {
  width: 200px;
  line-height: 40px;
}
.apnBtn-iconed i {
  font-size: 1.42857rem;
  margin-right: 3px;
}
.apnBtn-iconed.-wide {
  width: 250px;
}
.apnBtn-iconed.-broad {
  width: 350px;
}
.apnBtn-imged img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-top: -3px;
}
.apnBtn-mini {
  width: 120px;
  line-height: 40px;
}
.apnBtn-middle {
  width: 150px;
  line-height: 40px;
}
.apnBtn-modal {
  width: 250px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.apnBtn.-noMargin {
  margin: 0;
}
.apnBtn.-norMarginTop {
  margin-top: 0;
}
.apnBtn.-littleMarginTop {
  margin-top: 5px;
}
.apnBtn.-norMarginBottom {
  margin-bottom: 0;
}
.apnBtn.-littleMarginBottom {
  margin-bottom: 5px;
}
.apnBtn.-mini {
  width: 130px;
  height: 30px;
  line-height: 30px;
  font-size: 0.85714rem;
}
.apnBtn.-mini.-wide {
  width: 200px;
}
.apnBtn.-schedule {
  font-size: 1rem;
  width: auto;
  line-height: 200%;
  margin: 5px auto;
}
.apnBtn.-fluid {
  width: 100%;
}

.registrationButton .apnBtn {
  margin: 0 auto 30px;
}
.registrationButton .apnBtn:not(:first-of-type) {
  margin-left: 15px;
}

.d-flex.flex-column .apnBtn:nth-of-type(2) {
  margin-top: 0;
}

.d-flex.flex-row .apnBtn {
  margin: 30px 0;
}
.d-flex.flex-row .apnBtn:not(:first-child) {
  margin-left: 30px;
}

.lineUppedButton .apnBtn:not(:last-of-type) {
  margin-right: 15px;
}

.pillButton {
  border-radius: 23px;
  min-width: 80px;
}

.apnInputGroup {
  margin-bottom: 30px;
}
.apnInputGroup.-noMt {
  margin-bottom: 0;
}
.apnInputGroup .inputLabel {
  color: #5D6175;
  position: relative;
  margin-bottom: 15px;
}
.apnInputGroup .inputLabel label {
  font-weight: bold;
  margin-bottom: 0;
}
.apnInputGroup .inputLabel.-required:after, .apnInputGroup .inputLabel.-option:after {
  color: #ffffff;
  display: inline-block;
  padding: 0 3px;
  font-size: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 1rem;
  margin: auto 0 auto 15px;
}
.apnInputGroup .inputLabel.-required:after {
  content: "必須";
  background-color: #F34F00;
}
.apnInputGroup .inputLabel.-option:after {
  content: "任意";
  background-color: #1877CC;
}
.apnInputGroup .inputLabel + .note {
  margin: -10px 0 10px;
}
.apnInputGroup .note {
  margin-bottom: 15px;
  font-size: 0.85714rem;
  color: #5D6175;
}
.apnInputGroup .note.-bottom {
  margin: 10px 0 0;
}
.apnInputGroup .note.-fMiddle {
  font-size: 1.14286rem;
}
.apnInputGroup .input-group .form-control {
  font-size: 1rem !important;
}
.apnInputGroup .input-group input[type=text], .apnInputGroup .input-group input[type=number], .apnInputGroup .input-group input[type=password], .apnInputGroup .input-group input[type=email], .apnInputGroup .input-group input[type=tel], .apnInputGroup .input-group input[type=url], .apnInputGroup .input-group select {
  line-height: 40px;
  height: 40px;
  padding: 0 0 0 15px;
  border-radius: 5px !important;
  border: 1px solid #DDDDDF !important;
}
.apnInputGroup .input-group input[type=text]:placeholder-shown, .apnInputGroup .input-group input[type=number]:placeholder-shown, .apnInputGroup .input-group input[type=password]:placeholder-shown, .apnInputGroup .input-group input[type=email]:placeholder-shown, .apnInputGroup .input-group input[type=tel]:placeholder-shown, .apnInputGroup .input-group input[type=url]:placeholder-shown, .apnInputGroup .input-group select:placeholder-shown {
  color: #8C95A3;
}
.apnInputGroup .input-group input[type=text]::-webkit-input-placeholder, .apnInputGroup .input-group input[type=number]::-webkit-input-placeholder, .apnInputGroup .input-group input[type=password]::-webkit-input-placeholder, .apnInputGroup .input-group input[type=email]::-webkit-input-placeholder, .apnInputGroup .input-group input[type=tel]::-webkit-input-placeholder, .apnInputGroup .input-group input[type=url]::-webkit-input-placeholder, .apnInputGroup .input-group select::-webkit-input-placeholder {
  color: #8C95A3;
}
.apnInputGroup .input-group input[type=text]:-moz-placeholder, .apnInputGroup .input-group input[type=number]:-moz-placeholder, .apnInputGroup .input-group input[type=password]:-moz-placeholder, .apnInputGroup .input-group input[type=email]:-moz-placeholder, .apnInputGroup .input-group input[type=tel]:-moz-placeholder, .apnInputGroup .input-group input[type=url]:-moz-placeholder, .apnInputGroup .input-group select:-moz-placeholder {
  color: #8C95A3;
  opacity: 1;
}
.apnInputGroup .input-group input[type=text]::-moz-placeholder, .apnInputGroup .input-group input[type=number]::-moz-placeholder, .apnInputGroup .input-group input[type=password]::-moz-placeholder, .apnInputGroup .input-group input[type=email]::-moz-placeholder, .apnInputGroup .input-group input[type=tel]::-moz-placeholder, .apnInputGroup .input-group input[type=url]::-moz-placeholder, .apnInputGroup .input-group select::-moz-placeholder {
  color: #8C95A3;
  opacity: 1;
}
.apnInputGroup .input-group input[type=text]:-ms-input-placeholder, .apnInputGroup .input-group input[type=number]:-ms-input-placeholder, .apnInputGroup .input-group input[type=password]:-ms-input-placeholder, .apnInputGroup .input-group input[type=email]:-ms-input-placeholder, .apnInputGroup .input-group input[type=tel]:-ms-input-placeholder, .apnInputGroup .input-group input[type=url]:-ms-input-placeholder, .apnInputGroup .input-group select:-ms-input-placeholder {
  color: #8C95A3;
}
.apnInputGroup .input-group input[type=text]:focus, .apnInputGroup .input-group input[type=number]:focus, .apnInputGroup .input-group input[type=password]:focus, .apnInputGroup .input-group input[type=email]:focus, .apnInputGroup .input-group input[type=tel]:focus, .apnInputGroup .input-group input[type=url]:focus, .apnInputGroup .input-group select:focus {
  border: 1px solid #2EA7E0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.apnInputGroup .input-group input[type=text]:disabled.-bgNonDisabled {
  background: #ffffff;
}
.apnInputGroup .input-group input[type=text], .apnInputGroup .input-group input[type=email], .apnInputGroup .input-group input[type=tel], .apnInputGroup .input-group input[type=url] {
  width: 100%;
}
.apnInputGroup .input-group input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}
.apnInputGroup .input-group input[type="checkbox"]:disabled + span:before {
  background-image: url("/static/images/bt_check_disable.svg");
}
.apnInputGroup .input-group input[type="checkbox"]:checked + span:before {
  background-image: url("/static/images/bt_check_on.svg");
}
.apnInputGroup .input-group input[type="checkbox"] + span:before {
  vertical-align: middle;
  content: '';
  background-image: url("/static/images/bt_check.svg");
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
}
.apnInputGroup .input-group textarea {
  width: 100%;
  border: 1px solid #DDDDDF;
  border-radius: 5px;
  padding: 15px;
}
.apnInputGroup .input-group textarea:placeholder-shown {
  color: #8C95A3;
}
.apnInputGroup .input-group textarea::-webkit-input-placeholder {
  color: #8C95A3;
}
.apnInputGroup .input-group textarea:-moz-placeholder {
  color: #8C95A3;
  opacity: 1;
}
.apnInputGroup .input-group textarea::-moz-placeholder {
  color: #8C95A3;
  opacity: 1;
}
.apnInputGroup .input-group textarea:-ms-input-placeholder {
  color: #8C95A3;
}
.apnInputGroup .input-group textarea + .limit {
  text-align: right;
  font-size: 0.71429rem;
  color: #8C95A3;
  width: 100%;
}
.apnInputGroup .input-group textarea:focus {
  box-shadow: none !important;
  outline: none !important;
}
.apnInputGroup .input-group .form-check-label {
  color: #3C4050 !important;
}
.apnInputGroup .input-group .invalid-feedback {
  color: #F34F00;
}
.apnInputGroup .input-group.-half input[type=text], .apnInputGroup .input-group.-half select, .apnInputGroup .input-group.-half textarea {
  max-width: 50%;
}
.apnInputGroup .input-group.-middle input[type=text], .apnInputGroup .input-group.-middle select, .apnInputGroup .input-group.-middle textarea {
  max-width: 300px;
  width: 300px;
}
.apnInputGroup .input-group.-min input[type=text], .apnInputGroup .input-group.-min select, .apnInputGroup .input-group.-min textarea {
  max-width: 205px;
  width: 205px;
}
.apnInputGroup .input-group.-addressNum input[type=text], .apnInputGroup .input-group.-addressNum select, .apnInputGroup .input-group.-addressNum textarea {
  max-width: 120px;
}
.apnInputGroup .input-group.-withButton .d-flex {
  width: 100%;
}
.apnInputGroup .input-group.-withButton input[type=text] {
  margin-right: 15px;
  max-width: calc(100% - (120px + 15px));
}
.apnInputGroup .input-group.-withButton .apnBtn {
  margin: 0;
}
.apnInputGroup .input-group.-withIcon .d-flex {
  width: 100%;
}
.apnInputGroup .input-group.-withIcon input[type=text] {
  margin-right: 10px;
  max-width: calc(100% - (24px + 10px));
}
.apnInputGroup .input-group.-withIcon i {
  font-size: 24px;
  color: #8C95A3;
  cursor: pointer;
}
.apnInputGroup .input-group.mailAuthentication i {
  margin-right: 5px;
  font-size: 1.42857rem;
}
.apnInputGroup .input-group.innerInput .innerGroup {
  width: 100%;
}
.apnInputGroup .input-group.innerInput .innerGroup input[type=text] {
  padding-left: 45px;
}
.apnInputGroup .input-group.innerInput .innerGroup span {
  color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 15px;
  height: 14px;
  font-size: 0.71429rem;
  padding: 0 3px;
}
.apnInputGroup .input-group.innerInput .innerGroup.-required span {
  background-color: #F34F00;
}
.apnInputGroup .input-group.innerInput .innerGroup.-required span:before {
  content: "必須";
}
.apnInputGroup .input-group.innerInput .innerGroup.-optional span {
  background-color: #1877CC;
}
.apnInputGroup .input-group.innerInput .innerGroup.-optional span:before {
  content: "任意";
}
.apnInputGroup .input-group span.-yen {
  line-height: 40px;
  margin-left: 5px;
}
.apnInputGroup .input-group.candidateTagEdit {
  width: 400px;
  margin: 0 auto;
}
.apnInputGroup .inputBirthday select {
  max-width: 200px;
}
.apnInputGroup .inputBirthday select:not(:first-of-type) {
  margin-left: 20px;
}
.apnInputGroup.uploadPhoto .uploadSample {
  text-align: center;
}
.apnInputGroup.uploadPhoto .uploadSample img {
  max-width: 150px;
}
.apnInputGroup.uploadPhoto .uploadSample .note {
  font-size: 0.71429rem;
  margin-bottom: 0;
}
.apnInputGroup.is-invalid input[type="text"], .apnInputGroup.is-invalid select {
  border: 1px solid #F34F00 !important;
}
.apnInputGroup.is-invalid .invalid-feedback {
  display: block;
}
.apnInputGroup.d-flex .input-group {
  width: fit-content;
}
.apnInputGroup.d-flex .input-group:not(:last-of-type) {
  margin-right: 30px;
}
.apnInputGroup input[type=file] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  font-size: 0;
  z-index: 1;
}
.apnInputGroup.-minMargin {
  margin-bottom: 15px;
}
.apnInputGroup.-search .input-group {
  z-index: 0;
}
.apnInputGroup.-search input[type=text] {
  padding-right: 105px;
}
.apnInputGroup.-search .searchButton {
  position: absolute;
  border-radius: 0 5px 5px 0;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  width: 100px;
  max-height: 40px;
  z-index: 3;
}
.apnInputGroup .inputError {
  font-size: 0.71429rem;
  color: #F34F00;
}
.apnInputGroup .mailTemplate {
  margin-top: 40px;
}
.apnInputGroup .mailTemplate .tag-group .inner__tag-group {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
}
.apnInputGroup .mailTemplate .tag-group .extended-tag, .apnInputGroup .mailTemplate .tag-group .rejected-tag, .apnInputGroup .mailTemplate .tag-group .conditional-tag {
  margin-left: 15px;
  margin-right: 0;
}
.apnInputGroup .mailTemplate .tag-group .extended-tag:first-of-type, .apnInputGroup .mailTemplate .tag-group .rejected-tag:first-of-type, .apnInputGroup .mailTemplate .tag-group .conditional-tag:first-of-type {
  margin-left: 30px;
}
.apnInputGroup.-colorPicker .input-group {
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.apnInputGroup.-colorPicker .input-group input[type="text"] {
  display: block !important;
  background: #ffffff;
}
.apnInputGroup.-colorPicker .input-group .sp-replacer {
  border: none;
  background: transparent;
}
.apnInputGroup.-colorPicker .input-group .sp-replacer .sp-dd {
  display: none;
}
.apnInputGroup.-colorPicker .input-group .sp-replacer .sp-preview {
  width: 38px;
  height: 38px;
}
.apnInputGroup.-candidateTagEdit {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px auto;
  align-items: center;
}

.candidate_tag_selection {
  max-width: 500px;
  min-width: 350px;
}
.candidate_tag_selection span {
  font-weight: 500;
}
.candidate_tag_selection .tableTag {
  padding: 0 10px;
}

.candidateTagEdit {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px 0;
  align-items: center;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.bulksending_mail_form {
  display: flex;
  flex-direction: column;
}
.bulksending_mail_form .template_selector {
  padding: 20px 0;
}
.bulksending_mail_form .template_selector label {
  color: #5D6175;
  font-weight: bold;
}
.bulksending_mail_form .tag {
  display: flex;
  flex-direction: row;
  border-color: grey;
  border-bottom: 1px solid;
}
.bulksending_mail_form .tag .bodies {
  padding: 0 20px;
}
.bulksending_mail_form .mail_subject {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
  padding: 20px 0;
}
.bulksending_mail_form .mail_subject label {
  color: #5D6175;
  font-weight: bold;
}
.bulksending_mail_form .mail_body {
  display: flex;
  flex-direction: column;
}
.bulksending_mail_form .mail_body label {
  color: #5D6175;
  font-weight: bold;
}
.bulksending_mail_form .mail_body textarea {
  height: 500px;
}

.bulksending_LINE_form {
  display: flex;
  flex-direction: column;
}
.bulksending_LINE_form .warning {
  padding: 15px;
  display: flex;
  flex-direction: row;
  font-weight: 500;
  width: 100%;
  color: #5D6175;
  background-color: #FDF0D9;
  border: 1px solid #ffffff;
}
.bulksending_LINE_form .warning p {
  margin: 0;
}
.bulksending_LINE_form .warning p.invalid_receivers {
  width: 25px;
}
.bulksending_LINE_form .reminder {
  padding: 15px;
  display: flex;
  flex-direction: row;
  font-weight: 500;
  width: 100%;
  color: #5D6175;
  background-color: #E0F2FA;
  border: 1px solid #ffffff;
}
.bulksending_LINE_form .reminder p {
  margin: 0;
}
.bulksending_LINE_form .reminder p.valid_receivers {
  width: 25px;
}
.bulksending_LINE_form label {
  margin-top: 10px;
  margin-bottom: 15px;
  color: #5D6175;
  font-weight: bold;
}
.bulksending_LINE_form textarea {
  height: 500px;
}

.apnPickerContainer {
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  border-radius: 5px !important;
}
.apnPickerContainer .sp-picker-container {
  width: 220px;
}
.apnPickerContainer .sp-picker-container .sp-input-container input[type=text] {
  border: 1px solid #DDDDDF !important;
}
.apnPickerContainer .sp-picker-container .sp-button-container .sp-cancel {
  font-size: 12px;
}
.apnPickerContainer .sp-picker-container .sp-button-container button {
  background-color: #ffffff;
  background-image: none;
  font-size: 12px;
  border: 1px solid #ccc !important;
}
.apnPickerContainer .sp-picker-container .sp-button-container button:hover {
  text-shadow: none;
}

.apnRadioGroup .apnRadio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.apnRadioGroup .apnRadio input[type="radio"] + .radio-label:before {
  content: '';
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #DDDDDF;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  top: -0.2em;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.apnRadioGroup .apnRadio input[type="radio"]:checked + .radio-label:before {
  background-color: #F39800;
  box-shadow: inset 0 0 0 5.5px #ffffff;
}
.apnRadioGroup .apnRadio input[type="radio"]:focus + .radio-label:before {
  outline: none;
}
.apnRadioGroup .apnRadio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #F39800;
  border-color: #744800;
  background: #744800;
}
.apnRadioGroup .apnRadio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.apnRadioGroup .apnRadio:not(:last-of-type) {
  margin-right: 30px;
}
.apnRadioGroup .apnRadio.-center {
  display: flex;
  align-items: center;
}
.apnRadioGroup ul.candidateTagEditlist {
  list-style: none;
  margin-top: 15px;
}
.apnRadioGroup.-min {
  margin: 0;
  width: 205px;
}

.apnRadioButtonGroup {
  padding: 0;
}

button.deleteAxsis, button.deleteCondition {
  padding: 0;
  border: none;
  background: transparent;
}

.select2-container {
  width: 100% !important;
  min-height: 40px;
  height: auto;
  border-radius: 5px !important;
  padding: 0;
}
.select2-container:placeholder-shown {
  color: #8C95A3;
}
.select2-container::-webkit-input-placeholder {
  color: #8C95A3;
}
.select2-container:-moz-placeholder {
  color: #8C95A3;
  opacity: 1;
}
.select2-container::-moz-placeholder {
  color: #8C95A3;
  opacity: 1;
}
.select2-container:-ms-input-placeholder {
  color: #8C95A3;
}
.select2-container:focus {
  border: 1px solid #2EA7E0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.select2-container .selection {
  width: 100%;
  height: 40px;
}
.select2-container .selection .dropdown-wrapper {
  margin-top: -7px;
}
.select2-container .selection .select2-selection.select2-selection--multiple, .select2-container .selection .select2-selection.select2-selection--single {
  border: 1px solid #DDDDDF;
  min-height: 40px;
}
.select2-container .selection .select2-selection.select2-selection--multiple:focus, .select2-container .selection .select2-selection.select2-selection--single:focus {
  border: 1px solid #2EA7E0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
  margin-top: 0 !important;
  margin-right: 5px !important;
  line-height: 40px !important;
  font-size: 1.14286rem !important;
}
.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice, .select2-container .selection .select2-selection.select2-selection--single .select2-selection__choice {
  line-height: 32px;
  border: none;
  margin: 4px 0 0;
  border-radius: 20px;
  padding: 0 10px;
  background: #E0F2FA;
  color: #2EA7E0;
}
.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice span, .select2-container .selection .select2-selection.select2-selection--single .select2-selection__choice span {
  color: #2EA7E0;
  margin-right: 5px;
}
.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice:not(:last-of-type), .select2-container .selection .select2-selection.select2-selection--single .select2-selection__choice:not(:last-of-type) {
  margin-right: 10px;
}
.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice.-deleted, .select2-container .selection .select2-selection.select2-selection--single .select2-selection__choice.-deleted {
  background: #FDE5D9;
  color: #F39800;
}
.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice.-deleted span, .select2-container .selection .select2-selection.select2-selection--single .select2-selection__choice.-deleted span {
  color: #F39800;
}
.select2-container .selection .select2-selection.select2-selection--multiple .select2-search__field, .select2-container .selection .select2-selection.select2-selection--single .select2-search__field {
  line-height: 40px;
  margin-top: 0;
}

.select2-container.select2-container--default.select2-container--open {
  border: none !important;
}

.select2-container--default .select2-results__option {
  background-color: #ffffff !important;
  color: #3C4050 !important;
  min-height: 32px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F4FBFD !important;
  color: #3C4050 !important;
}

.select2-container--default .select2-results__option.-deleted {
  color: #F39800 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F3F3F4 !important;
  color: #8C95A3 !important;
}

.select2-container .selection .select2-selection.select2-selection--single {
  padding: 0 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
  border: none;
  margin: 4px 0 0;
  border-radius: 20px;
  padding: 0 10px;
  display: inline-block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.apnFlexInputGroup .apnInputGroup {
  width: calc(50% - 15px);
}
.apnFlexInputGroup .apnInputGroup:nth-of-type(odd) {
  margin-right: 15px;
}
.apnFlexInputGroup .apnInputGroup:nth-of-type(even) {
  margin-left: 15px;
}
.apnFlexInputGroup.apnFlexInputGroup--triple {
  gap: 0 15px;
}
.apnFlexInputGroup.apnFlexInputGroup--triple .apnInputGroup {
  width: calc((100% - 30px) / 3);
  margin: 0 0 30px;
}
.apnFlexInputGroup.apnFlexInputGroup--triple.-noMarginBottom {
  width: calc((100% - 30px) / 3);
  margin-bottom: 0;
}
.apnFlexInputGroup.-marginBottom {
  margin-bottom: 30px;
}

.consecutiveCheckbox .apnInputGroup {
  margin-bottom: 15px;
}

.withAnnotationInput {
  margin-bottom: 24px;
}
.withAnnotationInput .apnInputGroup {
  margin-bottom: 0;
}
.withAnnotationInput .-annotation {
  margin-top: 5px;
}
.withAnnotationInput .-annotation u {
  cursor: pointer;
}

.flexInputGroup {
  margin-bottom: 15px;
}
.flexInputGroup span.-salaryRange {
  margin: 0  15px 0 -15px;
  line-height: 40px;
}
.flexInputGroup .input-group {
  width: inherit;
}
.flexInputGroup .input-group:not(:last-of-type) {
  margin-right: 30px;
}

.selectRangeWrap .inputLabel {
  color: #5D6175;
  position: relative;
  margin-bottom: 10px;
}
.selectRangeWrap .inputLabel label {
  font-weight: bold;
  margin-bottom: 0;
}
.selectRangeWrap .inputLabel.-required:after, .selectRangeWrap .inputLabel.-option:after {
  color: #ffffff;
  display: inline-block;
  padding: 0 3px;
  font-size: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 1rem;
  margin: auto 0 auto 15px;
}
.selectRangeWrap .inputLabel.-required:after {
  content: "必須";
  background-color: #F34F00;
}
.selectRangeWrap .inputLabel.-option:after {
  content: "任意";
  background-color: #1877CC;
}
.selectRangeWrap .inputLabel + .note {
  margin: -10px 0 10px;
}

.headSelectRange {
  margin-bottom: 15px;
}
.headSelectRange .apnBtn {
  margin: 30px 0 0 !important;
}
.headSelectRange.-manageContract .selectRangeWrap {
  width: calc(100% - 200px);
  padding-right: 30px;
}
.headSelectRange.-manageContract .apnBtn {
  margin: 0 !important;
}

.selectRange .input-daterange {
  height: 40px;
}
.selectRange .input-daterange input.form-control {
  width: 205px;
  max-width: 205px;
  height: 40px;
}
.selectRange .input-daterange .input-group-addon {
  border: none;
  height: 40px;
  line-height: 40px;
  background: none;
  padding: 0 12px;
}

.select2Component {
  opacity: 0;
  height: 40px;
}

.settingSubmit {
  color: #F39800;
  cursor: pointer;
}
.settingSubmit input[type=submit] {
  margin-top: 10px;
  border: none;
  background: none;
  padding: 0;
  font-size: 0.85714rem;
  color: #F39800;
}
.settingSubmit i {
  font-size: 1rem;
}

/* <!--郵便番号欄でのスピナーを非表示-->*/
.p-postal-code::-webkit-inner-spin-button,
.p-postal-code::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

.input-reset {
  position: absolute;
  bottom: -20px;
  left: 0;
  text-decoration: underline;
  font-size: 0.85714rem;
  cursor: pointer;
}

/* 応募者タグ付け用CSS */
.csv_file_import .help_text {
  font-size: 80%;
  color: #888888;
}
.csv_file_import .error {
  color: red;
}

.mail_option .help_text {
  font-weight: 700;
}
.mail_option .batch_mail_sending {
  padding-bottom: 10px;
}
.mail_option .is_sending_add_line_friend_mail {
  padding-bottom: 10px;
}

.candidate_tag_addition {
  padding-top: 15px;
}
.candidate_tag_addition .title {
  padding: 0px;
  font-weight: 700;
}
.candidate_tag_addition ul.checkbox_list {
  list-style: none;
  padding: 5px 0;
}

.card-draggable {
  border-radius: 10px;
  border: 1px solid #DDDDDF;
  padding: 15px;
}
.card hr {
  margin: 15px 0;
}
.card.-disable {
  background: #EEEEEE;
}
.card .cardHead i {
  font-size: 1.71429rem;
  color: #8C95A3;
}
.card .cardHead-top {
  width: calc(100% - 24px);
  line-height: 40px;
}
.card .cardHead-top .dragg {
  cursor: pointer;
}
.card .cardHead-top .no {
  margin: 0 20px;
}
.card .cardHead-top .status {
  margin-left: 15px;
}
.card .cardHead-top .labelName {
  margin-left: 20px;
  min-width: 60px;
}
.card .cardHead-top .input-group {
  margin-left: 10px;
}
.card .cardHead-top .input-group input[type=text] {
  max-width: 200px;
}
.card .cardHead-top .input-group.cardSelect {
  width: 200px;
}
.card .cardHead-top .input-group.apnRadioGroup {
  width: auto;
}
.card .cardHead-top .input-group.apnRadioGroup input[type="radio"] + .radio-label:before {
  margin-top: 7px;
}
.card .cardHead-action {
  width: 24px;
  cursor: pointer;
}
.card .cardHead-action i {
  line-height: 40px;
}
.card .cardBody .inputLabel:not(:first-of-type) {
  margin-top: 15px;
}
.card-contract {
  margin-bottom: 15px;
}
.card-contract .cardHead {
  line-height: 24px;
}
.card-contract .cardHead i {
  font-size: 1.71429rem;
  line-height: 24px;
}
.card-contract .cardHead-top {
  width: calc(100% - 176px);
}
.card-contract .cardHead-top .dragg, .card-contract .cardHead-top .classfication, .card-contract .cardHead-top .labelName {
  line-height: 24px;
}
.card-contract .cardHead-top .classfication {
  margin-left: 15px;
  color: #18CC79;
  font-size: 1.14286rem;
  font-weight: bold;
}
.card-contract .cardHead-top .classfication i {
  color: #18CC79;
}
.card-contract .cardHead-top .labelName {
  width: auto;
  font-weight: bold;
  font-size: 1.28571rem;
  color: #5D6175;
}
.card-contract .cardHead-action {
  width: 176px;
}
.card-contract .cardHead-action .action {
  color: #8C95A3;
  font-size: 1.14286rem;
}
.card-contract .cardHead-action .action:not(:last-of-type) {
  margin-right: 15px;
}
.card-contract .cardHead-action .action:hover {
  color: #8C95A3;
}
.card-contract .cardHead-action .action i {
  margin-right: 5px;
}
.card-contract .cardHead-action .action.-hide {
  display: none !important;
}
.card-contract .cardHead-action .action.accordion {
  width: 24px;
  height: 24px;
  background-image: url("/static/images/companypage/bt_accordion.svg");
  background-size: cover;
}
.card-contract .cardHead-action .action.accordion.expand {
  background-image: url("/static/images/companypage/bt_accordion_on.svg");
}
.card-contract hr {
  margin: 10px 0;
}
.card-contract .cardBody {
  padding: 20px 0 0;
}
.card-contract .cardBody .wrap {
  margin-bottom: 15px;
}
.card-contract .cardBody .wrap p {
  margin-bottom: 15px;
  white-space: pre-wrap;
}
.card-contract .cardBody.-editContract {
  color: #5D6175;
}
.card.-individual {
  background-color: rgba(24, 204, 121, 0.05);
}
.card.-contractor {
  background-color: rgba(243, 152, 0, 0.05);
}
.card.-contractor .cardHead .classfication {
  color: #F39800;
}
.card.-contractor .cardHead .classfication i {
  color: #F39800;
}
.card.-common {
  background-color: rgba(46, 167, 224, 0.05);
}
.card.-common .cardHead .classfication {
  color: #2EA7E0;
}
.card.-common .cardHead .classfication i {
  color: #2EA7E0;
}
.card.-contractThumbnail {
  width: 180px;
  padding: 15px;
  margin-bottom: 10px;
}
.card.-contractThumbnail .cardHeader {
  min-height: 60px;
}
.card.-contractThumbnail .cardHeader .title {
  font-weight: bold;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.card.-contractThumbnail .cardHeader .timestamp {
  font-size: 0.85714rem;
}
.card.-contractThumbnail .cardFooter .footerLink.-normal {
  width: inherit;
}
.card.-contractThumbnail .cardFooter .footerLinkButton .apnBtn {
  width: 100%;
}
.card.-endContract .cardFooter, .card.-contractThumbnail .cardFooter {
  position: relative;
  line-height: 30px;
  min-height: 30px;
}
.card.-endContract .cardFooter .footerAppends, .card.-contractThumbnail .cardFooter .footerAppends {
  margin-bottom: 10px;
}
.card.-endContract .cardFooter .footerAppended, .card.-contractThumbnail .cardFooter .footerAppended {
  padding: 0 6px;
  width: 53px;
  border: 1px solid #DDDDDF;
  border-radius: 5px;
  font-size: 0.85714rem;
  height: 30px;
  color: #5D6175;
  cursor: pointer;
}
.card.-endContract .cardFooter .footerLink, .card.-contractThumbnail .cardFooter .footerLink {
  margin-left: auto;
  width: 80px;
  text-align: right;
}
.card.-endContract .cardFooter .footerLink a, .card.-contractThumbnail .cardFooter .footerLink a {
  font-size: 0.85714rem;
  color: #2EA7E0;
}
.card.-endContract .cardFooter .footerLink a i, .card.-contractThumbnail .cardFooter .footerLink a i {
  font-size: 1rem;
  font-weight: bold;
}
.card.-endContract .cardFooter .footerLink.-preview a, .card.-contractThumbnail .cardFooter .footerLink.-preview a {
  color: #F39800;
}
.card.-endContract .cardFooter .footerLink.-cancel, .card.-contractThumbnail .cardFooter .footerLink.-cancel {
  width: auto;
}
.card.-endContract .cardFooter .footerLink.-cancel a, .card.-contractThumbnail .cardFooter .footerLink.-cancel a {
  color: #8C95A3;
}
.card.-endContract {
  padding: 20px;
  margin-right: 0 !important;
}
.card.-endContract:not(:last-of-type) {
  margin-bottom: 15px;
}
.card.-endContract .cardHeader .title {
  font-size: 0.85714rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}
.card.-endContract .cardFooter .timestamp {
  width: calc(100% - (90px + 63px));
}
.card.-template {
  padding: 30px 20px 20px;
  max-width: 300px;
  margin-bottom: 30px;
}
.card.-template .cardHead {
  margin-bottom: 30px;
}
.card.-template .cardHead label {
  margin-bottom: 0;
}
.card.-template .cardBody {
  font-size: 0.85714rem;
  line-height: 0.85714rem;
}
.card.-template .cardBody .description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}
.card.-template.schedule {
  display: inline-block;
  padding: 1%;
  max-width: 300px;
  margin-bottom: 0;
  margin-right: 2%;
  width: 18%;
  border-radius: 5px;
}
.card.-template.schedule:nth-of-type(9) {
  margin-right: 0;
}
.card.-template.schedule hr {
  margin: 0 5px;
}
.card.-template.schedule .cardHead {
  margin-bottom: 0;
  text-align: center;
}
.card.-template.schedule .cardHead .time {
  font-size: 1.5rem;
  text-align: center;
  color: #2EA7E0;
  padding: 0 auto;
}
.card.-template.schedule .cardBody {
  display: inline-block;
  margin-top: 10px;
  padding: 0 auto;
}
.card.-template.schedule .cardBody .name {
  font-size: 1rem;
  font-weight: bold;
  vertical-align: middle;
  margin: auto 10px;
}
.card.editCard {
  background-color: transparent;
  border: none;
  margin-bottom: 0;
}
.card.editNewCard .cardTop, .card.editCard .cardTop {
  color: #8C95A3;
  font-size: 1.14286rem;
}
.card.editNewCard .cardTop i, .card.editCard .cardTop i {
  font-size: 1.71429rem;
}
.card.editNewCard .cardTop .function, .card.editCard .cardTop .function {
  cursor: pointer;
}
.card.editNewCard .cardHead-top, .card.editCard .cardHead-top {
  width: 100%;
  margin-bottom: 0;
  align-items: center;
}
.card.editNewCard .cardHead-top .labelName, .card.editCard .cardHead-top .labelName {
  font-size: 1rem;
  line-height: 40px;
  margin-left: 0;
  margin-right: 10px;
  width: 45px;
}
.card.editNewCard .cardHead-top .input-group, .card.editCard .cardHead-top .input-group {
  width: calc(100% - 55px);
  margin-left: 0;
}
.card.editNewCard .cardHead-top .input-group input[type=text], .card.editCard .cardHead-top .input-group input[type=text] {
  width: 100%;
  max-width: none;
}
.card.editNewCard .cardBody, .card.editCard .cardBody {
  padding: 0;
}
.card.editNewCard .cardBody .editor, .card.editCard .cardBody .editor {
  border: 1px solid #DDDDDF;
  border-radius: 5px;
  margin-bottom: 0;
}
.card.editNewCard .cardBody .editor textarea, .card.editCard .cardBody .editor textarea {
  border: none;
  border-radius: 5px;
}
.card.editNewCard .cardBody .editor .editFunction, .card.editCard .cardBody .editor .editFunction {
  background: #F3F3F4;
  padding: 8px 15px;
}
.card.editNewCard .cardBody .editor .editFunction .function, .card.editCard .cardBody .editor .editFunction .function {
  cursor: pointer;
}
.card.editNewCard .cardBody .editor .editFunction .function.setForm img, .card.editCard .cardBody .editor .editFunction .function.setForm img {
  height: 30px;
}
.card.editNewCard .cardBody .editor .editFunction .function.setText, .card.editCard .cardBody .editor .editFunction .function.setText {
  width: 20px;
}
.card.editNewCard .cardBody .editor .editFunction .function:not(:first-of-type), .card.editCard .cardBody .editor .editFunction .function:not(:first-of-type) {
  margin-left: 10px;
}
.card.editNewCard .cardBody .editControl, .card.editCard .cardBody .editControl {
  margin-top: 15px;
}
.card.editNewCard .cardBody .editControl .apnBtn, .card.editCard .cardBody .editControl .apnBtn {
  margin: 0;
}
.card.editNewCard .cardBody .editControl .apnBtn:nth-of-type(1), .card.editCard .cardBody .editControl .apnBtn:nth-of-type(1) {
  margin-right: 30px;
}
.card.editNewCard .cardBody .editControl .apnBtn.reset, .card.editCard .cardBody .editControl .apnBtn.reset {
  background-color: transparent;
}
.card.editNewCard .cardBody .editControl .apnBtn.reset:hover, .card.editCard .cardBody .editControl .apnBtn.reset:hover {
  background-color: #eff0f2;
}
.card.editNewCard .cardBody .editSubmit {
  margin-bottom: 0 !important;
}
.card.editNewCard .cardBody .editSubmit .apnBtn {
  margin: 15px 0 0;
}
.card.-schedule {
  padding: 15px;
}
.card.-schedule .cardHead {
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #DDDDDF;
}
.card.-schedule .cardHead-date {
  font-size: 12px;
  color: #3C4050;
}
.card.-schedule .cardHead-time {
  font-size: 14px;
  color: #2EA7E0;
}
.card.-schedule .cardHead-time .start {
  font-size: 20px;
  font-weight: bold;
}
.card.-schedule .cardBody {
  padding-top: 15px;
}
.card.-schedule .cardBody .d-flex .avatar {
  width: 50px;
}
.card.-schedule .cardBody .d-flex .avatar img {
  width: 50px;
}
.card.-schedule .cardBody .d-flex .name {
  font-size: 12px;
  font-weight: bold;
  color: #3C4050;
  padding-left: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.card.flagCard {
  border-radius: 5px;
  border: none;
  overflow: hidden;
  max-height: 50px;
}
.card.flagCard .cardFlagIcon {
  background: #2EA7E0;
  color: #ffffff;
  width: 50px;
  text-align: center;
}
.card.flagCard .cardFlagIcon i {
  font-size: 24px;
  line-height: 50px;
}
.card.flagCard .cardFlagText {
  padding-left: 15px;
  font-size: 12px;
  color: #5D6175;
  line-height: 50px;
}
.card.flagCard .cardFlagText .flagTarget {
  margin-left: 15px;
  color: #2EA7E0;
}
.card.flagCard .cardFlagText .flagTarget-num {
  font-size: 20px;
  font-weight: bold;
}

.collapseToggle {
  background: #e7e7e9;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.statusPreparation {
  color: #F39800;
}
.statusRelease {
  color: #2EA7E0;
}
.statusFinish {
  color: #3C4050;
}

.apnTable {
  margin-bottom: 30px;
}
.apnTable .tableBody a {
  color: #3C4050;
}
.apnTable .tableBody a.tr-link:hover .tr {
  background-color: #F4FBFD;
}
.apnTable .tableBody a:hover .link-underline {
  text-decoration: underline;
}
.apnTable .tableBody .td {
  font-size: 1rem;
  word-break: break-all;
}
.apnTable .tableBody .td span.current {
  color: #2EA7E0;
}
.apnTable.-basic .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-basic .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-basic .tableHead .th:nth-child(1) {
  width: 436px;
}
.apnTable.-basic .tableHead .th:nth-child(2) {
  width: 90px;
}
.apnTable.-basic .tableHead .th:nth-child(3), .apnTable.-basic .tableHead .th:nth-child(4) {
  width: 150px;
}
.apnTable.-basic .tableHead .th:nth-child(5) {
  width: 174px;
}
.apnTable.-basic .tableHead .th.-max {
  width: 100%;
}
.apnTable.-basic .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-basic .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-basic .tableBody .td {
  padding: 15px;
}
.apnTable.-basic .tableBody .td p {
  margin-bottom: 0;
}
.apnTable.-basic .tableBody .td:nth-child(1) {
  width: 436px;
}
.apnTable.-basic .tableBody .td:nth-child(1) p {
  font-size: 1rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-basic .tableBody .td:nth-child(2) {
  width: 90px;
}
.apnTable.-basic .tableBody .td:nth-child(3), .apnTable.-basic .tableBody .td:nth-child(4) {
  width: 150px;
}
.apnTable.-basic .tableBody .td:nth-child(3) p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-basic .tableBody .td:nth-child(5) {
  width: 174px;
}
.apnTable.-basic .tableBody .td:nth-child(5) p {
  font-weight: bold;
}
.apnTable.-basic .tableBody .td:nth-child(2) p, .apnTable.-basic .tableBody .td:nth-child(4) p, .apnTable.-basic .tableBody .td:nth-child(5) p {
  margin: auto;
}
.apnTable.-basic .tableBody .td.-max {
  width: 100%;
}
.apnTable.-editting .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-editting .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-editting .tableHead .th:nth-child(1) {
  width: 436px;
}
.apnTable.-editting .tableHead .th:nth-child(2) {
  width: 90px;
}
.apnTable.-editting .tableHead .th:nth-child(3), .apnTable.-editting .tableHead .th:nth-child(4) {
  width: 150px;
}
.apnTable.-editting .tableHead .th:nth-child(5) {
  width: 174px;
}
.apnTable.-editting .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-editting .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-editting .tableBody .td {
  padding: 15px;
}
.apnTable.-editting .tableBody .td p {
  margin-bottom: 0;
}
.apnTable.-editting .tableBody .td:nth-child(1) {
  width: 436px;
}
.apnTable.-editting .tableBody .td:nth-child(1) p {
  font-size: 1rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-editting .tableBody .td:nth-child(2) {
  width: 90px;
}
.apnTable.-editting .tableBody .td:nth-child(3), .apnTable.-editting .tableBody .td:nth-child(4) {
  width: 150px;
}
.apnTable.-editting .tableBody .td:nth-child(3) p, .apnTable.-editting .tableBody .td:nth-child(4) p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-editting .tableBody .td:nth-child(5) {
  width: 174px;
}
.apnTable.-editting .tableBody .td:nth-child(2) p {
  margin: auto;
}
.apnTable.-editting .tableBody .td:nth-child(3), .apnTable.-editting .tableBody .td:nth-child(4), .apnTable.-editting .tableBody .td:nth-child(5) {
  width: 150px;
}
.apnTable.-editting .tableBody .td:nth-child(3) p, .apnTable.-editting .tableBody .td:nth-child(4) p, .apnTable.-editting .tableBody .td:nth-child(5) p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-editting.-home .tableHead .th:nth-child(1) {
  width: calc(100% - (90px + (150px * 3)));
}
.apnTable.-editting.-home .tableBody .tr .td:nth-child(1) {
  width: calc(100% - (90px + (150px * 3)));
}
.apnTable.-editting.-home .tableBody .tr .td:nth-child(1) p {
  font-size: 1rem;
  font-weight: bold;
  -webkit-line-clamp: 1;
}
.apnTable.-editting.-home .tableBody .tr .td:nth-child(5) {
  padding: 8.5px 15px;
}
.apnTable.-assessment .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-assessment .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-assessment .tableHead .th:nth-child(1) {
  width: 234px;
}
.apnTable.-assessment .tableHead .th:nth-child(2) {
  width: calc(100% - (234px + 150px + 90px + 90px));
}
.apnTable.-assessment .tableHead .th:nth-child(3) {
  width: 150px;
}
.apnTable.-assessment .tableHead .th:nth-child(4) {
  width: 90px;
}
.apnTable.-assessment .tableHead .th:nth-child(5) {
  width: 90px;
}
.apnTable.-assessment .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-assessment .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-assessment .tableBody .td {
  text-align: center;
  padding: 15px;
}
.apnTable.-assessment .tableBody .td:nth-child(1) {
  width: 234px;
}
.apnTable.-assessment .tableBody .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
  text-align: left;
}
.apnTable.-assessment .tableBody .td:nth-child(1) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-assessment .tableBody .td:nth-child(1) .kana {
  font-size: 10px;
}
.apnTable.-assessment .tableBody .td:nth-child(1) .kana.-alert {
  padding-left: 21px;
}
.apnTable.-assessment .tableBody .td:nth-child(2) {
  width: calc(100% - (234px + 150px + 90px + 90px));
}
.apnTable.-assessment .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-assessment .tableBody .td:nth-child(3) {
  width: 150px;
}
.apnTable.-assessment .tableBody .td:nth-child(3) time {
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-assessment .tableBody .td:nth-child(4) {
  width: 90px;
}
.apnTable.-assessment .tableBody .td:nth-child(5) {
  width: 90px;
}
.apnTable.-assessment .tableBody .td:nth-child(5) img {
  width: 100%;
}
.apnTable.-assessment .tableBody .td p {
  margin: auto;
}
.apnTable.-adoption .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-adoption .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-adoption .tableHead .th:nth-child(1) {
  width: 234px;
}
.apnTable.-adoption .tableHead .th:nth-child(2) {
  width: calc(100% - (234px + 150px + 90px + 90px));
}
.apnTable.-adoption .tableHead .th:nth-child(3) {
  width: 90px;
}
.apnTable.-adoption .tableHead .th:nth-child(4) {
  width: 90px;
}
.apnTable.-adoption .tableHead .th:nth-child(5) {
  width: 150px;
}
.apnTable.-adoption .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-adoption .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-adoption .tableBody .td {
  text-align: center;
  padding: 15px;
}
.apnTable.-adoption .tableBody .td:nth-child(1) {
  width: 234px;
}
.apnTable.-adoption .tableBody .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
  text-align: left;
}
.apnTable.-adoption .tableBody .td:nth-child(1) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-adoption .tableBody .td:nth-child(1) .kana {
  font-size: 10px;
}
.apnTable.-adoption .tableBody .td:nth-child(1) .kana.-alert {
  padding-left: 21px;
}
.apnTable.-adoption .tableBody .td:nth-child(2) {
  width: calc(100% - (234px + 150px + 90px + 90px));
}
.apnTable.-adoption .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-adoption .tableBody .td:nth-child(3) {
  width: 90px;
}
.apnTable.-adoption .tableBody .td:nth-child(4) {
  width: 90px;
  flex-direction: column;
  padding: 25px 0;
}
.apnTable.-adoption .tableBody .td:nth-child(4) img {
  width: 100%;
}
.apnTable.-adoption .tableBody .td:nth-child(4) p {
  margin: 0;
  font-size: 10px;
}
.apnTable.-adoption .tableBody .td:nth-child(4) p img {
  max-width: 60px;
}
.apnTable.-adoption .tableBody .td:nth-child(5) {
  width: 150px;
}
.apnTable.-adoption .tableBody .td:nth-child(5) p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-adoption .tableBody .td p {
  margin: auto;
}
.apnTable.-confirm {
  border: 1px solid #DDDDDF;
}
.apnTable.-confirm .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-confirm .th {
  width: 200px;
  text-align: center;
  background-color: #F3F3F4;
  border-right: 1px solid #DDDDDF;
}
.apnTable.-confirm .th p {
  margin: auto;
}
.apnTable.-confirm .td {
  padding: 20px 15px;
  width: calc(100% - 200px);
  background-color: #ffffff;
}
.apnTable.-confirm .td a {
  color: #F39800;
}
.apnTable.-confirm .td a i {
  font-size: 1.28571rem;
  font-weight: bold;
}
.apnTable.-confirm .td img,
.apnTable.-confirm .td video {
  max-width: 400px;
}
.apnTable.-confirm .td .limit {
  margin-bottom: 15px;
}
.apnTable.-confirm .td .limit .current {
  font-size: 1.28571rem;
  font-weight: bold;
}
.apnTable.-confirm .td .limit .current span {
  font-size: 1.71429rem;
  color: #F45F5F;
}
.apnTable.-confirm .td .limit .apnBtn {
  margin: 0 0 0 30px;
}
.apnTable.-confirm .td .annotation {
  font-size: 0.85714rem;
  color: #5D6175;
}
.apnTable.-check .tableHead {
  background-color: #F3F3F4;
  border: 1px solid #DDDDDF;
}
.apnTable.-check .tableHead .th {
  padding: 12px 0;
  text-align: center;
  line-height: 30px;
}
.apnTable.-check .tableHead .th:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-check .tableBody {
  background-color: #ffffff;
}
.apnTable.-check .tableBody .tr {
  border-left: 1px solid #DDDDDF;
  border-right: 1px solid #DDDDDF;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-check .tableBody .td {
  line-height: 55px;
}
.apnTable.-check .tableBody .td:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-check .check {
  width: 54px;
}
.apnTable.-check .check .apnCheckBox {
  margin: auto;
}
.apnTable.-check .no,
.apnTable.-check .questionForm {
  text-align: center;
}
.apnTable.-check .no {
  width: 80px;
}
.apnTable.-check .questionForm {
  width: 220px;
}
.apnTable.-check .checkLabel {
  width: 120px;
}
.apnTable.-check .question {
  width: calc(100% - (80px + 220px + 54px));
  padding: 0 15px;
}
.apnTable.-check .question p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-confirmCheck .tableHead {
  background-color: #F3F3F4;
  border: 1px solid #DDDDDF;
}
.apnTable.-confirmCheck .tableHead .th {
  padding: 12px 0;
  text-align: center;
  line-height: 30px;
}
.apnTable.-confirmCheck .tableHead .th:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-confirmCheck .tableBody {
  background-color: #ffffff;
}
.apnTable.-confirmCheck .tableBody .tr {
  border-left: 1px solid #DDDDDF;
  border-right: 1px solid #DDDDDF;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-confirmCheck .tableBody .td {
  line-height: 55px;
}
.apnTable.-confirmCheck .tableBody .td:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-confirmCheck .no,
.apnTable.-confirmCheck .questionForm {
  text-align: center;
}
.apnTable.-confirmCheck .no {
  width: 80px;
}
.apnTable.-confirmCheck .questionForm {
  width: 220px;
}
.apnTable.-confirmCheck .checkLabel {
  width: 120px;
}
.apnTable.-confirmCheck .question {
  width: calc(100% - (80px + 220px + 120px));
  padding: 15px;
  line-height: initial !important;
}
.apnTable.-confirmCheck .question p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-confirmCheck .question p.-required:before {
  color: #ffffff;
  display: inline-block;
  padding: 0 3px;
  font-size: 0.5rem;
  height: 1rem;
  content: "必須";
  background-color: #f34f00;
}
.apnTable.-confirmCheck .questionLabel {
  width: 120px;
  text-align: center;
}
.apnTable.-information .tableHead {
  background-color: #F3F3F4;
  color: #5D6175;
  border: 1px solid #DDDDDF;
}
.apnTable.-information .tableHead .th {
  padding-left: 15px;
  line-height: 35px;
}
.apnTable.-information .tableBody {
  background-color: #ffffff;
}
.apnTable.-information .tableBody .td {
  padding: 20px 15px;
}
.apnTable.-information .tableBody .information .apnInformationLabel {
  margin-bottom: 20px;
}
.apnTable.-information .tableBody .information:not(:last-of-type) {
  margin-bottom: 20px;
}
.apnTable.-mailList .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-mailList .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-mailList .tableHead .th:nth-child(1) {
  width: 207px;
}
.apnTable.-mailList .tableHead .th:nth-child(2) {
  width: calc(100% - (207px + (90px * 3) + (114px * 2)));
}
.apnTable.-mailList .tableHead .th:nth-child(3), .apnTable.-mailList .tableHead .th:nth-child(4), .apnTable.-mailList .tableHead .th:nth-child(5) {
  width: 90px;
}
.apnTable.-mailList .tableHead .th:nth-child(6), .apnTable.-mailList .tableHead .th:nth-child(7) {
  width: 114px;
}
.apnTable.-mailList .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-mailList .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-mailList .tableBody .tr .detailLink {
  width: calc(100% - (114px * 2));
}
.apnTable.-mailList .tableBody .tr .detailLink .td:nth-child(1) {
  width: 207px;
}
.apnTable.-mailList .tableBody .tr .detailLink .td:nth-child(2) {
  width: calc(100% - (207px + (90px * 3)));
}
.apnTable.-mailList .tableBody .tr .detailLink .td:nth-child(3), .apnTable.-mailList .tableBody .tr .detailLink .td:nth-child(4), .apnTable.-mailList .tableBody .tr .detailLink .td:nth-child(5) {
  width: 90px;
}
.apnTable.-mailList .tableBody .tr .detailLink:hover .td:nth-child(1) {
  text-decoration: underline;
}
.apnTable.-mailList .tableBody .tr > .td {
  width: 114px;
}
.apnTable.-mailList .tableBody .td {
  padding: 15px;
}
.apnTable.-mailList .tableBody .td p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-mailList .tableBody .td:nth-child(1) p {
  font-weight: bold;
}
.apnTable.-mailList .tableBody .td:nth-child(3), .apnTable.-mailList .tableBody .td:nth-child(4), .apnTable.-mailList .tableBody .td:nth-child(5) {
  text-align: center;
}
.apnTable.-mailList .tableBody .td:nth-child(3) p, .apnTable.-mailList .tableBody .td:nth-child(4) p, .apnTable.-mailList .tableBody .td:nth-child(5) p {
  margin: auto;
}
.apnTable.-mailList .tableBody .td:nth-child(5) i {
  color: #DDDDDF;
  font-size: 1.42857rem;
}
.apnTable.-mailList .tableBody .td a {
  color: #F39800;
}
.apnTable.-mailList .tableBody .td a:hover {
  text-decoration: underline;
}
.apnTable.-mailTemplate .tableHead .th:nth-child(1),
.apnTable.-mailTemplate .tableBody .td:nth-child(1) {
  width: calc(100% - (370px * 2));
}
.apnTable.-mailTemplate .tableHead .th:nth-child(2), .apnTable.-mailTemplate .tableHead .th:nth-child(3),
.apnTable.-mailTemplate .tableBody .td:nth-child(2),
.apnTable.-mailTemplate .tableBody .td:nth-child(3) {
  width: 370px;
}
.apnTable.-mailTemplate .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-mailTemplate .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-mailTemplate .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-mailTemplate .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-mailTemplate .tableBody .td {
  padding: 15px;
}
.apnTable.-mailTemplate .tableBody .td p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-mailTemplate .tableBody .td:nth-child(1) p {
  font-weight: bold;
}
.apnTable.-mailTemplate .tableBody .td:nth-child(2) p {
  text-align: left;
}
.apnTable.-mailTemplate .tableBody .td:nth-child(3) {
  text-align: center;
}
.apnTable.-mailTemplate .tableBody .td:nth-child(3) p {
  margin: auto;
}
.apnTable.-invoice .tableHead .th:nth-child(1),
.apnTable.-invoice .tableBody .td:nth-child(1) {
  width: 270px;
}
.apnTable.-invoice .tableHead .th:nth-child(2), .apnTable.-invoice .tableHead .th:nth-child(3),
.apnTable.-invoice .tableBody .td:nth-child(2),
.apnTable.-invoice .tableBody .td:nth-child(3) {
  width: 210px;
}
.apnTable.-invoice .tableHead .th:nth-child(4),
.apnTable.-invoice .tableBody .td:nth-child(4) {
  width: 180px;
}
.apnTable.-invoice .tableHead .th:nth-child(5),
.apnTable.-invoice .tableBody .td:nth-child(5) {
  width: 130px;
}
.apnTable.-invoice .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-invoice .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-invoice .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-invoice .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-invoice .tableBody .td {
  padding: 15px;
}
.apnTable.-invoice .tableBody .td p {
  margin: auto;
}
.apnTable.-invoice .tableBody .td a {
  color: #F39800;
}
.apnTable.-invoice .tableBody .td a i {
  font-size: 1.28571rem;
  font-weight: bold;
}
.apnTable.-homeBasic .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-homeBasic .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-homeBasic .tableHead .th:nth-child(1) {
  width: 234px;
}
.apnTable.-homeBasic .tableHead .th:nth-child(2) {
  width: calc(100% - (234px + 150px));
}
.apnTable.-homeBasic .tableHead .th:nth-child(3) {
  width: 150px;
}
.apnTable.-homeBasic .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-homeBasic .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-homeBasic .tableBody .tr-link:not(:last-of-type) .tr {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-homeBasic .tableBody .td {
  text-align: center;
  padding: 12px 15px;
}
.apnTable.-homeBasic .tableBody .td:nth-child(1) {
  width: 234px;
}
.apnTable.-homeBasic .tableBody .td:nth-child(1) .avatar {
  width: 36px;
}
.apnTable.-homeBasic .tableBody .td:nth-child(1) .avatar img {
  width: 100%;
}
.apnTable.-homeBasic .tableBody .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-homeBasic .tableBody .td:nth-child(1) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-homeBasic .tableBody .td:nth-child(2) {
  width: calc(100% - (234px + 150px));
}
.apnTable.-homeBasic .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-homeBasic .tableBody .td:nth-child(3) {
  width: 150px;
}
.apnTable.-homeBasic .tableBody .td:nth-child(3) time {
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-homeBasic .tableBody .td:nth-child(3) .current {
  font-weight: bold;
}
.apnTable.-homeBasic .tableBody .td p {
  margin: auto;
}
.apnTable.-agreement .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-agreement .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-agreement .tableHead .th:nth-of-type(1) {
  width: calc(100% - (114px + 150px + 114px + 130px));
}
.apnTable.-agreement .tableHead .th:nth-of-type(2) {
  width: 114px;
}
.apnTable.-agreement .tableHead .th:nth-of-type(3) {
  width: 150px;
}
.apnTable.-agreement .tableHead .th:nth-of-type(4) {
  width: 114px;
}
.apnTable.-agreement .tableHead .th:nth-of-type(5) {
  width: 130px;
}
.apnTable.-agreement .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-agreement .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-agreement .tableBody .tr .td {
  padding: 15px;
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(1) {
  width: calc(100% - (114px + 150px + 114px + 130px));
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(1) p {
  margin: auto auto auto 0;
  font-weight: bold;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(2) {
  width: 114px;
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(2) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(3) {
  width: 150px;
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(3) time {
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(4) {
  width: 114px;
}
.apnTable.-agreement .tableBody .tr .td:nth-of-type(45) {
  width: 130px;
}
.apnTable.-agreement .tableBody .tr .td p {
  margin: auto;
}
.apnTable.-agreement .tableBody .tr .td.copy {
  width: 114px;
}
.apnTable.-agreement .tableBody .tr .td.copy .apnBtn-mini {
  width: 80px;
  line-height: 30px;
}
.apnTable.-agreement .tableBody .tr .td.preview {
  width: 130px;
}
.apnTable.-agreement .tableBody .tr .td.preview p {
  margin: auto;
  color: #F39800;
}
.apnTable.-agreement .tableBody .tr .td.preview p i {
  margin-right: 5px;
}
.apnTable.-agreement .tableBody .tr .td.preview p.-noLink {
  color: #DDDDDF;
}
.apnTable.-agreement .tableBody .detailLink {
  width: calc(100% - (114px + 130px));
}
.apnTable.-agreement .tableBody .detailLink .td:nth-of-type(1) {
  width: calc(100% - (114px + 150px));
}
.apnTable.-agreementCopy {
  border: 1px solid #DDDDDF;
}
.apnTable.-agreementCopy .tableHead {
  background-color: #F3F3F4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-agreementCopy .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-agreementCopy .tableHead .th:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-agreementCopy .tableHead .th:nth-child(1) {
  width: 54px;
}
.apnTable.-agreementCopy .tableHead .th:nth-child(2) {
  width: calc(100% - (54px + (150px * 2)));
}
.apnTable.-agreementCopy .tableHead .th:nth-child(3), .apnTable.-agreementCopy .tableHead .th:nth-child(4) {
  width: 150px;
}
.apnTable.-agreementCopy .tableBody.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-agreementCopy .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-agreementCopy .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-agreementCopy .tableBody .td:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(1) {
  width: 54px;
  line-height: 65px;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(1) .apnCheckBox {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(1) span {
  margin: auto;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(1) span:before {
  margin-right: 0;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(2), .apnTable.-agreementCopy .tableBody .td:nth-child(3) {
  padding: 20px 15px;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(2) {
  width: calc(100% - (54px + (150px * 2)));
}
.apnTable.-agreementCopy .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(3) {
  width: 150px;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(3) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(4) {
  width: 150px;
}
.apnTable.-agreementCopy .tableBody .td:nth-child(4) time {
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.apnTable.-agreementCopy .tableBody .td p {
  margin: auto;
}
.apnTable.-downloadMember {
  width: fit-content;
}
.apnTable.-downloadMember .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.apnTable.-downloadMember .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-downloadMember .tableHead .th:nth-child(1) {
  min-width: 234px;
  max-width: 234px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #DDDDDF;
}
.apnTable.-downloadMember .tableHead .th:nth-child(2) {
  width: 90px;
}
.apnTable.-downloadMember .tableHead .th:nth-child(3) {
  width: 352px;
}
.apnTable.-downloadMember .tableHead .th:nth-child(4) {
  width: 160px;
}
.apnTable.-downloadMember .tableHead .th:nth-child(5) {
  width: 90px;
}
.apnTable.-downloadMember .tableHead .th:nth-child(6) {
  width: 160px;
}
.apnTable.-downloadMember .tableHead .th:nth-child(7) {
  width: 160px;
}
.apnTable.-downloadMember .tableBody.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-downloadMember .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-downloadMember .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-downloadMember .tableBody .tr .th:nth-child(1),
.apnTable.-downloadMember .tableBody .tr .td:nth-child(1) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-downloadMember .tableBody .tr .td:first-of-type {
  min-width: 234px;
  max-width: 234px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #ffffff;
}
.apnTable.-downloadMember .tableBody .td:nth-child(1), .apnTable.-downloadMember .tableBody .td:nth-child(2) {
  padding: 15px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(1) {
  width: 234px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(1) .avatar {
  width: 36px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(1) .avatar img {
  width: 100%;
}
.apnTable.-downloadMember .tableBody .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-downloadMember .tableBody .td:nth-child(1) .name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-downloadMember .tableBody .td:nth-child(1) .name p.ruby {
  font-size: 0.71429rem;
}
.apnTable.-downloadMember .tableBody .td:nth-child(2) {
  min-width: 90px;
  max-width: 90px;
  padding: 0 10px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(2) p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-downloadMember .tableBody .td:nth-child(3) {
  min-width: 352px;
  max-width: 352px;
  padding: 10px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(3) p {
  margin: auto auto auto 0;
  text-align: left;
  min-height: 42px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-downloadMember .tableBody .td:nth-child(4) {
  min-width: 160px;
  max-width: 160px;
  padding: 9px 0;
}
.apnTable.-downloadMember .tableBody .td:nth-child(4) time {
  margin: auto;
  text-align: center;
}
.apnTable.-downloadMember .tableBody .td:nth-child(5) {
  min-width: 90px;
  max-width: 90px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(6) {
  width: 160px;
  flex-direction: column;
  padding: 15px 0;
}
.apnTable.-downloadMember .tableBody .td:nth-child(6) img {
  width: 100%;
}
.apnTable.-downloadMember .tableBody .td:nth-child(6) p {
  margin: 0;
  font-size: 10px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(6) p img {
  max-width: 60px;
}
.apnTable.-downloadMember .tableBody .td:nth-child(7) {
  min-width: 160px;
  max-width: 160px;
  padding: 9px 0;
}
.apnTable.-downloadMember .tableBody .td:nth-child(7) time {
  margin: auto;
  text-align: center;
}
.apnTable.-downloadMember .tableBody .td p {
  margin: auto;
}
.apnTable.-downloadMember .tableBody .d-flex.display-none {
  display: none !important;
}
.apnTable.-downloadMember-with-zoom {
  width: fit-content;
}
.apnTable.-downloadMember-with-zoom .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.apnTable.-downloadMember-with-zoom .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(1) {
  min-width: 234px;
  max-width: 234px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #DDDDDF;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(2) {
  width: 90px;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(3) {
  width: 352px;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(4) {
  width: 160px;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(5) {
  width: 160px;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(6) {
  width: 90px;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(7) {
  width: 160px;
}
.apnTable.-downloadMember-with-zoom .tableHead .th:nth-child(8) {
  width: 160px;
}
.apnTable.-downloadMember-with-zoom .tableBody.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-downloadMember-with-zoom .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-downloadMember-with-zoom .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-downloadMember-with-zoom .tableBody .tr .th:nth-child(1),
.apnTable.-downloadMember-with-zoom .tableBody .tr .td:nth-child(1) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-downloadMember-with-zoom .tableBody .tr .td:first-of-type {
  min-width: 234px;
  max-width: 234px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #ffffff;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(1), .apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(2) {
  padding: 15px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(1) {
  width: 234px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(1) .avatar {
  width: 36px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(1) .avatar img {
  width: 100%;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(1) .name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(1) .name p.ruby {
  font-size: 0.71429rem;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(2) {
  min-width: 90px;
  max-width: 90px;
  padding: 0 10px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(2) p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(3) {
  min-width: 352px;
  max-width: 352px;
  padding: 10px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(3) p {
  margin: auto auto auto 0;
  text-align: left;
  min-height: 42px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(4) {
  min-width: 160px;
  max-width: 160px;
  padding: 9px 0;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(4) time {
  margin: auto;
  text-align: center;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(5) {
  min-width: 160px;
  max-width: 160px;
  padding: 9px 0;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(5) time {
  margin: auto;
  text-align: center;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(6) {
  min-width: 90px;
  max-width: 90px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(7) {
  min-width: 160px;
  max-width: 160px;
  flex-direction: column;
  padding: 15px 0;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(7) img {
  width: 100%;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(7) p {
  margin: 0;
  font-size: 10px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(7) p img {
  max-width: 60px;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(8) {
  min-width: 160px;
  max-width: 160px;
  padding: 9px 0;
}
.apnTable.-downloadMember-with-zoom .tableBody .td:nth-child(8) time {
  margin: auto;
  text-align: center;
}
.apnTable.-downloadMember-with-zoom .tableBody .td p {
  margin: auto;
}
.apnTable.-downloadMember-with-zoom .tableBody .d-flex.display-none {
  display: none !important;
}
.apnTable.-import {
  border: 1px solid #DDDDDF;
}
.apnTable.-import .apnCheckBox {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.apnTable.-import span {
  margin: auto;
}
.apnTable.-import span:before {
  margin-right: 0;
}
.apnTable.-import .tableHead {
  background-color: #F3F3F4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-import .tableHead.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-import .tableHead .th {
  font-size: 0.85714rem;
  line-height: 55px;
  text-align: center;
}
.apnTable.-import .tableHead .th:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-import .tableHead .th:nth-child(1) {
  width: 54px;
}
.apnTable.-import .tableHead .th:nth-child(2) {
  width: calc(100% - (54px + 150px + 90px + 336px));
}
.apnTable.-import .tableHead .th:nth-child(3) {
  width: 150px;
}
.apnTable.-import .tableHead .th:nth-child(4) {
  width: 90px;
}
.apnTable.-import .tableHead .th:nth-child(5) {
  width: 336px;
}
.apnTable.-import .tableBody.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-import .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-import .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-import .tableBody .td:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-import .tableBody .td:not(:first-child) {
  padding: 20px 15px;
}
.apnTable.-import .tableBody .td:nth-child(1) {
  width: 54px;
  line-height: 65px;
}
.apnTable.-import .tableBody .td:nth-child(2) {
  width: calc(100% - (54px + 150px + 90px + 336px));
}
.apnTable.-import .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-import .tableBody .td:nth-child(2) .name {
  margin-left: 15px;
}
.apnTable.-import .tableBody .td:nth-child(3) {
  width: 150px;
}
.apnTable.-import .tableBody .td:nth-child(3) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-import .tableBody .td:nth-child(4) {
  width: 90px;
}
.apnTable.-import .tableBody .td:nth-child(4) p {
  margin: auto;
  text-align: center;
}
.apnTable.-import .tableBody .td:nth-child(5) {
  width: 336px;
}
.apnTable.-import .tableBody .td p {
  margin: auto;
}
.apnTable.-sendmail {
  border: 1px solid #DDDDDF;
}
.apnTable.-sendmail .apnCheckBox {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.apnTable.-sendmail span {
  margin: auto;
}
.apnTable.-sendmail span:before {
  margin-right: 0;
}
.apnTable.-sendmail .tableHead {
  background-color: #F3F3F4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-sendmail .tableHead.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-sendmail .tableHead .th {
  font-size: 0.85714rem;
  line-height: 55px;
  text-align: center;
}
.apnTable.-sendmail .tableHead .th:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-sendmail .tableHead .th:nth-child(1) {
  width: 54px;
}
.apnTable.-sendmail .tableHead .th:nth-child(2) {
  width: 234px;
}
.apnTable.-sendmail .tableHead .th:nth-child(3) {
  width: calc(100% - (54px + 234px + 90px + 90px));
}
.apnTable.-sendmail .tableHead .th:nth-child(4) {
  width: 90px;
}
.apnTable.-sendmail .tableHead .th:nth-child(5) {
  width: 90px;
}
.apnTable.-sendmail .tableBody.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-sendmail .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-sendmail .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-sendmail .tableBody .td:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-sendmail .tableBody .td:not(:first-child) {
  padding: 20px 15px;
}
.apnTable.-sendmail .tableBody .td:nth-child(1) {
  width: 54px;
  line-height: 65px;
}
.apnTable.-sendmail .tableBody .td:nth-child(2) {
  width: 234px;
}
.apnTable.-sendmail .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-sendmail .tableBody .td:nth-child(2) .name {
  margin-left: 15px;
}
.apnTable.-sendmail .tableBody .td:nth-child(3) {
  width: calc(100% - (54px + 234px + 90px + 90px));
}
.apnTable.-sendmail .tableBody .td:nth-child(3) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-sendmail .tableBody .td:nth-child(4) {
  width: 90px;
}
.apnTable.-sendmail .tableBody .td:nth-child(4) p {
  margin: auto;
  text-align: center;
}
.apnTable.-sendmail .tableBody .td:nth-child(5) {
  width: 90px;
  flex-direction: column;
  padding: 25px 0;
}
.apnTable.-sendmail .tableBody .td:nth-child(5) img {
  width: 100%;
}
.apnTable.-sendmail .tableBody .td:nth-child(5) p {
  font-size: 10px;
}
.apnTable.-sendmail .tableBody .td:nth-child(5) p img {
  max-width: 60px;
}
.apnTable.-sendmail .tableBody .td p {
  margin: auto;
}
.apnTable.-zipDownload {
  border: 1px solid #DDDDDF;
}
.apnTable.-zipDownload .apnCheckBox {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.apnTable.-zipDownload span {
  margin: auto;
}
.apnTable.-zipDownload span:before {
  margin-right: 0;
}
.apnTable.-zipDownload .tableHead {
  background-color: #F3F3F4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-zipDownload .tableHead.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-zipDownload .tableHead .th {
  font-size: 0.85714rem;
  line-height: 55px;
  text-align: center;
}
.apnTable.-zipDownload .tableHead .th:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-zipDownload .tableHead .th:nth-child(1) {
  width: 54px;
}
.apnTable.-zipDownload .tableHead .th:nth-child(2) {
  width: calc(100% - (54px + 200px + 200px));
}
.apnTable.-zipDownload .tableHead .th:nth-child(3) {
  width: 200px;
}
.apnTable.-zipDownload .tableHead .th:nth-child(4) {
  width: 200px;
}
.apnTable.-zipDownload .tableBody.apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-zipDownload .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-zipDownload .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-zipDownload .tableBody .td:not(:last-child) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-zipDownload .tableBody .td:not(:first-child) {
  padding: 20px 15px;
}
.apnTable.-zipDownload .tableBody .td:nth-child(1) {
  width: 54px;
  line-height: 65px;
}
.apnTable.-zipDownload .tableBody .td:nth-child(2) {
  width: calc(100% - (54px + 200px + 200px));
}
.apnTable.-zipDownload .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-zipDownload .tableBody .td:nth-child(2) .name {
  margin-left: 15px;
}
.apnTable.-zipDownload .tableBody .td:nth-child(3) {
  width: 200px;
}
.apnTable.-zipDownload .tableBody .td:nth-child(3) p {
  margin: auto;
  text-align: center;
}
.apnTable.-zipDownload .tableBody .td:nth-child(4) {
  width: 200px;
}
.apnTable.-zipDownload .tableBody .td:nth-child(4) p {
  margin: auto;
  text-align: center;
}
.apnTable.-zipDownload .tableBody .td p {
  margin: auto;
}
.apnTable.-contractList .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-contractList .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-contractList .tableHead .th:nth-child(1) {
  width: calc(100% - (150px + 150px + 114px + 130px));
}
.apnTable.-contractList .tableHead .th:nth-child(2) {
  width: 150px;
}
.apnTable.-contractList .tableHead .th:nth-child(3) {
  width: 150px;
}
.apnTable.-contractList .tableHead .th:nth-child(4) {
  width: 114px;
}
.apnTable.-contractList .tableHead .th:nth-child(5) {
  width: 130px;
}
.apnTable.-contractList .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-contractList .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-contractList .tableBody .tr.-deleted {
  opacity: 0.8;
}
.apnTable.-contractList .tableBody .td {
  text-align: center;
  padding: 15px;
}
.apnTable.-contractList .tableBody .td p {
  margin: auto;
}
.apnTable.-contractList .tableBody .detailLink {
  width: calc(100% - 130px);
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(1) {
  width: calc(100% - (150px + 150px + 114px));
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(1) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(2) {
  width: 150px;
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(3) {
  width: 150px;
  padding: 20px 15px;
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(3) p {
  margin: auto;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(4) {
  width: 114px;
}
.apnTable.-contractList .tableBody .detailLink .td:nth-child(4) p {
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-contractList .tableBody .preview {
  width: 130px;
}
.apnTable.-contractList .tableBody .preview p {
  margin: auto;
  color: #F39800;
}
.apnTable.-contractList .tableBody .preview p i {
  margin-right: 5px;
}
.apnTable.-contractList .tableBody .preview p.-noLink {
  color: #DDDDDF;
}
.apnTable.-contractGroup .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-contractGroup .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-contractGroup .tableHead .th:nth-child(1) {
  width: 50%;
}
.apnTable.-contractGroup .tableHead .th:nth-child(2) {
  width: 50%;
}
.apnTable.-contractGroup .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-contractGroup .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-contractGroup .tableBody .td {
  padding: 15px;
}
.apnTable.-contractGroup .tableBody .td p {
  margin-bottom: 0;
}
.apnTable.-contractGroup .tableBody .td:nth-child(1) {
  width: 50%;
}
.apnTable.-contractGroup .tableBody .td:nth-child(1) p {
  font-size: 1rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-contractGroup .tableBody .td:nth-child(2) {
  width: 50%;
}
.apnTable.-contractGroup .tableBody .td:nth-child(2) span {
  white-space: nowrap;
}
.apnTable.-groupMember {
  border: 1px solid #DDDDDF;
}
.apnTable.-groupMember .tableHead {
  background-color: #F3F3F4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-groupMember .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-groupMember .tableHead .th:nth-child(1) {
  width: calc(100% - 90px);
}
.apnTable.-groupMember .tableHead .th:nth-child(2) {
  width: 90px;
}
.apnTable.-groupMember .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-groupMember .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-groupMember .tableBody .td {
  padding: 15px;
}
.apnTable.-groupMember .tableBody .td p {
  margin-bottom: 0;
}
.apnTable.-groupMember .tableBody .td:nth-child(1) {
  width: calc(100% - 90px);
  border-right: 1px solid #DDDDDF;
}
.apnTable.-groupMember .tableBody .td:nth-child(1) .avatar {
  width: 36px;
  margin-right: 15px;
}
.apnTable.-groupMember .tableBody .td:nth-child(1) .avatar img {
  width: 100%;
}
.apnTable.-groupMember .tableBody .td:nth-child(1) .name {
  width: calc(100% - 51px);
}
.apnTable.-groupMember .tableBody .td:nth-child(1) p {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-groupMember .tableBody .td:nth-child(2) {
  width: 90px;
  color: #8C95A3;
}
.apnTable.-groupMember .tableBody .td:nth-child(2) i {
  display: block;
  font-size: 1.42857rem;
}
.apnTable.-groupMember .tableBody .td:nth-child(2) span.remove {
  font-size: 0.71429rem;
}
.apnTable.-applicationStatus {
  border: 1px solid #DDDDDF;
}
.apnTable.-applicationStatus .tableHead {
  background-color: #F3F3F4;
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-applicationStatus .tableHead .tr .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-applicationStatus .tableHead .tr .th:nth-of-type(1) {
  width: calc(100% - 200px);
  border-right: 1px solid #DDDDDF;
}
.apnTable.-applicationStatus .tableHead .tr .th:nth-of-type(2) {
  width: 200px;
}
.apnTable.-applicationStatus .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-applicationStatus .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-applicationStatus .tableBody .tr .td:nth-of-type(1) {
  width: calc(100% - 200px);
  padding: 20px 15px;
  border-right: 1px solid #DDDDDF;
}
.apnTable.-applicationStatus .tableBody .tr .td:nth-of-type(1) p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
}
.apnTable.-applicationStatus .tableBody .tr .td:nth-of-type(2) {
  width: 200px;
  padding: 20px 0;
  line-height: 40px;
  text-align: center;
}
.apnTable.-icrequestTable {
  width: max-content;
}
.apnTable.-icrequestTable .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.apnTable.-icrequestTable .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-icrequestTable .tableHead .th:nth-child(1) {
  min-width: 300px;
  max-width: 300px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #DDDDDF;
}
.apnTable.-icrequestTable .tableHead .th:nth-child(2) {
  width: 320px;
}
.apnTable.-icrequestTable .tableHead .th:nth-child(3), .apnTable.-icrequestTable .tableHead .th:nth-child(4), .apnTable.-icrequestTable .tableHead .th:nth-child(5), .apnTable.-icrequestTable .tableHead .th:nth-child(6), .apnTable.-icrequestTable .tableHead .th:nth-child(7) {
  width: 130px;
}
.apnTable.-icrequestTable .tableBody .apnInputGroup {
  margin-bottom: 0;
}
.apnTable.-icrequestTable .tableBody .apnInputGroup .input-group {
  margin-right: 10px;
  width: 30px;
}
.apnTable.-icrequestTable .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-icrequestTable .tableBody .tr .th:nth-child(1),
.apnTable.-icrequestTable .tableBody .tr .td:nth-child(1) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-icrequestTable .tableBody .tr .td:nth-child(1) {
  min-width: 300px;
  max-width: 300px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #ffffff;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(1) {
  padding: 10px 15px;
  width: 300px;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(1) .avatar {
  width: 36px;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(1) .avatar img {
  width: 36px;
  height: 36px;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(1) .name {
  margin-left: 10px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-icrequestTable .tableBody .td:nth-child(1) .name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 180px;
  margin-left: 0;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(1) .name i {
  color: #F39800;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(2) {
  min-width: 320px;
  max-width: 320px;
  padding: 10px;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(2) p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(3), .apnTable.-icrequestTable .tableBody .td:nth-child(4), .apnTable.-icrequestTable .tableBody .td:nth-child(5), .apnTable.-icrequestTable .tableBody .td:nth-child(6), .apnTable.-icrequestTable .tableBody .td:nth-child(7) {
  min-width: 130px;
  max-width: 130px;
  padding: 9px 0;
}
.apnTable.-icrequestTable .tableBody .td:nth-child(4) time, .apnTable.-icrequestTable .tableBody .td:nth-child(5) time, .apnTable.-icrequestTable .tableBody .td:nth-child(6) time, .apnTable.-icrequestTable .tableBody .td:nth-child(7) time {
  margin: auto;
  text-align: center;
}
.apnTable.-icrequestTable .tableBody .td p {
  margin: auto;
}
.apnTable.-icrequestTable .tableBody .tr:hover .td {
  background-color: #f4fbfd;
  cursor: pointer;
}
.apnTable#contractListSortTable {
  border-bottom: none;
  border-collapse: collapse;
}
.apnTable#contractListSortTable thead {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable#contractListSortTable thead th {
  padding: 0;
  border-bottom: none;
  font-weight: normal;
}
.apnTable#contractListSortTable thead th.sorting_asc {
  background-image: url("/static/images/companypage/sort_asc.png");
}
.apnTable#contractListSortTable thead th.sorting_desc {
  background-image: url("/static/images/companypage/sort_desc.png");
}
.apnTable#contractListSortTable thead th.sorting {
  background-image: url("/static/images/companypage/sort_both.png");
}
.apnTable#contractListSortTable thead td {
  padding: 0;
  border-bottom: none;
  font-weight: normal;
}
.apnTable#contractListSortTable tbody tr {
  background-color: #ffffff;
}
.apnTable#contractListSortTable tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable#contractListSortTable tbody tr.-deleted {
  opacity: 0.8;
}
.apnTable#contractListSortTable tbody tr .preview {
  width: 130px;
}
.apnTable#contractListSortTable tbody tr .preview p {
  margin: auto;
  color: #F39800;
}
.apnTable#contractListSortTable tbody tr .preview p i {
  margin-right: 5px;
}
.apnTable#contractListSortTable tbody tr .preview p.-noLink {
  color: #DDDDDF;
}
.apnTable#contractListSortTable tbody tr td {
  text-align: center;
  padding: 15px;
}
.apnTable#contractListSortTable tbody tr td p {
  margin: auto;
}
.apnTable#contractListSortTable tbody tr td:nth-child(1) {
  max-width: 350px;
}
@media (max-width: 1200px) {
  .apnTable#contractListSortTable tbody tr td:nth-child(1) {
    max-width: 230px;
  }
}
.apnTable#contractListSortTable tbody tr td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable#contractListSortTable tbody tr td:nth-child(1) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable#contractListSortTable tbody tr td:nth-child(2) {
  width: 250px;
}
.apnTable#contractListSortTable tbody tr td:nth-child(3) {
  width: 250px;
  padding: 20px 15px;
}
.apnTable#contractListSortTable tbody tr td:nth-child(3) p {
  margin: auto;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable#contractListSortTable tbody tr td:nth-child(4) {
  width: 150px;
}
.apnTable#contractListSortTable tbody tr td:nth-child(4) p {
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-releaseInformation {
  background: #ffffff;
  border-radius: 5px 5px 0 0;
}
.apnTable.-releaseInformation .tableHead {
  border-bottom: 1px solid #DDDDDF;
  line-height: 35px;
}
.apnTable.-releaseInformation .tableHead .tr {
  padding: 0 15px;
  font-weight: bold;
}
.apnTable.-releaseInformation .tableHead .tr .th:nth-of-type(1) {
  width: calc(100% - 85px);
  color: #5D6175;
}
.apnTable.-releaseInformation .tableHead .tr .th:nth-of-type(2) {
  width: 85px;
}
.apnTable.-releaseInformation .tableHead .tr .th:nth-of-type(2) a {
  color: #F39800;
}
.apnTable.-releaseInformation .tableBody .tr {
  padding: 15px;
}
.apnTable.-releaseInformation .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-releaseInformation .tableBody .tr .td {
  line-height: 20px;
}
.apnTable.-releaseInformation .tableBody .tr .td.-label {
  width: 110px;
}
.apnTable.-releaseInformation .tableBody .tr .td.-data {
  width: 95px;
  font-size: 0.85714rem;
  text-align: center;
}
.apnTable.-releaseInformation .tableBody .tr .td.-title {
  width: calc(100% - (110px + 95px));
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-releaseInformation .tableBody .tr.-new .td.-title:before {
  content: "NEW!";
  color: #F34F00;
}
.apnTable.-applicant .tableHead {
  background-color: #F3F3F4;
  border: 1px solid #DDDDDF;
}
.apnTable.-applicant .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-applicant .tableHead .th:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-applicant .tableHead .th:nth-child(1) {
  width: 320px;
}
.apnTable.-applicant .tableHead .th:nth-child(2) {
  width: calc(100% - (320px + 150px + 100px));
}
.apnTable.-applicant .tableHead .th:nth-child(3) {
  width: 150px;
}
.apnTable.-applicant .tableHead .th:nth-child(4) {
  width: 100px;
}
.apnTable.-applicant .tableBody {
  border: 1px solid #DDDDDF;
  border-top: none;
}
.apnTable.-applicant .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-applicant .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-applicant .tableBody .td {
  text-align: center;
  padding: 15px;
}
.apnTable.-applicant .tableBody .td:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-applicant .tableBody .td:nth-child(1) {
  width: 320px;
}
.apnTable.-applicant .tableBody .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-applicant .tableBody .td:nth-child(1) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-applicant .tableBody .td:nth-child(2) {
  width: calc(100% - (320px + 150px + 100px));
}
.apnTable.-applicant .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-applicant .tableBody .td:nth-child(3) {
  width: 150px;
}
.apnTable.-applicant .tableBody .td:nth-child(4) {
  width: 100px;
}
.apnTable.-applicant .tableBody .td p {
  margin: auto;
}
.apnTable.-applicant-line .tableHead {
  background-color: #F3F3F4;
  border: 1px solid #DDDDDF;
}
.apnTable.-applicant-line .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-applicant-line .tableHead .th:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-applicant-line .tableHead .th:nth-child(1) {
  width: 320px;
}
.apnTable.-applicant-line .tableHead .th:nth-child(2) {
  width: calc(100% - (320px + 150px + 100px + 100px));
}
.apnTable.-applicant-line .tableHead .th:nth-child(3) {
  width: 150px;
}
.apnTable.-applicant-line .tableHead .th:nth-child(4) {
  width: 100px;
}
.apnTable.-applicant-line .tableHead .th:nth-child(5) {
  width: 100px;
}
.apnTable.-applicant-line .tableBody {
  border: 1px solid #DDDDDF;
  border-top: none;
}
.apnTable.-applicant-line .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-applicant-line .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-applicant-line .tableBody .td {
  text-align: center;
  padding: 15px;
}
.apnTable.-applicant-line .tableBody .td:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-applicant-line .tableBody .td:nth-child(1) {
  width: 320px;
}
.apnTable.-applicant-line .tableBody .td:nth-child(1) .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-applicant-line .tableBody .td:nth-child(1) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-applicant-line .tableBody .td:nth-child(2) {
  width: calc(100% - (320px + 150px + 100px + 100px));
}
.apnTable.-applicant-line .tableBody .td:nth-child(2) p {
  margin: auto auto auto 0;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-applicant-line .tableBody .td:nth-child(3) {
  width: 150px;
}
.apnTable.-applicant-line .tableBody .td:nth-child(4) {
  width: 100px;
}
.apnTable.-applicant-line .tableBody .td:nth-child(5) {
  width: 100px;
}
.apnTable.-applicant-line .tableBody .td:nth-child(5) a {
  display: block;
  margin: 0 auto;
  align-self: center;
}
.apnTable.-applicant-line .tableBody .td p {
  margin: auto;
}
.apnTable.-avatarAlert .avatar {
  position: relative;
}
.apnTable.-avatarAlert .avatar.-alert:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("/static/images/companypage/ic_alert.svg");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.apnTable.-nameAlert .name.-alert p {
  padding-left: 23px;
  position: relative;
}
.apnTable.-nameAlert .name.-alert p:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("/static/images/companypage/ic_alert.svg");
  background-size: cover;
  position: absolute;
  top: 1.5px;
  left: 0;
}
.apnTable.-chief .tableHead .th:nth-child(1),
.apnTable.-chief .tableBody .td:nth-child(1) {
  width: calc(100% - (90px * 2));
}
.apnTable.-chief .tableHead .th:nth-child(2), .apnTable.-chief .tableHead .th:nth-child(3),
.apnTable.-chief .tableBody .td:nth-child(2),
.apnTable.-chief .tableBody .td:nth-child(3) {
  width: 90px;
}
.apnTable.-chief .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-chief .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-chief .tableBody .tr {
  background-color: #ffffff;
  line-height: 50px;
}
.apnTable.-chief .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-chief .tableBody .tr .td.-circle {
  padding-top: 5px;
}
.apnTable.-chief .tableBody .tr .td p {
  font-weight: bold;
  text-align: left;
  padding: 0 15px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-chief .tableBody .tr .td i {
  color: #F39800;
  font-size: 1.71429rem;
}
.apnTable.-group .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-group .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-group .tableBody .tr {
  background-color: #ffffff;
  line-height: 50px;
  padding: 0 15px;
}
.apnTable.-group .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-sms .tableHead .th:nth-of-type(1),
.apnTable.-sms .tableBody .td:nth-of-type(1) {
  width: 80px;
}
.apnTable.-sms .tableHead .th:nth-of-type(2),
.apnTable.-sms .tableBody .td:nth-of-type(2) {
  width: 140px;
}
.apnTable.-sms .tableHead .th:nth-of-type(3),
.apnTable.-sms .tableBody .td:nth-of-type(3) {
  width: calc(100% - (80px + (140px * 2)));
}
.apnTable.-sms .tableHead .th:nth-of-type(4),
.apnTable.-sms .tableBody .td:nth-of-type(4) {
  width: 140px;
}
.apnTable.-sms .tableHead {
  background-color: #F3F3F4;
  border: 1px solid #DDDDDF;
}
.apnTable.-sms .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-sms .tableHead .th:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-sms .tableBody {
  border: 1px solid #DDDDDF;
  border-top: none;
}
.apnTable.-sms .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-sms .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-sms .tableBody .tr .td {
  text-align: center;
  padding: 15px;
}
.apnTable.-sms .tableBody .tr .td:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-sms .tableBody .tr .td:nth-of-type(3), .apnTable.-sms .tableBody .tr .td:nth-of-type(4) {
  padding: 5px 15px;
}
.apnTable.-sms .tableBody .tr .td time {
  margin: auto;
}
.apnTable.-sms .tableBody .tr .td p {
  margin: 0 auto;
}
.apnTable.-sms .tableBody .tr .td p.detail {
  text-align: left;
  word-wrap: break-word;
}
.apnTable.-contractListSortTable {
  width: fit-content;
}
.apnTable.-contractListSortTable .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.apnTable.-contractListSortTable .tableHead .th {
  font-size: 0.85714rem;
  text-align: center;
  padding: 15px 0;
}
.apnTable.-contractListSortTable .tableHead .th:first-of-type {
  min-width: 250px;
  max-width: 250px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #DDDDDF;
}
.apnTable.-contractListSortTable .tableHead .th:not(:first-of-type) {
  min-width: 150px;
}
.apnTable.-contractListSortTable .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-contractListSortTable .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-contractListSortTable .tableBody .tr.-deleted * {
  opacity: 0.8;
}
.apnTable.-contractListSortTable .tableBody .tr .preview {
  width: 130px;
}
.apnTable.-contractListSortTable .tableBody .tr .preview p {
  margin: auto;
  color: #F39800;
}
.apnTable.-contractListSortTable .tableBody .tr .preview p i {
  margin-right: 5px;
}
.apnTable.-contractListSortTable .tableBody .tr .preview p.-noLink {
  color: #DDDDDF;
}
.apnTable.-contractListSortTable .tableBody .tr .th:first-of-type,
.apnTable.-contractListSortTable .tableBody .tr .td:first-of-type {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-contractListSortTable .tableBody .tr .td {
  text-align: center;
}
.apnTable.-contractListSortTable .tableBody .tr .td p {
  margin: auto;
}
.apnTable.-contractListSortTable .tableBody .tr .td:first-of-type {
  min-width: 250px;
  max-width: 250px;
  padding: 15px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #ffffff;
}
.apnTable.-contractListSortTable .tableBody .tr .td:first-of-type .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-contractListSortTable .tableBody .tr .td:first-of-type .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-contractListSortTable .tableBody .tr .td:first-of-type .kana {
  font-size: 10px;
}
.apnTable.-contractListSortTable .tableBody .tr .td:not(:first-of-type) {
  min-width: 150px;
  padding: 15px 0;
}
.apnTable.-contractListSortTable .tableBody .tr .td:not(:first-of-type) p {
  margin: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-fjShopListTable {
  width: fit-content;
}
.apnTable.-fjShopListTable .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.apnTable.-fjShopListTable .tableHead .th {
  font-size: 0.85714rem;
  text-align: center;
  padding: 15px 0;
}
.apnTable.-fjShopListTable .tableHead .th:first-of-type {
  min-width: 250px;
  max-width: 250px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #DDDDDF;
}
.apnTable.-fjShopListTable .tableHead .th:not(:first-of-type) {
  min-width: 150px;
}
.apnTable.-fjShopListTable .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-fjShopListTable .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-fjShopListTable .tableBody .tr.-deleted * {
  opacity: 0.8;
}
.apnTable.-fjShopListTable .tableBody .tr .preview {
  width: 130px;
}
.apnTable.-fjShopListTable .tableBody .tr .preview p {
  margin: auto;
  color: #F39800;
}
.apnTable.-fjShopListTable .tableBody .tr .preview p i {
  margin-right: 5px;
}
.apnTable.-fjShopListTable .tableBody .tr .preview p.-noLink {
  color: #DDDDDF;
}
.apnTable.-fjShopListTable .tableBody .tr .th:first-of-type,
.apnTable.-fjShopListTable .tableBody .tr .td:first-of-type {
  border-right: 1px solid #DDDDDF;
}
.apnTable.-fjShopListTable .tableBody .tr .td {
  text-align: center;
}
.apnTable.-fjShopListTable .tableBody .tr .td p {
  margin: auto;
}
.apnTable.-fjShopListTable .tableBody .tr .td:first-of-type {
  min-width: 250px;
  max-width: 250px;
  padding: 15px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #ffffff;
}
.apnTable.-fjShopListTable .tableBody .tr .td:first-of-type .name {
  margin-left: 15px;
  width: calc(100% - (50px + 15px));
}
.apnTable.-fjShopListTable .tableBody .tr .td:first-of-type .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-fjShopListTable .tableBody .tr .td:first-of-type .kana {
  font-size: 10px;
}
.apnTable.-fjShopListTable .tableBody .tr .td:not(:first-of-type) {
  min-width: 150px;
  padding: 15px 0;
}
.apnTable.-fjShopListTable .tableBody .tr .td:not(:first-of-type) p {
  margin: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-preInfo .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-preInfo .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-preInfo .tableHead .th:nth-child(1) {
  width: 235px;
}
.apnTable.-preInfo .tableHead .th:nth-child(2) {
  width: calc(100% - 235px);
}
.apnTable.-preInfo .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-preInfo .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-preInfo .tableBody .td {
  padding: 0 15px;
}
.apnTable.-preInfo .tableBody .td p {
  margin-bottom: 0;
}
.apnTable.-preInfo .tableBody .td p.tags {
  margin-top: 10px;
}
.apnTable.-preInfo .tableBody .td:nth-child(1) {
  width: 235px;
  line-height: 80px;
  font-weight: bold;
}
.apnTable.-preInfo .tableBody .td:nth-child(2) {
  width: calc(100% - 235px);
}
.apnTable.-mailSetting {
  border: 1px solid #DDDDDF;
}
.apnTable.-mailSetting .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
@media (min-width: 768px) {
  .apnTable.-mailSetting .tr {
    display: flex;
  }
}
.apnTable.-mailSetting .th {
  text-align: center;
  background-color: #F3F3F4;
  border-bottom: 1px solid #DDDDDF;
  line-height: 35px;
}
.apnTable.-mailSetting .th p {
  margin: auto;
}
@media (min-width: 768px) {
  .apnTable.-mailSetting .th {
    line-height: inherit;
    width: 200px;
    border-right: 1px solid #DDDDDF;
    border-bottom: none;
  }
}
.apnTable.-mailSetting .td {
  padding: 20px 15px;
  background-color: #ffffff;
}
.apnTable.-mailSetting .td .apnInputGroup:last-of-type {
  margin-bottom: 0;
}
.apnTable.-mailSetting .td .apnInputGroup .note {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .apnTable.-mailSetting .td {
    width: calc(100% - 200px);
  }
}
.apnTable.-offerList .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-offerList .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-offerList .tableHead .th:nth-child(1) {
  width: 90px;
}
.apnTable.-offerList .tableHead .th:nth-child(2) {
  width: calc(100% - (90px + 254px + 254px));
}
.apnTable.-offerList .tableHead .th:nth-child(3) {
  width: 254px;
}
.apnTable.-offerList .tableHead .th:nth-child(4) {
  width: 254px;
}
.apnTable.-offerList .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-offerList .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-offerList .tableBody .td {
  text-align: center;
  padding: 15px;
}
.apnTable.-offerList .tableBody .td p {
  margin: auto;
}
.apnTable.-offerList .tableBody .detailLink {
  width: 100%;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(1) {
  width: 90px;
  padding: 25px 0;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(1) img {
  height: 30px;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(1) p {
  line-height: 30px;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(2) {
  width: calc(100% - (90px + 254px + 254px));
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(2) .name {
  margin-left: 15px;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(2) .name p {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(3) {
  width: 254px;
  padding: 20px 15px;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(3) p {
  color: #2EA7E0;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(4) {
  width: 254px;
}
.apnTable.-offerList .tableBody .detailLink .td:nth-child(4) p {
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-standardShop .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-standardShop .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-standardShop .tableHead .th:nth-child(1) {
  width: calc(100% - (234px + 150px));
}
.apnTable.-standardShop .tableHead .th:nth-child(2) {
  width: 234px;
}
.apnTable.-standardShop .tableHead .th:nth-child(3) {
  width: 150px;
}
.apnTable.-standardShop .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-standardShop .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-standardShop .tableBody .td {
  padding: 15px;
}
.apnTable.-standardShop .tableBody .td p {
  margin-bottom: 0;
}
.apnTable.-standardShop .tableBody .td:nth-child(1) {
  width: calc(100% - (234px + 150px));
}
.apnTable.-standardShop .tableBody .td:nth-child(1) p {
  font-size: 1rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.apnTable.-standardShop .tableBody .td:nth-child(2) {
  width: 234px;
}
.apnTable.-standardShop .tableBody .td:nth-child(3) {
  width: 150px;
}
.apnTable.-standardShop .tableBody .td:nth-child(2) p, .apnTable.-standardShop .tableBody .td:nth-child(3) p {
  margin: auto;
  text-align: center;
}
.apnTable.-residencecard {
  margin-bottom: 0;
}
.apnTable.-residencecard .tableBody .td {
  padding: 0 0 10px;
}
.apnTable.-residencecard .tableBody .td:nth-child(1) {
  width: 300px;
}
.apnTable.-atsSettingList .tableHead {
  background-color: #DDDDDF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.apnTable.-atsSettingList .tableHead .th {
  font-size: 0.85714rem;
  line-height: 35px;
  text-align: center;
}
.apnTable.-atsSettingList .tableHead .th:nth-child(1) {
  min-width: 200px;
  max-width: 200px;
}
.apnTable.-atsSettingList .tableHead .th:nth-child(2) {
  width: calc(100% - (200px + (150px * 2)));
}
.apnTable.-atsSettingList .tableHead .th:nth-child(3) {
  min-width: 150px;
}
.apnTable.-atsSettingList .tableHead .th:nth-child(4) {
  min-width: 150px;
  max-width: 150px;
}
.apnTable.-atsSettingList .tableBody .tr {
  background-color: #ffffff;
}
.apnTable.-atsSettingList .tableBody .tr:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDF;
}
.apnTable.-atsSettingList .tableBody .tr .td:nth-child(1) {
  min-width: 200px;
  max-width: 200px;
}
.apnTable.-atsSettingList .tableBody .tr .td:nth-child(2) {
  width: calc(100% - (200px + (150px * 2)));
}
.apnTable.-atsSettingList .tableBody .tr .td:nth-child(3) {
  min-width: 150px;
}
.apnTable.-atsSettingList .tableBody .tr .td:nth-child(4) {
  min-width: 150px;
  max-width: 150px;
}
.apnTable.-atsSettingList .tableBody .tr:hover .td:nth-child(1) {
  text-decoration: underline;
}
.apnTable.-atsSettingList .tableBody .tr > .td {
  width: 80px;
}
.apnTable.-atsSettingList .tableBody .td {
  padding: 15px;
}
.apnTable.-atsSettingList .tableBody .td p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apnTable.-atsSettingList .tableBody .td:nth-child(1) p {
  font-weight: bold;
}
.apnTable.-atsSettingList .tableBody .td:nth-child(3), .apnTable.-atsSettingList .tableBody .td:nth-child(4) {
  text-align: center;
}
.apnTable.-atsSettingList .tableBody .td:nth-child(3) p, .apnTable.-atsSettingList .tableBody .td:nth-child(4) p {
  margin: auto;
}
.apnTable.-atsSettingList .tableBody .td:nth-child(3) i {
  color: #DDDDDF;
  font-size: 1.42857rem;
}
.apnTable.-atsSettingList .tableBody .td a {
  color: #F39800;
}
.apnTable.-atsSettingList .tableBody .td a:hover {
  text-decoration: underline;
}

.scheduleTitle {
  display: inline-block;
  height: 100px;
  width: 100%;
  position: relative;
}
.scheduleTitle .date {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 100px;
  font-weight: bold;
}
.scheduleTitle .date a {
  color: #3C4050;
}
.scheduleTitle .register {
  display: inline-block;
  position: absolute;
  right: 0;
}

table#schedule {
  border: 1px solid #DDDDDF;
}
table#schedule tr th {
  background-color: #DDDDDF;
  border-bottom: 1px solid #DDDDDF;
  line-height: 30px;
  text-align: center;
  width: 200px;
}
table#schedule tr th.today {
  background-color: #5D6175;
  color: #ffffff;
}
table#schedule tr th:not(:last-of-type) {
  border-right: 1px solid #F1F1F3;
}
table#schedule tr td {
  background-color: #ffffff;
  text-align: center;
  vertical-align: top;
  height: 55px;
  line-height: 25px;
  padding: 0 10px;
  width: 200px;
  border-bottom: 1px solid #DDDDDF;
}
table#schedule tr td:not(:last-of-type) {
  border-right: 1px solid #DDDDDF;
}
table#schedule tr td.past, table#schedule tr td.unselectable {
  line-height: 25px;
  background-color: #EEEEEE;
  color: #cccccc;
  text-decoration: line-through;
}
table#schedule tr td.plan {
  background-color: #E0F2FA;
  line-height: 25px;
}
table#schedule tr td.plan.past {
  background-color: #EEEEEE;
  line-height: 25px;
  text-decoration: blink;
}
table#schedule tr td.plan.past img {
  opacity: 0.5;
}
table#schedule tr td.plan .name {
  font-weight: bold;
}
table#schedule tr td.plan .candidate {
  color: #cccccc;
}
table#schedule tr td.other {
  background-color: #FDF0D9;
  line-height: 25px;
}
table#schedule tr td.candidate {
  background-color: #E0F2FA;
}
table#schedule tr td.checked {
  background-color: #E0F2FA;
}
table#schedule tr td.checked.delete {
  background-color: #ffffff;
}
table#schedule tr td.checking {
  background-color: #E0F2FA;
}

.alert-schedule {
  font-weight: bold;
  color: #F34F00;
}
.alert-schedule i {
  margin-right: 5px;
}

.scrollable_table {
  height: 600px;
  overflow-y: scroll;
}

table.bulksending_table {
  border: 1px solid #dddddf;
  width: 100%;
  background-color: #f3f3f4;
}
table.bulksending_table thead {
  width: 100%;
  border: 1px solid #dddddf;
}
table.bulksending_table thead tr {
  align-items: center;
}
table.bulksending_table thead tr th {
  padding: 15px 0;
}
table.bulksending_table thead tr th input[type="checkbox"] {
  width: 25px;
  height: 25px;
  margin: 0 20px;
}
table.bulksending_table thead tr th.candidate_name {
  width: 300px;
}
table.bulksending_table thead tr th.candidate_tag {
  width: 600px;
}
table.bulksending_table tbody {
  width: 100%;
}
table.bulksending_table tbody tr {
  border: 1px solid #dddddf;
  background-color: #ffffff;
  align-items: center;
}
table.bulksending_table tbody tr input[type="checkbox"] {
  width: 25px;
  height: 25px;
  align-self: center;
  margin: 0 20px;
}
table.bulksending_table tbody td.candidate_info {
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
table.bulksending_table tbody td.candidate_info .name {
  padding: 0 15px;
  font-weight: 400;
  font-size: 120%;
}
table.bulksending_table tbody td.candidate_info img.avatar {
  border-radius: 50%;
}

table.bulksending_log {
  border: 1px solid #dddddf;
  width: 100%;
}
table.bulksending_log thead tr th {
  padding: 15px 10px;
}
table.bulksending_log thead tr th.user {
  width: 130px;
}
table.bulksending_log thead tr th.sender {
  width: 150px;
}
table.bulksending_log thead tr th.receiver {
  width: 150px;
}
table.bulksending_log thead tr th.sent_at {
  width: 180px;
}
table.bulksending_log thead tr th.type {
  width: 80px;
}
table.bulksending_log tbody tr {
  border: 1px solid #dddddf;
  background-color: #ffffff;
}
table.bulksending_log tbody tr td {
  padding: 15px 10px;
}
table.bulksending_log tbody tr td.user {
  width: 130px;
}
table.bulksending_log tbody tr td.sender {
  width: 150px;
}
table.bulksending_log tbody tr td.receiver {
  width: 150px;
}
table.bulksending_log tbody tr td.sent_at {
  width: 180px;
}
table.bulksending_log tbody tr td.type {
  width: 80px;
}
table.bulksending_log tbody tr td.message_body {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.bulksending_log tbody tr:hover {
  background-color: #F4FBFD;
}

#receiver-modal-body {
  max-height: 600px;
  overflow-y: scroll;
}
#receiver-modal-body .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
  width: 50%;
  float: left;
}
#receiver-modal-body .wrapper p.receiver-name {
  margin: 0;
  padding: 0 15px;
  width: 150px;
}
#receiver-modal-body .wrapper img.receiver-img {
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  width: 50px;
  margin: 0 15px;
  background-color: #c2c2c2;
}

.ms-content-wrapper {
  display: flex;
  flex-direction: column;
}
.ms-content-wrapper #ms-subject-label {
  padding: 10px 0;
  font-weight: 700;
}
.ms-content-wrapper #ms-body-modal-subject {
  padding: 5px 10px;
  border: solid 0.5px;
}
.ms-content-wrapper #ms-body-modal-subject p {
  margin: 0;
}
.ms-content-wrapper #ms-body-label {
  padding: 10px 0;
  font-weight: 700;
}
.ms-content-wrapper #ms-body-modal-body {
  max-height: 600px;
  overflow-y: scroll;
}
.ms-content-wrapper #ms-body-modal-body textarea.ms-body {
  padding: 5px 10px;
  width: 100%;
  height: 600px;
  resize: none;
  border: solid 1px;
}

table.zoom_interview_table {
  border: 1px solid #dddddf;
  width: 100%;
  background-color: #f3f3f4;
}
table.zoom_interview_table thead {
  width: 100%;
  border: 1px solid #dddddf;
}
table.zoom_interview_table thead tr {
  align-items: center;
}
table.zoom_interview_table thead tr th {
  padding: 15px;
  font-weight: 800px;
}
table.zoom_interview_table tbody {
  width: 100%;
}
table.zoom_interview_table tbody tr {
  border: 1px solid #dddddf;
  background-color: #ffffff;
  align-items: center;
}
table.zoom_interview_table tbody tr input[type="checkbox"] {
  width: 25px;
  height: 25px;
  align-self: center;
  margin: 0 20px;
}
table.zoom_interview_table tbody td {
  padding: 15px 0;
  align-items: center;
}
table.zoom_interview_table tbody td .title {
  padding: 0 15px;
  font-weight: 400;
  font-size: 120%;
}
table.zoom_interview_table tbody td.time .copy_detail_button {
  margin: 0 15px;
  background-color: transparent;
  float: right;
  border: none;
  outline: none;
}
table.zoom_interview_table tbody td.time .copy_detail_button i {
  font-size: 150%;
}

div.zoom_interview_detail_modal #zoom_detail .title {
  font-size: 150%;
  font-weight: 900;
}
div.zoom_interview_detail_modal #zoom_detail .info {
  font-size: 120%;
  color: slategray;
}

.scrollable-table {
  width: 100%;
  max-height: 70vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-bottom: 30px;
}
.scrollable-table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.scrollable-table::-webkit-scrollbar-thumb {
  background-color: #dddddf;
}
.scrollable-table .current {
  color: #2EA7E0;
}
.scrollable-table td.fixed, .scrollable-table th.fixed {
  position: sticky;
  left: 0;
  z-index: 20;
  border-right: 1px solid #dddddf;
}
.scrollable-table td.fixed {
  background-color: #fff;
}
.scrollable-table th.fixed {
  background-color: #dddddf;
}
.scrollable-table table {
  width: 100%;
  max-width: none;
  table-layout: fixed;
}
.scrollable-table table thead tr {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #dddddf;
  border-radius: 5px 5px 0 0;
}
.scrollable-table table thead th {
  font-weight: normal;
}
.scrollable-table table thead th a:hover {
  color: #dc2626;
}
.scrollable-table table tbody tr {
  position: relative;
  background-color: #fff;
  transform: scale(1);
}
.scrollable-table table tbody tr:hover {
  background-color: #F4FBFD;
}
.scrollable-table table th {
  text-align: center;
  padding: 8px;
  font-size: 12px;
  max-width: 400px;
}
.scrollable-table table td {
  padding: 15px;
}
.scrollable-table table td.-center,
.scrollable-table table th.-center {
  text-align: center;
}
.scrollable-table table td.-right,
.scrollable-table table th.-right {
  text-align: right;
}
.scrollable-table .table-row-link {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
}

.display-name {
  display: grid;
  gap: 4px;
  font-weight: bold;
  padding-left: 16px;
}
.display-name .display-name__kana {
  font-size: 10px;
}

.adopt_status {
  display: grid;
  justify-items: center;
  gap: 4px;
  font-size: 10px;
}
.adopt_status img {
  max-width: 60px;
}

.sidebar-collapse {
  background: #3C4050;
}
.sidebar-collapse .nav li:not(.nav-header) {
  line-height: 70px;
}
.sidebar-collapse .nav li.active {
  background: #2EA7E0;
  border-left: none;
}
.sidebar-collapse .nav li.-currentActive {
  border-left: none;
}
.sidebar-collapse .nav li.-currentActive > a {
  background-color: #2EA7E0 !important;
  color: #ffffff;
}
.sidebar-collapse .nav li a {
  padding: 0 0 0 30px;
}
.sidebar-collapse .nav li a:hover {
  background: #2EA7E0;
}
.sidebar-collapse .nav li a i {
  font-size: 1.42857rem;
}
.sidebar-collapse .nav li a i.notification {
  position: relative;
}
.sidebar-collapse .nav li a i.notification::after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 10px;
  background-color: #6ff720;
  border-radius: 50%;
}
.sidebar-collapse .nav li .nav-label + span.arrow {
  position: absolute;
  top: 28px;
  margin: auto;
  width: 14px;
  height: 14px;
  right: 20px;
  float: inherit;
}
.sidebar-collapse .nav li .nav-second-level {
  padding-bottom: 80px;
}
.sidebar-collapse .nav li .nav-second-level.-management {
  padding-bottom: 0;
}
.sidebar-collapse .nav li .nav-second-level.-management .nav-second-block {
  padding: 0;
}
.sidebar-collapse .nav li .nav-second-block {
  padding-top: 15px;
}
.sidebar-collapse .nav li .second-navTitle {
  color: #8C95A3;
  display: block;
  padding-left: 20px;
  line-height: 30px;
  height: 30px;
}
.sidebar-collapse .nav li .second-nav {
  line-height: 30px;
  height: 30px;
  font-weight: bold;
}
.sidebar-collapse .nav li .second-nav a {
  display: block;
}
.sidebar-collapse .nav li .second-nav a:hover {
  color: #ffffff;
}
.sidebar-collapse .nav li .second-nav.active a {
  color: #ffffff;
}
.sidebar-collapse .nav .nav-header {
  padding: 20px 0;
  text-align: center;
  background-color: #ffffff;
  border-right: 1px solid #DDDDDF;
  background-image: none;
}
.sidebar-collapse .nav .nav-header .logo {
  height: 30px;
}

#page-wrapper .navbar .navbar-header {
  line-height: 70px;
  font-weight: bold;
}
#page-wrapper .navbar-fixed-top, #page-wrapper .navbar-static-top {
  height: 70px;
  padding-left: 40px;
  background-color: #ffffff;
  font-size: 1.14286rem;
  color: #5D6175;
}
@media screen and (max-width: 768px) {
  #page-wrapper .navbar-fixed-top, #page-wrapper .navbar-static-top {
    background-color: #3C4050;
    position: fixed;
    z-index: 1000;
  }
}
#page-wrapper .nav.navbar-top-links li a {
  color: #5D6175;
  padding: 10px 0;
}
#page-wrapper .nav.navbar-top-links li a i.bx {
  color: #5D6175;
}
#page-wrapper .nav.navbar-top-links li a i.bx-chevron-down {
  font-size: 1.71429rem;
  margin-left: -12px;
}
#page-wrapper .nav.navbar-top-links li.headerLink i {
  font-size: 1.71429rem;
  margin-right: 10px;
  margin-top: 5px;
}
#page-wrapper .nav.navbar-top-links li.dropdown {
  margin-left: 20px;
}
#page-wrapper .nav.navbar-top-links li.dropdown .apnHeaderDropdown {
  padding: 0;
  border-radius: 5px;
  width: 210px;
}
#page-wrapper .nav.navbar-top-links li.dropdown .apnHeaderDropdown li a {
  margin: 0;
  padding: 0 0 0 15px;
  border-radius: 0;
  line-height: 35px;
}
#page-wrapper .nav.navbar-top-links li.dropdown .apnHeaderDropdown li.dropdown-divider {
  margin: 0;
}
#page-wrapper .nav.navbar-top-links .header-company-user-info {
  margin: auto;
  text-align: end;
  font-size: 12px;
}

#page-wrapper .header-pc {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #page-wrapper .header-pc {
    display: none;
  }
}
#page-wrapper .header-pc .navbar-static-top {
  padding-left: 0;
}
#page-wrapper .header-sp {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
  /*チェックが入ったらもろもろ表示*/
}
@media screen and (min-width: 769px) {
  #page-wrapper .header-sp {
    display: none;
  }
}
#page-wrapper .header-sp .navbar-static-top {
  background-color: #3C4050;
  color: #ffffff;
  padding-left: 0;
}
#page-wrapper .header-sp .navbar-static-top a {
  color: #ffffff;
}
#page-wrapper .header-sp .navbar-static-top .logo {
  height: 30px;
  margin-left: 15px;
}
#page-wrapper .header-sp header {
  padding: 10px;
  background: skyblue;
}
#page-wrapper .header-sp #nav-drawer {
  position: relative;
}
#page-wrapper .header-sp .nav-unshown {
  display: none;
}
#page-wrapper .header-sp #nav-open {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.28571rem;
  cursor: pointer;
}
#page-wrapper .header-sp #nav-open i {
  line-height: 70px;
}
#page-wrapper .header-sp #nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
#page-wrapper .header-sp #nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 330px;
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}
#page-wrapper .header-sp #nav-content .nav-sp li:not(.nav-header) {
  line-height: 70px;
}
#page-wrapper .header-sp #nav-content .nav-sp li.active {
  background: #2EA7E0;
  border-left: none;
}
#page-wrapper .header-sp #nav-content .nav-sp li.active a {
  color: #ffffff !important;
}
#page-wrapper .header-sp #nav-content .nav-sp li.adminMenu {
  color: #8C95A3;
  font-size: 1rem;
  font-weight: bold;
}
#page-wrapper .header-sp #nav-content .nav-sp li.adminMenu .adminMenu-head, #page-wrapper .header-sp #nav-content .nav-sp li.adminMenu .adminMenu-second li {
  line-height: 40px;
}
#page-wrapper .header-sp #nav-content .nav-sp li.adminMenu .adminMenu-head {
  padding: 0 0 0 30px;
}
#page-wrapper .header-sp #nav-content .nav-sp li.adminMenu .adminMenu-head i {
  margin-right: 6px;
  font-size: 1.42857rem;
}
#page-wrapper .header-sp #nav-content .nav-sp li.adminMenu .adminMenu-second {
  list-style: none;
  padding-left: 0;
}
#page-wrapper .header-sp #nav-content .nav-sp li.adminMenu .adminMenu-second li a {
  padding-left: 60px;
  display: block;
}
#page-wrapper .header-sp #nav-content .nav-sp li.adminMenu .adminMenu-second li a:hover {
  background: #2EA7E0;
  color: #ffffff;
}
#page-wrapper .header-sp #nav-content .nav-sp li a {
  color: #8C95A3;
  padding: 0 0 0 30px;
  font-size: 1rem;
}
#page-wrapper .header-sp #nav-content .nav-sp li a:hover {
  background: #2EA7E0;
  color: #ffffff;
}
#page-wrapper .header-sp #nav-content .nav-sp li a i {
  font-size: 1.42857rem;
}
#page-wrapper .header-sp #nav-content .nav-sp li a i.notification {
  position: relative;
}
#page-wrapper .header-sp #nav-content .nav-sp li a i.notification::after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 10px;
  background-color: #6ff720;
  border-radius: 50%;
}
#page-wrapper .header-sp #nav-content .nav-sp li.nav-header {
  padding: 0;
  background: #ffffff;
}
#page-wrapper .header-sp #nav-content .nav-sp li.nav-header .nav-close-side {
  padding: 0;
  margin: 0 15px 0 0;
  height: 70px;
  cursor: pointer;
}
#page-wrapper .header-sp #nav-content .nav-sp li.nav-header .nav-close-side i {
  font-size: 2.28571rem;
  line-height: 70px;
  color: #8C95A3;
}
#page-wrapper .header-sp #nav-content .nav-sp li:not(.nav-header) {
  line-height: 50px;
}
#page-wrapper .header-sp #nav-content .nav-sp li.divider {
  height: 1px;
  background: #DDDDDF;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-label + span.arrow {
  position: absolute;
  top: 15px;
  margin: auto;
  width: 14px;
  height: 14px;
  right: 30px;
  float: inherit;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level {
  background: #F4FBFD;
  color: #8C95A3;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-block {
  font-size: 0.85714rem;
  padding-top: 10px;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-block .second-navTitle {
  padding-left: 20px;
  line-height: 30px;
  height: 30px;
  display: block;
  margin-top: 5px;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-block .second-nav {
  line-height: 30px;
  height: 30px;
  font-weight: bold;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-block .second-nav a {
  color: #8C95A3 !important;
  font-size: 0.85714rem;
  display: block;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-block .second-nav a:hover {
  background: inherit;
  color: inherit;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-block .second-nav.active a {
  color: #2EA7E0 !important;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-link a {
  display: block;
  color: #8C95A3 !important;
}
#page-wrapper .header-sp #nav-content .nav-sp .nav-second-level .nav-second-link.active a {
  color: #ffffff !important;
}
#page-wrapper .header-sp #nav-input:checked ~ #nav-close {
  display: block;
  /*カバーを表示*/
  opacity: .5;
}
#page-wrapper .header-sp #nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  /*中身を表示*/
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}

.metismenu .fa.arrow:before {
  content: "\f107";
}

.metismenu .active > a > .fa.arrow:before {
  content: "\f106";
}

@media screen and (max-width: 768px) {
  .header-timedExpression {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .header-timedExpression .header-pc {
    display: none;
  }
}
.header-timedExpression .header-pc .navbar-header-pre {
  width: 160px;
  padding-right: 40px;
  border-right: 1px solid #DDDDDF;
}
.header-timedExpression .header-pc .navbar-header-pre img {
  margin: 20px 0;
}
.header-timedExpression .header-pc .navbar-header {
  padding-left: 40px;
}
.header-timedExpression .header-pc .navbar-static-top {
  justify-content: flex-start;
}
.header-timedExpression .header-sp {
  height: 70px;
  padding-left: 12px;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .header-timedExpression .header-sp {
    display: none;
  }
}
.header-timedExpression .header-sp img {
  height: 30px;
  margin: 20px 0;
}

.bulk-sending-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bulk-sending-header .custom-select {
  width: 500px;
}
.bulk-sending-header .select-position-wrapper div#warning {
  color: #eb3c3c;
  width: auto;
  margin-left: 0;
  padding: 15px;
  border: 1px solid #ffffff;
  background-color: #e0f2fa;
}

.modal-footer button#reset {
  color: #ffffff;
  line-height: 40px;
  border-radius: 25px;
  width: 200px;
  line-height: 50px;
  font-size: 1.14286rem;
  margin: 30px auto;
  text-align: center;
  display: inline-block;
  border-width: 0;
  position: relative;
  background: #8C95A3;
  margin: 0 10px;
}
.modal-footer button.submit {
  color: #ffffff;
  border-radius: 25px;
  line-height: 40px;
  width: 200px;
  line-height: 50px;
  font-size: 1.14286rem;
  margin: 30px auto;
  text-align: center;
  display: inline-block;
  border-width: 0;
  position: relative;
  background: #DDDDDF;
  margin: 0 10px;
}

.loginContainer {
  padding: 120px 0;
}
.loginContainer .logo {
  margin: 0 auto 30px;
}
.loginContainer .logo img {
  height: 38px;
}
@media (max-width: 1000px) {
  .loginContainer .logo img {
    height: 25px;
  }
}
.loginContainer .loginCompany {
  font-size: 1.42857rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.loginContainer .loginCompany-position {
  font-size: 1.14286rem;
}
.loginContainer .loginNote {
  margin-bottom: 30px;
}
.loginContainer .loginedCheck {
  width: fit-content;
  margin: auto;
}
.loginContainer .forgottenPassword a {
  color: #F39800;
}
.loginContainer .forgottenPassword a i {
  font-size: 1.28571rem;
  font-weight: bold;
}

.mypageContainer .uploadAvatar {
  position: relative;
  width: 110px;
  height: 110px;
  margin: 0 auto 30px;
}
.mypageContainer .uploadAvatar .noImage, .mypageContainer .uploadAvatar .uploaded {
  width: 100%;
  height: 100%;
}
.mypageContainer .uploadAvatar .noImage i, .mypageContainer .uploadAvatar .uploaded i {
  line-height: 110px;
  font-size: 70px;
}
.mypageContainer .uploadAvatar .noImage img, .mypageContainer .uploadAvatar .uploaded img {
  width: 100%;
}
.mypageContainer .uploadAvatar .noImage {
  background-color: rgba(46, 167, 224, 0.5);
}
.mypageContainer .uploadAvatar .executeUpload {
  position: absolute;
  width: 38px;
  height: 38px;
  background: #2EA7E0;
  color: #ffffff;
  bottom: 0;
  right: 0;
  margin: auto;
}
.mypageContainer .mypageDetail {
  margin-bottom: 30px;
  font-weight: bold;
  color: #5D6175;
}
.mypageContainer .mypageDetail .name {
  margin-bottom: 10px;
  font-size: 1.42857rem;
}
.mypageContainer .mypageDetail .authority {
  margin-bottom: 30px;
}
.mypageContainer .mypageDetail .currentPassword {
  margin-bottom: 0;
  color: #8C95A3;
}

.tutorialBox {
  margin-top: 15px;
}
.tutorialBox-img {
  width: calc((100% - 60px) / 4);
  position: relative;
}
.tutorialBox-img img {
  width: 100%;
}
.tutorialBox-img:not(:last-of-type) {
  margin-right: 20px;
}
.tutorialBox-img:not(:last-of-type):after {
  content: "\e95b";
  font-family: boxicons !important;
  color: #F39800;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto;
  text-align: center;
}

.errorlist, .error {
  color: #F34F00;
  list-style: none;
  padding-left: 0;
  font-size: 0.85714rem;
}
.errorlist li, .error li {
  color: #F34F00;
}

.position-form #publishSetting #fixedInput, .position-form #publishSetting #rangeInput {
  margin-top: -30px;
}
.position-form #publishSetting #id_jobposting-employment_type + .errorlist {
  margin-top: -30px;
}

.apnInputGroup .input-group.-min input[type=number] {
  max-width: 205px;
  width: 205px;
}

.setBrandColors .pickers {
  min-width: 450px;
}

.preview .previewBox {
  max-width: 350px;
  min-width: 350px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #ffffff;
  overflow: hidden;
}
.preview .previewBox .header {
  padding: 0;
  background: var(--header--bkg-color);
  border-bottom: 2px solid var(--primary-color);
  height: 50px;
}
.preview .previewBox .header .headerLogo {
  margin: 10px 0 10px 12px;
  height: 30px;
  display: inline-block;
  width: 80px;
  background: gray;
}
.preview .previewBox .body .bodyContainer {
  padding: 20px;
}
.preview .previewBox .body .processProgress {
  display: flex;
}
.preview .previewBox .body .processProgress .process {
  width: 25%;
  background-color: #DDDDDF;
  font-size: 0.71429rem;
  line-height: 25px;
  position: relative;
  text-align: center;
}
.preview .previewBox .body .processProgress .process:not(:first-of-type):before {
  content: "";
  width: 0;
  height: 0;
  border-top: 12.5px solid transparent;
  border-bottom: 12.5px solid transparent;
  border-left: 12.5px solid #ffffff;
  position: absolute;
  left: 0;
  z-index: 2;
}
.preview .previewBox .body .processProgress .process:not(:last-of-type):after {
  content: "";
  width: 0;
  height: 0;
  border-top: 12.5px solid transparent;
  border-bottom: 12.5px solid transparent;
  border-left: 12.5px solid #DDDDDF;
  position: absolute;
  right: -11.5px;
  z-index: 3;
}
.preview .previewBox .body .processProgress .process.current {
  background-color: var(--primary-color);
  color: #ffffff;
}
.preview .previewBox .body .processProgress .process.current:not(:last-of-type):after {
  border-left: 12.5px solid var(--primary-color);
}
.preview .previewBox .body .apnQueryProgress {
  position: relative;
  margin-bottom: 40px;
  margin-top: 15px;
}
.preview .previewBox .body .apnQueryProgress .progressChip {
  position: absolute;
  top: -8px;
  left: 0;
  color: #8C95A3;
  background-color: #ffffff;
  border: 2px solid var(--secondary-color);
  border-radius: 25px;
  padding: 0px 5px;
  width: 65px;
  text-align: center;
}
.preview .previewBox .body .apnQueryProgress .progressChip .current {
  color: var(--secondary-color);
  font-size: 1.28571rem;
  font-weight: bold;
}
.preview .previewBox .body .apnQueryProgress .progress {
  margin-left: 60px;
}
.preview .previewBox .body .apnQueryProgress .progress .progress-bar {
  background-color: var(--secondary-color);
}
.preview .previewBox .body .previewLink span {
  text-decoration: underline;
  color: var(--primary-color);
}
.preview .previewBox .body .apnBtn-positive {
  background: var(--primary-color);
  color: #ffffff !important;
}
.preview .previewBox .body .apnBtn-positiveSec {
  background: #ffffff;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
}

.recruit-mail-preview {
  display: flex;
  flex-direction: column;
  border: solid 1px;
}
.recruit-mail-preview .mail-subject-wrapper .mail-subject {
  margin: 0;
  padding: 5px 10px;
  float: left;
}
.recruit-mail-preview .mail-body {
  margin: 0;
  padding: 5px 10px;
}
.recruit-mail-preview .mail-body textarea {
  width: 100%;
  height: 300px;
  border: transparent;
}

.recruit-mail-history {
  display: flex;
  flex-direction: column;
  border: solid 1px;
}
.recruit-mail-history .mail-subject-wrapper .mail-subject {
  margin: 0;
  padding: 5px 10px;
  float: left;
}
.recruit-mail-history .mail-body {
  margin: 0;
  padding: 5px 10px;
}
.recruit-mail-history .mail-body textarea {
  width: 100%;
  height: 300px;
  border: transparent;
}
